@media (min-width: 769px) {
    .banner-title {
        font-size: 80px;
    }
}

@media (min-width: 1024px) {
    .banner-title {
        font-size: 120px;
    }
}

@media (min-width: 1400px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1320px;
    }
}

@media (min-width: 1441px) {
    .banner-title {
        font-size: 108px;
    }
}

@media (max-width: 1599.98px) {
    .banner-title {
        font-size: 93px;
    }
}

@media(min-width: 1399.99px) and (max-width: 1699.98px) {
    .header-style-one .container-fluid {
        padding: 0 40px 0;
    }
}

@media (max-width: 1399.98px) {
    .section-title .title br {
        display: none;
    }
    .main-footer-island .map-box iframe {
        width: 100%;
    }
    .checkout-area.style-home1 .nice-select::before {
        display: none;
    }
    .checkout-button .theme-btn {
        padding: 13px 23px;
    }
    .checkout-button .theme-btn-arrow-left,
    .checkout-button .theme-btn-arrow-right {
        width: 55px;
        height: 55px;
    }
    .destination-title {
        font-size: 40px;
    }
    .room-block-island .inner-block .content-box {
        padding: 15px 15px 24px;
    }
    .testimonial-block .inner-block {
        padding: 70px 60px 80px 400px;
    }
    .testimonial-block .inner-block .icon-quote {
        height: 310px;
        line-height: 310px;
        width: 310px;
        top: 70px;
    }
    .blog-box .content-box {
        padding: 30px;
    }
    .blog-box .content-box .post-meta ul li {
        padding: 3px 10px 3px 0;
    }
}

@media(min-width: 1199.99px) and (max-width: 1399.98px) {
    h2 {
        font-size: 40px;
    }
    h3 {
        font-size: 30px;
    }
    .section-title,
    .destination-title {
        font-size: 40px;
    }
    .header-style-one .container-fluid {
        padding: 0 25px 0;
    }
    .about-bg-shape-1 {
        right: 70px;
    }
    .common-heading {
        font-size: 60px;
    }
    .header-style-one {
        padding: 0;
    }
    .header-style-one .main-menu .navigation>li {
        margin-right: 7px;
    }
    .header-style-one .header-menu {
        padding: 0 30px;
    }
    .home1-gallery-section .grp-img {
        gap: 20px;
    }
    .suite-area .suite-wrapper .suite-wrap .title {
        font-size: 40px;
    }
    .gradient-title1 {
        font-size: 60px;
        line-height: 1.5;
    }
    .banner-area .common-heading {
        line-height: 2;
    }
    .section-paragraph,
    p,
    .suite-area .suite-wrapper .suite-wrap .text2 {
        font-size: 17px;
    }
    .section-max-width {
        max-width: 85%;
    }
    .explore-section-resort .info_box {
        padding: 60px;
    }
}

