/* Responsive CSS */

@media (min-width: 1300px) and (max-width: 1400px) {

    .pager,
    .container,
    .lbs-container-small {
        width: calc(100% - 115px);
    }

    .about-section:not(.price-guarantee-section) .about-media {
        max-width: 600px;
    }

    .about-section:not(.price-guarantee-section) .about-media div,
    .about-section:not(.price-guarantee-section) .about-media article,
    .about-section:not(.price-guarantee-section) .about-media figure {
        display: flex;
    }

    .about-section:not(.price-guarantee-section) .about-media .about-img--large {
        width: 400px;
        height: 460px;
    }

    .about-section:not(.price-guarantee-section) .about-media .about-img--small {
        width: 365px;
        height: calc(460px - 110px);
        margin-top: 110px;
    }
}

@media (max-width: 1439px) {
    .hero-content {
        padding: 40px;
    }

    .hero-title {
        font-size: 32px;
    }

    .hero-subtitle {
        font-size: 24px;
        margin-bottom: 10px;
    }

    .hero-content h3 {
        font-size: 20px;
    }

    .hero-content .listing-form fieldset legend{
        display: none;
    }

}
@media (max-width: 1400px) {
    .news-meta {
        font-size: 12px;
    }

    .site-logo {
        display: inline-block;
        max-width: 130px;
    }
}

@media (max-width: 1365px) {

    /* Header start */
    header .region-header #block-complete-office-theme-main-menu-menu {
        display: none;
    }

    .account-menu-block__toggle {
        width: 40px;
        height: 40px;
    }

    .account-menu-block__toggle svg {
        width: 20px;
    }

    .contact-item__icon-wrapper {
        width: 40px;
        height: 40px;
    }

    .contact-item__icon-wrapper svg {
        width: 20px;
    }


    /* Gapping */
    .lbs-space-80 {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    /* Register page design  */
    .user-form-page__user-form .user-form-content-wrapper main {
        padding: 0;
    }

    .user-form-page__user-form .user-form-content-wrapper {
        padding: 0 20px;
    }


    /* Slider arrow */
    .testimonials-section {
        padding: 0;
    }

    .testimonials-slider .slick-prev,
    .testimonials-slider .slick-next {
        background: transparent;
    }

    .testimonials-slider .slick-prev {
        left: 0;
        margin-top: -0;
    }

    .testimonials-slider .slick-next {
        right: 0;
        margin-top: -25px;
    }

    .testimonials-slider .slick-prev:before,
    .testimonials-slider .slick-next:before {
        background: #f6fdff url(../../assets/img/left-arrow-black.svg) no-repeat center center;
        width: 35px;
        height: 35px;
    }

    div .swiper .swiper-button-prev {
        left: 10px;
        width: 35px;
        height: 35px;
        margin-top: -50px;
    }

    div .swiper .swiper-button-next {
        right: 10px;
        width: 35px;
        height: 35px;
        margin-top: -50px;
    }

    div .swiper .swiper-button-prev {
        background: #f6fdff url(../../assets/img/left-arrow-black.svg) no-repeat center center;
    }

    div .swiper .swiper-button-next {
        background: #f6fdff url(../../assets/img/right-arrow-black.svg) no-repeat center center;
    }

    .property-section {
        padding: 40px 0;
    }

    .view-area-offices .area-offices-content .area-offices-listing {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 1300px) {
    header.content-header {
        padding: 30px 16px 0;
    }

    .hero-wrapper,
    .info-grid {
        padding: 0 16px;
    }

    .lbs-container-small {
        padding-inline: 16px;
    }

    .container {
        padding: 0 16px !important;
    }
}

@media (min-width:992px) and (max-width: 1176px) {
    .site-logo {
        display: inline-block;
        max-width: 130px;
    }

    header .block-menu ul.menu li {
        list-style: none;
        font-size: 14px;
    }

    header .block-menu ul.menu {
        gap: 14px;
    }

    .header-contact-block .btn-primary {
        padding: 10px 17px;
        font-size: 15px;
    }

}

@media (max-width: 1200px) {


    header.content-header {
        padding: 10px 10px 0px 10px;
        top: -10px;
    }

    .hero-content {
        padding: 40px 20px;
    }

    .hero-content .hero-small {
        font-size: 20px;
    }

    .info-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .about-wrapper {
        flex-direction: column;
    }

    .block-inline-blockhome-about-us-card .about-content {
        max-width: 600px;
    }

    .about-section.price-guarantee-section .about-wrapper {
        flex-direction: column-reverse;
    }

    .about-section.price-guarantee-section .about-wrapper .about-content {
        text-align: center;
    }

    .block-inline-blockspace-options .workspace-grid article.workspace-card{
        min-height: 420px;
    }
}


@media screen and (min-width: 1024px) {
    .user-logged-in header.content-header {
        top: calc(var(--admin-toolbar-top-bar-height, 0px) - 30px);
    }

}

@media screen and (min-width: 1201px) {
    .user-logged-in header.content-header {
        top: calc(var(--admin-toolbar-top-bar-height, 0px) - 30px);
    }

    .user-logged-in .office-space-layout.view-mode-default .office-space-map-panel {
        top: calc(var(--admin-toolbar-top-bar-height, 0px) + 110px);
    }
}

@media (max-width: 1024px) {
    div#block-complete-office-theme-viewfavourites-2 {
        display: block;
    }

    header .block-menu ul.menu li a.favourite-nav-link {
        display: flex !important;
    }

    a.favourite-nav-link .fav-pill-icon path {
        stroke-width: 0px;
        fill: currentColor;
    }


    .hero-wrapper {
        flex-direction: column;
        padding: 0 16px;
        max-height: none;
    }

    .hero-media,
    .hero-content {
        width: 100%;
    }

    .hero-media.swiper {
        display: none !important;
        min-height: 320px;
        aspect-ratio: 16 / 9;
    }

    .hero-content .listing-form fieldset legend{
        display: block;
    }


    .form-row {
        flex-direction: column;
    }

    .info-grid {
        padding: 0 16px;
    }

    .block-webform.block-webform-block {
        max-width: 100%;
    }

    .news-card--featured .news-image img {
        height: 340px;
    }

}

