@media all and (max-width: 991px) {
    .mega-menu-mobile .top{padding: 20px 45px; display: flex; justify-content: flex-end;}
    .mega-menu-mobile .top i{font-size:24px;color:#000;}
    .mega-menu.desktop{display:none !important;}
    .mega-menu-mobile{position: relative;z-index: 1010;width: 85%;position: fixed;left: 0;top: 0;height: 100%;z-index: 1010;background: #fff;box-shadow: 0 0 5px #323232bf;overflow: auto;display: none;}

    .mega-menu-mobile.active{display:block;}
    
    .mega-menu-mobile .mega-menu .menu-label{font-size: 17px;color:#000;display: block; padding: 12px 0; }
    .mega-menu-mobile .mega-menu{margin:0;padding: 0 35px;}
    .mega-menu-mobile .mega-menu li{position: relative;}
    .mega-menu-mobile .mega-menu > li .with-subcategories{display: block;min-height: 55px; padding: 17px; font-size: 15px; color: #fff; }
    .mega-menu-mobile .mega-menu li a{display: block; padding: 12px 0; font-size: 17px;color:#000 !important;}
    .mega-menu-mobile .mega-menu li a svg{display:none;}
    .mega-menu-mobile .mega-menu .plus-toggle{position: absolute;top: 0;right: 0;width: 49px;height: 49px;padding: 0;font-size: 18px;font-weight: 600;color: #000;text-transform: uppercase;cursor: pointer;text-align:center;line-height:30px;display:flex;align-items:center;justify-content:center;}
    .mega-menu-mobile .mega-menu .plus-toggle.active:before { content: "\75";}
    .mega-menu-mobile .mega-menu .uper-ul{padding: 10px;display: none; border: 1px solid rgba(0, 0, 0, .2);}
}

@media all and (min-width: 992px) {
    .header-lower .menu-wrapper{width:70%;}
    .mega-menu-content{min-width:90%;}
    .mega-menu{position: relative;z-index: 5;color: #555; margin: 0;}
    .mega-menu > li{display:inline-block;}
    .mega-menu > li > a,
    .mega-menu > li .menu-label{cursor:pointer; font-weight: 400; display: flex;    align-items: center;    line-height: 20px;    font-size:16px;   padding: 20px 15px;  color: #000;}
    .mega-menu > li > a:hover,
    .mega-menu > li .menu-label:hover{color:var(--primary-color);text-decoration:none;}
    .mega-menu > li .with-category-picture .menu-picture{display:block;}
    .mega-menu > li .with-category-picture .inpcs{font-size: 17px;font-weight: 600;    color: #000;    text-transform: uppercase; display:inline-block;   margin:24px 0 0;border-bottom: 2px solid var(--primary-color);}
    .mega-menu > li .with-category-picture .menu-picture img{max-width:100%;}
    .mega-menu > li > .uper-ul{text-align:left; display: none;position: absolute;left:0; width: 100%;padding: 10px; z-index: 1;background-color: #fff;-webkit-box-shadow: 0 5px 15px rgba(0,0,0,.078);box-shadow: 0 5px 15px rgba(0,0,0,.078);}
    .mega-menu > li:hover > .uper-ul{display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
    .mega-menu li span.menu-label i{font-size: 11px;margin-left: 5px;position: relative;top: 2px;}
    .mega-menu > li .plus-toggle{display:none;}

    .mega-menu li .menu-label{position:relative;}
    .mega-menu li .menu-label .bi-justify{display:none;}
       
    .mega-menu > li .uper-ul a{position:relative;font-size:15px;color:#383838;display:block;padding:10px;font-weight:400;}
    .mega-menu > li .uper-ul a.first-menu{font-weight:600;font-size: 17px;color: #000;text-transform: uppercase;}
    .mega-menu > li .uper-ul a.first-menu span{border-bottom: 2px solid var(--primary-color);}
    .mega-menu > li .uper-ul a svg{display:none;}
    .mega-menu > li .uper-ul a:hover{color:var(--primary-color);text-decoration:none;}
    .mega-menu > li.category-menu .uper-ul a span:before{content: '';height: 10px;width: 10px;border: 2px solid var(--primary-color);display: inline-block;border-radius: 180px;margin-right: 5px;}
    
    .mega-menu > li.category-menu .uper-ul a.first-menu span:before,
    .mega-menu > li.category-menu .uper-ul a.with-category-picture span:before{display:none;}


    .mega-menu > li .uper-ul a.with-category-picture{position:relative;}

    .mega-menu > li .uper-ul .uper-ul{min-width:auto !important;}
    .mega-menu > li .uper-ul .uper-ul .uper-ul{margin-left:15px;}
    
    .mega-menu > li > .uper-ul > li{-ms-flex: 0 0 33%;flex: 0 0 33%;max-width: 33%;}

    .mega-menu > li.others-menu{position:relative;}
    .mega-menu > li.others-menu .uper-ul{min-width:200px;}
    .mega-menu > li.others-menu > .uper-ul > li{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;margin:0;}

    .mega-menu > li.others-menu.with-image{position:unset;}
    .mega-menu > li.others-menu .manufacture-with-img{display:none;}
    .mega-menu > li.others-menu:hover .manufacture-with-img{display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
    .mega-menu > li.others-menu .manufacture-with-img li{-ms-flex: 0 0 20%;flex: 0 0 20%;max-width: 20%;padding: 10px;text-align:center;}
    .mega-menu > li.others-menu .manufacture-with-img li a{padding:0;display:block;}
    .mega-menu > li.others-menu .manufacture-with-img li a strong{display:block;position:relative;}
    .mega-menu > li.others-menu .manufacture-with-img li a strong:before{ content: "";display: block;padding-top: 100%;  }
    .mega-menu > li.others-menu .manufacture-with-img li a strong img{position: absolute;top: 0;right: 0;bottom: 0;left: 0;max-width: 100%;max-height: 100%;margin: auto;-webkit-transition: all .3s ease;transition: all .3s ease;-webkit-transform: translateZ(0) scale(1, 1);}
    .mega-menu > li.others-menu .manufacture-with-img li a span{padding:10px 0 0;display:block;}

    .mega-menu li.others-menu .vendor-with-img li span{margin-left:5px !important;}
    .mega-menu li.others-menu .vendor-with-img li img{width:45px;height:45px;border-radius:180px;}
    .mega-menu li.others-menu .vendor-with-img a{display:flex !important;align-items:center;}
    
    .mega-menu-mobile{display:none;}   
}

.main-menu,
.header-menu{display:none;}