/* Media Queries  */

html { -webkit-text-size-adjust: none; /* Prevent font scaling in landscape */}

@media screen and (max-width: 1280px) {
    
    .main-obj-left,
    .main-obj-right { width:280px; }
    
    .section-bgcolor .obj-left { width: 200px; }
    .section-bgcolor .obj-right { width: 200px; }
    
    .hero-slider .hero-content .content-area .heading-h1 { font-size: 45px;}

}

@media screen and (max-width:1140px) {
    
    #global-page { padding-top:0px;}
    
}

@media screen and (max-width: 1024px) {
    
    .slider-home { margin-top: 0;}
    .online-booking { display: none;} 
    
    .item-col-2 .entry-caption { padding: 25px 40px;}
    
    .tn-magazine img { width:150px;}
}

@media screen and (max-width: 980px) {
    
    .hero-slider .hero-content .content-area .heading-h1 { font-size: 40px;}
    
    .main-unit .num { font-size: 50px;}
    
    .section-bgcolor .obj-left { width:150px;}
    .section-bgcolor .obj-right { width: 150px;}
     
    .tn-magazine img { width:110px;}
    
    ul.listmore-facilities li { width:50%;}
    
    .package-content { padding: 20px 30px;}
    .package-list { width: 100%; margin:0; float: none;}
    .package-list:last-child { border-bottom: 0;}
}

