@media only screen and (max-width: 1400px) {
  .w1400 {
    width: 100%;
    margin: 0;
  padding-left: 50px;
  padding-right: 50px;
  }

}
@media only screen and (max-width: 1200px) {
  .w1200 {
    width: 100%;
    margin: 0;
  padding-left: 50px;
  padding-right: 50px;
  }
.contpage {
  padding: 150px 20px 150px 100px;
}

}

@media only screen and (max-width: 1000px) {
.limgs .float {
   height: 500px
 }
 .ming {
   height: 550px
 }
 .float {
   padding: 28px
 }
  .bbottom .flex {
    flex-wrap: wrap;
  }
 .bbottom .bcont {
   width: 100%;
   margin: 20px 0;
 }
 .amenities_groups .flex {
   justify-content: space-between;
 }
 .amenity .scap {
   margin: 0 25px
 }
  .amenity .flex {
    justify-content: flex-start;
  }
 .amenity {
   width: 250px
 }
 .btext, .gallery, .gcont, .gimgs {
   width: 100%
 }
 .gcont, .ctext {
   padding: 0 50px 0 50px
 }
 .gimgs {
   margin-top: 60px
 }
 .btext {
   margin-top: 50px
 }
 .topt {
  flex-direction: row;
 }
 .gmap {
   padding-top: 25px
 }
 .sect .flex > div:not(.galb) {
   width: 100%
 }

 .top1 .topt {
   order: 2
 }
 .top1 .textich {
   order: 1;
   padding-bottom: 50px
 }
 .limgs {
   margin-top: 0
 }
 .dest .dcont.dtext {
   padding-bottom: 50px;
 }
 .dest .dcont.dtext {
   order: 1!important
 }
 .dest {
   padding: 50px 0
 }
 .dest .dcont.gal {
   order: 2!important
 }
 .popupgall .gallimage {
   width: 31%
 }
}

@media only screen and (max-width: 850px) {
  .logo img {
    width: 150px
  }
  .logo {
    top: 100px
  }
  .conty {
    width: 100%;
  }
  .flex {
    flex-wrap: wrap;
  }
  .conty.right {
    justify-content: flex-start;
    padding-top: 50px
  }
  .accomm .readmore {
    margin-top: 40px
  }
  .introvilla {
    width: 100%;
    padding-top: 40px
  }
  .segment {
    padding: 15px 0
  }
  .w800 {
    width: 100%;
    margin: 0;
  padding-left: 50px;
  padding-right: 50px;
  }
  .fcont h2 {
    margin-bottom: 25px
  }
  .singlepage .accomm_inner > .flex > div {
    width: 100%;

  }
.amenities_groups .flex {
  justify-content: flex-start;
}
.ctext, .cgal {
  width:100%
}
.ctext {
  order: 2
}
.cgal {
  margin-bottom: 50px;
  order: 1
}
.popupgall .gallimage {
  width: 48%
}
.contwr .header, .contpage {
  width: 100%
}
.contpage {
  padding: 100px 50px;
  height: 100%
}
.contwr {
  padding-bottom: 50px
}
}
@media only screen and (max-width: 640px) {
  .fgallery .swiper-slide.swiper-slide-active {
    transform: none !important;
    opacity: 1 !important;
  }

  .fgallery .swiper-backface-hidden .swiper-slide.swiper-slide-active {
    transform: scale(1) translateZ(0) !important;
  		padding-top: 0;

  }
  .swiper-slide.swiper-slide-active .simage {
  	width: 100%
  }
  .fgallery .swiper-slide.swiper-slide-next {
  	transform: scale(1) translateX(0) !important;
  }
  .fgallery .swiper .simage {
    width: 100%
  }
}

@media only screen and (max-width: 550px) {
.mobile {
  display: inline-block;
}
.desk {
  display: none
}
.mgal {
  width: 100%
}
.ming {
  height: 350px;
}
.limgs .float {
  height: 350px;
  width: 45%
}

.w600 {
  width: 100%;
  margin: 0;

}
.w800, .w1200, .w1400 {
  padding-left: 20px;
  padding-right: 20px;
}
h2 {
  font-size: 55px
}
.tag {
  font-size: 45px
}
.bbottom h3 {
  font-size: 37px
}
.accomm {
  margin-bottom: 30px
}
.bbottom .bcont .bimage {
  height: 300px
}
.amenity .aco {
  order: 2
}
.amenity .scap {
  order: 1
}
.amenity.last .scap {
  display: block;
}
.singlepage .bedrooms .navbutts {
  margin: -5px auto 0 auto;
}
.popupgall .gallimage a {
  height: 280px
}
.contpage {
  padding: 70px 20px;
}

.swiper, .swiper .simage {
  height:450px;
}
.bbottom {
  padding-bottom: 30px
}
.accomm {
  padding: 50px 0 50px 0
}
.fronty .accomm {
  padding: 120px 0 50px 0
}
.pcont {
  right:auto;
  bottom: auto;
  position: relative;
  width: 100%;
  padding: 35px 20px;
margin-top: -50px
}
.sbottom {
  padding: 80px 0
}
.pool, .loc {
  height: auto;
  margin-bottom: 60px;
  padding: 0
}
.top2 {
  padding-bottom: 60px
}
.fcont_inner {
  padding: 80px 0 40px 0
}
.logo {
  top: 100px
}
.acc {
  padding-top: 80px
}
}

@media only screen and (max-width: 480px) {
  form .comp {
    width: 100%
  }
  .fcontact {
    flex-wrap: wrap;
    width: 70%
  }
  .holder {
    padding: 20px
  }

  .limgs {
    margin-top: 30px;
  }
  .limgs .float {
    height: 250px;
    width: 50%

  }
  .float {
    padding: 20px;
    top:-80px
  }

  .topwr.fix .holder {
    padding: 5px 15px
  }
  .bbottom .bcont .bimage {
    padding: 20px;
  }
  .bbottom .bcont .righty {
    padding: 20px 0
  }
  .acc .numb {
    font-size: 50px
  }
  .scap {
    margin: 0 20px
  }
  .amenity {
    width: auto;
  }
  .imgwr, .fullimg, .swiper-container {
    height: 400px
  }
  .gcont, .ctext {
    padding: 0 20px 0 20px
  }
  .features .fimage img {
    height: 45px;
  }

  .features .feature {
    width: 31%;
    padding: 10px 20px 10px 0
  }
  .features {
    padding-top: 30px
  }
.amenities {
  padding: 30px 0
}
.bedrooms {
  margin-top: -50px
}
.gimgs .float {
  width: 200px
}
.popupgall .gallimage {
  width: 100%
}
.destinations {
  padding-top: 0
}
}