@media only screen and (max-width:3000px) and (min-width:2500.98px) {
    .container {
        max-width: 2100px
    }
}

@media only screen and (max-width:2500px) and (min-width:1921px) {
    .container {
        max-width: 1800px
    }

    .bg-before:before,
    .section-form::before {
        background-size: cover
    }

    .service-section .images-box .line-img {
        right: 11%
    }

    .section-update-1 .premiumslider {
        padding-top: 4rem
    }

    .youtubeslider {
        padding: 0 27rem
    }
}

@media only screen and (max-width:1820px) and (min-width:1600px) {
    .hardbagsslider-content {
        padding: 4.9rem 1.4rem
    }

    .resort-section .content-update {
        margin-left: 6rem
    }

    .resort-section .resort-heading {
        font-size: 5.2rem;
        top: -10%;
        left: -.7%
    }

    .resort-section .rigt-update {
        right: -18%;
        top: 0
    }

    .resort-section .content-update .shap-line {
        right: -18%;
        top: -1%
    }

    .section-update-1 .premiumslider .slide-content {
        padding: 1.8rem 1.6rem
    }

    header {
        padding: 4.7rem 3rem 4.7rem 2rem
    }

    .navbar-nav {
        width: 59%;
        gap: 3.6rem
    }

    .navbar-brand img {
        left: -19px
    }

    .main-slider .slideOne {
        position: relative;
        left: 10%
    }

    .about-section {
        padding: 6rem 2.7rem
    }

    .about-section h4 {
        font-size: 4rem;
        top: 34%;
        right: -.4%
    }
}

@media only screen and (max-width:1920px) and (min-width:1500px) {
    .container {
        max-width: 1600px
    }
}

@media only screen and (max-width:1884px) and (min-width:1445px) {
    .container {
        max-width: 1600px
    }
}

@media only screen and (max-width:1600px) {
    header {
        padding: 4.7rem 2rem 3.7rem 0
    }

    .navbar-nav {
        width: 54%;
        gap: 2.1rem
    }

    .main-slider .slideOne {
        position: relative;
        left: 10%
    }

    .about-section {
        padding: 6rem 2.2rem
    }

    .about-section h2,
    .inner-banner-content h1 {
        font-size: 3.7rem
    }

    .about-section h4 {
        font-size: 4rem;
        top: 33%;
        right: -1.4%
    }

    .resort-section .rigt-update {
        right: -15%;
        width: 68%
    }

    .resort-section .content-update .shap-line {
        right: -13.9%;
        width: 70%
    }

    .hardbagsslider-content {
        padding: 1.3rem 2.8rem
    }

    .resort-section .resort-heading {
        font-size: 4.7rem;
        top: -13%;
        left: -.7%
    }

    .section-map .map-box .content {
        top: 24px;
        right: 34px;
        padding: 3rem 2rem 4rem
    }

    .section-update-1 .premiumslider .slide-content h5 {
        font-size: 1.2rem
    }

    .section-update-1 h2 {
        font-size: 4rem
    }

    .section-update-1 .before-bg::before {
        width: 97%;
        height: 100%;
        top: 0;
        left: -18%
    }

    .section-update-1 .premiumslider .slide-content {
        width: 95%;
        height: auto;
        top: 58%;
        left: 3%;
        right: 8%;
        padding: 2.8rem .9rem
    }

    .section-update-1 {
        padding: 0 0 5rem 6rem
    }

    .section-update-1 .premiumslider .swiper-slide:before {
        top: 57%
    }

    .section-accommodation {
        padding: 6rem 3rem
    }

    .section-accommodation .content h2 {
        font-size: 3.2rem
    }

    .section-accommodation .list-content h3 {
        font-size: 2.4rem
    }

    .section-accommodation .list-content .figure-1 {
        display: flex;
        flex-direction: column;
        align-items: baseline;
        width: 22%
    }

    .gallery-section {
        padding: 6rem 2.5rem
    }

    .service-section .content {
        padding-left: 3rem
    }

    .main-slider {
        height: 85vh
    }

    .section-update-2 h2,
    .section-update-3 .content-add p {
        font-size: 4.1rem
    }

    .section-update-4 .content h3 {
        font-size: 2.9rem
    }

    .remove-before {
        padding-bottom: 1rem
    }

    .address-tab {
        font-size: 16px
    }

    .floor-banner {
        padding-left: 3rem;
    }

    .floor-banner p {
        width: 91%;
    }

    .landing-section-5 .content-left p {
        font-size: 1.2rem;
    }

    .landing-section-5 .content-left h4 {
        font-size: 6.1rem;
    }

    .landing-section-5 .content-right p {
        font-size: 1.1rem;
    }
}

