/* Extra Large Desktop */
@media (max-width: 1699px) {

}

/* Laptop */
@media (max-width: 1399px) {
    .hero-section__top-box h1 {
        font-size: 4rem;
    }

    .testimonials-section {
        padding-top: var(--size-10);
    }

    .prop-single__title {
        font-size: 2.25rem;
    }

    .contact-block__link {
        font-size: 1.375rem;
    }

    .site-footer h2 {
        font-size: 3.438rem;
    }
}

/* Tablet Landscape */
@media (max-width: 1199px) {
    .header-menu li a {
        padding: var(--size-4);
    }

    .hero-section__top-box h1 {
        font-size: 3.5rem;
    }

    .home-about-section .cta-box {
        margin-bottom: var(--size-10);
    }

    .cta-section__col-img {
        right: var(--size-8);
        max-width: 30rem;
    }

    .cta-section .content-box {
        font-size: 1.125rem;
    }

    .site-footer h2 {
        margin-top: var(--size-3);
        font-size: 3rem;
    }

    .site-footer__contact-info {
        column-gap: 4.5rem;
    }

    .prop-single__sidebar {
        padding-left: var(--size-2);
    }

    .prop-single__title {
        font-size: 2rem;
        line-height: 1.3;
    }

    .contact-icon-box__info {
        font-size: 1.375rem;
    }

    .search-form__inner-wrap {
        justify-content: space-between;
        column-gap: var(--size-3);
        flex-wrap: wrap;
        row-gap: var(--size-4);
    }

    .search-form__main-text {
        width: 100%;
    }

    .search-form-wrap .jq-select__btn {
        width: 90%!important;
    }
}

/* Tablet Portrait */
@media (max-width: 991px) {
    .header-menu--desktop {
        display: none;
    }

    .site-header .site-header__btn--nav-toggler {
        display: inline-block;
    }

    .header-menu nav ul {
        flex-direction: column;
    }

    /* .hero-section {
        padding-bottom: 5rem;
        min-height: unset;
        padding-top: 0;
    } */

    .hero-section__top-box {
        padding: var(--size-24) 8% var(--size-10);
    }

    .cta-section__col-img {
        right: var(--size-1);
        max-width: 25rem;
    }

    .cta-section .content-box {
        font-size: 1rem;
    }

    .cta-section {
        padding-top: 5rem;
    }

    .cta-section__inner-wrap {
        padding: var(--size-10);
    }

    .testimonials-section .top-content-box {
        text-align: center;
    }

    .site-footer h3 {
        font-size: 1.5rem;
    }

    .site-footer__middle .row {
        row-gap: var(--size-10);
    }

    .prop-single-section {
        padding-top: var(--size-12);
    }

    .prop-single__sidebar {
        padding-left: 0;
        margin-top: var(--size-4);
    }

    .contact-form-wrap {
        margin-top: var(--size-12);
    }

    .contact-section .top-content-box {
        margin-bottom: var(--size-10);
    }

    .about-section__content-wrap {
        padding-left: 0;
        padding-top: var(--size-8);
    }

    .pagetitle {
        text-align: center;
    }

    .pagetitle-block .breadcrumb {
        justify-content: center;
    }

    .pagetitle-block {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }

    .search-form-wrap--floating {
        position: relative;
        left: auto;
        right: auto;
        top: 0;
        margin-top: var(--size-5);
    }

    .pagetitle-block.pagetitle-block--v2 {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }

    .properties-archive__bottom {
        padding-top: 4rem;
        padding-bottom: 2rem;
    }

    .prop-card__title a {
        color: var(--clr-dark);
        font-size: 1.375rem;
    }

    .search-form__inner-wrap .jq-select__btn {
        max-width: unset;
    }

    .vm-section__img-container {
        position: relative;
        top: auto;
        left: auto;
        bottom: auto;
        width: 100%;
        border-radius: var(--size-4);
        overflow: hidden;
        margin-bottom: var(--size-10);
    }

    .vm-section .content-wrap {
        padding-left: 0;
    }

    .vm-section {
        margin-bottom: var(--size-7);
    }

    .header-menu li::after {
        display: none;
    }

    .hero-section .owl-nav {
        display: none;
    }
}

/* Mobile Landscape */
@media (max-width: 767px) {
    .site-header .site-header__logo img {
        max-width: 6rem;
    }

    .site-header.site-header--shrinked .site-header__logo img {
        max-width: 5rem;
    }

    .properties-sliding-section .top-content-box h2 {
        text-align: center;
    }

    .top-content-box {
        margin-bottom: var(--size-12);
    }

    .section__cta-box {
        margin-top: var(--size-10);
    }

    .cta-section__col-img {
        max-width: 21rem;
    }

    .cta-section .content-box {
        font-size: 1rem;
        padding-right: 0;
    }

    .site-footer h2 {
        font-size: 2.5rem;
    }

    .site-footer h3 {
        font-size: 1.25rem;
    }

    .prop-single__title {
        font-size: 1.625rem;
    }

    .meta-block__val {
        font-size: 1rem;
    }

    .gallery__btn--show-more {
        bottom: var(--size-3);
        right: var(--size-2);
        font-size: 0.875rem;
    }

    .prop-single__gallery {
        grid-template-rows: repeat(2, 8rem);
    }

    .prop-single__block-heading {
        font-size: 1.375rem;
    }

    .related-properties-section h2 {
        font-size: 1.75rem;
    }

    .prop-card__title a {
        font-size: 1.375rem;
    }

    .prop-single__meta {
        column-gap: var(--size-6);
        flex-wrap: wrap;
    }

    .enq-modal__content-wrap h3 {
        font-size: 1.5rem!important;
    }

    .enq-modal__content-wrap {
        padding: var(--size-5);
    }

    .search-form__select {
        width: 100%;
    }

    .site-footer__contact-info {
        column-gap: 2.5rem;
        flex-wrap: wrap;
        row-gap: var(--size-8);
    }

    .hero-section {
        padding-bottom: 4rem;
    }

    .hero-section__img-box {
        margin-top: var(--size-8);
    }
}