@media (max-width: 1199.98px) {
    .main-footer-island.style-two .widgets-box {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .section-padding {
        padding: 100px 0;
    }
    .choose-us-section .accordion-box-3 .accordion-box .fature-image-box {
        gap: 20px;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start;
        flex-direction: column
    }
    .main-menu .navigation>li.dropdown .megamenu {
        left: -220px;
        width: 1170px;
    }
    .header-style-one .header-menu {
        padding: 0 20px;
    }
    .main-footer-island .widgets-box {
        padding-bottom: 30px;
    }
    .main-footer-island .map-box {
        margin-left: 0px;
    }
    .banner-content {
        text-align: center;
    }
    .banner-play-button {
        text-align: center;
        margin-top: 50px;
    }
    .common-heading {
        font-size: 48px;
    }
    .checkout-bg {
        border-radius: 8px;
    }
    .about-bg-shape-1 {
        display: none;
    }
    .suite-area .suite-wrapper {
        padding: 30px 30px 50px;
    }
    .suite-area .suite-wrapper .suite-wrap {
        max-width: none;
    }
    .suite-area .suite-wrapper .suite-heading-wrap .heading-shape {
        display: none;
    }
    .testimonial-block .inner-block .icon-quote {
        top: 100px;
    }
}

@media(min-width: 991.99px) and (max-width: 1199.98px) {
    h2 {
        font-size: 40px;
    }
    h3 {
        font-size: 30px;
    }
    .part-left img {
        min-height: 420px;
        object-fit: cover;
    }
    .common-heading-wrap {
        bottom: -26px;
    }
    .header-logo img,
    .footer-logo img {
        max-width: 250px;
    }
    .header-style-one .container-fluid {
        padding: 0px 20px 0;
    }
    .explore-section-resort .info_box {
        padding: 55px 40px;
    }
    .section-max-width {
        max-width: 85%;
    }
    .suite-area .suite-bg {
        height: 420px;
    }
    .banner-height {
        height: 650px;
    }
    .header-style-one .main-menu .navigation>li {
        margin-right: 5px;
    }
    .header-right {
        position: fixed;
        top: 50%;
        right: -70px;
        transform: rotate(90deg);
    }
    .section-title,
    .destination-title {
        font-size: 40px;
    }
    .service-block-resort .title {
        font-size: 24px;
    }
    .about-wrapper {
        margin-left: 0;
        margin-top: 30px;
    }
    .suite-area .suite-wrapper .suite-wrap .title {
        font-size: 38px;
    }
    .d-flex.gap-3.flex-wrap.mb-50 {
        margin-bottom: 25px !important;
    }
    .section-paragraph,
    p,
    .suite-area .suite-wrapper .suite-wrap .text2 {
        font-size: 16px;
    }
    .feature-block-four .inner-block .title-box {
        right: 10px;
        top: 20px;
    }
    .about-left-b img {
        min-height: 450px;
        object-fit: cover;
    }
    .about-wrapper-r,
    .mr-35 {
        margin-right: 20px;
    }
    .ml-35 {
        margin-left: 20px;
    }
    .home1-gallery-section .grp-img {
        gap: 15px;
    }
    .destination-bg {
        padding: 40px
    }
    .main-footer-island .widgets-box .row {
        margin: 0;
    }
    .main-footer-island .widgets-box .column {
        padding: 0px 20px 0 0;
    }
    .product-details .bx-wrapper {
        margin-bottom: 0;
    }
    .kodelisting-room-booking .kodelisting-room-booking-wrap {
        padding: 30px 25px
    }
    .room-details__left .mt-40 {
        margin-top: 0 !important;
    }
}

@media (max-width: 991.98px) {
    .blog-box {
        margin-bottom: 30px;
    }
    .choose-us-section .accordion-box-3 .accordion-box .fature-image-box {
        grid-template-columns: repeat(1, 1fr);
    }
    h2 {
        font-size: 35px;
    }
    h3 {
        font-size: 28px;
    }
    .room-block-island {
        margin-bottom: 30px;
        height: auto
    }
    .header-logo img,
    .footer-logo img {
        max-width: 180px;
    }
    .page-title {
        padding-top: 0
    }
    .page-title .title {
        font-size: 50px;
    }
    body.active {
        overflow: hidden;
        position: relative;
    }
    body.active .page-wrapper::before {
        content: '';
        position: absolute;
        left: 0;
        width: 100%;
        background-color: rgb(0 0 0 / 50%);
        height: 100%;
        z-index: 9;
        top: 65px;
    }
    .inner-nav-toggler {
        display: inline-block;
    }
    .inner_menu {
        width: auto;
        display: inline-block;
        position: absolute;
        right: 0
    }
    nav.nav.innermain-menu {
        padding: 5px;
    }
    .inner_menu nav.nav.innermain-menu .navigation {
        position: fixed;
        top: 62px;
        left: 0;
        flex-direction: column;
        background-color: #bc915d;
        justify-content: flex-start;
        align-items: flex-start;
        padding: 0 15px;
        height: 100%;
        width: 290px;
        margin-left: -290px;
        transition: all .5s ease;
        padding-top: 20px;
    }
    .inner-nav-toggler {
        float: right;
    }
    .inner-nav-toggler span {
        color: #fff;
        font-size: 20px
    }
    .inner_menu.show nav.nav.innermain-menu .navigation {
        margin-left: 0px;
    }
    .service-sidebar {
        max-width: 100%;
    }
    .section-padding {
        padding: 70px 0;
    }
    .pb-100,
    .pb-120 {
        padding-bottom: 70px !important;
    }
    .pt-100,
    .pt-120 {
        padding-top: 70px !important;
    }
    .choose-us-section .accordion-box-3 .accordion-box .fature-image-box {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 30px;
    }
    .main-menu {
        position: fixed;
        background-color: #bc915d;
        left: 0;
        width: 280px;
        top: 0;
        height: 100%;
        margin-left: -280px;
        transition: all .5s ease;
    }
    .header-style-one .main-menu .navigation>li>a:hover {
        color: #fff;
    }
    .nav.main-menu.show {
        margin-left: 0;
        z-index: 9;
    }
    nav.nav.innermain-menu ul.navigation li a {
        padding: 5px 0px;
        display: inline-block;
    }
    .main-menu .navigation {
        display: flex;
        flex-direction: column;
        width: 100%;
        padding-top: 20px;
    }
    .header-style-one .main-menu .navigation li.dropdown .dropdown-btn {
        right: 20px;
        top: 12px;
        width: auto;
        position: absolute;
        height: auto;
        bottom: auto
    }
    .main-menu .navigation>li>ul {
        box-shadow: none;
        left: 0;
        border: 0;
        width: 100%;
        transition: all .5s ease;
    }
    .main-menu .navigation>li>ul>li>a {
        color: #bc915d !important;
        background-color: #f7f7f7;
    }
    .header-style-one .main-menu .navigation>li {
        margin: 0;
        padding: 0px;
        width: 100%;
        transition: none;
    }
    .header-style-one .main-menu .navigation>li.dropdown {
        margin-right: 0
    }
    .header-style-one .main-menu .navigation li.dropdown .dropdown-btn {
        color: #fff
    }
    .header-style-one .main-menu .navigation>li a {
        padding: 12px 20px;
        display: block;
        text-align: left;
        width: 100%;
        color: #fff;
    }
    .fixed-header .main-box .nav-outer .nav .navigation li a {
        color: #fff;
    }
    .main-menu .navigation>li>ul.dropdown-menu.show {
        position: relative !important;
        transform: none !important;
        background-color: #bc915d;
        border-radius: 0;
        top: 0;
        opacity: 1;
        display: block;
        margin-top: 0px;
        padding: 0
    }
    .header-style-one .header-menu {
        border: none;
    }
    .header-style-one .outer-box .header-btn {
        display: none;
    }
    .mobile-nav-toggler {
        display: block;
    }
    .section-title {
        font-size: 34px;
    }
    .section-title .title {
        font-size: 34px;
    }
    .sec-title .title {
        font-size: 60px;
        line-height: 80px;
    }
    .main-footer-island {
        padding-bottom: 40px;
    }
    .main-footer-island .info a {
        font-size: 18px;
    }
    .main-footer-island .middle-box .footer-logo {
        margin-bottom: 25px;
    }
    .main-footer-island .big-title {
        font-size: 140px;
    }
    .main-footer-island .footer-bottom_nav {
        margin-top: 15px;
    }
    .main-footer-island .footer-bottom_nav li a {
        font-size: 16px;
    }
    .main-footer-island.style-three .upper-box .upper-inner .title {
        font-size: 40px;
    }
    .banner-title {
        font-size: 70px;
    }
    .banner-play-button {
        margin-top: 50px;
    }
    .about-area,
    .features-section-four,
    .hotel-area,
    .exp-section,
    .section-padding,
    .suite-area,
    .restaurant-section,
    .home1-gallery-section,
    .destination-area,
    .testimonial-section-one {
        padding: 70px 0;
    }
    .bottom_text p {
        margin-bottom: 0
    }
    .explore-section-resort .info_box {
        padding: 70px 15px 60px;
    }
    .explore-section-resort .outer-box .title {
        font-size: 28px;
        margin-bottom: 15px;
    }
    .exp-section .about-wrapper-r,
    .about-wrapper-r {
        margin-right: 0;
        margin-top: 25px;
    }
    .ml-35 {
        margin-left: 0;
        margin-top: 25px;
    }
    .home1-gallery-section nav .nav-tabs .nav-link {
        padding: 7px 25px;
    }
    .col-mob-rev {
        flex-direction: column-reverse
    }
    .suite-area .suite-slide-wrapper .arrow-box {
        left: auto;
        right: 20px;
    }
    .room-section .slider-info .swiper-pagination-bullet {
        width: 30px;
    }
    .room-section .slider-info {
        gap: 10px;
    }
    .testimonial-section-one {
        margin: 0 15px;
    }
    .testimonial-block .inner-block {
        padding: 70px 60px;
        border-radius: 50px;
    }
    .testimonial-block .inner-block .icon-quote {
        display: none;
    }
    .pricing-section-four {
        padding: 80px 0 40px;
    }
    .blog-area {
        padding: 80px 0;
    }
    .blog-area .section-title {
        margin-bottom: 0;
    }
    .blog-area .blog-arrow-box {
        margin-top: 0;
        margin-bottom: 20px;
    }
    .blog-box .content-box .post-meta ul li:first-child {
        margin-bottom: 12px;
    }
    .header-style-one .mobile-nav-toggler,
    .header-style-one .sticky-header .mobile-nav-toggler {
        display: inline-block;
    }
    .header-style-one .sticky-header .main-menu {
        display: none;
    }
    .footer-style-two .news-widget .news-info {
        margin-bottom: 50px;
    }
    .sidebar {
        margin-top: 0px;
    }
    .explore-block .inner-block .content-box {
        max-width: 100%;
    }
}

@media(min-width: 767.99px) and (max-width: 991.98px) {
    .banner-height {
        height: 550px
    }
    .hotel-area .suite-wrapper {
        left: 0;
        min-width: 100%;
    }
    .hotel-area .suite-slide-wrapper .arrow-box {
        position: relative;
        bottom: -20px;
        left: 0;
        z-index: 2;
    }
    .common-heading-wrap {
        bottom: -26px;
    }
    .header-style-one .container-fluid {
        padding: 15px 20px;
    }
    .header-style-one {
        position: relative
    }
    .contact-details__info {
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .explore-block .inner-block {
        padding: 0;
        flex-direction: column
    }
    .explore-block .inner-block .image-box {
        position: relative
    }
    .explore-block .inner-block .image-box:before,
    .explore-block .inner-block .content-box:before {
        display: none
    }
    .explore-block .inner-block .content-box .text {
        margin-bottom: 0
    }
    .explore-block .inner-block .content-box {
        padding: 30px 15px 0 15px;
    }
    .room-details__left .mt-40 {
        margin-top: 0 !important;
    }
    .section-max-width {
        max-width: 85%;
    }
    .about-wrapper {
        margin-top: 30px;
        margin-left: 0;
    }
    .suite-area .suite-bg img,
    .suite-area .suite-bg {
        height: auto
    }
    .suite-area .suite-bg {
        margin: 0 15px;
    }
    .suite-area .suite-wrapper .suite-wrap .title {
        font-size: 30px;
    }
    .restaurant-section .about-wrapper {
        margin-top: 0
    }
    .restaurant-section .about-left {
        margin-bottom: 30px;
    }
    .home1-gallery-section .grp-img {
        gap: 10px;
    }
    .home1-gallery-section .mb-40,
    .home1-gallery-section .home1-gallary-img-wrap .squre-big-img,
    .home1-gallery-section .mb-30 {
        margin-bottom: 20px !important;
    }
    .destination-bg {
        padding: 20px;
        height: 490px;
    }
    .destination-title {
        font-size: 35px;
        margin-bottom: 30px;
    }
    .main-footer-island .widgets-box .row {
        margin: 0;
        gap: 30px 0;
    }
    .footer-bottom .copyright-text {
        text-align: left !important
    }
    .main-footer-island.style-two .footer-bottom {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .main-footer-island .widgets-box .column {
        padding: 0
    }
}

@media (max-width: 767.98px) {
    .banner-arrow-box {
        display: none;
    }
    .suite-area .suite-bg .suite-tag {
        left: 20px;
        top: 20px;
    }
    .map-section {
        flex-direction: column
    }
    .gallerymain .tab-content .tab-pane .grid-row {
        padding: 0;
        grid-template-columns: repeat(1, 1fr);
    }
    .banner-height {
        height: 450px;
    }
    .common-heading-wrap {
        bottom: -26px
    }
    .hotel-area .suite-wrapper {
        min-width: 100%;
        padding: 25px 15px;
        right: 0;
        left: 0;
    }
    .header-logo img {
        max-width: 180px;
    }
    br {
        display: none;
    }
    .hotel-area .suite-slide-wrapper .arrow-box {
        position: relative;
        bottom: -15px;
        left: 0;
    }
    .main-footer .widgets-section {
        padding: 50px 20px 0;
    }
    .main-footer-island .info {
        margin-bottom: 20px;
    }
    .main-footer-island .big-title {
        font-size: 100px;
    }
    .main-footer-island.style-two .upper-box {
        padding: 35px 0px;
    }
    .main-footer-island.style-two .upper-box .footer-socials {
        margin-top: 20px;
    }
    .main-footer-island.style-two .upper-box .footer-socials li {
        margin-left: 20px;
    }
    .main-footer-island.style-three .upper-box {
        padding: 35px 0px;
    }
    .main-footer-island.style-three .upper-box .upper-inner .title {
        margin-top: 20px;
    }
    .main-footer-island.style-three .upper-box .footer-socials {
        margin-top: 20px;
    }
    .main-footer-island.style-three .upper-box .footer-socials li {
        margin-left: 20px;
    }
    .destination-title {
        font-size: 30px;
        margin-bottom: 25px;
    }
    .suite-area .suite-slide-wrapper .arrow-box {
        display: none;
    }
    .testimonial-block-one {
        display: block;
        padding: 30px;
    }
    .testimonial-block-one .play-button {
        left: calc(50% - 33px);
        top: calc(50% - 33px);
        margin-top: 0;
        -webkit-transform: none;
        transform: none;
    }
    .testimonial-block-one .content-box {
        padding: 30px 0;
    }
    .testimonial-block-one .testimonial-thumb {
        height: 400px;
    }
    .testimonial-block-one .testimonial-thumb img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }
    .product-details__img {
        margin-bottom: 50px;
    }
    .product-details__title span {
        margin-left: 0;
        display: block;
    }
    .product-details__buttons {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
    }
    .nav-links {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 20px;
    }
    .nav-links .prev {
        width: 100%;
    }
    .nav-links .next {
        width: 100%;
    }
    .nav-links>div>a {
        padding: 30px;
    }
    .sidebar__post {
        padding: 30px;
    }
    .sidebar__post .sidebar__title {
        margin-left: 0;
    }
    .sidebar__post .sidebar__post-list li {
        padding: 16px 0;
    }
    .header-style-one .container-fluid {
        padding: 10px 15px;
    }
    .header-style-one {
        position: relative
    }
    .preloader .preloader-heading .load-text {
        font-size: 25px;
        letter-spacing: 5px;
    }
    .section-paragraph,
    .suite-area .suite-wrapper .suite-wrap .item .text,
    .subHead {
        font-size: 16px;
    }
    .suite-area .suite-bg img,
    .suite-area .suite-bg {
        height: auto
    }
    .suite-area .suite-bg {
        margin: 0 15px;
    }
    .suite-area .suite-wrapper .suite-wrap .title {
        font-size: 30px;
    }
    .d-flex.gap-3.flex-wrap.mb-50 {
        margin-bottom: 25px !important;
    }
    .restaurant-section .about-wrapper .section-title {
        margin-bottom: 10px !important;
    }
    .about-wrapper {
        margin-left: 0;
        margin-top: 25px;
    }
    .restaurant-section .about-wrapper {
        margin-left: -15px;
        margin-top: 0;
    }
    .mb-30 {
        margin-bottom: 25px !important;
    }
    .suite-area .suite-bg .suite-tag span {
        font-size: 14px
    }
    .restaurant-section .about-left-thumb {
        margin-bottom: 25px;
    }
    .feature-block-four .inner-block .title-box {
        right: 10px;
        top: 10px;
    }
    .mb-mob-0,
    .home1-gallery-section .home1-gallary-img-wrap .squre-big-img {
        margin-bottom: 0
    }
    .home1-gallery-section .mb-40,
    .home1-gallery-section .home1-gallary-img-wrap,
    .testimonial-section-one .section-wrapper.text-center.mb-50 {
        margin-bottom: 25px !important;
    }
    .home1-gallery-section .home1-gallary-img-wrap .squre-img,
    .home1-gallery-section .home1-gallary-img-wrap .squre-small-img,
    .home1-gallery-section .home1-gallary-img-wrap .medium-squre-img,
    .home1-gallery-section .home1-gallary-img-wrap .rectangle-img {
        max-width: 100%
    }
    .home1-gallery-section .grp-img {
        flex-direction: column
    }
    .home1-gallery-section .col-lg-6.col-md-7,
    .home1-gallery-section .mt-50 {
        margin-top: 0 !important;
    }
    .destination-area .gradient-title1 {
        font-size: 55px;
        line-height: 1.5;
    }
    .main-footer-island.style-two .widgets-box {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .main-footer-island.style-two .widgets-box .address span {
        max-width: 100%;
    }
    .widget-content,
    .user-links {
        margin-bottom: 25px;
    }
    .f-right {
        float: none;
        text-align: center;
    }
    .back-to-top-wrapper.back-to-top-btn-show {
        bottom: 60px;
        right: 20px;
    }
    .page-wrapper {
        margin-bottom: 45px;
    }
    .mobile-fixed-btn {
        display: block;
        position: fixed;
        bottom: 0;
        z-index: 99;
        left: 0;
        right: 0;
        border-top: 1px solid rgba(255, 255, 255, .7);
    }
    .mobile-fixed-btn .d-flex {
        display: flex;
        justify-content: space-around;
        width: 100%;
        background-color: #1d1d1d;
    }
    .mobile-fixed-btn .d-flex .flex-item a {
        display: flex;
        align-items: center;
        padding: 10px 8px;
    }
    .mobile-fixed-btn .d-flex .flex-item img {
        width: 18px;
    }
    .mobile-fixed-btn .d-flex .flex-item span {
        color: #fff;
        font-size: 15px;
        margin-left: 7px;
    }
    .destination-bg {
        padding: 20px;
        height: 390px;
    }
    .about-area-two .about-wrapper {
        margin-top: 0
    }
    .main-footer-island .footer-logo {
        margin-bottom: 30px;
    }
    .product-details .bxslider .image-box {
        margin-right: 0
    }
    ul.thumb-box {
        display: flex;
    }
    .product-details .bx-wrapper {
        margin-bottom: 0;
    }
    .room-details__left .mt-40 {
        margin-top: 0px !important;
    }
    .sidebar-service-list li a {
        font-size: 16px;
        padding: 15px 20px;
    }
    .choose-us-section .accordion-box-3 .accordion-box .block {
        padding-bottom: 15px;
        padding-top: 12px;
        margin-bottom: 0
    }
    .choose-us-section .accordion-box-3 .accordion-box .block .acc-btn {
        font-size: 17px;
        padding-left: 0;
    }
    .choose-us-section .accordion-box-3 .accordion-box .block .acc-content .content {
        padding: 0;
    }
    .choose-us-section .accordion-box-3 .accordion-box .fature-image-box .thumb {
        margin-right: 0;
    }
    .choose-us-section .accordion-box-3 .accordion-box .block .acc-btn .icon {
        right: 0
    }
    .explore-block .inner-block {
        padding: 0;
        flex-direction: column
    }
    .explore-block .inner-block .image-box {
        position: relative
    }
    .explore-block .inner-block .image-box:before,
    .explore-block .inner-block .content-box:before {
        display: none
    }
    .explore-block .inner-block .content-box .text {
        margin-bottom: 0
    }
    .explore-block .inner-block .content-box {
        padding: 30px 15px 0 15px;
    }
    .contact-details__info {
        margin-top: 20px;
        margin-bottom: 30px;
    }
}

@media (max-width: 575.98px) {
    ul.list-unstyled.contact-details__info.contact_page_list li .text {
        display: flex;
        align-items: flex-start;
        gap: 0;
        flex-wrap: wrap;
        flex-direction: column;
    }
    .divider {
        display: none
    }
    .d-break {
        display: block
    }
    .page-title {
        min-height: 350px;
        padding: 35px 0 0;
    }
    .page-title .title {
        font-size: 40px;
    }
    .banner-height {
        height: 320px;
    }
    .sec-title .title {
        font-size: 46px;
        line-height: 50px;
    }
    .main-footer-island .big-title {
        font-size: 60px;
    }
    .main-footer-island .copyright {
        font-size: 16px;
    }
    .main-footer-island.style-two .upper-box .footer-socials li a {
        font-size: 15px;
    }
    .main-footer-island.style-two .upper-box .footer-socials li {
        margin-left: 8px;
    }
    .main-footer-island.style-three .upper-box .upper-inner .title {
        font-size: 30px;
    }
    .main-footer-island.style-three .upper-box .footer-socials li a {
        font-size: 15px;
    }
    .main-footer-island.style-three .upper-box .footer-socials li {
        margin-left: 8px;
    }
    .banner-title {
        font-size: 50px;
    }
    .checkout-bg {
        padding: 10px;
    }
    .checkout-button .theme-btn {
        padding: 16px 33px;
    }
    .about-left .image {
        width: auto;
        height: auto;
    }
    .about-left .image img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }
    .destination-bg {
        padding: 20px;
        height: 350px;
    }
    .destination-arrow-box {
        display: none;
    }
    .suite-area .suite-wrapper {
        padding: 30px 15px 0px;
    }
    .suite-area .suite-wrapper .suite-wrap .bottom-wrap {
        display: block;
    }
    .testimonial-block-one {
        padding: 20px;
    }
    .testimonial-block-one .author {
        font-size: 18px;
    }
    .testimonial-block .inner-block {
        padding: 50px 15px;
    }
    .blog-box .content-box {
        padding: 30px 20px;
    }
    .blog-box .content-box .title {
        font-size: 20px;
    }
    .blog-box .content-box .post-meta ul li {
        font-size: 14px;
    }
    .room-heading .kodelisting-room-basic-info {
        flex-wrap: wrap;
    }
    .kodelisting-room-booking .kodelisting-room-booking-wrap {
        padding: 40px 15px;
    }
}

@media only screen and (max-width: 480px) {
    .footer-bottom {
        padding: 27px 0 10px;
    }
    .footer-bottom .copyright-text {
        line-height: 20px;
        margin-bottom: 15px;
    }
}