@media all and (max-width: 768px), only screen and 
(-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), 
only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), 
only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), 
only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), 
only screen and (min-resolution: 192dpi) and (max-width: 1024px), 
only screen and (min-resolution: 2dppx) and (max-width: 1024px) 
{

  h1{
    font-size: 30px;
  }
  .title p {
      font-size: 14px;
      line-height: 30px;
      text-transform: uppercase;
      letter-spacing: 10px;
      color: #999999;
      font-weight: 600;
      margin-bottom: 0;
      font-family: 'Poppins', sans-serif;
  }
	#cssmenu {
    width: 100%;
  }
  #cssmenu ul {
    margin-top: 14px;
      width: 100%;
      display: none;
      background: #0c90c3;
  }
  #cssmenu.align-center > ul {
    text-align: left;
  }
  #cssmenu ul li {
    width: 100%;
    border-top: 1px solid rgba(120, 120, 120, 0.2);
    text-align: center;
  }
  #cssmenu ul ul li,
  #cssmenu li:hover > ul > li {
    height: auto;
  }
  #cssmenu ul li a,
  #cssmenu ul ul li a {
    width: 100%;
    border-bottom: 0;
  }
  #cssmenu > ul > li {
    float: none;
  }
  #cssmenu ul ul li a {
    
  }
  #cssmenu ul ul ul li a {
    
  }
  #cssmenu ul ul li a {
    color: #dddddd;
    background: none;
  }
  #cssmenu ul ul li:hover > a,
  #cssmenu ul ul li.active > a {
    color: #ffffff;
  }
  #cssmenu ul ul,
  #cssmenu ul ul ul,
  #cssmenu.align-right ul ul {
    position: relative;
    left: 0;
    width: 100%;
    margin: 0;
    text-align: left;
  }
  #cssmenu > ul > li.has-sub > a:after,
  #cssmenu > ul > li.has-sub > a:before,
  #cssmenu ul ul > li.has-sub > a:after,
  #cssmenu ul ul > li.has-sub > a:before {
    display: none;
  }
  #cssmenu #menu-button {
    display: block;
    padding: 17px;
    color: #FFF;
    cursor: pointer;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
  }
  #cssmenu #menu-button:after {
    position: absolute;
    top: 22px;
    right: 17px;
    display: block;
    height: 4px;
    width: 20px;
    border-top: 2px solid #FFF;
    border-bottom: 2px solid #FFF;
    content: '';
  }
  #cssmenu #menu-button:before {
    position: absolute;
    top: 16px;
    right: 17px;
    display: block;
    height: 2px;
    width: 20px;
    background: #FFF;
    content: '';
  }
  #cssmenu #menu-button.menu-opened:after {
    top: 23px;
    border: 0;
    height: 2px;
    width: 15px;
    background: #ffffff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  #cssmenu #menu-button.menu-opened:before {
    top: 23px;
    background: #ffffff;
    width: 15px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  #cssmenu .submenu-button {
    position: absolute;
    z-index: 99;
    right: 0;
    top: 0;
    display: block;
    border-left: 1px solid rgba(120, 120, 120, 0.2);
    height: 46px;
    width: 46px;
    cursor: pointer;
  }
  #cssmenu .submenu-button.submenu-opened {
    background: #262626;
  }
  #cssmenu ul ul .submenu-button {
    height: 34px;
    width: 34px;
  }
  #cssmenu .submenu-button:after {
    position: absolute;
    top: 22px;
    right: 19px;
    width: 8px;
    height: 2px;
    display: block;
    background: #dddddd;
    content: '';
  }
  #cssmenu ul ul .submenu-button:after {
    top: 15px;
    right: 13px;
  }
  #cssmenu .submenu-button.submenu-opened:after {
    background: #ffffff;
  }
  #cssmenu .submenu-button:before {
    position: absolute;
    top: 19px;
    right: 22px;
    display: block;
    width: 2px;
    height: 8px;
    background: #dddddd;
    content: '';
  }
  #cssmenu ul ul .submenu-button:before {
    top: 12px;
    right: 16px;
  }
  #cssmenu .submenu-button.submenu-opened:before {
    display: none;
  }
  .nav_cover {
      width: 100%;
      float: inherit;
      margin-top: 0;
  }
  .resort-logo, .book .btn{
  	display: none;
  }
  section.home-slider .slide-img {
      height: 350px;
  }
  section.check-wrap .chk-available {
      text-align: center;
      padding:10px 10px 15px;
  }
  .chk-available span {
      margin-bottom: 5px;
  }
  section.check-wrap .item {
      background: inherit;
  }
  section.abt-wrap .wrap {
      padding: 0px;
      padding-bottom: 105px;
  }
  section.abt-wrap .more-gallery {
      margin: 40px 0 15px;
  }
  section.wrapper {
      padding: 80px 0;
  }
  section.room-wrap .tab-left {
      padding: 50px 0px;
  }
  .title {
      margin-bottom: 10px;
  }
  section.room-wrap .title h2 {
      font-size: 30px;
      font-weight: 500;
      margin: 0 0 30px;
  }
  .title h1, .title h2 {
      font-size: 30px;
  }
  section.wrapper .tes-wrap {
      background: #fff;
      padding: 50px 0px;
  }
  section.room-wrap .vl {
    right: 45px;
    top: 313px;
  }
  section.room-wrap #container {
      height: 275px;
  }
  section.room-wrap .box {
      height: 300px;
  }
   section.wrapper .blog-wrap  .single-blog {
      margin-bottom: 30px;
  }
  section.contact-wrap .map iframe {
      height: 220px;
  }
  section.contact-wrap .contact-info .title {
      text-align: inherit;
      margin: 45px 0 15px;
  }
  section.contact-wrap .contact-info {
      padding: 0 15px;
  }
  section.contact-wrap .con-address .email {
    margin-bottom: 25px;
  }
      section.contact-wrap .phone p.num {
      font-size: 18px;
  }
  section.contact-wrap .link-logo {
      width:50%;
  }
  section.footer p.footer_copyright {
      float: inherit;
  }
  section.top-bar .small-logo {
      display: block;
      z-index: 9;
      top: -12px;
  }
  section.top-bar {
      padding: 20px 0;
      background: #00acef;
  }
  section.check-wrap {
      margin-bottom: 50px;
  }
  .title p {
      line-height: 30px;
  }
  .title {
      margin-bottom:20px;
  }
  .check-form {
      width: 90%;
      box-shadow: 0px 0px 17px 6px rgba(0, 0, 0, 0.5);
  }
  .chk-border {
      font-size: 23px;
      background-color: #ffffff;
      border:solid 1px #e9e9e9;
  }
  .check-form input::placeholder {
      font-size: 20px;
  }
  .chk-border label {
      margin: 0;
  }
  section.abt-wrap .gallery-wrap {
      margin-top: -90px;
      margin-bottom: 50px;
  }
  section.abt-wrap .gallery-img {
      padding: 10px;
  }
  section.wrapper .tes-wrap {
      background: #fff;
      padding: 50px 0px;
  }
  section.wrapper .tes-wrap .rating p {
      margin: 10px 0 20px;
  }
  section.wrapper .tes-wrap .tes-author{
    padding:10px;
  }
  section.wrapper .tes-wrap .tes-author{
    margin: 0;
  }
  section.wrapper .blog-wrap {
      margin-top: 50px;
  }
  .map {
      height:  220px;
  }
  .active-box figure {
      height: 220px;
  }
  .active-box {
      margin-top: 5px;
  }
  .activities.blog-wrap .row.mt-30 {
      margin-top: 0;
  }
  section.contact-wrap .city-name {
      font-size: 23px;
      margin-bottom: 10px;
  }
  section.contact-wrap .address p {
      margin-bottom: 10px;
  }
  section.contact-wrap .phone p.num {
      margin: 0;
  }
  section.contact-wrap .phone p.text {
      margin: 0 0 -6px;
  }
  section.contact-wrap {
      margin-bottom: 50px;
  }
  section.footer {
      padding: 50px 0 0;
  }
  section.footer .accept-img {
      margin: 50px 0 0;
  }
  ul.socials {
      margin: 0;
  }
  section.footer .footer__copyright {
      margin-top: 50px;
  }
  section.footer p.footer_copyright__text {
      margin-bottom: 5px;
  }
  section.footer .footer-bootom {
      padding: 19px 0 0;
  }
  .inner-page {
      height: 350px;
  }
  .banner-heading h2 {
      font-size: 25px;
      margin-bottom: 10px;
  }
  .banner-heading ul li {
      font-size: 13px;
      margin-right: 19px;
  }
  .banner-heading ul li:before {
      top: 2px;
      left: -12px;
      font: normal normal normal 1rem/1 FontAwesome;
  }
  .banner-heading{
    top: 60%;
    text-align: left;
  }
  .pt-section {
      padding-top: 50px;
  }
  .about-heading h3 {
      font-size: 30px;
      margin: 5px 0;
  }
  .mb-80 {
      margin-bottom: 50px;
  }
  .statistic {
      position: relative;
      margin: auto;
      width: 100%;
      box-shadow: 0 0px 15px 0px rgba(0, 0, 0, 0.1);
      margin-bottom: 0;
  }
  .counter-box-cover {
      top: 10%;
      text-align: center;
      left: 0;
  }
  .counter-box {
      width: 280px;
      font-size: 40px;
      padding: 25px 10px;
      border: 5px #ffffff solid;
      margin-bottom: 10px;
  }
  .statistic figure {
      height: 520px;
  }
  .padding-section {
      padding: 50px 0;
  }
  section.amenities {
      padding-bottom: 50px;
  }
  .titel-heading.mt-70 {
      margin-top: 0;
  }
  span.sub-title {
      font-size: 14px;
      line-height: 35px;
      letter-spacing: 8px;
  }
  .titel-heading h3 {
      font-size: 30px;
  }
  .service-box {
      text-align: center;
      margin-bottom: 20px;
      background: #fff;
      padding: 25px;
  }
  .service-box h3 {
      margin: 15px 0 10px;
  }
  section.amenities .row.mt-30 {
      margin-top: 0;
  }
  figure.popup-room img {
      height: 180px;
  }
  .room-photo-box {
      width: 100%;
  }
  .room-heading-hover {
      padding-top: 20%;
  }
  section.room-detail {
      padding-top: 50px;
  }
  .item-room {
      height: 280px;
  }
  .item-room img{
    height: 100%;
    object-fit: cover;
  }
  .room-slide {
      padding: 10px;
  }
  section.room-detail .room-gallery .owl-dots {
      left: 40%;
  }
  .room-detail .room-gallery:before {
      box-shadow: 0 0 35px 6px rgba(0,0,0,1);
  }
  .room-detail .room-gallery {
      margin-bottom: 30px;
  }
  section.room-detail .room-price-info span.price {
      font-size: 35px;
  }
  section.room-detail .room-price-info{
    margin-bottom: 0px;
  }
  section.room-description {
      padding: 50px 0 0;
  }
  section.room-description h2 {
      margin-bottom: 15px;
      font-size: 30px;
  }
  section.room-amenities {
      padding: 50px 30px;
  }
  section.room-amenities h2 {
      font-size: 30px;
      margin-bottom: 20px;
  }
  section.related-room {
      padding: 50px 0;
  }
  .room-titel h2 {
      font-size: 30px;
  }
  .mb-70 {
      margin-bottom: 35px;
  }
  .related-room-box figure {
      height: 200px;
  }
  .room-related-detail {
      padding: 20px;
  }
  .ptb-100 {
      padding: 50px 0;
  }
  .feature-contain {
      padding: 20px;
      margin-bottom: 10px;
      min-height: auto;
  }
  .feature-contain figure {
      width: 50px;
      height: 50px;
      padding: 8px;
  }
  .feature-contain h4 {
      margin: 10px 0 5px;
  }
  .row.mt-30 {
    margin-top: 0;
  }
  section.activities-detail-page {
      padding: 50px 0;
  }
  .news-details-contain {
      width: 100%;
  }
  section.wrapper.blog {
      padding: 50px 0;
  }
  section.wrapper.blog .blog-wrap {
      margin-top: 0;
  }
  section.wrapper .blog-wrap .blog-img {
      height: 180px;
  }
  section.wrapper .blog-wrap .blog-info {
      padding: 20px;
  }
  section.wrapper .blog-wrap .blog-det {
      margin-bottom: 7px;
  }
  section.wrapper .blog-wrap .read {
      margin-top: 9px;
  }
  section.news-details {
      padding: 50px 0;
  }
  .news-details-contain img {
      margin-bottom: 20px;
  }
  section.news-details .news-details-contain img {
      margin-top: 5px;
  }
  section.wrapper .tes-wrap .tes-content p {
      font-size: 18px;
      line-height: 25px;
  }
  section.contact-page {
      padding: 50px 0;
  }
  section.contact-page p.contact-text {
      width: 100%;
      margin-bottom: 10px;
      font-size: 20px;
  }
  .contact-box {
      min-height:auto;
      padding: 25px;
      border: solid 1px #d8d8d8;
      background: #e9e9e9e9;
      margin-top: 20px;
  }
  .contact-box.bdr-left{
      border: solid 1px #d8d8d8;
  }
  .contact-page .room-titel h2 {
      margin-bottom: 5px;
  }
  section.contact-page .room-titel {
      margin: 50px 0 30px;
  }
  form.contact-form {
      padding: 25px;
  }
  section.contact-page .map {
      height: 350px;
      margin-top: 30px;
  }
  section.booking-page {
      padding: 50px 0;
  }
  form.booking-page-form {
      padding: 20px;
  }
  .personal-form {
      padding: 15px;
  }
  .form-group {
      margin-bottom: 5px;
  }
  .side-room {
      margin-top: 50px;
  }
  ul.book-direct li i {
      display: none;
  }
  .side-room h6 {
      margin: 13px 0 8px;
  }
  .room-amenities h5 {
      margin-bottom: 5px;
  }
  .sied-room-item {
      height: 190px;
  }
  .tab-smallimg img {
      height: 150px;
      width: 100%;
  }
  section.room-wrap #slide img {
      width: 100%;
      height: 220px;
  }
  section.room-detail .room-price-info {
      padding-bottom: 50px;
  }
  .active-heading h3 {
      font-size: 22px;
  }
  .room-amenities {
      padding: 20px 15px;
  }
  .room-related-detail h4 {
      margin-bottom: 2px;
  }
  .room-related-detail ul li{
      line-height: 30px;
  }
  .room-detail-ftr{
    margin: 5px 0;
  }
  .slide-img {
      height: 150px;
  }
  section.room-wrap .info-wrap h3 {
      line-height: 25px;
      margin: 10px 0 0px;
      font-size: 20px;
  }
  #slider img {
      height: 250px;
  }
  section.room-wrap {
      padding-bottom: 50px;
  }
}



