/*1679*/
@media screen and (max-width:1679px) {

.page-box > article > header h1 { font-size: 30px; }

.cover h1 { font-size: 45px; }

h2 { font-size: 24px; }
h3,h4 { font-size: 18px; }

.intro { padding: 40px 0; }
.intro article > header h2 { font-size: 24px; }
.cover-less .box-vdo video { height: 580px; }
.cover-less .box-vdo { min-height: 580px; }

.home-explore .explore-nav { width: min(100%, 1240px); }

.room-gallery-main { height: 300px; }

.card { height: 400px; }

.room-lists-all{ gap: 30px; }
.room-title { font-size: 18px; }

.room-gallery-detail { height: 500px; }

.explore-detail h1,.special-detail h1 { font-size: 26px !important; }

.special-detail > article,.explore-detail > article {     width: min(100%, 980px); }

.editor h2 { font-size: 24px; }
.editor h3 { font-size: 18px; }
.editor h4 { font-size: 18px; }
.editor h5 { font-size: 16px; }

body > footer h2 { font-size: 24px; }

}

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

.header-fixed .logo-nav,.header-fixed .head-lang { padding: 0 40px; }
.cookie-consent { right: 80px; }

}

/*1279*/
@media screen and (max-width:1279px) {

h1 { font-size: 36px; }
.cover .box-vdo { height: 580px;}
.cover-less .box-vdo { min-height: 580px; }
.intro article { padding-right: 100px; }


.home-feature > article { grid-template-columns: 1fr; }
.home-feature figure { height: 460px; order: 1; }
.home-feature > article .content-left { order: 2; }

.facilities-home ul { grid-template-columns: repeat(3, 1fr); }

}

/*1023*/
@media screen and (max-width:1023px) {

:lang(ar) .nav-mobile { right: inherit; left: -100%; }

.nav-mobile { width: 100%; right: -100%; }

.main-menu { display: none; }

.home-feature { flex-wrap: wrap; }
.home-feature > article { position: relative; order: 2; }
.home-feature > article .content-left { width: 100%; padding: 40px 40px 60px 40px; }
.home-feature figure { width: 100%; order: 1; height: 360px; }

.home-event > article > header { max-width: 100%; left: 0;  }

.about-home article { grid-template-columns: 1fr; }
.about-home article figure { order: 1; }
.about-home article .content-left { order: 2; }

.aboutus-detail .box-one { grid-template-columns: 1fr; }
.aboutus-appropriate .box-one { grid-template-columns: 1fr; }
.aboutus-appropriate .box-one .text { order: 2;}
.aboutus-appropriate .box-one figure { order: 1; }

.special-offers-home ul { grid-template-columns: repeat(2,1fr); }

.intro article > header br { display: none;  }

.room-title { font-size: 20px; }


.room-highligts ul { grid-template-columns: 1fr; }
.room-lists-all .room-footer > div { display: grid; grid-template-columns: 1fr 1fr; }
.room-lists-all .room-footer > div:has(> :only-child) {
    grid-template-columns: 1fr;
}

.room-gallery-all { height: 290px; }

/*  .hotel-map {
      height: 360px;
    } */

.brand-address { width: 100%; padding-top: 15px; }
body > footer h2 { font-size: 24px; }

.list-type-room .text-price-room { grid-template-columns: 1fr 140px; gap: 20px; }


h1 { font-size: 24px; }
h2 { font-size: 24px; }
.page-box > article > header h1 { font-size: 24px; }

.special-detail h1,.explore-detail h1 { font-size: 24px !important; }

.editor h2 { font-size: 20px; }
.editor h3 { font-size: 18px; }
.editor h4 { font-size: 16px; }

}


