/****************************************************/
/** HEADER MENU (NEW DESIGN - MOBILE)   *************/
/****************************************************/
@media screen and (max-width: 767px) {
    body:not(.SitecoreIsInPrevieworEdit) header {
        margin-bottom: 0px;
    }

    body:not(.SitecoreIsInPrevieworEdit) header.mainHeader .suplementary:nth-child(6),
    body:not(.SitecoreIsInPrevieworEdit) header.mainHeader .suplementary:nth-child(2),
    body:not(.SitecoreIsInPrevieworEdit) header.mainHeader .suplementary:nth-child(3) {
        display: none;        
    }

    body:not(.SitecoreIsInPrevieworEdit) header.mainHeader .suplementary:nth-child(2), body:not(.SitecoreIsInPrevieworEdit) header.mainHeader .suplementary:nth-child(3), body:not(.SitecoreIsInPrevieworEdit) header.mainHeader .suplementary:nth-child(6) {
        border: 0px;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
    }

    body:not(.SitecoreIsInPrevieworEdit) header.mainHeader .suplementary:nth-child(3) {
        width: 100% !important;
        top: calc(100vh - 56px) !important;
        z-index: 100 !important;
    }

    body:not(.SitecoreIsInPrevieworEdit) header.mainHeader .suplementary:nth-child(6) {
        width: 100% !important;        
        left: 0px !important;
        top: 81px !important;
        text-transform: uppercase;
        font-weight: bolder;
        background: #eee !important;
        z-index: 100 !important;
    }

    body:not(.SitecoreIsInPrevieworEdit) header.mainHeader .suplementary:nth-child(2) {
        width: 100% !important;
        border-top: 1px solid #ccc;
        top: 141px !important;
        text-transform: uppercase;
        font-weight: bolder;
        z-index: 100;
    }

    body:not(.SitecoreIsInPrevieworEdit) header.mainHeader .suplementary:nth-child(6) span,
    body:not(.SitecoreIsInPrevieworEdit) header.mainHeader .suplementary:nth-child(2) span{
        font-size: 15px;
        text-align: left !important;
        padding-left: 18px;
    }    

    body:not(.SitecoreIsInPrevieworEdit) header.mainHeader .suplementary:nth-child(6) span:before,
    body:not(.SitecoreIsInPrevieworEdit) header.mainHeader .suplementary:nth-child(2) span a:before {
        font-size: 18px;
    }

    body:not(.SitecoreIsInPrevieworEdit) header.mainHeader .suplementary:nth-child(2) span a:before {
        padding-right: 13px;
    }

    body:not(.SitecoreIsInPrevieworEdit) header .nav nav .nav__mainNav {
        padding: 90px 0px 20px 0px;        
    }
}