@media only screen and (max-width:1445px) {
    .navbar-brand img {
        top: -60px;
        width: 252px
    }

    .navbar-nav {
        width: 56%;
        gap: 1.8rem
    }

    header {
        padding: 3.7rem 1rem 2.7rem 0
    }

    section {
        padding: 3rem 0
    }

    .resort-section h2 {
        font-size: 3.2rem
    }

    .hardbagsslider-content {
        padding: 1.3rem 1.8rem
    }

    .resort-section .rigt-update {
        width: 71%
    }

    .resort-section .content-update .shap-line {
        right: -13.4%;
        width: 72%
    }

    .resort-section .resort-heading {
        top: -8%
    }

    .section-map .map-box .content {
        padding: 3rem 2rem 2rem
    }

    .section-update-1 .trip-content h3 {
        font-size: 2.2rem
    }

    .section-update-1 {
        padding: 0 0 5rem 4rem
    }

    .section-update-1 .before-bg::before {
        width: 106%
    }

    .about-section {
        padding: 6rem 0
    }

    .main-slider .slideOne {
        left: 0
    }

    .about-section .call-us-btn {
        padding-left: .9rem
    }

    .about-section .call-text span:last-child {
        font-size: 17px
    }

    .about-section .top-bar {
        padding-bottom: 1.5rem
    }

    .about-section h4 {
        font-size: 5rem;
        top: 19%;
        right: -.6%
    }

    .service-section .content {
        padding-left: 1rem
    }

    .service-section .content h2 {
        font-size: 3.3rem
    }

    .service-section .images-box .line-img {
        height: 335px;
        right: -13px;
        top: 9%
    }

    .service-section .content ul li {
        font-size: 1.2rem
    }

    .section-accommodation .content h2 {
        font-size: 2.8rem
    }

    .section-accommodation .list-content h3 {
        font-size: 1.8rem
    }

    .testimonials-main {
        padding: .9rem;
        background: #ecfcff
    }

    figure.testimonials-sub img {
        width: 76px
    }

    .section-map .map-box .content h4 {
        font-size: 31px
    }

    .section-map .map-box .content ul li {
        line-height: 1
    }

    .location-section .container {
        background: #fff;
        border-radius: 20px;
        padding: 2rem 2rem 1.5rem
    }

    .section-update-3 .content-add h2 {
        font-size: 3.7rem
    }

    .section-update-3 .content-add p {
        font-size: 3.4rem
    }

    .section-update-2 h2 {
        font-size: 3.6rem
    }

    .section-update-4 .content h3 {
        font-size: 2.5rem
    }

    .section-update-4 .content p {
        width: 100%
    }

    .section-update-5 h2 {
        font-size: 2.3rem
    }

    .service-section .ul-update-1 {
        flex-wrap: wrap;
        gap: 0
    }

    .section-update-7 .content h2 {
        text-align: center;
        font-size: 4rem;
        padding-bottom: 2rem
    }
    .floor-banner {
    
    padding: 7rem 0;
  
}
.floor-banner h1 {
        font-size: 3.2rem;
    }
    .landing-section-1 .content {
   
    height: 100px;
}
.landing-section-1 .content p {
    font-size: 0.9rem;
   
}
.landing-section-4 .content h2 {
    font-size: 2.9rem;
   
}
.landing-section-4 .content p {
  
    width: 98%;
}
      .landing-section-5 .content-left h4 {
        font-size: 3.8rem;
    }
    .landing-section-5 .content-left figure {
    margin: 0px -0.2rem 0 0;

   
}
.landing-section-5 .content-left figure img {
    width: 88%;
  
}
.landing-section-5 .content-left span {
    font-size: 2.2rem;
}
.landing-section-5 .content-left p {
        font-size: 1rem;
    }
    .landing-section-5 .bg-update-4 {
    padding: 4rem 1.3rem;
}
}

