/* Mobile styles for items specific to this theme. 
Styles for Custom blocks are in a different sheet */

/*============ Screen sizes up to 1024px ============*/
@media screen and (max-width:1024px) {
}

/*============ Screen sizes up to 992px ============*/
@media screen and (max-width:992px) {
}

/*============ Screen sizes up to 768px ============*/
@media screen and (max-width:768px) {
    body .page_title h1 {
        font-size: 55px;
    }
    body .wp-block-featured-listing .content {
        max-width: 100%;
    }
    body #main .nopad-left .wp-block-column:last-child {
        padding-left: 20px;
    }
    body #main .nopad-right .wp-block-column:first-child {
        padding-right: 20px;
    }
}

/*============ Screen sizes up to 576px ============*/
@media screen and (max-width:576px) {
    header .widgets {
        display: none;
    }
    header .logo_container {
        justify-content: space-between;
    }
    header .custom-logo-link {
        flex-basis: 75%;
        text-align: left;
    }
    header .custom-logo {
        max-height: 40px;
        width: auto !important;
    }
    body .page_title h1 {
        font-size: 50px;
        word-break: break-all;
    }
    #main.has-sidebar #content-container > #leftbar, 
    #main.has-sidebar #content-container > aside {
        flex-basis: 100%;
    }
    header .navbar .sidenav.opened {
        width:100%;
    }
    .grid-layout .quarter-width, .grid-layout .third-width {
        width:100%;
    }
    .explore .wp-block-buttons {
        justify-content: flex-start !important;
    }
    footer .wpcf7-spinner {
        margin: 0;
    }
}

/*============ Screen sizes up to 480px ============*/
@media screen and (max-width:480px) {
    body .page_title h1 {
        font-size: 40px;
    }
    h2 {
        font-size: 35px;
    }
    .grid-layout .full-width, .grid-layout .half-width, .grid-layout .quarter-width, .grid-layout .third-width {
        width:100%;
    }
    .listing-slideshow .content p {
        display: none;
    }
    .footer-upper > div, .footer-bottom .container > div {
        width: 100%;
    }
    .footer-bottom .container > div:last-child {
        text-align: left;
    }
}