@-ms-viewport {
  width: device-width;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}
/* XS Devices */
@media (max-width: 767px) {
    .visible-xs {
    display: block !important;
    }
    table.visible-xs {
    display: table;
    }
    tr.visible-xs {
    display: table-row !important;
    }
    th.visible-xs,
    td.visible-xs {
    display: table-cell !important;
    }

    html {
      background:#1b1a2c url(/images/bg_body.gif) repeat-x top;
    }

    body {
        background: url(/images/bg_wrapper.jpg) left top no-repeat;
        padding:0 15px 15px 15px;
    }

    #wrapper {
        background: none;
        margin:auto;
        padding:0;
        width:100%;
    }

    .navMobileTrigger {
      background:rgba(22,35,64,0.9);
      border-radius:5px;
      color:#ccc;
      font-size:16px;
      float:right;
      margin:-40px 0 0px 0;
      padding:3px 5px;
      text-transform: uppercase;
    }

    .navMobile a {
      color:#fff;
    }
      .navMobileItems {
        background:rgba(22,35,64,0.9);
        border-radius:5px;
        clear:right;
        float:right;
        margin:-15px 0 10px 0;
        padding:10px 10px 0 20px;
      }
      .navMobileItems li {
        clear:both;
        float:right;
        font-size:16px;
        list-style: none;
        margin:0 0 20px 0;
        text-align: right;
        text-transform: uppercase;
      }
        .navMobileItems li a {
          color: #d9b45f;
        }

    h1 {
        font-size:36px;
        margin:80px 0 20px 0;
        padding:0;
    }
        h1 span {
            display:block;
            font-size:20px;
            padding-top:5px;
            padding-left:0;
        }

    #slideshow {
        width:100%;
    }

    #slideshow .slides ul {
        width:100%;
    }

    #slideshow .slides li {
        border-top:1px solid #1e3259;
        margin:0 0 0 0;
        padding:20px 0 20px 0;
        width:100%;
    }
    #slideshow .slides li:last-child {
      padding-bottom:0;
    }

    .feature img {
      border-radius:20px;
      margin:0 0 10px 0;
      padding:0;
      height:241px;
      width:290px;
    }

    .feature h2 {
        font-size:22px;
        width:100%;
    }

    .feature p {
        width:100%;
    }
    .feature .slide-text {
        clear:left;
        width:100%;
    }

    #slides-nav-container {
        display:none;
    }

    #sideMenu {
        display:none;
    }
    .tagMenu {
      padding:0;
      position:static;
      width:100%;
    }
    .tags-media, .tags-topics {
      float:left;
      width:45%;
    }
    .tags-topics {
      margin-left:20px;
    }
    .tagMenu h3 {
      font-size:20px;
    }
    .tagMenu li {
      font-size:16px;
    }

  div.subFeatures {
    padding-top:0;
  }

    #subFeatureD {
        display:none;
    }

    .subFeatures, #subFeatureA {
      width:100%;
    }

  .subFeatures h4 {
    font-size:18px;
    line-height:1.3em;
    margin-top:20px;
  }

  .subFeatures h6 {
    font-size:14px;

    margin-top:10px;
  }
  .subFeatures p {
    font-size:14px;
    }

    #subFeatureA img {
      border:1px solid #1e3259;
      border-radius: 10px;
      float:none;
      margin:0 10px 0 0;
    }

  div#tier2WrapperContent {
    background:#1b1a2c url(/images/bg_tier2content.gif) top left repeat-x;
    background:transparent;
    margin:0;
    padding:0;
    width:100%;
  }

  div#tier2intro {
    width:100%;
  }

  div#tier2wide {
    width:100%;
  }

  div#tier2generalContent {
    float:left;
    margin:36px 20px 0 0;
    width:100%;
  }

  div#tier2sidebar {
    float:left;
    width:100%;
  }

  div.tier2listImageDescription {
    width:100%;
  }

  .media {
    width:100%;
  }

  .media img {
    width:100%;
  }

  .media-full img {
    float:left !important;
    margin:0 0 10px 0 !important;
    width:100%;
  }

}

