@media only screen and (max-width: 1440px) {
    /*Components*/
     #search_banner .banner-breadcrumbs,
    .component[data-component="banner"] .banner-breadcrumbs {
        padding-right: 48px;
    }
    #search_banner .banner-text,
    .component[data-component="banner"] .banner-text {
        padding-right: 48px;
    }
}
@media only screen and (max-width: 1200px) {
    #header_top > .overdiv-1400,
    #header_open_search,
    #header_top_menu .top-menu-item,
    #header_close_search {
        min-height: 48px;
    }
    #header_open_search {
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 12px 16px;
        min-height: 48px;
        cursor: pointer;
    }
    #header_bottom_menu {
        display: none;
    }
    #overdiv #mobileMenuArea,
    #overdiv.openUI .UIsideBar,
    #sidebarContent {
        display: flex;
        flex-direction: column;
    }
    #header_bottom {
        min-height: 72px;
        gap: 8px;
        padding-right: 0;
    }
    #mobileMenuArea,
    #mobileMenuAreaClose {
        width: 68px;
    }
    #overdiv.openUI .UIsideBar {
        height: calc(100vh - 64px);
    }
    /* Home */
    #home_banner {
        height: 400px;
    }
    #home_banner_image {
        height: 400px;
        width: 200%;
        left: 50%;
        transform: translateX(-54%);
    }
    #home_banner_sections .overdiv-1400 {
        grid-template-columns: 1fr;
    }
    .home-banner-multis-outer {
        overflow: auto;
        width: 100vw;
        padding-inline: 24px;
        margin-inline: -24px;
        padding-bottom: 8px;
    }
    .home-banner-multis {
        display: flex;
        justify-content: space-between;
        column-gap: 8px;
    }
    .home-banner-multis-dots {
        display: flex;
        justify-content: center;
        gap: 8px;
        margin-top: 16px;
    }
    .home-banner-multis-dots .dot {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background-color: var(--white);
        opacity: .25;
    }
    .home-banner-multis-dots .dot.selected {
        opacity: 1;
    }
    .multi-home-banner {
        gap: 4px;
        width: calc(100%/3);
        min-width: 248px;
        flex-shrink: 0;
    }
    #overdiv:not(.admin) .multi-home-banner .multiField_0 {
        width: 52px;
        font-size: 32px;
    }
    .multi-home-banner .multiField_1 {
        font-size: var(--18px);
    }
    /*Components*/
    #search_banner .banner-breadcrumbs,
    .component[data-component="banner"] .banner-breadcrumbs {
        padding-right: 24px;
    }
     #search_banner .banner-text,
    .component[data-component="banner"] .banner-text {
        padding: 88px 24px 88px 0;
    }
    .component[data-component="cards"] .cards-container {
        row-gap: 24px;
    }
}
@media only screen and (max-width: 1024px) {
    #landing_banner .banner-text {
        padding: 72px 56px 72px 0;
    }
    /*Components*/
    .component[data-component="image-text"] .image-text-multi {
        flex-direction: column;
        justify-content: flex-start;
    }
    #components_container .component[data-component="image-text"] .image-text-multi .multiField_0,
    .component[data-component="image-text"] .image-text-multi .multiField_0 {
        max-width: 100%;
    }
    #components_container .component[data-component="image-text"] .image-text-multi .multiField_1,
    .component[data-component="image-text"] .image-text-multi .multiField_1 {
        max-width: calc(100% - 48px);
        margin-top: -88px;
        margin-left: 0;
    }
    .component[data-component="image-text"] > div > div {
        padding-top: 0;
    }
    #overdiv:not(.admin) .component[data-component="image-text"] .image-text-multis-out {
        width: 100vw;
        margin-inline: -24px;
    }
    #components_sidebar_container {
        column-gap: 24px;
    }
    #components_sidebar {
        max-width: 360px;
    }
    .component[data-component="cards"] .cards-container {
        column-gap: 16px;
    }
}
@media only screen and (max-width: 900px) {
    /* Header */
    #header_top.search-open #header_top_menu {
        display: none;
    }
    #site_search {
        margin-left: 0;
    }
    #landing_banner {
        min-height: auto;
    }
    #landing_banner .banner-text {
        max-width: 100%;
	    padding: 24px 0 40px;
    }
    #landing_banner .banner-image {
        position: relative;
        inset: auto;
        width: 100vw;
        margin: 0 -24px;
        max-height: 360px;
    }
    #landing_boxes {
        flex-direction: column;
        align-items: center;
        gap: 24px;
    }
    /* Home */
    #home_banner_image {
        width: 300%;
    }
    /*Components*/
    #components_sidebar_container {
        flex-direction: column;
        padding-top: 48px;
        gap: 0;
    }
    #components_sidebar_container:has(.sidebar:empty) {
        padding-top: 0;
    } 
    #components_sidebar:has(.sidebar:empty) {
        border-bottom: none;
    }
    #components_sidebar {
        max-width: 100vw;
        padding: 0;
        position: sticky;
        top: 0;
        background-color: var(--white);
        z-index: 1;
        font-size: var(--16px);
        left: 0;
        margin-inline: -24px;
        width: 100vw;
        border-bottom: 1px solid var(--light-grey);
    }
    #components_sidebar .sidebar {
        display: flex;
        gap: 16px;
        width: 100%;
        overflow: auto;
        white-space: nowrap;
        padding-inline: 24px;
    }
    #components_sidebar .sidebar-link {
        padding: 8px 0;
        min-height: auto;
        cursor: pointer;
        border-bottom: 3px solid var(--white);
    }
    #components_sidebar .sidebar-link:hover,
    #components_sidebar .sidebar-link.selected {
        background-color: transparent;
        color: var(--blue);
        font-weight: 700;
        border-color: var(--blue);
    }
}
@media only screen and (max-width: 768px) {
    #overdiv h1, .h1 {
        font-size: var(--48px);
    }
    /* Footer */
    #footer_top {
        padding-block: 40px;
    }
    #footer_multi_container {
        gap: 24px;
    }
    .home-banner-multis {
        margin-top: 32px;
    }
    /* Components */
    #search_banner,
    .component[data-component="banner"] .banner {
        min-height: auto;
    }
    .component[data-component="banner"] .overdiv-1400 {
        display: flex;
        flex-direction: column;
    }
    #search_banner .banner-breadcrumbs-out,
    .component[data-component="banner"] .banner-breadcrumbs-out {
        position: relative;
        inset: auto;
        transform: initial;
        padding: 24px 0 0;
    }
    #search_banner .banner-breadcrumbs,
    .component[data-component="banner"] .banner-breadcrumbs {
        max-width: 100%;
        padding-right: 0;
    }
    #search_banner .banner-text,
    .component[data-component="banner"] .banner-text {
        max-width: 100%;
	    padding: 24px 0 40px;
    }
    #search_banner .banner-image,
    .component[data-component="banner"] .banner-image {
        position: relative;
        inset: auto;
        width: 100vw;
        margin: 0 -24px;
    }
    .component[data-component="get-a-valuation"] .flex {
        flex-direction: column;
    }
    .component[data-component="get-a-valuation"] .flex > div {
        width: 100%;
    }
    .component[data-component="get-a-valuation"] .flex  > div:first-child {
        padding-right: 0;
        border-right: none;
        border-bottom: 1px solid var(--light-grey);
        padding-bottom: 24px;
    }
    .component[data-component="get-a-valuation"] .flex  > div:last-child {
        padding-left: 0;
        border-left: none;
        padding-top: 24px;
    }
    #overdiv .component[data-component="get-a-valuation"] img {
        display: block;
        margin-inline: auto;
        max-width: calc(100% - 40px);
    }
    #components_container .component[data-component="image-text"] .image-text-multi .multiField_1,
    .component[data-component="image-text"] .image-text-multi .multiField_1 {
        padding: 24px;
    }
    .component[data-component="image-text"] .image-text-multi .multiField_1 p:not(:first-child) {
        margin-top: 8px;
    }
    .component[data-component="cards"] .cards-container {
        grid-template-columns: 1fr;
        justify-items: center;
    }
}
@media only screen and (max-width: 600px) {
    #overdiv h1, .h1 {
        font-size: var(--40px);
    }
    #overdiv h2, .h2 {
        font-size: var(--28px);
    }
    #overdiv h3, .h3 {
        font-size: var(--24px);
    }
    #overdiv h4, .h4 {
        font-size: var(--22px);
    }
    #overdiv h5, .h5 {
        font-size: var(--20px);
    }
    #overdiv h6, .h6 {
        font-size: var(--18px);
    }
    #home_banner_image {
        width: 250%;
        height: 300px;
    }
    #home_banner {
        height: 300px;
    }
    /*Components*/
    #search_banner .banner-text,
    .component[data-component="banner"] .banner-text {
        font-size: var(--18px);
    }
    .component[data-component="image-text"] .image-text-multis-dots {
        margin-top: 24px;
    }
    .component[data-component="image-text"] .image-text-multis-dots .dot {
        width: 8px;
        height: 8px;
    }
}
@media only screen and (max-width: 500px) {
    #overdiv h1, .h1 {
        font-size: var(--36px);
    }
    #overdiv h2, .h2 {
        font-size: var(--26px);
    }
     #overdiv h3, .h3 {
        font-size: var(--22px);
    }
     #overdiv h4, .h4 {
        font-size: var(--20px);
    }
    #overdiv h5, .h5,
    #overdiv .multi-home-banner h6 {
        font-size: var(--18px);
    }
    #overdiv h6, .h6 {
        font-size: var(--16px);
    }
    .pt-24 {
	    padding-top: 16px;
    }
    .pt-40 {
        padding-top: 24px;
    }
    .pt-48 {
        padding-top: 32px;
    }
    .pt-64 {
        padding-top: 40px;
    }
    .pb-40 {
        padding-bottom: 24px;
    }
    .pb-64 {
        padding-bottom: 40px;
    }
    .pb-80 {
        padding-bottom: 48px;
    }
    /* Header */
    #header_top_menu .top-menu-item {
        padding-inline: 10px;
    }
    #header_open_search span {
        display: none;
    }
    #header_logo {
        max-width: 232px;
    }
    /* Home */
    #home_banner_title {
        padding: 40px 0;
    }
    #home_banner_image {
        width: 400%;
        height: 248px;
    }
    #home_banner {
        height: 248px;
    }
    .home-banner-section-title {
	    font-size: var(--22px);
    }
    .multi-home-banner {
        width: calc(100vw - 88px);
    }
    #search_banner .banner-breadcrumbs-out,
    .component[data-component="banner"] .banner-breadcrumbs-out {
        font-size: var(--12px);
    }
    #search_banner .banner-text,
    .component[data-component="banner"] .banner-text {
        font-size: var(--16px);
	    padding-bottom: 24px;
    }
    #components_sidebar_container {
        padding-top: 24px;
    }
}
@media only screen and (max-width: 400px) {
    #sidebarContent > ul > li > div {
        font-size: var(--16px);
    }
    #header_top_menu .top-menu-item {
        font-size: var(--12px);
    }
    #overdiv #new_forms_exit {
        padding: 8px 16px;
        font-size: var(--16px);
        min-height: 44px;
    }
}