@media (max-width:991px) {
    .block-menu.menu--main .mobile-menu-toggle {
        top: 26px;
    }

    /* Heding  */
    .site-logo {
        display: inline-block;
        max-width: 130px;
    }

    .page-banner {
        min-height: 10rem;
    }

    h2 {
        font-size: 25px;
    }

    .page-banner .page-banner__title,
    .page-banner__title {
        font-size: 30px;
    }

    /* Header */
    .block-menu.menu--main .mobile-menu-toggle {
        left: 22px;
    }
    

    .about-img--large {
        width: 300px;
        height: 400px;
    }

    .about-img--small {
        width: 244px;
        height: calc(400px - 100px);
        margin-top: 136px;
    }

    .about-section.price-guarantee-section .about-wrapper .about-media img{
        max-height: 400px;
    }

    /* Property */

    .path-frontpage .property-section{
        padding-top: 20px;
    }

    

    /* FAQ page design */
    .block-inline-blockfaqs .field--name-field-title {
        font-size: 25px;
    }

    /* Contact us page  */
    .block-inline-blockcontact-us .field--name-field-contact-us {
        padding: 20px;
    }

    .block-inline-blockcontact-us .field--name-field-contact-us .field__label {
        font-size: 25px;
    }

    .block-inline-blockcontact-us .field--name-field-image {
        max-width: 100%;
    }

    .block-inline-blockcontact-us .field--name-field-image img {
        max-height: 400px;
        width: 100%;
    }

    /* Testimonial card design  */

    /* Footer start  */
    .footer-upper h4 {
        font-size: 20px;
    }

    /* Contact us */
    .block-inline-blockform-with-image {
        display: block;
    }

    .block-inline-blockform-with-image .image-section {
        width: 100%;
        margin-bottom: 20px;
    }


    /* view-favourite page */
    .path-view-favourite .region-content {
        flex-direction: column;
        margin: 30px 0 40px 0;
    }

    .path-view-favourite .region-content .block-system-main-block {
        width: 100%;
    }

    .path-view-favourite .region-content .block-webform-block {
        width: 100%;
        margin: auto;
        order: -1;
    }

    /* Conatct us */
    .block-inline-blockform-with-image .image-section {
        display: none;
    }

    .property-card .property-content .property-footer {
        min-height: 77px;
    }

    .block-inline-blockspace-options .workspace-grid {
        grid-template-columns: repeat(2, 1fr);
    } 

    .block-inline-blockspace-options .workspace-grid article.workspace-card {
        min-height: 400px;
        max-height: 400px;
    }

     .view-area-offices .area-offices-content .area-offices-listing {
        grid-template-columns: repeat(2, 1fr);
    }

}