@media only screen and (min-device-width: 320px) and (max-device-width: 568px) 
and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 40/71){
  .counter-box {
      width: 260px;
  }
  .banner-heading h2 {
      font-size: 22px;
  }
}




@media  (width: 768px) {
	section.top-bar.header-sticky.is_stuck .small-logo {
      display: none;
  }
  		section.home-slider .slide-img {
      height: 450px;
  }
  section.home-slider .slider-caption h1 {
      top: 39%;
      left: 22%;}
      section.contact-wrap .map iframe {
      height: 600px;
  }
  section.footer ul.socials li {
      margin-right: 12px;
  }

}


/* 
 Tablets, Ipads (portrait)
  768px to 1024px
*/
@media(min-width: 768px) and (max-width: 991px){
  .chk-border {
      background-color: transparent;
      border: none;
      border-right: solid 1px #e5e5e5;
  }
  .check-form {
      width: 100%;
  }
  section.check-wrap .chk-available {
      padding: 10px 10px 15px;
      font-size: 14px;
  }
  .chk-available span {
      margin-bottom: 9px;
  }
  section.contact-wrap .map iframe {
      height: 506px;
  }
  .side-room {
      margin-top: 0;
  }
  .room-photo-box {
      width: 20%;
  }
  figure.popup-room img {
      height: 270px;
  }
  ul.socials {
      margin: -26px 0 0;
  }
  .inner-page {
      height: 450px;
  }
  .about-heading h3 {
      margin: 5px 0 15px;
  }
  .counter-box-cover {
      top: 20%;
      left: 2%;
  }
  .counter-box {
      width: 201px;
      margin-bottom: 0px;
  }
  .statistic figure {
      height: 230px;
  }
  .service-box img {
      position: absolute;
      left: 125px;
      top: 2px;
  }
  .service-box h3 {
      margin: 50px 0 5px;
  }
  .item-room {
      height: 350px;
  }
  section.feature .row.mt-30 {
      margin-top: 30px;
  }
  .feature-contain figure {
      width: 50px;
      height: 50px;
      padding: 11px;
  }
  .feature-contain h4 {
      margin: 15px 0 5px;
      line-height: 27px;
  }
  .feature-contain {
      padding: 15px;
      margin-bottom: 0;
  }
  .feature-contain {
      padding: 20px;
      margin-bottom: 0;
      min-height: 250px;
  }
  .active-box {
      margin-top: 0;
  }
  section.activities .row.mt-30 {
      margin-top: 30px;
  }
  .active-box figure {
      height: 250px;
  }
  .active-box {
      padding: 2px;
  }
  .contact-box {
      min-height: 235px;
      padding: 25px;
      margin-top: 30px;
  }
  section.contact-page .map {
      height: 450px;
  }
  section.room-wrap {
      padding-bottom: 0;
  }
  .slide-img {
      height: 100px;
  }
  #slider img {
        height: 600px;
  }
  section.room-wrap .info-wrap h3 {
      font-size: 18px;
      margin: 0;
  }
  .projectitem .col-lg-8.col-md-6.col-sm-12 {
      padding-left: 0;
  }
}
	/* 
  Tablets, Ipads (landscape)
  768px to 1024px(1024*768)
*/
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  section.top-bar.header-sticky {
      background: #84a016;
  }
  section.check-wrap .item {
      background: #dbe2e3;
  }
  section.room-wrap #container {
      height: 700px;}
  section.room-wrap .box {
      height: 700px;
  }
  section.contact-wrap .map iframe {
      height: 600px;
  }
  	section.footer p.footer_copyright {
      float: right;
  }
  .inner-page {
      height: 450px;
  }
  .side-room {
      margin-top: 0;
  }
  .room-photo-box {
      width: 20%;
  }
  figure.popup-room img {
      height: 280px;
  }
  figure.popup-room img {
      height: 280px;
  }
  section.home-slider .slide-img {
      height: 450px;
  }
  section.abt-wrap .gallery-img img {
      height: 400px;
  }
  section.abt-wrap .wrap {
      padding: 0px 90px;
  }
  section.top-bar.header-sticky.is_stuck {
      padding: 18px 0;
    background-color: #0cafed;
  }
  section.top-bar .small-logo {
      top: -13px;
  }
  section.room-wrap #slide img {
      height: 100%;
  }
  section.room-wrap .box {
      height: 550px;
  }
  section.room-wrap #container {
      height: 630px;
  }
  .active-box figure {
      height: 290px;
  }
  section.contact-wrap .map iframe {
      height: 520px;
  }
  ul.socials {
      margin: -26px 0 0;
  }
  section.check-wrap .chk-available {
      padding: 13px 10px 15px;
  }
  .counter-box-cover {
      left: 1.5%;
      top: 30%;
  }
  .statistic figure {
      height: 300px;
  }
  .service-box img {
      position: absolute;
      padding: 5px 10px 0px 0px;
  }
  .service-box {
      margin-bottom: 30px;
      padding: 20px;
      min-height: 220px;
  }
  .service-box h3 {
      margin: 0 0 10px;
      font-size: 20px;
  }
  section.feature .row.mt-30 {
      margin-top: 30px;
  }
  .feature-contain {
      margin-bottom: 0;
  }
  section.activities .row.mt-30{
    margin-top: 30px;
  }
  .active-box {
      margin-top: 0;
  }
  .news-details-contain {
      width: 70%;
  }
  section.contact-page p.contact-text {
    width: 70%;
  }
  .contact-box {
      min-height: 230px;
  }
  section.contact-page .map {
      height: 525px;
      margin-top: 0;
  }
  #navigation .owl-stage {
    height: 508px!important;
  }
  #slider img {
      height: 705px;
  }
  section.room-wrap {
      padding-bottom: 0;
  }
}

@media(min-width: 1920px){
  .scroller {
      height: 568px;
  }
  section.home-slider .slide-img {
      height: 850px;
  }
  section.home-slider .slider-caption h1 {
      top: 45%;
      left: 28%;
  }
  section.room-wrap .tab-left {
      padding: 40px 70px 0;
  }
  section.room-wrap .info-wrap h3 {
      font-size: 35px;
      line-height: 30px;
      margin: 40px 0 8px;
  }
  section.room-wrap .room-price {
      font-size: 20px;
  }
  section.room-wrap .room-price span {
      font-size: 16px;
  }
  section.room-wrap #second {
      width: 100%;
      left: 643px;
      z-index: 9;
  }
  .slide-img {
      height: 150px;
  }
  #navigation .owl-stage {
      height: 530px!important;
  }
}