/* ----------- iPhone 4 and 4S ----------- */

/* Portrait and Landscape */
@media only screen
  and (min-device-width: 320px)
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* Portrait */
@media only screen
  and (min-device-width: 320px)
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
}

/* Landscape */
@media only screen
  and (min-device-width: 320px)
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {

}
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------- iPhone 5 and 5S ----------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/*--------------------------------------------------------------------------------------Portrait and Landscape----------------------------------------------------------------------------------------- */
@media only screen
  and (min-device-width: 320px)
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2) {

    *, *::after, *::before {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
    }
    *::after, *::before {
      content: '';
    }
    body {
      background: #333;
    }
    section img {
      border: 4px solid #333;
    }
    .swiper-button-next, .swiper-button-prev, .swiper-pagination, .blank, .colored{
      display: none !important;
    }
    ul.floater li a {
      font-size: 14px;
    }
    a.homeButton {
      display: none !important;
    }
    #section1::before, #section2::before, #section3::before, #section4::before {
      display: none;
      }
    }




/*-------------------------------------------------------------------------- iPhone 5 and 5S / Portrait ------------------------------------------------------------------------------------------------*/
@media only screen
  and (min-device-width: 320px)
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {

body {
  background: #333;
  }

.top {
  height: 95px;
  position: fixed;
  top: 0;
  background: #333;
  z-index: 100;
  width: 100%;
  margin-top: -30px;
  }
.header {
  width: 100% ;
  }
.logoTag {
  font-size: 24px;
  float: left;
  margin-top: 5px;
  padding-left: 50px;
  }
.branding .site-name{
  width: 55%;
  float: left;
  margin: 0;
  }
  #show, #hide {
  display: none !important;
  }
.section-menu {
  position: fixed;
  right: 0;
  top:50px;
  width: 100%;
  background: #333;
}
ul.floater{
  margin: 0;
  width: 100%;
  max-width: 100%;
}
ul.floater li a {
  margin-top: -15px;
}
.swiper-container {
  top: 80px;
  position: absolute;
  right: 0;
}
.slide1, .slide2, .slide3, .slide4 {
  background-repeat: no-repeat;
  background-size: auto 100%;
}

.slide1, .slide3 {
  background-position: 80% 0%;
}
.slide2 {
  background-position: 0% 0%;
}
.slide4 {
  background-position: 40% 0%;
}
.slide-caption h2 {
  font-size: 30px;
  line-height: 44px;
  letter-spacing: 0px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.slide-caption h3 {
    margin: -5px 0 5px 0;
    font-size: 28px;
}
.lrn-more{
}
.slide-caption {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  margin-top: 100%;

  }
section {
  width: 100%;
  padding-top: 155%;
  }

#section1, #section2, #section3, #section4 {
  float: left;
  clear: both;
  padding-top: 100px;
  }

.section-content {
    width: 100%;
    margin: 0;
}
.section-content h2 {
    left: 10px !important;
    top:-20px;
    font-size: 24px;
    line-height: 24px;
    text-align: left;
}

.cover_lft {
  height: 50px !important;
  max-height: 50px !important;
  min-height: 50px !important;
  margin: 0 !important;

}
.five, .ten, .fifteen, .twenty, .thirty, .forty, .fifty, .seventy, .ninety, .hundred{
    width: 100%;
  }
.cd-top{
  bottom: 0;
  left: 33%;
  width: 100px;
  height: 35px;
  border-radius: 75% 75% 0 0;
  }
.copyright {
  padding: 2px 0 0 0;
  }
}

/*-------------------------------------------------------------------------- iPhone 5 and 5S / Landscape ----------------------------------------------------------------------------------------------*/
@media only screen
  and (min-device-width: 320px)
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
    .top, .swiper-container, .cover_lft, #slideUp, #slideDown, .media  {
      display: none;
      }


    .five, .ten, .fifteen, .twenty, .thirty, .forty, .fifty, .seventy, .ninety, .hundred{
        width: 100%;
      }
      .cd-top {
        border-radius: 0;
        height: 55px;
        width: 55px;
        left: 0px;
      }
}
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------ iPhone 6 --------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------Portrait and Landscape ------------------------------------------------------------------------------------------------*/
@media only screen
  and (min-device-width: 375px)
  and (max-device-width: 667px)
  and (-webkit-min-device-pixel-ratio: 2) {

    *, *::after, *::before {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
    }
    *::after, *::before {
      content: '';
    }
    body {
      background: #333;
    }
    .five, .ten, .fifteen, .twenty, .thirty, .forty, .fifty, .seventy, .ninety, .hundred{
        width: 100%;
      }
    section img {
        border: 4px solid #333;
      }
    #section1::before, #section2::before, #section3::before, #section4::before {
        display: none;
        }
}

