/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/

#mainHeader .dealer-main-banner {
    position: relative;
    z-index: 1002;
}

#mainHeader .dealer-main-banner .dealer-main-insert {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #000;
}

#mainHeader .dealer-main-banner .dealer-main-insert .logo-dealer-wrap {
    flex: 1;
}

#mainHeader .dealer-main-banner .dealer-main-insert .small-dealer-panel {
    display: none;
}

#mainFooter .promo-panel {
    padding: 40px 0;
}

#mainFooter .promo-panel ul {
    display: flex;
    flex-wrap: wrap;
}

#mainFooter .promo-panel ul .promo-item {
    position: relative;
    width: 25%;
} 

#mainFooter .store-name-id h2 {
    font-size: 18px;
}

#mainFooter .polaris-footer-legal .footer-dealer {
    padding-top: 42px;
}

@media screen and (max-width: 767px) {
    #mainHeader .dealer-main-banner .dealer-main-insert {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }

    #mainHeader .dealer-main-banner .dealer-main-insert>.dealer-panel {
        display: none;
    }

    #mainHeader .dealer-main-banner .dealer-main-insert .small-dealer-panel {
        display: block;
    }

    #mainFooter .promo-panel ul .promo-item {
        width: 50%;
    } 
}