@media (max-width: 1330px) {
    .listing-single {
        padding: 0 20px;
    }
}

@media (max-width: 1260px) {
    .main-nav > ul {
        gap: 1.5rem;
    }
    header .row {
        gap: 2.4rem;
    }
    .listing-thumb img {
        height: 350px;
    }
    .footer-button.phone {
        margin-top: 15px;
    }
    .listing-body {
        width: 60%;
    }
}

@media (max-width: 1160px) {

    .listing-body {
        width: 57%;
    }

    header .row {
        gap: 1rem;
    }
    .listing-filters {
        flex-flow: column;
        gap: 20px;
    }
    .main-nav > ul {
        gap: 1rem;
    }
    .listing-thumb img {
        height: 330px;
    }
    .listing-single-measurements {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 24px;
    }
    .listing-single-measurement {
        width: calc((100% - 48px) / 3);
    }
    .fjord-brochure-grid, .models-grid {
        grid-template-columns: repeat(3, 1fr);
    }
    .experience-buttons {
        flex-flow: column;
        gap: 10px;
        text-align: center;
    }
    .experience-btn-2 {
        width: 100%;
    }
}

@media (max-width: 1070px) {
    .listing-single .all-listing hr {
        width: 35%;
    }
    .booking-step1.sticky {
        top: 0!important;
        position: relative!important;
    }
    .booking-step1 {
        top: 20px;
        right: 25px;
    }
    .listing-body {
        width: 100%;
    }
    .model-header-block {
        flex-flow: column;
        gap: 21px;
    }

    #menu-main-menu {
        display: none;
    }
    .listing-thumb img {
        height: 320px;
    }
    .listing-tabs-wrapper {
        margin-top: 70px;
    }
    .listing-single .download-pdf, .measurements {
        margin-top: 70px;
        margin-bottom: 70px;
    }
    .fjord-app-section, .listing-section, .cta-block {
        margin-top: 90px;
        margin-bottom: 90px;
    }

    .burger-mobile {
        display: block;
    }

    .mobile-burger-menu.active {
        position: fixed;
        display: flex;
        flex-direction: column;
        background: #070707;
        width: 100%;
        bottom: 0;
        top: 128px;
        padding: 24px 20px;
        left: 0;
        z-index: 999;
    }

    .mobile-burger-content {
        flex-grow: 1;
        display: flex;
        flex-direction: column;
        overflow-y: auto;
        padding-bottom: 20px;
    }
    .header-mobile-menu > ul > li > a {
        font-size: 20px;
        font-style: normal;
        font-weight: 600;
        line-height: 24px;
        text-transform: capitalize;
        padding: 10px 0;
        color: #fff;
        display: flex;
    }
    .header-mobile-menu ul li a:focus {
        color: #74A4FF !important;
    }
    .site-header.fixed .mobile-burger-menu.active {
        top: 129px;
        height: 100vh;
    }

}

@media (max-width: 950px) {
    .fjord-brochure-grid, .models-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .listing-thumb img {
        height: 300px;
    }
    .listing-grid {
        gap: 17px;
    }
    .listing-card {
        width: calc(50% - 9px);
    }
}

@media (max-width: 905px) {
    .booking-step1 {
        position: relative;
        left: 0px;
        right: 0px;
        max-width: 100%;
        width: 100%;
        padding: 0 17px;
    }
}

@media (max-width: 800px) {
    .booking-step1 {
        padding: 0;
    }
    .general-main-features {
        margin-bottom: 30px;
    }
    .all-media {
        padding: 20px;
    }
    .all-media-wrapper {
        padding: 30px 0px;
    }
    .specs-grid {
        grid-template-columns: repeat(4, 1fr);
    }
    .listing-bottom-row {
        padding-top: 30px;
        margin-top: 0px;
    }
    .listing-body {
        margin-bottom: 0px;
    }
    .tour-iframe iframe {
        height: 300px;
    }
    .general-main-features {
        margin-top: 30px;
    }
    .loan-calculator {
        gap: 30px;
        flex-direction: column;
    }
    .listing-main {
        margin-top: 30px;
        gap: 30px;
        flex-direction: column-reverse;
    }

    .contact-page-section .contact-page-wrapper {
        flex-flow: column;
    }
    .contact-left {
        width: 100%;
    }
    .listing-single .all-listing hr {
        width: 33%;
    }
    .listing-single .listing-single-features {
        grid-template-columns: repeat(3, 1fr);
        gap: 30px;
    }
    .contact-map {
        height: 270px;
    }
    .model-header-right {
        flex-direction: column;
    }
    .listing-header {
        flex-flow: column;
        text-align: left;
        align-items: start;
    }
    .listing-price {
        margin-left: 0;
    }
    .about-us-right {
        display: none;
    }
    .listing-grid {
        gap: 17px;
    }
    .site-main {
        padding-top: 40px;
    }
    .about-us-left {
        width: 100%;
    }
    .hero-right {
        width: 37%;
    }
    .hero-title {
        font-size: 69px;
        line-height: 91px;
    }
    .fjord-brochure-grid, .models-grid {
        gap: 17px;
    }
    .footer-left {
        padding: 70px 15px;
        width: 65%;
    }
    .footer-bottom-left {
        padding-top: 70px;
        width: 65%;
    }
    .footer-button {
        width: 100%;
        justify-content: center;
        margin-right: 0px;
    }
    .footer-right, .footer-bottom-right {
        width: 35%;
    }
    .listing-details {
        flex-flow: column;
    }
    .configurator-left-inner {
        flex-flow: column;
    }
    .configurator-left-text, .configurator-right {
        width: 100%;
    }
}

