/*
@media (max-width: 1331px) { 
          .header,
          #menu {
                    background: gray;
                    background-color: #FFF;
          }
          
}


@media (max-width: 1000px) { 
          .header,
          #menu {
                    background: blue;
          }
}
 
@media (max-width: 768px) { 
          .header,
          #menu {
                    background: red;
          }
}
 
@media (max-width: 480px) { 
          .header,
          #menu {
                    background: green;
          }
}

@media (max-width: 320px) { 
          .header,
          #menu {
                    background: yellow;
          }
}

*/


/* responsive */

@media (max-width: 1331px) { 
          
          .inner {
                    width: 100%;
                    padding: 0 2em;
          }

          .page-id-8 #bg {
              height: auto;
          }

          .custom-controls-container {
              right: 16%;
          }


}
 
@media (max-width: 1000px) {


      .header {
        background: #FFF;
      }

      body {
          padding: 83px 0 0;
      }

      body.admin-bar {
          padding: 51px 0 0;
      }

      body.admin-bar .header {
        top: 32px;
      }

      #tagline {
        display: none;
      }

      #menu {
        display: none;
      }

      .menu .menu-item-1126 {
        display: block;
      }

      .logo {
          width: 100px;
          height: auto;
          margin: 0 0 0 20px;
      }

      .nav-toggle {
        margin: 0 20px 0 0;
      }

      .logo img {
          width: auto;
          height: 80px;
          padding: 10px 0;
          margin: 0;
      }

      #nav {
        width: 100%;
        height: auto;
        float: left;
        margin-left: 0;

      }

      .header {
          position: fixed;
          width: 100%;
          height: auto;
      }

      .headerContain {
        padding: 0;
      }

      .nav-toggle {
        display: block;
      }

      #menu {
        float: none;
        width: 100%;
        height: auto;
        margin: 0;
        position: absolute;
        left: 0;
        top: 83px;
        text-align: center;
      }

      .menu ul {
          width: 100%;
          margin-top: 0px;
      }

      .menu ul li {
          margin: 0 0 0.5em;
      }

      .menu {
          float: none;
          width: 100%;
          height: auto;
          margin-top: 0;
      }

      .menu-ne-menu-container {
        height: auto;
        padding: 10px 20px;
        margin: 0;
        background-color: #FFF;
      }

      .menu ul li a {
          font-size: 13px;
      }

      .menu ul.sub-menu {
          display: block;
      }

      .menu ul.sub-menu li {
          margin: 0 1em 0.25em;
      }

      #footerCopy {         
          text-align: center;
          padding: 20px;
      }

      #lionheart {
        padding: 20px;
        text-align: center;
        float: none;
        display: none;
      }

      .headline h1,
      .headline h2 {
          margin: 0;
          padding: 20px 0;
      }

      #bg .slide img, 
      .page .flexslider > ul > li img {
          display: block;
      }

      .home .flexslider > ul > li img {
          display: none;
      }

      .page #bg {
          height: auto;
      }

      .page-id-887 #bg {
          height: 100%;
      }

      .page-id-887 #bg .slide img, 
      .page-id-887 .flexslider > ul > li img {
          display: none;
      }

      .page-id-887 .headline {
            background-image: none;
            padding: 140px 0 150px 0;
            top: 0px;
            background-color:rgba(254,254,256,0.3);
            height: 100vH;
      }

      .page .flexslider > ul > li {
        background-image: none;
      }

      #scrollDown {
        display: none;
      }

      #content {
        padding: 0 20px;
      }

      .leftPictures,
      .rightPictures {
          width: 48%;
          height: auto;
          
      }

      .leftPictures {
        margin: 0 -5px;
      }

      .aPicture {
          width: 33%;
          height: auto;
          margin: 0 0 5px;
      }

      .aPicture img {
          width: 100%;
          height: auto;
          margin: 0 5px 0 0;
          padding: 0 5px;
      }

      .photoSlider {
        display: none;
      }

      .parent-pageid-10 #bg .slide img, 
      .parent-pageid-10 .flexslider > ul > li img {
        display: none;
      }

      
      .video-wrapper {
        position: relative;
        padding-bottom: 56.25%; 
        padding-top: 25px;
        height: 0; 
        margin-top: -526px; 
        margin-bottom: 60px;
        width: 100%;
        text-align: center;
        max-width: 980px;
      }

      .video-wrapper {
        width: 100%;
        max-width: 100%;
        margin: 0;
      }

      .parent-pageid-7 #slider {
        display: none;
      }

      .resortMap {
        margin: 0 auto 55px;
      }



      /*
      .photoSliderBelt {
          width: 100%;
      }

      .imageBelt {
          width: 100%;
        }

      .leftSlide {
        margin-left: 0px;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 2;
        background-color: red;
      }*/

      .pdfLink {
          top: auto;
          bottom: 0;
      }

      .video-content-header {
          margin: 0;
          width: 100%;
          max-width: 100%;
        }

        
        .video-wrapper iframe {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
        }

        .custom-controls-container {
            right: 20px;
        }

        .header .sub-menu .menu-item-77 {
            display: none;
          }

}
 
