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

}

@media screen and (max-width: 1280px){
    .box-trainghiem-info-right{padding-right: 40px;}
    .box-trainghiem-info-left{padding-left: 40px;}
    .home-banner .elementor-widget-video{height: 500px !important;}

    .banner-product-roomItem{font-size: 16px;}

    .banner-product-room-1{top: 25%;   left: 41%;}
    .banner-product-room-2{top: 36%;   left: 34%;}
    .banner-product-room-3{top: 53%;   left: 26%;}
    .banner-product-room-4{top: 49%;   left: 14%;}
    .banner-product-room-5{top: 33%;   left: 21%;}
    .banner-product-room-6{top: 22%;   left: 28%;}
    .banner-product-room-7{top: 7%;   right: 32%;}
    .banner-product-room-8{top: 23%;   right: 32%;}
    .banner-product-room-9{top: 25%;   right: 17%;}
}

@media screen and (max-width: 1024px){
    .h-phongnghi-box{height:500px;}
    .h-phongnghi-box-title a{font-size: 20px;}
    .hotel-filter{padding: 2rem 16px 0 16px;}
    .hotel-list{padding:40px 16px;}
    #booking-form{max-width: 90%;}
    .lightbox-form-contain{width: 90%;}
    .archive-news-list{padding: 40px 16px;}
    .archive-news-wrapper{gap:24px;}
    .banner-product-rooms{left: -15%;width: 130%;}
    .hotel-box{padding:0;}
    .sukien-info-right{position: relative;top: unset;}
    .sukien-info-left{position: relative;top: unset;}
}