/*767*/
@media screen and (max-width:767px) {

:lang(ar) .global-lang { left: -100%; }
:lang(ar) body > footer .footer-logo-address .logo { margin-right: auto; margin-left: auto; }
:lang(ar) body > footer .contxt span { padding-left: 0; border-left: none; }
:lang(ar) .header-fixed .top-social {  margin-left: auto; }
:lang(ar) .intro article { padding-right: 20px; }

.special-detail { padding-bottom: 60px !important; }
.special-detail, .explore-detail { padding-top: 140px !important; }

.home-event > article > header h2 { font-size: 24px; }

.home-feature > article { padding-left: 0 !important; padding-right: 0 !important; }
.home-feature > article .content-left { padding-left: 20px; padding-right: 20px; }

.editor hr { margin: 20px 0; }
.editor .box-table { overflow-x: scroll; }

.page-box { padding: 40px 0; } 

.home-event > article { margin-bottom: 20px; }

.home-feature h2 { font-size: 24px; }

.aboutus-near .box-one { grid-template-columns: 1fr; }
.aboutus-location .box-one { grid-template-columns: 1fr; }

.facilities-home ul { grid-template-columns: repeat(2, 1fr); }

.special-offers-home ul { grid-template-columns: 1fr; }

.nav-mobile { padding-top: 140px; }
.header-fixed .logo-nav, .header-fixed .head-lang,
.page-box > article, body > footer article { padding: 0 20px; }

.global-lang { width: 100%; right: -100%; }

.intro article > header h2 { font-size: 20px; }
.intro article { padding:0 20px;  }
.cover > article { padding-left: 20px; padding-right: 20px; }

.nav-prev { left: 8px; }
.nav-next { right: 8px; }

.room-footer > div { display: grid; grid-template-columns: 1fr 1fr; }
.home-event > article > header { padding-left: 50px; padding-right: 50px; text-align: center; }
.home-event > article figure { height: 550px; }
.home-event .btn--primary { margin-left: auto; margin-right: auto; }

.room-lists-all { grid-template-columns: 1fr; }

.home-feature { padding-top: 0; }
.home-feature > article .content-left { padding-bottom: 0px; }

.home-explore { padding-bottom: 50px; }

.home-facilities { padding-top: 50px; padding-bottom: 0; }

.box-slide-room { padding: 0; }
.room-gallery-detail { height: 320px; }
.room-include { grid-template-columns: 1fr; }

.room-detail-full .sub-title { padding-top: 30px; font-size: 20px; }
.cover-gallery figure { height: 480px; }
.explore-detail h1 { font-size: 30px; }

/*  */
.card-top { padding-top: 30px; }
.bookign-stay { padding-top: 140px; }
.bookign-stay h1 { font-size: 30px; }
.list-type-room .text-price-room { grid-template-columns: 1fr ; }
.list-type-room .price-room { text-align: left; display: inline-flex; align-items: flex-end; }
.list-type-room { grid-template-columns: 1fr ; }
.list-type-room .photo-room { width: 100%; }
.list-type-room .price-room .txt-price { margin-left: auto; }
.form-grid { grid-template-columns: 1fr 1fr; gap: 10px 15px;}
.form-grid .field-group:nth-child(1),.form-grid .field-group:nth-child(4) { grid-column: span 2; }
.semi-sum { align-items: flex-start; }
.semi-sum .field-label { position: absolute; left: 0; height: auto; bottom: 0;  }
.txt-price-sum { margin-left: auto; }
.txt-price-discount { margin-left: auto; position: relative; }

.check-date-select-room .box-check-date { grid-template-columns: 1fr 1fr; }
.check-date-select-room .box-select-room small { margin-left: 0; }
.check-date-select-room .box-select-room { padding-top: 20px; grid-column: span 2; text-align: left; }

.section-badge { display: block; width: 100%; margin-top: 10px; text-align: center; }
.box-check-date .show-check-date:nth-child(2) { text-align: right; }
.box-check-date .show-check-date:nth-child(2) small { justify-content: flex-end; }

.check-date-select-room .calendar,.total-price { font-size: 17px; }

.results-area .list-type-room .photo-room img { height: 250px; }

.booking-number { padding: 30px 20px; }

.booking-number .txt-booking { font-size: 24px; }

.show-detail { grid-template-columns:  1fr 1fr !important; }

.email-note { padding: 12px 15px; }

 .form-section { padding: 24px 20px; }
 .field-group { gap: 5px; }
 .field-grid { grid-template-columns: 1fr; }

    .terms-row { padding: 20px; }
    .pay-section { padding: 20px 20px 32px; }
    .back-link { padding: 0 4px; }
    
    .field-grid.three { grid-template-columns: 1fr; }
    .expiry-row { grid-template-columns: 1fr 1fr; gap: 15px; }
    /* .expiry-row .field-group:last-child { grid-column: 1 / -1; } */
    .pay-btn { width: 100%; padding: 16px 20px; }

    .card-top, .results-area, .book-section { padding-left: 20px; padding-right: 20px; }

    .form-grid-dates { grid-template-columns: 1fr; }
    .form-bottom { flex-direction: column; align-items: stretch; }
    .check-btn { width: 100%; text-align: center; }
    .book-btn { width: 100%; }
    .date-chip { font-size: 11px; padding: 4px 8px; }
/*  */

.cookie-consent .box { display: grid; grid-template-columns: 1fr; gap: 10px; }
.cookie-consent .btn-consent { margin-left: 0 }
.cookie-consent { left: 20px; }

body > footer .footer-logo-address .logo { margin-left: auto; margin-right: auto; }
.brand-address { text-align: center; }
body > footer > article address br { display: block; }
body > footer aside { grid-template-columns: 1fr; }
body > footer aside .subject { display: flex; justify-content: center; }
body > footer aside li { display: flex; justify-content: center; }
body > footer .contxt { padding-top: 15px; flex-wrap: wrap; justify-content: center; gap: 3px; }
body > footer .contxt span { display: block; width: 100%; text-align: center; border-right:none; padding-right: 0; }
body > footer .copy { flex-wrap: wrap; }
body > footer .copy ul { display: grid; grid-template-columns: 1fr; width: 100%; justify-content: center; }
body > footer .copy ul li { text-align: center; }
body > footer .siteby { width: 100%; padding-top: 30px; justify-content: center; }

}

    /* 640 */
 @media (max-width: 640px){

    .name{ font-size: 17px; }
    .review-carousel { padding-left: 20px; padding-right: 20px; }

    .list-type-room .photo-room img { height: 220px; }
}

/*636*/
@media screen and (max-width:639px) {
.header-fixed .head-lang .txt-connect { display: none; }
.header-fixed .top-social { display: none; }

}

/*390*/
@media screen and (max-width:390px) {
.bookign-stay .txt-thank { font-size: 14px; }

}
/*375*/
@media screen and (max-width:375px) {

.show-detail { grid-template-columns:  1fr !important; }


}

/*320*/
@media screen and (max-width:320px) {


}