@media only screen and (max-width: 1400px) {
    #header .main-menu > li.menu-item > a {
        font-size: 12px;
        padding: 12px 6px;
    }
}

@media only screen and (max-width: 991px) {
    #mobileMenuTrigger{
        display: block !important;
    }
    .mobile-menu-slidein {
        left: -50%;
        width: 50%;
    }
    .mega-menu{
        display: none !important;
    }
}

@media only screen and (max-width: 600px) {
    .mobile-menu-slidein {
        left: -80% ;
        width: 80% !important;
    }
}