@media (max-width:767px) {

    /* Home page */

    .about-section.price-guarantee-section .about-wrapper .about-media .about-img:after,
    .about-section.price-guarantee-section .about-wrapper .about-media .about-img:before {
        display: none;
    }

    /* Register page design  */
    .user-form-page {
        flex-direction: column !important;
    }

    .user-register-form {
        max-width: 100%;
    }

    .user-form-page__user-form {
        width: 100%;
        padding-bottom: 30px;
    }

    .user-form-page__wallpaper,
    body.gin-login .user-form-page__wallpaper {
        display: none !important;
    }

    /* Login */
    body.gin-login .user-form-page__user-form {
        width: 100%;
    }

    /* FAQ */
    .block-inline-blockfaqs .field--name-field-title {
        font-size: 20px;
        margin: 0 0 20px 0;
    }

    /* List page  */
    .office-listing {
        gap: 24px;
    }

    /* detail page  */
    .block-webform.block-webform-block {
        max-width: 100%;
    }

    .property-card .property-content {
        padding: 20px 14px;
    }

    /* Contact us */
    .webform-flexbox {
        flex-direction: column;
    }

    .block-inline-blockcontact-us {
        margin-top: 0;
    }

    .block-inline-blockspace-options .workspace-grid {
        grid-template-columns: 1fr;
    }

    .block-inline-blockspace-options .workspace-grid article.workspace-card {
        min-height: 380px;
        max-height: 380px;
    }


    .block-inline-blockform-with-image .form-section fieldset {
        margin-bottom: 20px;
    }

    /* On mobile always show description */
    .block-inline-blockspace-options .workspace-grid .workspace-content p {
        max-height: none;
    }

    .block-inline-blockspace-options .workspace-grid .workspace-card .field--name-field-description.field__item {
        grid-template-rows: 1fr;
        opacity: 1;
    }

    .workspace-card .workspace-overlay {
        background: rgb(0 0 0 / 30%);
    }

    /*.office-pagination {
        margin-top: 0;
    }*/


    /* favorate */
    .cmp-label-cell {
        position: initial;
    }

    /* Footer start */
    .footer-bottom .footer-copyrights {
        justify-content: center;
        align-items: center;
    }


    .child-properties-list .child-property-card .row {
        flex-direction: column;
    }

    .child-properties-list .child-property-card .col-md-4 {
        width: 100%;
    }

    .child-properties-list .child-property-card .card-body {
        padding: 0px 0px 20px;
    }

    .child-properties-list .child-property-card .card-body .card-actions {
        position: static;
        display: flex;
        flex-direction: row;
        width: auto;
        justify-content: start;
        margin-top: 12px;
    }


    /* view-favourite */
    form .form-item .iti {
        width: 100%;
    }

    .webform-submission-form .webform-flexbox,
    .block-webform.block-webform-block .webform-flexbox {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    /* referrals */
    .webform-submission-refer-a-friend-form-form .webform-flexbox {
        gap: 0;
    }

    .webform-submission-refer-a-friend-form-form .form-item .fieldset__wrapper {
        gap: 0;
    }

    .block-inline-blockform-with-image .form-section .field form .form-type-textfield {
        margin: 0 0 15px;
    }

    .block-inline-blockform-with-image .form-section .field form .form-type-email {
        margin: 15px 0;
    }

    /* Testimonial card design  */
    .testimonial-card {
        padding-bottom: 50px;
    }

    .noUi-horizontal .noUi-handle {
        right: -7px;
    }

    .listing-form fieldset legend {
        left: 6px;
    }


}

@media (max-width: 640px) {
    .info-grid {
        grid-template-columns: 1fr;
    }

    .info-card {
        padding: 24px 20px 70px;
    }

    .about-media {
        flex-direction: column;
    }

    .about-img--large,
    .about-img--small {
        width: 100%;
        height: auto;
        margin: 0;
    }

    .about-section.price-guarantee-section .about-wrapper {
        gap: 46px;
    }

    .about-section.price-guarantee-section .about-wrapper .about-media img {
        width: 100%;
        height: auto;
        transform: rotate(0deg);
        box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25);
    }

    .property-detail-slide .property-gallery {
        max-height: 400px;
    }

    .block-inline-blockform-with-image .form-section h2.form-title {
        font-size: 20px;
    }

    .block-inline-blockform-with-image .form-section .field form {
        display: block;
    }



    .blog-full-banner__image-wrap .blog-full-banner__content h1 {
        font-size: 30px;
    }

    .blog-full-wrapper h2 {
        font-size: 24px !important;
    }

    .blog-full-wrapper h3 {
        font-size: 20px !important;
    }

    .testimonial-card__image-container {
        right: 10px;
    }

    .block-menu.menu--main .mobile-menu-toggle {
        top: 19px;
    }

    .view-area-offices .area-offices-content .area-offices-listing {
        grid-template-columns: repeat(1, 1fr);
    }
}