@media only screen and (max-width:1366px) {
    html {
        font-size: 15px
    }

    .navbar-nav .nav-item .nav-link {
        font-size: 1rem
    }

    .navbar-nav {
        width: 53%;
        gap: 1.5rem
    }

    .main-slider {
        height: 75vh
    }

    .header_links {
        top: 25%
    }

    .about-section .top-bar {
        padding-bottom: 1rem
    }

    .about-section .themeBtn {
        padding: 1rem 1.8rem
    }

    .about-section .top-bar .call-us-btn {
        padding-left: 1.9rem
    }

    .aboutslider .swiper-pagination {
        top: 90% !important
    }

    .service-section .content h2 {
        font-size: 3.1rem
    }

    .service-section .images-box .line-img {
        width: 350px;
        height: 383px;
        right: -3%;
        top: 5%
    }

    .service-section .images-box .line-img-1 {
        height: 379px;
        top: 4%
    }

    .resort-section .rigt-update {
        width: 86%;
        right: -33%;
        height: 100%
    }

    .resort-section .content-update .shap-line {
        right: -32.4%;
        width: 89%
    }

    .section-accommodation .list-content h3 {
        font-size: 2rem
    }

    .section-accommodation .content {
        padding-left: 1.6rem
    }

    .section-map .map-box .content {
        padding: 1rem 1rem 3rem;
        right: 11px;
        top: 35px
    }

    .about-section h4 {
        font-size: 3rem;
        top: 34%;
        right: -.6%
    }

    .location-section .card-content {
        padding: 9px 15px 14px;
        margin-top: -26px
    }

    .section-update-1 .trip-content {
        padding: 5rem 0
    }

    .section-update-1 .premiumslider .slide-content {
        padding: 1.8rem .9rem
    }

    .section-update-1 .trip-content h3 {
        font-size: 2rem;
        margin-bottom: 9px
    }

    .inner-banner {
        padding: 13rem 0
    }

    .main-slider .slideOne {
        left: 9%
    }
    .floor-banner {
        padding: 9rem 0;
    }
}

@media (max-width:1199.98px) {
    html {
        font-size: 14px
    }

     .navbar-brand img {
        top: -54px;
        width: 182px;
    }

    header .head-btn .themeBtn {
        padding: .8rem 1rem
    }

      header {
        padding: 3.6rem 0.3rem 2.2rem 0;
    }

       .navbar-nav {
        width: 60%;
        gap: 1.4rem;
    }

    .main-slider {
        height: 68vh
    }

    .main-slider h1 {
        font-size: 3.7rem
    }

    .about-section h2 {
        font-size: 3.2rem;
        padding-bottom: 3rem
    }

    .about-section .call-text span:last-child,
    .section-accommodation .call-text span:last-child {
        font-size: 15px
    }

    .about-section h3 {
        font-size: 3.9rem
    }

    .about-section h4 {
        top: 33%;
        right: -1%;
        font-size: 2.5rem
    }

    .service-section .images-box .line-img {
        height: 316px
    }

    .service-section .content {
        padding-left: 1rem
    }

    .service-section .images-box .line-img-1 {
        height: 326px;
        top: 4%
    }

    .resort-section .rigt-update {
        right: -41%
    }

    .resort-section .content-update .shap-line {
        right: -41.4%;
        width: 89%
    }

    .section-accommodation .content h2 {
        font-size: 2.8rem
    }

    .section-accommodation .list-content h3 {
        font-size: 1.7rem
    }

    .right-testimonial img {
        left: -21%;
        top: -52px
    }

    .testimonials-main .testimonials-sub img {
        width: 80px
    }

    .section-map .map-box .content h4 {
        font-size: 30px
    }

    .section-map .map-box .content ul li {
        line-height: 1
    }

    .section-map .map-box .content {
        top: 9px;
        padding: 1rem
    }

    .section-map .map-icon img:first-child {
        width: 57px
    }

    .section-map .head-2 h2 {
        font-size: 4rem
    }

    .section-update-1 h2 {
        font-size: 3rem
    }

    .section-form h2 {
        font-size: 3.1rem
    }

    .main-slider .slideOne {
        left: 13%
    }

    .section-update-2 h2 {
        font-size: 3.3rem
    }

    .section-update-3 .content-add h2 {
        font-size: 3.6rem
    }
        .floor-banner p {
        width: 100%;
    }
        .floor-banner h1 {
        font-size: 2.9rem;
    }
        .landing-section-5 .bg-update-4 {
        padding: 3rem 0.7rem;
    }
    .landing-section-5 .content-left figure {
   
    width: 280px;
 
}
    .landing-section-5 .content-right p {
        font-size: 1rem;
        padding-left: 1rem;
    }
}

