@media screen and (max-width: 900px) {
    .pop-content {
        margin-top: 1em;
        max-width: 90%;
        top: 150px !important;
        transform: unset !important;
    }
    .AssocHeader, .menu-area, .menu-area li.nav-li, .SearchDiv.onpagesearch, .listing-item {
        display: block;
        box-sizing: border-box;
    }

    .homepopup {
        width: 100vw;
    }
    .pop-content img{
        height: auto;
    }
    /***FOR ASS. HEADER AND MOB. MENU***/
    .gui-logo {
        display: flex;
        background: none;
    }
    button.navbar-toggle {
        position: relative;
        padding: 9px 10px;
        margin: auto;
        margin-right: 10px;
        border: 1px solid transparent;
        border-radius: 4px;
        height: fit-content;
        display: block;
    }
    .nav-area {
        padding: 4px 0;
    }
    .nav_banner{
        display: none;
    }
    .nav_banner.mobile, .mobileban{
        display: block !important;
        margin: auto;
    }
    .deskban{
        display: none !important;
    }
    .banner-ad img{
        margin: 1% auto;
        width: 100%;
        box-sizing: border-box;
        border-width: 2px 0;
    }
    .menu-area li.nav-li {display: inline-block !important;}
    .nav-menu.collapse{
        display: none !important;
        height: auto !important;
        padding-bottom: 0;
        width: fit-content;
        margin: auto;
    }
    .nav-menu.collapse.in{
        display: block !important;
        width: fit-content;
        margin: auto;
        padding-bottom: 3px;
    }
    .nav-menu.collapsing {
        position: relative;
        width: fit-content;
        margin: auto;
        height: 0;
        max-height: 50px !important;
        overflow: hidden;
        -webkit-transition: height 0.35s ease-in;
                transition: height 0.35s ease-in;
      }
    span.sr-only {color: white;font-size: 16px;}
    img#AssocLogo {
        height: 75px;
        margin-left: 10px;
    }

    .nav-li a {
        font-size: 1em;
    }
    
    .nav_search {
        height: 100%;
        margin-top: 0;
    }
    
    input#zoom_searchbox {
        font-size: 1em;
        width: 75%;
        display: block;
        margin: auto;
    }
    input#ZoomBtn {
        margin-top: 1px !important;
        padding-bottom: 2px;
    }
    .search_icon {
        /* float: right; */
        top: 0px;
        right: 11%;
        position: absolute;
    }
    .zoom_ac_dropdown {
        top: 20px !important;
        box-sizing: border-box;
        left: 0 !important;
    }
    nav.menu-area .search_icon{
        right: 0;
    }
    .SearchDiv.onpagesearch {margin: auto;position: relative;border: none;}
    .listing-item.member {
        position: relative;
    }

    .features{
        display: flex;
        max-width: 100%;
        justify-content: center;
        flex-wrap: wrap;
    }

    .spot-prod.case-item{
        display: block;
        flex: 1 1 calc(50% - 14px);
        box-sizing: border-box;
    }

    .listing-details {
        display: block;
        box-sizing: border-box;
        max-width: 100%;
    }
    
    .listing-logo {
        display: block;
    }
    
    .listing-logo {
        float: none;
    }
    
    .listing-details ul li {
        font-size: 1.4em;
    }
    .listing-item.member .member-logo {
        top: 10px;
        position: absolute;
        right: 8px;
    }
    .listing-desc.company-info {
        display: block;
        margin: auto;
        width: 80%;
        padding: 2em 0;
    }
    .listing-item.associate.member .listing-details{
        margin-top: 1em;
        margin-right: 80px;
    }
    
    .listing_row.top_row {
        display: block;
    }
    
    .listing_row.bottom_row {
        display: block;
    }
    
    .display-map.displaytrue {
        display: block;
        padding: 2em 0 0;
    }
    
    iframe {
        width: 80%;
        margin: auto;
        display: block;
    }
    .footer{
        display: block;
    }
    .featuredbtn.pull-right{
        font-size: 11px;
        height: 25px;
        padding: 4px;
    }
}

@media screen and (max-width: 600px) {
    *{
        font-size: 13px;
    }
    .crow {
        margin-bottom: 6px;
        /* border-bottom: 1px dotted black; */
        padding-bottom: 4px;
    }
    .spots > li a{
        margin: 6px auto auto;
    }
    .cat-dropbox {line-height: 1.1;}
    .nav_search {margin-top: 0;margin:auto;}
}