/* ===== 02. Global Style ===== */
@media screen and (min-width: 1517.78px) and (max-width: 5464px){
    .locationPage {
        padding-bottom: 170px;
    }
    .locationPage .escapeShadoBox {
        margin-top: 160px;
    }
}
@media screen and (max-width:1299px) {
    header .right-sidbar .nav-logo{top:0;}
}
@media screen and (max-width:1199px) {
    .locationPage .escapeShadoBox { margin-top: 40px; }
    .locationContent {padding-left: 45px;}
    .escapeShadoBox.locaShadoTwo .locationContent { padding-left: 0; padding-right: 45px; }
    .OurGoals .pe-0{padding-left: 20px;}
    .OurGoals p{padding-right: 0px;}
    .OurGoals .gap-md-4 { padding-left: 20px; }
}
@media screen and (max-width: 1024px) {
    h1 {font-size: 65px;line-height: 71px;}
    .locationImg{display:none;}
    .boxDis{display:block;}
    .boxDis img {width: 100%;}
    .locationContent {padding-left: 0;}
    .escapeShadoBox.locaShadoTwo .locationContent{padding-right:0;}
}

@media screen and (max-width: 991px) {
    .container {max-width: 959px;}
    h1 {
        font-size: 60px;
        font-weight: 400;
        line-height: 70px;
    }
    h2 {
        font-size: 30px;
        font-weight: 400;
        line-height: 35px;
    }
    h3 {
        font-size: 44px;
        font-weight: 400;
        line-height: 54px;
    }
    h4 {
        font-size: 20px;
        font-weight: 400;
        line-height: 26px;
    }
    h5 {
        font-size: 16px;
        line-height: 18px;
        font-weight: 400;
    }
    h6 {
        font-size: 12px;
        line-height: 12px;
        font-weight: 500;
        letter-spacing: 0.08em;
    }
    p {
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }
    button {
        font-size: 16px;
        font-weight: 400;
        line-height: 18px;
    }
    a {
        font-size: 16px;
        font-weight: 500;
        line-height: 22px;
    }
    .Moments .justRight{text-align:left!important;align-items: start !important;}
    .copyRight{text-align:center;}
    .clicksBook, .clicksBook video{width: 100%;}
    .footer-copyright{justify-content:center!important;}
    .Moments,.Connect,.OurRoom,.ShowCase,.Services,.EasyStay,.Testimonial,.paddTB,.BeachFront,.contactPage,.locationPage{padding: 40px 0;}
    .video-fullscreen-wrap {height:auto;}
    .Moments .mt-0{width: 100%;padding-bottom: 14px;}
    .Moments figure img { width: auto; height: auto; }
    .ShowCase .text-center { padding-bottom: 20px; }
    .Promotion .p-0 h1{font-size: 80px;line-height: 113px;}
    .Moments .row { row-gap: 35px; }
    .OurRoom h2{padding-right: 0;}
    .Services .row{row-gap:25px;}
    .Services .servicesImg2 { padding-left: 0; }
    .Services figure img { width: auto; }
    .EasyStay .m-0{padding-top:0;}
    .clicksBook, .clicksBook video{height: auto;}
    .OurRoom figure img {width: auto;}
    .Testimonial .row{flex-direction: column-reverse;row-gap: 35px;}
    .Testimonial .pt-md-5 { padding: 0 !important; }
    .Testimonial .slick-dotted.slick-slider { margin-top: 30px; padding-left: 5px; }
    .Testimonial figure img { width: auto; padding-bottom: 20px;}
    footer {padding-top: 40px; }
    .BeachFront .row,.twoCal{row-gap:25px;}
    .BeachFront h2{margin-bottom: 25px;}
    .modal-body {height: 400px;}
    .contactPage .row { row-gap: 25px; }
    .reachgoaImg img{width:auto;}
    .reachSec { flex-direction: column-reverse; }
    .reachSec .airIcon { right: 0; left: auto; }
    .howToReachgoa .row{width: 97%;margin:0 auto;}
   .locationPage .escapeShadoBox .row {row-gap: 20px;flex-direction: column-reverse;}
   .locationPage .escapeShadoBox.locaShadoTwo .row {flex-direction: column;}
   .locationPage .escapeShadoBox img {width: auto;}
    
}
@media screen and (max-width: 767px) {
    h1 {
        font-size: 44px;
        line-height: 50px;
        font-weight: 400;
    }

    h2 {
        font-size: 26px;
        line-height: 32px;
        font-weight: 400;
    }
    
    h3 {
        font-size: 36px;
        line-height: 46px;
        font-weight: 400;
    }
    
    h4 {
        font-size: 16px;
        line-height: 18px;
        font-weight: 400;
    }

    h5 {
        font-size: 12px;
        line-height: 12px;
        font-weight: 400;
    }
    
    h6 {
        font-size: 10px;
        line-height: 10px;
        font-weight: 500;
        
    }
    
    p {
        font-size: 12px;
        line-height: 18px;
        font-weight: 400;
    }
    
    button {
        font-size: 14px;
        font-weight: 400;
        line-height: 16px;
    }
    
    a {
        font-size: 16px;
        font-weight: 500;
        line-height: 22px;
    }
    
    .hover3::after {
        height: 1px;
    }
    
    .back-to-top {
        width: 45px;
        height: 35px;
        font-size: 14px;
    }
    
    .modal-content {
        padding: 40px;
    }
    
    .checkmark {
        width: 70px;
        height: 70px;
    }
    .OurRoom .pe-0 { padding-left: 0; margin-top: 20px; }
    .OurRoom h2{text-align:center;}
    .ourEscapes,.viewAllBtn { justify-content: center; }
    .OurRoom p {text-align: center;}
    .mainBoxRoom {
        box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
        text-align: center;
        padding: 45px 15px;
        align-items: center;
        width: 70%;
        margin: 0 auto;
    }
    .OurRoom h5{font-size: 21px;line-height: 25px;}
    .row.pt-lg-5{row-gap:30px;}
    .Promotion .p-0 h1 { font-size: 40px; line-height: 44px; writing-mode: unset; transform: unset; }
    .EasyStay .m-0 {gap: 0;}
    .EasyStay .hover2 {margin-top: 15px;}
    .EasyStay .row{row-gap:25px;}
    footer .m-0{border:none;}
    footer .row.pt-md-5 { row-gap: 20px; margin: 20px 0; }
    footer .m-0 {padding: 0px 30px 0;}
    .Hero .nav-logo figure {text-align: center;}
    .Hero .nav-logo img{width: 45%;}
    footer .text-center h5{font-size: 20px;font-weight: 600;}
    .Moments h5{font-size: 15px;line-height: 16px;}
    .Moments .my-0 figure {width: 60px;height: 60px;}
    .gallerySec figure figcaption a{font-size: 16px;}
    .OurGoals .row {flex-direction: column-reverse;row-gap:25px;}
    .aboutLevel2 {flex-direction: column-reverse;row-gap:25px;}
    .OurGoals .pe-0 { padding-left: 0; width: 100% !important; }
    .OurGoals .gap-md-4{padding-left: 0;}
    .OurGoals figure img { width: auto; height: auto; }
    .SubPagesHero{padding: 130px 0px;}
    .contactPage .contactBox ul {margin-top: 15px;}
    .back-to-top {width: 33px;height: 33px;}
    #Products > div .credits{right: 11%;width: 20%;}

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

/* @media screen and (max-width:767px) {
    
} */
@media screen and (max-width:578px) {
    .keyBox > div { flex-direction: column; }
    .keyBox > div > div {width: 100%;}
    .Services .mx-0 { gap: 8px; padding-bottom: 35px; }
    .Services .m-0 { padding-bottom: 35px; }
    .right-sidbar ul li a{padding: 7px;font-size: 25px;}
    .Promotion .p-0::before{display:none;}
    .Promotion .p-0 h1,h1 {font-size: 30px;line-height: 35px;}
    .Promotion .gap-2 { padding: 30px 0px 30px 0px; }
    .Promotion::before{width: 100%;}
    .footMenu{order: 2;flex-direction: column;}
    .footLogo{order: 1;}
    .footMedia{order: 3;}
    .videoDesk{display:none;}
    .videoPhone{display:block;}
    .slick-dots{bottom: -30px!important;}
    .slick-dots li,.slick-dots li button{width: 11px!important;height: 11px!important;}
    .Hero:before{background-image: linear-gradient(rgb(37, 35, 53) 0%, rgba(37, 35, 53, 0) 35%);}
    .Hero .nav-logo{top: 7%;z-index: 2;}
    .Hero .nav-logo img {width: 75%;}
    .OurGoals figure img,.OurGoals .mb-0 figure{width:100%;}
    .SubPagesHero h1{font-size: 30px;line-height: 35px;text-align: center;}
    .SubPagesHero { padding: 100px 0px; }
    .reachgoaImg img,.locationPage .escapeShadoBox img,.Services figure img{width:100%;}
    .SubPagesHero .d-flex .d-flex {flex-direction:column;}
    .SubPagesHero hr{display: none;}
    .addressBoxFoot span br{display:none;}
    
}
@media screen and (max-width:549px){
    .propertyBtn { margin: 15px 0; display: flex; flex-direction: column; row-gap: 15px; }
}
@media screen and (max-width:481px) {
    .mainBoxRoom{width: 100%;padding: 15px;}
    .Moments figure img,.Services figure img,.Testimonial figure img{width:100%;}
    .Promotion{padding: 40px 0px;}
}