@media (max-width:991.98px) {
    html {
        font-size: 13px
    }

    .navbar-brand img {
        top: -48px;
        width: 213px;
        left: 11px
    }

    .side-menu {
        background: #fff
    }

    .navbar-nav {
        width: 100%;
        gap: 2.1rem;
        margin: unset !important;
        align-items: start !important
    }

    .navbar-nav .nav-item .nav-link {
        font-size: 1.1rem
    }

    .main-slider {
        height: 62vh
    }

    .about-section h2 {
        font-size: 2.7rem;
        padding-bottom: 2rem
    }

    .homeSlider .swiper-pagination {
        left: 92% !important
    }

    header .header_links {
        top: 22%
    }

    .about-section .top-bar {
        padding-bottom: 3rem
    }

    .about-section h4 {
        top: 45%
    }

    .section-accommodation .content,
    .section-update-2 .content,
    .section-update-3 .content,
    .service-section .content {
        padding-bottom: 2rem
    }

    .resort-section .rigt-update,
    .resort-section .shap-line,
    .right-testimonial,
    .section-map .head-2 p br,
    .service-section .line-img {
        display: none
    }

    .section-accommodation,
    .section-update-1 .premiumslider {
        padding: 3rem 0
    }

    .gallery-section {
        padding: 0 0 3rem
    }

    .section-map .map-box .content h4 {
        font-size: 21px
    }

    .section-map .map-box .content ul li {
        font-size: 13px;
        line-height: .8
    }

    .section-update-1 {
        padding: 0 2rem 5rem 3rem
    }

    .section-update-1 .trip-content {
        padding: 5rem 0 0
    }

    .section-update-1 .before-bg::before {
        width: 116%;
        height: 100%;
        left: -6%
    }

    .section-update-1 .premiumslider .swiper-slide:before {
        height: 17%
    }

    .section-update-1 .premiumslider .slide-content {
        padding: 2.9rem .9rem
    }

    .footer-menu ul {
        gap: 2rem
    }

    footer .contact-details h4,
    footer .contact-details-1 h4 {
        padding-top: 2rem
    }

    .section-accommodation .content h2 {
        font-size: 2.3rem
    }

    .section-update-2 h2 {
        font-size: 2.7rem;
        padding-bottom: 1rem
    }

    .section-update-3 .content-add h2 {
        font-size: 3.4rem
    }

    .section-update-4 h2 {
        font-size: 3.8rem;
        padding-bottom: 2rem
    }

    .content-propety .ul-style ul li {
        font-size: 1.2rem
    }

    .section-update-5 h2 {
        font-size: 1.9rem
    }

    .youtubeslider {
        padding: 0 12rem
    }

    .section-update-8 .youtub-link .control-btn a {
        width: 60px;
        height: 60px
    }

    .address-tab .tel-icon {
        width: 100px;
        height: 100px
    }
    .landing-section-5 .btn-right {
   
    flex-direction: row;
    gap: 14px;
}
.landing-section-5 .content-left {

    padding-bottom: 3rem;
}
.landing-section-5 .bg-update-4 {
        padding: 4rem 1.7rem;
    }
        .landing-section-5 .content-right p {
        font-size: 2rem;
        padding-left: 0rem;
        border: none;
    }
}

@media (max-width:767.98px) {
    html {
        font-size: 12px
    }

    .header_links,
    .location-section .content-left h3 br,
    .main-slider .arrow {
        display: none
    }

    .main-slider .slideOne {
        left: 0
    }

    .main-slider {
        height: 48vh
    }

    .about-section h4 {
        top: 53%
    }

    .about-section {
        padding: 2rem 0
    }

    .resort-section .content-update {
        margin-left: 0
    }

    .gallery-section .img-box {
        margin: 1rem 0
    }

    .section-map .head-2 h2 {
        font-size: 3.1rem
    }

    .section-map .head-2 span {
        font-size: 8rem;
        top: -30%
    }

    .section-map .map-box .content {
        position: unset;
        max-width: 100% !important
    }

    .section-map .map-icon img:first-child {
        width: 36px;
        top: 11%
    }

    .section-map .map-icon img:nth-child(7) {
        left: 56%;
        top: 3%;
        width: 20px
    }

    .section-map .map-icon img:nth-child(2) {
        left: 44%;
        top: 7%;
        width: 20px
    }

    .section-map .map-icon img:nth-child(4) {
        left: 60%;
        top: 20%;
        width: 20px
    }

    .section-map .map-icon img:nth-child(3) {
        left: 48%;
        top: 23%;
        width: 20px
    }

    .section-map .map-icon img:nth-child(6) {
        left: 38%;
        top: 17%;
        width: 20px
    }

    .section-map .map-icon img:nth-child(5) {
        left: 34%;
        top: 31%;
        width: 20px
    }

    .section-update-1 h2 {
        font-size: 2.5rem
    }

    .footer-menu ul {
        flex-direction: column
    }

    .copyright {
        flex-direction: column-reverse
    }

    .copyright .footer-menu ul {
        flex-direction: row
    }

    .inner-banner {
        padding: 9rem 0
    }

    .section-testimonial .swiper-slide {
        height: auto;
        margin: 1rem 0 8rem
    }

    .testimonialSlider .swiper-pagination {
        top: 60% !important
    }

    .section-update-6 .images-box,
    .section-update-7 .images-box {
        padding-bottom: 1.2rem
    }
        .landing-section-5 .btn-right {
        flex-direction: column;

    }
    .landing-section-5 .content-left {
      
        flex-direction: column;
    }
        .landing-section-5 .content-right p {
        font-size: 1.8rem;
       
    }
    .content-left figure{
        display: flex;
        justify-content: center;
    }
}