/* Mobile Portrait */
@media (max-width: 575px) {
    .site-header {
        padding: var(--size-4) 0;

    }

    .site-header .col--cta,
    .site-header .col--logo {
        width: 50%;
    }

    .site-header .col--nav {
        width: 0%;
    }

    .site-header__bottom .row {
        flex-wrap: nowrap;
    }

    .site-header__btn--req-a-quote {
        font-size: 0.75rem;
        padding: 0.5rem;
    }

    .site-header .col--nav {
        margin-left: -1.5rem;
    }

    .btn i {
        font-size: 1.125rem;
        margin-top: 0.125rem;
    }

    .hero-section__top-box {
        padding: var(--size-16) 0 0;
        font-size: 1.125rem;
    }

    .hero-section__top-box h1 {
        font-size: 2rem;
    }

    .prop-card__title a {
        color: var(--clr-dark);
        font-size: 1.25rem;
    }

    .prop-card__badge {
        top: var(--size-3);
        right: var(--size-3);
        padding: var(--size-1) var(--size-3);
        font-size: 0.875rem;
    }

    .prop-card__loc {
        font-size: 0.875rem;
    }

    .site-footer {
        padding-top: var(--size-16);
        border-radius: 3rem 3rem 0 0;
    }

    .top-content-box {
        margin-bottom: var(--size-9);
    }

    .prop-card__price ins {
        font-size: 1rem;
    }

    .prop-card__price del {
        font-size: 0.875rem;
    }

    .cta-section__inner-wrap {
        padding: var(--size-10) var(--size-6);
    }

    .cta-section .content-box {
        padding-right: 0;
        text-align: center;
    }

    .cta-section .content-box h2 {
        padding-right: 0;
    }

    .cta-section__col-img {
        max-width: 20rem;
    }

    .cta-section .cta-box {
        text-align: center;
    }

    .cta-section {
        padding-top: 3.5rem;
    }

    .testimonials-section {
        padding-top: var(--size-4);
    }

    .site-footer h2 {
        font-size: 1.875rem;
    }

    .site-footer h3 {
        font-size: 1.125rem;
    }

    .site-footer__contact-info {
        column-gap: 0;
        flex-direction: column;
        row-gap: var(--size-5);
        align-items: center;
    }

    .site-footer__contact-info a {
        font-size: 1.125rem;
    }

    .site-footer__contact-info a img {
        max-width: 1.5rem;
    }

    .site-footer__middle {
        padding: var(--size-10) 0;
    }

    .site-footer__middle .row {
        row-gap: var(--size-8);
    }

    .prop-single__title {
        font-size: 1.5rem;
    }

    .prop-single-section {
        padding-top: var(--size-8);
    }

    .prop-single__meta {
        column-gap: 0;
        flex-wrap: wrap;
        flex-direction: column;
        margin-top: var(--size-4);
        row-gap: var(--size-3);
    }

    .meta-block {
        margin-block: 0;
    }

    .prop-single__gallery {
        grid-template-rows: auto;
    }

    .prop-single__gallery a:first-child {
        grid-column: span 12;
        grid-row: auto;
    }

    .prop-single__gallery a {
        grid-column: span 6;
    }

    .contact-block__link {
        font-size: 1.125rem;
    }

    .contact-block {
        padding-left: var(--size-4);
    }

    .contact-icon-box__icon {
        width: var(--size-12);
        height: var(--size-12);
        margin-right: var(--size-2);
    }

    .contact-icon-box__info {
        font-size: 1.125rem;
        white-space: nowrap;
    }

    .about-section .btn {
        font-size: 0.75rem;
        padding: var(--size-3);
    }

    .contact-icon-box__icon img {
        max-width: var(--size-7);
    }

    .about-section .cta-box {
        margin-top: var(--size-8);
        column-gap: var(--size-3);
    }

    .why-choose-section {
        margin-bottom: var(--size-12);
    }

    .search-form-wrap {
        padding: var(--size-5);
    }

    .search-form-wrap .jq-select__btn {
        width: calc(100% - 2.25rem) !important;
    }

    .search-form__main-text .form-control {
        padding-left: var(--size-10);
        min-width: auto;
    }

    .search-form__btn {
        width: 100%;
    }

    .search-form__btn .btn {
        width: calc(100% - 2.25rem) !important;
        justify-content: center;
    }

    .site-footer__contact-info .social-icons {
        column-gap: var(--size-3);
    }

    .site-footer__contact-info .social-icons li a {
        width: var(--size-10);
        height: var(--size-10);
        font-size: 1rem;
    }

    .vm-section .top-content-box {
        text-align: center;
    }

    .icon-box-horizontal {
        column-gap: var(--size-4);
        flex-direction: column;
        row-gap: var(--size-5);
        text-align: center;
    }

    .icon-box-horizontal figure {
        margin-inline: auto;
    }

    .icon-box {
        text-align: center;
    }

    .icon-box figure img {
        margin-inline: auto;
    }

    .map-box {
        height: 20rem;
    }
}