@media screen and (max-width: 880px){
    .room-title-mobile{display: block;margin-bottom: 24px; text-align: center; font-weight: 700; font-size: 36px; color: #000;}
    .room-title-desktop{display: none;}

    .h-news-item{flex-direction: column;}
    .h-news-item .h-news-photo{width: 100%;}
    .h-news-item .h-news-info{width: 100%;}
    .h-news-box-title{flex-direction: column-reverse;gap:8px}
    .h-news-box-title h3{width: 100%;font-size: 16px;}
    .h-news-box-title span{width: 100%;}
    .h-news-box-des{font-size: 14px;}
    .h-news-info > div h3{font-size: 18px;}
    .h-news-info > div{flex-direction: column-reverse;}
    .hotel-box{flex-direction: column-reverse;}
    .popup-left, .popup-right{width: 100%;}
    .hotel-list{gap:60px;}
    .hotel-box{border-bottom: 1px solid #ebebeb; padding-bottom: 40px;}
    .hotel-filter form{flex-wrap: wrap;justify-content: center;}
    .hotel-filter-box {width: calc(50% - 12px); }
    .banner-container{height: 300px;}

    .banner-product-roomItem {     font-size: 14px;   }
    .banner-hotel{height: auto;}
    .banner-producrt-desktop{display: none;}
    .banner-producrt-mobile{display: block;}
    .banner-product-rooms {left: 0;width: 100%;top: 0;}
    .banner-product-room-1{top: 41%;     left: 39%;}
    .banner-product-room-2{top: 53%;     left: 31%;}
    .banner-product-room-3{top: 67%;     left: 24%;}
    .banner-product-room-4{top: 64%;     left: 5%;}
    .banner-product-room-5{top: 50%;     left: 16%;}
    .banner-product-room-6{top: 41%;     left: 24%;}
    .banner-product-room-7{top: 26%;   right: 32%;}
    .banner-product-room-8{top: 40%;   right: 29%;}
    .banner-product-room-9{top: 40%;   right: 12%;}

    .archive-gallery-box { width: calc(100% / 2 - 12px); }
}

@media screen and (max-width: 770px){
    .booking-left, .booking-right{width: 100%;}
    .booking-left{order: 2;}
    .booking-right{order: 1;}
    #booking-form{max-width: 100%;height: 90%;width: 100%;overflow: auto;}
}

@media screen and (max-width: 664px){
    .box-trainghiem-img{min-height: auto;}
    .box-trainghiem-info-right{padding-right: 16px;padding-left: 16px;}
    .box-trainghiem-info-left{padding-left: 16px;padding-right: 16px;}
    .box-trainghiem-info-right ul span, .box-trainghiem-info-left ul span{font-size: 14px !important;}
    .box-trainghiem-info-right ul, .box-trainghiem-info-left ul{margin-left: 2rem;}

    .header-right{width: auto;}
    .button-style1 .elementor-button-text{font-size: 14px;}
    .h-phongnghi-box{height:400px;}
    .h-phongnghi-box-title a{font-size: 18px;}
    .h-phongnghi-box-btn{font-size: 14px;}
    .h-phongnghi-box-info{padding: 12px;}
    .h-phongnghi-box-btn svg{width: 18px;}
    .h-phongnghi-box-des{font-size: 12px;}
    .h-phongnghi-price{font-size: 14px;}

    .h-news-box-photo{height: 150px;}
    .popup-left h2, .room-title-mobile{font-size: 28px;margin-bottom: 30px;}
    .hotel-list{gap:40px;}
    .hotel-box{padding-bottom: 30px;gap:24px;}

    .lightbox-form-contain form{width: 90%;}
    .lightbox-form-contain{ padding: 1rem 0; border-radius: 16px; -webkit-border-radius: 16px; -moz-border-radius: 16px; -ms-border-radius: 16px; -o-border-radius: 16px; overflow: auto;max-height: 90%;width: 96%;}
    .form-dattiec-title{font-size: 28px;}
    .ast-separate-container #content .ast-container{padding: 0 !important;}
    .banner-product-roomItem span:last-child{width: 26px;   height: 26px;}
    .banner-product-roomItem {     font-size: 13px;     font-weight: 600;   }
    .archive-gallery-photo{min-height: 350px;}
}

@media screen and (max-width: 500px){
    .home-banner .elementor-widget-video{height: 400px !important;}
    .button-style1 .elementor-button-text {font-size: 12px;}
    .h-phongnghi-box .h-phongnghi-box-info{bottom:0}
    .h-news-container{flex-wrap: wrap;}
    .h-news-box {width: 100%; }
    .h-news-box-photo{height: 270px;}
    .h-news-info > div h3 {font-size: 16px; text-transform: none; font-weight: 700;   }
    .h-news-info > div{gap:8px;}
    .h-news-info > div{font-size: 14px;}
    .h-news-item{gap:8px;}
    .h-form-dangky-input p {   margin-bottom: 10px; }
    .h-form-dangky-input input { height: 46px; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; }
    .room-swiper-main{height: 300px !important;}
    .hotel-filter-submit {   width: 100%; }
    .hotel-filter form{gap:10px;}
    .hotel-filter-box {width: calc(50% - 5px); }
    .hotel-filter-submit {margin-top: 5px;}
    .booking-left{padding:16px;}
    .booking-right{padding:16px;padding-top:30px;}
    .booking-left textarea {   height: 120px; }
    .form-dattiec-title{font-size: 22px;}
    .form-dattiec-row{flex-direction: column;gap: 10px;}
    .form-dattiec-row .h-form-dangky-input {   width: 100%; }
    .archive-news-box{flex-direction: column;}
    .archive-news-photo, .archive-news-info{width: 100%;}
    .archive-news-info h3{font-size: 20px;}
    .archive-news-info{padding:1rem;}
    .popup-inner{padding:30px 16px;}
    .room-information{gap:16px;}
    .room-properties, .room-description, .room-amenities{gap: 8px; flex-direction: column;}
    .room-properties-sub, .room-description-sub, .room-amenities-sub{width: 100%;align-items: start;}
    .banner-product-roomItem{font-size: 10px;}
    .archive-gallery-wrapper{gap:16px;}
    .archive-gallery-box { width: calc(100% / 2 - 8px); }
    .archive-gallery-photo{min-height: 300px;}
    .archive-gallery-info h3{font-size: 16px;}
    .archive-gallery-des{font-size: 14px;-webkit-line-clamp: 2;}
    #footer-menu a{font-size: 14px;}
}

@media screen and (max-width: 400px){
    .archive-gallery-photo { min-height: 200px; }
    .archive-gallery-info h3{font-size: 15px; font-weight: 500;}
}