/*============ Screen sizes up to 1024px ============*/
@media screen and (max-width:1024px) {
    .wp-block-flipping-panels .panel {
        flex-basis: calc(50% - 12px);
    }
    .wp-block-flipping-panels .panel-sizer {
        margin-top: 150%;
    }
}

/*============ Screen sizes up to 992px ============*/
@media screen and (max-width:992px) {
    body .wp-block-icon-row {
        flex-wrap: wrap;
    }
    body .testimonial_slider_slide {
        padding: 0 150px;
    }
}

/*============ 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 .testimonial_slider_slide {
        padding: 0 30px;
    }
    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) {
    .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%;
    }
    .wp-block-flipping-panels .panel {
        flex-basis: 100%;
    }
    .wp-block-flipping-panels .panel-sizer {
        margin-top: 70%;
    }
    footer .wpcf7-spinner {
        margin: 0;
    }
}

/*============ Screen sizes up to 480px ============*/
@media screen and (max-width:480px) {
    .footer-upper > div, .footer-bottom .container > div {
        width: 100%;
    }
    .footer-bottom .container > div:last-child {
        text-align: left;
    }
}