@media (min-width: 0px) and (max-width: 767px) {
    header {
        padding: 7px 0;    
    }
    footer .region-footer {
        flex-direction: column;
    }
}

@media (min-width: 0px) and (max-width: 1024px) {
    h2{
        font-size: 2rem;
    }
    .hide-on-mobile {
        display: none;
    }
    .hide-on-desktop,
    header ul.navbar-nav li:last-child {
        display: block !important;
    }
    /* .hide-on-desktop{
        background-color: var(--navy-blue);
    } */
    .navbar-brand img {
        min-height: 50px !important;
    }
    main {
        padding-top: 0px;
    }
    header .region-header {
        flex-direction: column;
    }
    .navbar-toggler.collapsed .navbar-toggler-icon {
        background-image: url(../images/menu.svg) !important;
        width: 2.5em;
        height: 3em;
    }
    .navbar-toggler .navbar-toggler-icon {            
        background-image: url(../images/close.svg) !important;
        width: 2.5em;
        height: 3em;
    }
    header ul.navbar-nav {
        flex-direction: column;
        position: absolute;
        background: var(--navy-blue);
        left: 0px;
        right: 0;
        top: 82px;
        padding: 0px;
        gap: 0px;
    }
    header ul.navbar-nav li a,
    span.nav-link {
        border-bottom: 1px solid var(--porcelain-white);
        padding: 15px !important;
        color: var(--porcelain-white) !important;
    }
    #block-the-potty-squad-calling {
        display: none;
    }
    .feature-list-right {
        max-width: 90%;
        margin: auto;
    }
    .service-heading {
        padding-right: initial;
    }
    .field--name-field-add-pricing-data, .field--name-field-add-services-notes, .field--name-field-add-simple-steps, .paragraph--type--get-a-quote .field--name-field-add-custom-block {
        flex-direction: column;
    }
    .footer-copyright {
        text-align: center;
    }
    footer ul.nav.navbar-nav {
        justify-content: center !important;
        gap: 10px;
    }
}