@media screen and (max-width: 767px) {
    
    h2 { font-size: 25px;}
    
    .hidden-w991 { display: none; }
    .visible-w767 { display: block;}
    
    .global-header { margin-bottom: 25px;}
    
    .main-obj-left,
    .main-obj-right { width: 100px;}
    
    .global-bxrol { padding-top:40px; padding-bottom:40px;}
    .global-header h1 { font-size:25px;}
    
    .inner-article { padding:20px;}
    
    .tn-magazine img { width:180px;}
    
    .article .bottom-content { padding: 20px;}
    
    .article .bottom-content .entry-share { right: 20px;}
    .hide-share { top:-2px; z-index: 5000;}
    .hide-share a { font-size: 16px; margin-left: 10px;}
    
    .art-content { padding:30px 20px;}
    .art-content .entry-header h2 { font-size: 25px;}
    
    .section-award .col-award { margin-bottom: 30px;}
    
    .section-award-home { display: none;}
    .section-award-about .col-clear:nth-child(3n) { clear: both;}
    
    .main-unit .num { font-size: 40px;}
    
    /* */
    .ad-desktop { display: none;}
    .ad-mobile { display: block;}
    
    .entry-caption .entry-head { font-size:22px;}
    
    .list-items .entry-desc, 
    .item-col-2 .entry-desc { display: none;}
    
    .item-col-2 { margin-bottom:0px;}
    .item-col-2 .col-2 { width:100%; display: block;}
    .item-col-2 .inr-right,
    .item-col-2 .inr-left { top: -40px; left: 0; right: 0; padding: 0 20px;}
    .item-col-2 .entry-caption { width: 100%; top: -40px; right: 0; padding:20px;}

    .list-items-facilities .entry-desc { display: block;}
    .list-items-facilities .entry-caption .inr:last-child { padding:8px 10px;}
    .list-items-facilities .entry-caption h3 { height: 35px; font-size:14px;}
    
    /* Hero */
    .banner-hero .content-area { max-width: 100%;}
    .hero-slider .owl-theme .owl-nav.disabled+.owl-dots { bottom:8px;}
    .hero-slider .hero-content .content-area { display: none;}
    
    .section-facilities-home { display: none;}
    
    .banner-hero h1 { font-size:28px;}
    .banner-hero .content-area p { display: none;}
    
    .inner-headline { height: 100px;}
    .inner-headline h1 { font-size: 25px;}
    .inner-headline p { display: none;}
    .inner-headline .obj-left { width:80px;}
    .inner-headline .obj-right { width:80px;}
    
    .list-items { margin-bottom: 0;}
    .list-items .entry-caption { margin: 0 20px;}
    .list-items .entry-caption .inr { padding: 20px;}
    
    /* Promotion */
    .list-items-promotion { margin-bottom: 0;}
    .list-items-promotion .inr-promotion .entry-desc { display: none;}
    .list-items-promotion .inr-promotion { min-height:inherit;}
    
    .global-owl .global-fullcontent { padding: 0;}
    
    .section-bgcolor .obj-left { width:100px;}
    .section-bgcolor .obj-right { width: 100px;}
    
    .global-fullcontent-m { max-width: 100%; padding: 0;}
    .global-fullcontent-m .row-column-0 { margin: 0;}
    
    .column-xxs-0 { padding:0;}
    .column-clear-2n:nth-child(2n+1) { clear: left;}
    .column-nopadding-m { padding: 0;}
    
    .owl-theme .owl-nav.disabled+.owl-dots { bottom: -10px;}
    
    .global-feed-main .row-column { margin: 0;}
    .global-feed-main .item-header { padding: 0 20px; margin-bottom:15px;}
    .global-feed-main .item-header .linkall { display: none;}
    .global-feed-main .item-newsfeed { padding: 0 5px;}
    .global-feed-main .tn-magazine img { width:95px;}
    .global-feed-main .list-items-media .entry-caption .entry-head { 
        width:7em; font-size: 16px;
    }
    
    .column-news .item-header { padding: 0 3px;}
    
    .sl-wrapper .sl-navigation { display: none!important;}
    
    .direction-column { 
        -webkit-display: -webkit-box;
        -webkit-display: -webkit-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column;
    }

    .order-1 { order: 0;}
    .order-2 { order: 1;}
    
    .owl-promotion.owl-theme .owl-nav.disabled+.owl-dots { bottom:-15px;}
    
    .section-facilities .col-facilities { width: 50%; padding:15px 0;}
    .section-facilities .col-facilities:nth-child(2n+1) { clear: left;}
    
    .item-col-2 .entry-caption .entry-head { margin-bottom: 15px;}
    
    /* Accordion */
    .accordion-group .entry-head { font-size:16px; padding:15px 50px 15px 0;}
    .accordion-group .entry-head:after { right: 0;}
    .accordion-content { padding: 20px 0;}
    
    .info-hotel { margin-bottom:20px;}
    .info-hotel .info-head { font-size: 14px;}
    .info-hotel .info { font-size: 18px;}
    
    .section-testimonial .owl-theme .owl-nav.disabled+.owl-dots { bottom: -20px;}
    .section-testimonial .owl-item.active > div { opacity:1;}
    .section-testimonial .owl-item.center > div { opacity: 1;}
    .section-testimonial .owl-item.active.center > div { opacity:1}
    .section-testimonial .owl-item > div { opacity:1;}
    
    .items-testimonial { 
        padding: 40px 25px;
        margin-bottom: 20px;
    }
    
    .items-testimonial h3 { margin-bottom: 10px;}
    
    .list-items-media .hover-play { opacity: 1; transform: translateY(0px);}
    
    .owl-meeting-event .item-col-2 { margin-bottom: 0;}
    
    .slide-room .item-room .overbox { 
        background-color: #FFF;
        border: 0;
    }
    .slide-room .item-room { border: 1px solid #ba9c62;}
    .slide-room .item-room:hover .overbox-inr  { top: inherit;}
    .slide-room .item-room:hover .overbox { height:100px; bottom:0;}
    .slide-room .item-room .overbox h3 {font-size: 17px; padding: 0 15px;}
    .slide-room .txt-branch { color: #ba9c62;}
    .slide-room .col-option { padding:15px;}
    .slide-room .col-option i { color: #cacaca;}
    .slide-room .icon-option { width: 20px;}
    .slide-room .txt-branch { font-size: 14px;}
    .slide-room .item-room .entry-desc { padding-bottom: 0;}
    .slide-room .item-room .hover-caption { display: none; pointer-events: none;}
    .maps-content .address-contact { padding: 25px 15px 40px;}
    
    /* Antique House */
    .section-antique-house .content-vertical-center { float: none; display: block;}
    .section-antique-house .intro-content { max-width: 100%;}
    .section-antique-house .bx-img { margin-bottom: 50px;}
    .section-antique-house .area-content { padding: 0!important;}
    .section-antique-house .img-right { top:20px; right:-20px;}
    .section-antique-house .img-left { top:20px; left:-20px;}
    
    .section-gallery { margin-top:0px;}
    
    /* Contact */
    .section-maps .map-container { height:200px;}
    .address-contact .bx-contact { margin-top:20px;}
    .form-contact { margin-top:30px;}
    
    .maps-content-container { 
        position:relative;
        margin:20px 0;
    }
    
    .section-visible-767 { display: block;}
    .section-hidden-767 { display: none;}
    
    /* Online Booking */
    
    
    .popup-filter-mobile .online-booking { 
        width: 100%; 
        max-width: 100%; 
        display: block;
        background-image:none;
        background-color: transparent;
    }
    .popup-filter-mobile {    
        background-image: url(../img/main/bg-booking.jpg);
        background-repeat: no-repeat;
        background-position: right bottom;
        background-size: 50%;
    }
    .popup-filter-mobile .online-booking h3 { 
        padding: 0;
        line-height: 45px;
        height: 45px; 
        border-bottom: 1px solid #d5ba8b;
    }
    .popup-filter-mobile .form-booking .form-group { margin-bottom:20px;}
    
    .sl-wrapper .sl-navigation button.sl-prev {
        left:10px;
    }
    .sl-wrapper .sl-navigation button.sl-next { 
        right:10px;
    }
    
    .package-content { padding: 20px;}
    .package-list { padding: 15px 0;}
    .package-list .column-1 {
        width: 100%;
        display: block;
        float: none;
        text-align: left;
        vertical-align: middle;
        margin-bottom:15px;
    }
    .package-list .column-3 { width: auto;}
    .package-list .entry-head { width: auto;}
    
    .navbar-fixed .btn { 
        width: 100%;
        position: relative; 
        top: 0;
        right: 0;
        text-align: center;
        margin: 0;
    }
    .sticky-nav-tab { display: none;}
    
    .owl-carousel.owl-branch .owl-stage-outer { margin-left: -10px;}
}

@media screen and (max-width:320px) {
    
    .column-xxs-0 { width: 100%!important;}
    
    .inner-headline { height: 80px;}
    .inner-headline h1 { font-size: 22px;}
    .inner-headline .obj-left { width:70px;}
    .inner-headline .obj-right { width: 70px;}

    .btn,
    .btn-outline { padding: 0 12px;}
    
    .entry-caption .entry-head { font-size:20px;}
    
    .item-col-2 .inr-right, .item-col-2 .inr-left { padding: 0 15px;}
    .item-col-2 .entry-caption { padding: 12px;}
    
    .global-feed-main .list-items-media .entry-caption .entry-head { 
        width:5em; font-size: 14px;
    }
    .list-items .entry-caption { top: -20px;}
    .list-items-facilities .entry-caption .inr:last-child { padding: 15px 10px;}
    .list-items-facilities .entry-caption h3 { height: auto;}
    .tn-magazine img { width:160px;}
    
    ul.listmore-facilities li { width: 100%; float: none;}
}