@media screen and (max-width: 1366px){
    .archive-news-container{padding: 32px 5% 40px 5%;}
}

@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%;}
    .products-page-container{padding:40px 5%;}
    .product-custom-title{font-size: 26px;}
    .product-page-list{align-items: end;}
    .product-custom-thumbnail{height: auto;}
    .product-single-wrapper{padding:40px 5%;}
    .ast-separate-container #primary{margin: 0 !important;padding: 0 !important;}
    .p-contact-container{padding:0;}
    .p-contact-left{display: none;}
    .p-contact-right { width: 100%; }
    .p-form-dangky-bottom{margin-top:0;}
    .p-form-dangky-bottom textarea{border-top:none !important}
    .product-page-list{min-height: auto}
}

@media screen and (max-width: 880px){
    .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;}

    .product-custom-title{font-size: 24px;}
    .product-single-title, .archive-title-main{font-size: 40px;}
    .product-single-description, .product-single-content{font-size: 18px;}
    .archive-news-photo{height: 250px;}
}

@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;}
    .product-single-title, .archive-title-main{font-size: 32px;}
}

@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: 80px;}
    .header-right .elementor-heading-title{display: flex;justify-content: end;}
    .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{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;   }
    .product-custom-title{font-size: 20px;}
    .archive-news-photo { height: 180px; }
    .archive-title-main{margin-bottom: 24px;}
    .p-form-dangky-input input::placeholder, .p-form-dangky-textarea textarea::placeholder{font-size: 20px;}
    .p-form-dangky-textarea textarea{height: 180px;}

    .swiper-product-prev {left: 5%; }
    .swiper-product-next {right: 5%; }
}

@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;}
    .products-page-list{gap:24px 20px;}
    .product-category-item{width: calc(50% - 10px);}
    .product-category-item >div { display: block; }
    .product-category-item img{height: 150px;width: 100%;object-fit: cover;}
    .product-custom-title{font-size: 18px;}
    .product-page-list{gap:20px;}
    .product-custom-item { width: calc(50% - 10px); }
    .archive-news-box { width: 100%; }
    .archive-news-photo { height: 250px; }
    .archive-news-info{font-size: 16px;}
    header.entry-header .entry-title{font-size: 24px !important;}
    .p-form-dangky-input input::placeholder, .p-form-dangky-textarea textarea::placeholder{font-size: 18px;}
    .swiper-product-btn{display: none;}
}

@media screen and (max-width: 420px){
    .product-category-item img{height: 120px;}
    .category-title{font-size: 14px;}
    .archive-news-photo { height: 200px; }
}