/*---------------------------------------------------------------------------iPhone 6  Portrait------------------------------------------------------------------------------------------------------- */
@media only screen
  and (min-device-width: 375px)
  and (max-device-width: 667px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {

ul.floater {
      margin: 0 0 0 22px;
    }

.cd-top{
  bottom: 0;
  left: 36.5%;
  }
  .cover_lft {
    height: 50px !important;
    max-height: 50px !important;
    min-height: 50px !important;
    margin: 0 !important;

  }
.copyright {
  padding: 2px 0 0 0;
  }
}

/* --------------------------------------------------------------------------iPhone 6 Landscape ---------------------------------------------------------------------------------------------------------*/
@media only screen
  and (min-device-width: 375px)
  and (max-device-width: 667px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {

    .top, .swiper-container, .cover_lft, #slideUp, #slideDown, .media {
      display: none;
      }

    a.homeButton {
      display: none !important;
    }
    .section-menu {
      margin: -35px -30px 0 0;
    }
    ul.floater {
      height: auto;
    }
    .cd-top {
      border-radius: 0;
      height: 55px;
      width: 55px;
      left: 0px;
    }
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------- iPhone 6+ ----------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/*--------------------------------------------------------------------------------------Portrait and Landscape----------------------------------------------------------------------------------------- */

@media only screen
  and (min-device-width: 414px)
  and (max-device-width: 736px)
  and (-webkit-min-device-pixel-ratio: 3) {
    body {
      background: #333;
    }
    .five, .ten, .fifteen, .twenty, .thirty, .forty, .fifty, .seventy, .ninety, .hundred{
        width: 100%;
      }
      section img {
        border: 4px solid #333;
      }
      .swiper-pagination {
        display: none;
      }
      body {
        background: #333;
      }
      section img {
        border: 4px solid #333;
      }

      #section1::before, #section2::before, #section3::before, #section4::before {
        display: none;
        }
}

/*--------------------------------------------------------------------------------------iPhone 6+  Portrait ------------------------------------------------------------*/
@media only screen
  and (min-device-width: 414px)
  and (max-device-width: 736px)
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) {

    .cover_lft {
      height: 50px !important;
      max-height: 50px !important;
      min-height: 50px !important;
      margin: 0 !important;

    }

}

/*--------------------------------------------------------------------------------------iPhone 6+   Landscape -------------------------------------------------------*/
@media only screen
  and (min-device-width: 414px)
  and (max-device-width: 736px)
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) {

    .top, .swiper-container, .cover_lft, #slideUp, #slideDown, .media{
      display: none;
      }

    .slide-caption h2 {
      margin-top: -70px;
      font-size: 60px;
      letter-spacing: -1px;
    }
    .slide-caption h3{
      margin: -80px 0 0 0;
    }
    .lrn-more {
      margin: 0;
    }
    .cd-top {
      border-radius: 0;
      height: 55px;
      width: 55px;
      left: 0px;
    }
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------- iPad mini --------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------- iPad mini / Portrait and Landscape--------------------------------------------------------------------------------- */
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (-webkit-min-device-pixel-ratio: 1) {

    *, *::after, *::before {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
    }
    *::after, *::before {
      content: '';
    }
    body {
      background: #333;
    }
    section img {
      border: 4px solid #333;
    }
    .cover_lft {
      height: 50px !important;
      max-height: 50px !important;
      min-height: 50px !important;
      margin: 0 !important;

    }
    .blank, .colored {
      display: none;
    }
    .five, .ten, .fifteen, .twenty, .thirty, .forty, .fifty, .seventy, .ninety, .hundred{
        width: 100%;
      }
    .top {
      background: #333;
      height: 120px !important;
      position: fixed;
      top: 0;
      z-index: 10;
    }
    .header{
      height: 70px !important;
      width: 100% !important;
    }
    .section-menu {
      top: 30px;
      right: -70px;
    }
    ul.floater {
      margin: 10px 0 0 70px;
    }
    ul.floater li {
    margin: 0 10px;
    }
    a.homeButton {
     display: none !important;
   }
    .swiper-container {
      margin-top: 120px;
      height: 100%;
    }
    .slide-caption{
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
    }
    .slide-caption h2{
      margin-bottom: 0px;
      font-size: 80px;
    }
    .slide-caption h3{
      margin: 0 0 30px 0;
    }
    .lrn-more {
      margin: 0;
    }
    .swiper-pagination {
      display: none;
    }
    .section-content h2 {
      font-size: 50px;
    }

    .section-content {
        width: 99%;
        margin: 0 auto;
    }
    .cd-top{
        bottom:45px;
        right: 5%;
       }
    .copyright {
      padding: 2px 0 0 0;
      }

}

/*-------------------------------------------------------------------------------- iPad mini /  Portrait ---------------------------------------------------------------------------------------------- */
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (orientation: portrait)
  and (-webkit-min-device-pixel-ratio: 1) {

    .swiper-container{
       height: 800px;
    }
    .swiper-slide{
       height: 800px;
    }
    .slide-caption {
      margin-top: 70%;
    }
}

/* ---------------------------------------------------------------------------------- iPad mini / Landscape--------------------------------------------------------------------------------------------- */
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (orientation: landscape)
  and (-webkit-min-device-pixel-ratio: 1) {

        .swiper-container {
    		    margin-top: 0 !important;
            padding-top: 100px !important;
            height: 710px;
        }
        .swiper-slide {
            height: 770px;
        }
        .slide-caption {
          margin-top: 40%;
        }
}