@charset "UTF-8";
@media (min-width:1320px)
{.container{max-width:1300px}}

@media screen and (max-width: 1365.98px) { 
    .container{max-width: 100%;}
}
@media screen and (max-width: 1240px) { 
    .mainmenu > li{
        margin-right: 18px;
        margin-left: 18px;
    }
}
@media screen and (max-width: 1199.98px) { 
    .container{max-width: 100%;}
    .left-thingtodo{width: 40%;}
    .slideactive h3,.b-2 h3{
        text-align: center;
    }
    .slide-atwidth .owl-nav{opacity: 1; visibility: visible;}
    .slide-atwidth .owl-nav .owl-next,.slide-atwidth .owl-nav .owl-prev{
        width: 30px;
    }
    .addon{
        padding-top: 30px;
        padding-bottom: 30px;
    }
    
}
@media screen and (max-width: 1124.98px) { 
    .sidebarMobile { display:block; }   
    .slide{height: auto;padding-top: 65px;}
    .mainmenu{display: none;}
    .main{padding-top: 0px;}
    .mainmenu-mobile{position: relative; top:auto;}
    /*.slide-full .owl-item .item{height: 480px;}
    .slide-full.owl-carousel .owl-stage-outer{height: 480px;}*/
    .burger-container{display: block;}
    .header{height: 65px; background: #000; position: fixed; width: 100%; border-bottom: 1px solid #303030;}
    .logo{left: 70px;top: 10px;}
    .logo img{ width: 123px; }
    .findpackage{height: 65px;}
    .footer{padding: 15px;}
    .findpackage{padding: 23px 20px 0;}
    .baht-point{max-width: 300px; top: 50px;}
    .loyaltytext{padding:  50px 0 50px 25px;}
    .loyaltybanner{height: auto;}
    .loyaltytext h2{font-size: 30px;}
    .bg-paralax{height: 400px;}
    .menuresort.active{
        top: 65px!important;
    }
}
@media screen and (max-width: 1024.98px) {
    .bg-paralax{background-position: center center!important;}
    
@media screen and (max-width: 991.98px) {
   .coverslide{display: none;}
   .welcomehome h1,.font-h1,.coverslide .text-b-h1,.bg-paralax h3{
    font-size: 40px; line-height: 40px;
   }
   .paddingsection,.allinclusive{padding-top: 50px; padding-bottom: 50px;}
    .al-2>li{ border-bottom: 1px solid #ccc;}
   .nav-engine{display: none;}
   .slide-full.owl-theme .owl-nav.disabled + .owl-dots{bottom:20px;}
   .tab-slidepackage a{padding: 10px 25px; text-align: center; font-size: 13px; border: 0;}
   .loyaltybanner{text-align: center; padding: 35px 20px;}
    .loyaltytext{padding: 0; margin-bottom: 30px;}
    .baht-point{position: relative; display: inline-block; right: auto; top: auto; }
    .loyaltybanner{background-size: cover;}
    .hide-col{display: none;}
    .footer .col-lg-4,.footer .col-lg-2{float: none; width: 100%; max-width: 100%; flex: 100%; 
        text-align: center;}
    .footer .col-lg-4{margin-bottom: 40px;}
    .socialfooter{margin-top: 20px;}
    
    .footer a{color: #fff;}
    .menuresort{display: none;}
    .welcomehome.padtop50{padding-top: 0;}
    .dininglist a::before{left: 5px;}
    .wrapitem{height: auto;}
    .wrapitem img{top: 0;}
	.bg-paralax {background-attachment: scroll;}
    .packagedetail-datetime{
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 767.98px) { 
    .service-list-new li{padding: 0;}
    .service-list-new figure{margin-bottom: 25px;}
    .coverslide{left: 25px; bottom: 80px; top: 10px;}
    .coverslide .text-b-h1{font-size: 35px; line-height: 40px;}
    .coverslide .text-b-h2{font-size: 25px; line-height: 25px;}
    /*.slide-full .owl-item .item{height: 400px;}
    .slide-full.owl-carousel .owl-stage-outer{height: 400px;}*/
  
    .wrapallinpic .coverallin{position: relative; bottom: auto;}
    .wrapallinpic p{opacity: 1; max-height: 300px;}
    .wrapallinpic h3{font-size: 18px;}
    .bg-paralax h3{font-size: 40px;}
    .bg-paralax{height: auto; padding: 150px 0;  background-size:cover;}
    .welcomehome h1, .font-h1, .coverslide .text-b-h1{font-size: 25px; line-height: 30px;}
    .tab-slidepackage li{float: left; width: 50%; margin-right: 0;}
    .tab-slidepackage li a{display: block;}
    .left-thingtodo,.right-thingtodo{width: 100%; float: none;}
    .thingtodo::before{display: none;}
    .left-thingtodo h3 br{display: none;}
    .left-thingtodo h3 {margin-bottom: 20px;}
    .left-thingtodo{padding-top: 0px;}
    .left-thingtodo h3{font-size: 25px; line-height: 30px;}
    .right-thingtodo .cover-td{position: relative; top: auto; right: auto; font-size: 23px; color: #000;
        line-height: 24px; text-align: center; width: auto; margin-top: 20px; padding: 0 15px;}
    .slide-thingtodo.owl-theme .owl-dots{position: relative; bottom: auto; width: 100%; left: auto; text-align: center;}
    .thingtodo{padding: 50px 0;}
    .thingtodo-pic{max-width: 100%; text-align: center; box-shadow: none;}
    .thingtodo-pic img{display: inline-block!important; max-width: 350px;}
    .cover-td aside::before{left: 50%; margin-left: -45px;}
    .cover-td aside{padding-top: 20px; color: #f9c700;}
    .cover-td a{color: #f9c700;}
    .loyaltytext h3{font-size: 20px;}
    .gal-right  {display: none;}
    .roomgallery .gal-left{width: 100%; float: none;}
    .roomgallery .gal-left{height: 350px;}
    .gal-inner .readmore-gold{display: block;}
    .tablistaccom li{display: block;}
    .bestdeallist a{height: 250px; margin-bottom: 10px; padding-top: 80px;}
    .uniquetext h2{font-size: 20px; margin-bottom: 15px;}
    .uniquetext h3{font-size: 14px;}
    .uniquebanner{height: 250px; background-size: cover!important;}
    .uniquetext{padding-top: 50px;}
    
    .package-list li {  -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%; padding: 5px; }

    .bestrate .sticker,.bestrate .best-text{
        float: none;
        width: 100%;
    }
    .bestrate h2{
        font-size: 23px;
    }
    .bestrate li{
        font-size: 15px;
    }
    .owl-carousel .owl-nav.disabled{
        display: block;
    }
}
@media screen and (max-width: 575.98px) { 
    .tab-slidepackage li{width: 100%;}
    .thingtodo-pic img{max-width:300px;}
    /*.slide-full .owl-item .item{height: 350px;}
    .slide-full.owl-carousel .owl-stage-outer{height: 350px;}*/
    .logo{max-width: 95px;}
    .coverslide .text-b-h1 {
        font-size: 30px;
        line-height: 25px;
    }
    .coverslide .text-b-h2{font-size: 22px;margin-bottom: 5px !important;}
   
    .slide-rooms h3,
    .contact-detail h3{font-size: 30px; line-height: 25px; margin-bottom: 10px;}
    .price-item{font-size: 50px; line-height: 20px;}
    .welcomehome h1{font-size: 25px; line-height: 30px;}
    .slide-package h2{font-size: 15px;}
    .slide-package p{height: 75px;}
    .slide-package .thbnum{font-size: 20px;}
    .bg-paralax h3{font-size: 25px; line-height: 1.3}
    .bg-paralax{height: auto; padding: 100px 0;}
    .loyaltytext h3{font-size: 16px; margin-top: 20px;}
    .roomgallery .gal-left{height: 300px;}
    
    .right-thingtodo .cover-td h2 {  font-size: 26px;}
    .right-thingtodo .cover-td {   font-size: 16px; }
    
    .package-list li {  -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; padding: 5px; }
    .packagedetail-datetime a{
        display: block;
        margin-bottom: 10px;
        text-align: center;
    }
    .btn-check{
        width: 100%;
        text-align: center;
    }
    
}
@media screen and (max-width: 460px){
    .findpackage{font-size: 14px;}
    
}
@media screen and (max-width: 400px){
    
}


@media screen and (max-width: 380px){
    .logo{
        top: 20px;
    }
    .logo img{width: 100%;}
}