@media screen and (max-width: 1700px) {
  h3 {font-size: 180px; line-height: 120px; }
  .content .content-text {width: 53%; padding: 0px;}
  .desktop-logo {left: 2%;}
  header .menu-right {right: 2%;}
}
@media screen and (max-width: 1600px) {
  header.sticky .desktop-logo {left: 2%;}
  header.sticky .button {right: 2%;}
  .wrapper-sml article:only-child {width: 100%;}
  header .menu-right {right: 2%;}
  .menu-right .button {padding: 21px 20px 20px !important;}
  header.sticky > div > a {font-size: 13px;}
  .ni-facebook-circle::before, .ni-instagram::before {font-size: 30px; margin: 0 2px;}
}
@media screen and (max-width: 1500px) {
  h3 {font-size: 150px; line-height: 100px;}
  .content article {width: 45%; padding: 125px 0 125px 5%;}
  .content article:last-child {padding-right: 5%;}

}
@media screen and (max-width: 1400px) {
  .flex-row.top {width: 90%;}
  .content .content-text {width: 50%;}
  .roomSwiper, .tourSwiper {max-height: 700px;}
}
@media screen and (max-width: 1300px) {
  .content.rest-bar .swiper-overflow {width: 55%;}
  .content.rest-bar article {width: 40%;}
  .content.rest-bar article:last-child {padding-right: 5%;}
}
@media screen and (max-width: 1250px) {
  header.sticky > div > a {padding: 37px 17px; font-size: 13px;}
  header.sticky {height: 70px;background: #22A8E0; }
  header.sticky .hamburger {top: 20px;}
  header.sticky.inner .hamburger span {background: #fff;}
  header.sticky .mobile-logo {top: 6px; transition-delay: 0.3s;}
  header.sticky .desktop-logo {display: none;}
  header.sticky .button {display: none;}
  header.sticky .top-banner ~ .menu-right {top: 15px; right: 75px;}
  header .ni-facebook-circle::before, header .ni-instagram::before {color: #fff; font-size: 40px; margin: 0 5px;}
  header .menu-right {right: 75px;}
  .hamburger {display: block;}
  .mobile-logo {display: block;}
  .flex-row.stretch {display: none;}
  .sticky .top-banner p {opacity: 0;}
  .social-wrapper {margin-right: 50px;}
}
@media screen and (max-width: 1200px) {
  .swiper-overflow.grid {height: 700px;}
  .content article {padding: 100px 0 100px 5%;}
  header.sticky .button {padding: 20px;}
  footer .wrapper-lrg > img {margin: -50px 20px 0;}
  .content article > img {width: 125px;}
  /* header .ni-facebook-circle::before, header .ni-instagram::before {font-size: 30px; margin: 0;} */
}
@media screen and (max-width: 1100px) {
#review article, #review .testimonial-item {width: 48%;}

#CDSWIDCOE {width: 100px!important;}
.banner-container .thumbSwiper {bottom: 130px;}

}


@media screen and (max-width: 900px) {
  h1, h2 {font-size: 30px;}
  h3 {font-size: 100px; line-height: 60px;}
  p,li {font-size: 13px}

  .inner-banner h1 {font-size: 100px; line-height: 100px;}
  .inner-banner.resort h1 {line-height: 70px; font-size: 60px;}
  .inner-banner.resort h1 span {font-size: 20px;}
  .content.resort .content-text h2 {font-size: 16px;}

  .wrapper-sml {width: 85%;}
  .wrapper-sml article:only-child {padding: 25px 0;}
  .home-banner {margin-top: 10px;}
  .home-banner .button {display: none;}
  .home-banner > .wrapper-lrg {top: 10px;}
  .thumbSwiper {left: 50%; right: auto; transform: translateX(-50%);}
  .thumbSwiper .swiper-wrapper {justify-content: center;}
  .thumbSwiper .swiper-slide:last-of-type {margin-right: 0px!important;}
  .flex-row.top {width: 100%; flex-direction: column;}
  .content {padding: 0;}
  .content:nth-child(2n+2) .content-flex {flex-direction: column-reverse;}
  .content article:last-child {padding-left: 25px;}
  .content article {padding: 25px 25px 50px;}
  .content article, .content .content-text, .content .swiper-overflow {width: 100%;}
  .content .content-flex {flex-direction: column;}
  .content.intro {padding: 50px 25px;}
  .content .swiper-overflow:first-child {width: 95%;}
  .content:nth-child(2n+2) article {padding: 25px 25px 50px;}
  .content .swiper-overflow:last-child {width: 95%; margin-left: 5%;}
  .roomSwiper, .tourSwiper, .restaurantSwiper {height: 400px;}
  .swiper-overflow.grid ~ article {margin-top: 50px;}
  .escapeSwiper {right: 0px; width: 150vw;}
  .content article > img {width: 75px; right: 5%;}
  #contactform .flex-row {flex-direction: column;}
  #contactform .flex-row .form-field {width: 100%;}

  #review .wrapper {flex-direction: column; padding: 0px 25px; box-sizing: border-box;}
  #review article, #review .testimonial-item {width: 100%;}

  .inner-banner h1 {width: 90%; text-align: center; font-size: 15vw;}

  .content.rest-bar article:last-child {padding: 0px 25px 50px; width: 100%;}

  .tourthumbSwiper, .tourthumbSwiper3 {top: 25px; right: 25px;}
  .tourthumbSwiper2 {top: 25px; left: 25px;}
  .thumbSwiper .swiper-slide, .tourthumbSwiper .swiper-slide, .tourthumbSwiper2 .swiper-slide, .tourthumbSwiper3 .swiper-slide {width: 50px!important; height: 50px;}
  .map-wrapper {margin-bottom: -200px;}
  footer {margin: 80px auto 0;}
  footer .wrapper-lrg > a {margin: -50px auto 5px; order: 1;}
  footer .wrapper-lrg > div {order: 2; justify-content: center; width: 100%; flex: auto;}
  footer .wrapper-lrg > div > a{padding: 25px 15px; font-size: 13px;}
  footer .wrapper-lrg > div:first-child {justify-content: center; flex: auto;}
  footer .copyright {margin-top: 25px; flex-direction: column; padding: 15px 0;}
  footer .copyright > p, footer .copyright > a {width: 100%; text-align: center; box-sizing: border-box; padding: 10px 0;}
}
@media screen and (max-width: 500px) {
  footer .wrapper-lrg > div > a {font-size: 10px; padding: 15px 15px;}
  footer .copyright > p, footer .copyright > a {font-size: 11px;}
}
@media screen and (max-width: 414px) {

}
@media screen and (max-width: 375px) {

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

}