@media (max-width: 700px) {
    .listing-single .all-listing hr {
        width: 30%;
    }
    .listing-thumb img {
        height: 270px;
    }
    .configurator-left-inner::before {
        display: none;
    }
    .listing-single-measurements, .about-whyus {
        gap: 17px;
    }
    .listing-single-measurement {
        width: calc((100% - 24px) / 2);
    }
    .listing-single .download-pdf, .measurements {
        margin-top: 50px;
        margin-bottom: 50px;
    }
    .fjord-app-section, .listing-section, .cta-block {
        margin-top: 70px;
        margin-bottom: 70px;
    }
    .fjord-app-image {
        display: none;
    }
}

@media (max-width: 600px) {
    .specs-grid {
        grid-template-columns: repeat(3, 1fr);
    }
    .footer-right, .footer-bottom-right {
        width: 100%;
    }
    .deck-gallery-swiper .swiper-slide {
        height: 315px;
    }
    .footer-socials {
        margin-bottom: 20px;
    }
    .listing-single .all-listing hr {
        width: 27%;
    }
    .download-pdf {
        flex-flow: column;
    }
    .button-icon-right {
        justify-content: center;
    }
    .model-buttons {
        flex-flow: column;
    }
    .listing-book-modal {
        overflow-y: scroll;
        height: 100%;
    }
    .pika-lendar, .time-slots-column, #time-slots {
        width: 100%;
    }
    .time-slot {
        width: auto;
    }
    .booking-step2 .tour-type {
        flex-direction: column;
    }
    .hero-title {
        font-size: 47px;
        line-height: 65px;
    }
    .listing-single .listing-single-features {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    .title {
        font-size: 39px;
    }
    .hero-top {
        flex-flow: column;
        gap: 20px;
    }
    .footer-left {
        width: 100%;
        border-right: none;
        border-bottom: 1px solid #393939;
        padding: 70px 0px 20px 0px;
    }
    .hero-left, .hero-right {
        width: 100%;
    }
    .hero-icon {
        margin-bottom: 32px;
    }
    .footer-title {
        font-size: 40px;
        margin-bottom: 30px;
    }
    .footer-right {
        padding-top: 15px;
        padding-bottom: 15px;
        text-align: left;
        border-bottom: 1px solid #393939;
        text-align: center;
    }
    .footer-socials {
        justify-content: center;
    }
    .footer-bottom-left {
        padding-bottom: 0px;
        padding-left: 0px;
    }
    .footer-bottom-right .listing-body {
        width: 100%;
        padding-top: 20px;
        padding-bottom: 20px;
        border-top: none;
    }
    .footer-bottom-left {
        padding-top: 20px;
        width: 100%;
        border-right: none;
    }
    .footer-right {
        width: 100%;
    }
    .footer-top {
        flex-flow: column;
    }
    .fjord-brochure-grid, .models-grid, .about-whyus {
        grid-template-columns: repeat(1, 1fr);
    }
    .listing-thumb img {
        height: 215px;
    }
    .listing-single-measurement {
        width: calc((100% - 28px) / 2);
    }
}

@media (max-width: 500px) {
    .filters-left {
        gap: 10px;
    }
    .deck-gallery-swiper .swiper-slide {
        height: 245px;
    }
    .listing-single .all-listing hr {
        width: 21%;
    }
    .prefer-call a {
        padding: 12px 10px;
    }
    .request-form textarea {
        height: 66px;
    }
    .listing-card {
        width: 100%;
    }
    .modal-box.request-modal {
        width: 100%;
        overflow-y: scroll;
    }
    .listing-thumb img {
        height: auto;
    }
    .listing-details {
        flex-flow: wrap;
    }
    .listing-title {
        margin-bottom: 38px;
        font-size: 38px;
    }
    .listing-single-measurement {
        width: calc((100% - 17px) / 2);
        padding: 19px 20px 32px 20px;
        height: 175px;
    }
    .fields-range {
        flex-flow: column;
    }
    .fields-range input {
        width: 100%;
    }
    .filters-right {
        flex-flow: column;
    }
    .modal-box.price-modal, .modal-box.length-modal, .modal-box.filter-modal, .modal-box.sort-modal {
        width: 90%;
    }
}
@media (max-width: 400px) {
    .specs-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .filters-left {
        flex-flow: column;
    }
    .filters-left {
        width: 100%;
    }
    .deck-gallery-swiper .swiper-slide {
        height: 215px;
    }
    .listing-single-measurement {
        width: 100%;
    }
    .listing-single .listing-single-features {
        grid-template-columns: repeat(1, 1fr);
        gap: 17px;
    }
    .listing-single .all-listing hr {
        width: 15%;
    }
}
@media (max-width: 370px) {
    .listing-details {
        flex-flow: column;
    }
}