@media screen and (max-width: 767px){
    body {
        background: rgba(249, 249, 249, 0.97);
    }
    
    #map {
        background-image: none;
    }
        
    #list {
        background-image: none;
        padding-top: 52px;
    }

    section#head-banner {
        background-image: url(../../../images/banner-home-mb.jpg);
        background-position: center;
        height: 193px;
    }

    h1.head-banner-title, h1.head-banner-subtitle {
        font-size: 21px;
        line-height: 25px;
    }

    .dropd-wrapper {
        flex-direction: column;
        margin-bottom: 36px;
        position: sticky;
        background: rgba(249, 249, 249, 1);
    }

    .dropd-wrapper.sticky {
        position: -webkit-sticky; 
        position: sticky;
        z-index: 3;
        top: 0;
        padding-top: 5px;
        transition: all 100ms ease-in-out;
    }

    #list .dropdown_item {
        width: 100%;
        flex-basis: 100%;
        margin-bottom: 16px;
    }

    .dropdown_item label {
        font-size: 16px;
    }

    .franchise-list-wrapper {
        grid-template-columns: repeat(auto-fill, 100%);
    }
}