@media (max-width:575.98px) {
    .side-menu {
        width: 255px
    }

    .main-slider h1,
    .section-update-7 .content h2 {
        font-size: 3.2rem
    }

    .about-section h2,
    .section-update-2 h2 {
        font-size: 2.3rem;
        padding-bottom: 1rem
    }

    .about-section h4 {
        top: 53%;
        display: none
    }

    .service-section .head-1 h2 {
        font-size: 3.4rem
    }

    .service-section .content h2 {
        font-size: 2.5rem
    }

    .section-update-4 .images-box .line-img,
    .service-section .images-box .line-img-1 {
        display: none
    }

    .navbar-brand img {
        top: -48px;
        width: 194px;
        left: 3px
    }

    .resort-section .ul-layout {
        gap: 1rem;
        flex-direction: column
    }

    .resort-section .themeBtn {
        margin-top: 1.5rem
    }

    .section-accommodation .content {
        padding-left: 0
    }

    .call-us-btn {
        padding-left: 1.1rem
    }

    .section-accommodation .call-icon {
        margin-right: 10px;
        width: 38px;
        height: 38px
    }

    .section-testimonial h2 {
        font-size: 3.3rem;
        padding-bottom: 1rem
    }

    .section-testimonial .swiper-slide {
        height: auto;
        margin: 1rem 0 9rem
    }

    .testimonialSlider .swiper-pagination {
        top: 60% !important
    }

    .section-testimonial {
        padding-bottom: 0
    }

    .gallery-btn {
        padding: 0 0 1.4rem
    }

    .gallery-btn h2 {
        font-size: 3.1rem
    }

    .section-map .head-2 h2 {
        font-size: 3rem
    }

    .section-update-1 .trip-content h3 {
        font-size: 1.7rem
    }

    .section-update-1 .trip-content h4 {
        font-size: 1.4rem;
        margin-bottom: 5px
    }

    .section-update-1 .premiumslider .slide-content {
        padding: .9rem .5rem;
        clip-path: unset
    }

    .copyright .footer-menu ul {
        font-size: 1rem
    }

    .inner-banner-content h1 {
        font-size: 2.8rem
    }

    .inner-banner {
        padding: 7rem 0
    }

    .section-update-2 h3 {
        font-size: 3.6rem
    }

    .section-update-3 .content-add h2 {
        font-size: 2.4rem
    }

    .section-update-3 .content-add p,
    .section-update-4 .content h3 {
        font-size: 2rem
    }

    .youtub-link .control-btn a {
        width: 60px;
        height: 60px
    }

    .section-update-4 .content-propety .ul-style,
    .section-update-6 .content-propety .ul-style {
        flex-wrap: wrap
    }

    .section-update-4 h2 {
        font-size: 2.7rem;
        padding-bottom: 1.9rem;
        text-align: start
    }

    .section-update-6 h2 {
        padding-bottom: 1rem
    }

    .youtubeslider {
        padding: 0 3rem
    }

    .img-box {
        padding: 0 0 1rem
    }

    .address-tab {
        padding-bottom: 2rem
    }

    .section-update-1 h2 {
        font-size: 2.1rem
    }
        .floor-banner h1 {
        font-size: 2.6rem;
    }
    .landing-section-1 .content:after{
        display: none;
    }
    .landing-section-2 .btn-style-head .btn-1 {
   
    padding: 0.9rem 0.9rem;
 
}
.landing-section-2 .btn-style-head .btn-2 {
    padding: 0.9rem 0.8rem;
}
.landing-section-2 h2 {
    font-size: 2.3rem;  
}
    .landing-section-4 .content h2 {
        font-size: 2.3rem;
    }
        .landing-section-5 .content-right p {
        font-size: 1.4rem;
    }
        .landing-section-1 .content {
        height: auto;
    }
    .landing-section-1 .content p

 {
        font-size: 1.7rem;
    }
}