@media (max-width: 768px) {

        .leftPictures, 
        .rightPictures {
            width: 100%;
        }

        .rightPictures ul, 
        .rightPictures h2 {
            padding-left: 0;
        }

        body.admin-bar {
          padding: 37px 0 0;
        }

        .parent-pageid-7 table td,
        .parent-pageid-7 table th {
            display: block;
            width: 100%;
            padding: 0;
        }

        .tabs {
          display: none;
        }

        .tab-responsive {
          display: block;
        }

        .tab-responsive select {
          width: 100%;
          margin: 0 0 2em;
          padding: 0.5em 0;
        }

        .resortMap {
            margin: 0 auto;
        }

        .parent-pageid-7 .custom-controls-container {
          display: none;
        }

        .page-id-887 .headline {
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
        }


          
}
 
@media (max-width: 480px) {

          .nav .children, .nav .sub-menu {
              transition: none;
          }

          .featuredPostImage {
              float: right;
              padding: 0;
              width: 100%;
              margin: 0 0 1em;
          }

          .featuredPostImage img {
              width: 100%;
              height: auto;
          }

          /*.menu-item-has-children:after {
                  content: "";
                  content: "\f078";
                  color: #FFF;
                  text-align: center;
                  line-height: 30px;
                  font-family: FontAwesome;
                  position: absolute;
                  right: 0;
                  top: 0;
                  width: 28px;
                  height: 28px;
                  background-color: #1C4289;
                  z-index: 5;
                  font-size: 14px;
                  cursor: pointer;
              }

          .sub-menu-active:after {
                  content: "\f077";
          }

          .nav .menu > .menu-item-has-children > .icon-nav-arrow-down {
                    display: block;
          }

          */

          .home .flexslider {
              height: auto;
          }

          .home .flexslider > ul > li img {
              display: block;
          }

          .home #footer {
              position: relative;
              background-image: none;
          }

          .home #footerCopy p,
          .home #footerCopy a {
              color: inherit;
          }

          .home #bg {
              position: relative;
              top: 0;
              left: 0;
              width: 100%;
              height: auto;
              padding: 0;
          }

          .home .headline {
              top: 0;
          }

          .home .headline h1,
          .home .headline h2 {
              color: inherit;
          }

          .basic-modal-content {
              width: 90%;
          }

          .column3,
          .fields select,
          .column2 {
              width: 100%;
              margin: 0;
          }

          .page span.wpcf7-list-item {              
              margin: 0;
          }

          #submitArea {
            width: 100%;
          }

          .logo img {
              height: 50px;
              padding: 5px 0;
          }

          .nav-toggle {
              top: 25px;
          }

          body {

              padding: 53px 0 0;

          }

          #menu {
              top: 52px;
          }

          .custom-controls-container {
            position: absolute;
            right: 0;
            top: 200px;
            width: 100%;
            z-index: 5;
            text-align: center;
            background-color: #BBB;
          }


          .logo {
              width: 60px;
              text-align: left;
          }

          .page .flex-control-nav li a {
              background-image: none;
              display: block;
              width: 20px;
              height: 20px;
              left: 0;
              top: 0;
              border-radius: 50%;
              background-color: #FFF;
              border: 2px solid #FFF;
              background-image: none;
          }

          .page .flex-control-nav li a.flex-active {
              border: 1px solid #FFF;
              background-color: #BBB;
              background-image: none;
          }

          .page .flex-control-nav li {
            margin: 0 5px;
          }

          .custom-controls-container {
              top: auto;
              bottom: 0;
              position: relative;
          }

          #bg {
              margin: 0 auto;
          }

          .custom-controls-container {
              right: 0;
              position: relative;
              top: auto;
              bottom: 0;
          }

          #content {
              padding: 30px 20px 0;
          }

          .page .flex-control-nav {
            padding: 0.5em 0;
          }

          .headline h1, .headline h2 {
              margin: 0 0 1.5em;
              padding: 0;
          }

          .headline {
              padding: 20px;
          }

          .controls {
            margin-top: 0;
            float: none;
            width: 100%;
            background-color: #BBB;
            text-align: center;
        }

        /*.page-id-887 #bg {
            position: relative;
        }*/

        .page-id-887 .headline {
            padding: 0 20px;
        }

        .page-id-887 .headline h1 {
            margin: 0 auto;
            padding: 0;
        }

        .page-id-887 .headline h1 {
            margin: 10px 0 20px;
            padding: 0;
        }

        .headline .logo-landing {
          width: 40%;
          height: auto;
        }

        .headline p br {
          display: none;
          margin: 0 0 1em;
        }

        .page-id-887 .headline p, 
        .page-id-887 .headline h1 {
            padding: 0 0 1em;
        }

        .page-id-887 .headline h1 {
            padding: 0;
        }

        .featuredPostImage, .alignright {
            float: none;
            padding: 10px;
            clear: both;
            width: 100%;
            height: auto;
            margin: 0 auto;
            max-width: 100%;
        }

        .page-id-887.featuredPostImage, 
        .page-id-887 .alignright {
            width: auto;
        }

        .page-id-887 #footer {
          display: none;
        }

        .btn-default {
            display: block;
        }

        .menu-ne-menu-container {
          margin: 0 -20px;
        }

        .menu li {
          margin: 0;
        }

        .menu > li {
          border-bottom: 1px solid #BBB;
          margin: 0;
        }

        .menu > li > a {
          
          margin: 0;
          padding: 0.4em 1em;
          display: block;
        }

        .menu ul li {
          margin: 0;
        }

        .menu ul.sub-menu li {
            margin: 0 0.5em;
        }

        .menu ul.sub-menu li a {
            padding: 0 0.5em 0.5em;
            display: inline-block;
        }
  
}

@media (max-width: 320px) { 
          
}