/************ SM / TABLET PORTRAIT ***************/

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }

    body {
        padding:0 15px 15px 15px;
    }

    #wrapper {
        margin:auto;
        padding:0;
        width:100%;
    }

    h1 {
      margin-left:0;
    }

    .navMobileTrigger {
      background:rgba(22,35,64,0.9);
      border-radius:5px;
      color:#ccc;
      font-size:16px;
      float:right;
      margin:10px 0 10px 0;
      padding:5px 8px;
      text-transform: uppercase;
    }

    .JboxTablet {
      position: relative;
    }

    .navMobile a {
      color:#fff;
    }
      .navMobileItems {
        background:rgba(22,35,64,0.9);
        border-radius:5px;
        clear:both;
        float:right;
        padding:10px 10px 0 10px;
        position:absolute;
        top:50px;
        right:15px;
        z-index: 100000;
      }
      .navMobileItems li {
        clear:both;
        float:right;
        font-size:16px;
        list-style: none;
        margin:0 0 20px 0;
        padding-right:5px;
        text-align: right;
        text-transform: uppercase;
      }
        .navMobileItems li a {
          color: #d9b45f;
        }
    div#featureContainer {
      width:100%;
    }

    #slideshow {
        width:100%;
    }

    #slideshow .slides ul {
        width:100%;
    }

    #slideshow .slides li {
        border-top:1px solid #1e3259;
        margin:0 0 0 0;
        width:100%;
    }

    .feature img {
      float:left;
      height:241px;
      width:290px;
    }

    .feature .slide-text {
    }

    .feature h2 {
      font-size: 22px;
    }

    #sideMenu {
        display:none;
    }

  div.subFeatures {
    margin-top:-20px;
    padding-top:0;
  }

    .tagMenu {
      float:left;
      padding:20px 0 0 0;
      position:static;
      width:100%;
    }
    .tags-media, .tags-topics {
      float:left;
      margin-bottom:20px;
      width:100%;
    }
    .tagMenu h3 {
      font-size:20px;
    }
    .tagMenu li {
      border-bottom:none;
      border-right:1px solid #d9b45f;
      float:left;
      font-size:16px;
      margin:10px 0;
      padding:0 20px 0 20px;
    }
    .tagMenu li:first-child {
      padding-left:0;
    }
    .tagMenu li:last-child {
      border:none;
    }

    #subFeatureD {
        display:none;
    }

    .subFeatures {
      width:100%;
    }

    #subFeatureA {
      float:left;
      width:50%;
    }

    #subFeatureB {
      float:left;
      width:40%;
    }

    #subFeatureC {
      width:45%;
    }

  .subFeatures h4 {
    font-size:18px;
    line-height:1.3em;
    margin-top:20px;
  }

  .subFeatures h6 {
    font-size:14px;

    margin-top:10px;
  }
  .subFeatures p {
    font-size:16px;
    }

    #subFeatureA img {
      border:1px solid #1e3259;
      border-radius: 10px;
      float:none;
      margin:0 10px 0 0;
    }

  div#tier2WrapperContent {
    background:#1b1a2c url(/images/bg_tier2content.gif) top left repeat-x;
    background:transparent;
    margin:0;
    padding:0;
    width:100%;
  }

  div#tier2intro {
    width:100%;
  }

  div#tier2wide {
    width:100%;
  }

  div#tier2generalContent {
    float:left;
    margin:36px 20px 0 0;
    width:100%;
  }

  img.tier2listImage {
    width:15%;
  }

  div.tier2listImageDescription {
    width:80%;
  }

}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}
@media print {
  .visible-print {
    display: block !important;
  }
  table.visible-print {
    display: table;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}
@media print {
  .hidden-print {
    display: none !important;
  }
}