@media (max-width: 576px) {
    .contact-item__icon-wrapper svg {
        width: 15px;
    }

    .contact-item__icon-wrapper {
        width: 35px;
        height: 35px;
    }

    a.favourite-nav-link--icon-only .fav-pill-icon {
        width: 16px;
        height: 16px;
    }

    .fav-pill-icon-wrapper {
        width: 35px;
        height: 35px;
    }

    a.favourite-nav-link .fav-pill-badge.fav-pill-badge--overlay {
        top: -9px;
        right: -6px;
    }

    .account-menu-block__toggle svg {
        width: 16px;
    }

    .account-menu-block__toggle {
        width: 35px;
        height: 35px;
    }

    .info-head .office-reference-id {
        font-size: 12px;
        line-height: 32px;
    }

}

@media (max-width: 460px) {
    .view-offices .filter-bar {
        gap: 15px;
    }
}

@media (max-width: 440px) {
    .listing-form .form-row .form-wrapper fieldset .bef-slider {
        margin-top: 75px;
    }

    .listing-form .form-row .form-wrapper fieldset .fieldset__wrapper .form-item {
        top: 33px;
    }

    .contact-item__icon-wrapper {
        width: 30px;
        height: 30px;
    }

    .fav-pill-icon-wrapper {
        width: 30px;
        height: 30px;
    }

    .account-menu-block__toggle {
        width: 30px;
        height: 30px;
    }

    .block-menu.menu--main .mobile-menu-toggle {
        left: 15px;
    }

    .form-group input,
    .form-group select {
        padding: 0 20px 0 50px !important;
        font-size: 14px;
    }

    .listing-form .form-item tags .tagify__input {
        padding-left: 0;
        font-size: 14px;
        padding-top: 11px;
    }

    .btn {
        padding: 14px 16px;
    }

}