@media all and (max-width: 1050px){
    nav.menu > ul > li > div.submenu { width: 98.50%; }
    nav.menu > ul > li > div.submenu div[class*="col"] {padding: 0 1rem;}
}

@media all and (max-width: 768px){
    .menu-btn{display: block; position: absolute;}
    .menu-btn > i {color: #ffd43b; font-size: 1.25rem; margin: 0.5rem; cursor: pointer; transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out;}
    .menu-btn > i:hover {color: #fab005; }
    .logo > a{margin-left: 2.25rem;}
    .menu{position: relative; display: block; padding-top: 2.25rem;}
    .mainMenu::after {position: absolute; content: ''; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5);        top: 0; left: 100%; display: block;}
    .menu::before {position: absolute; top: 0; content: 'Menu'; width: 100%; text-align: center; background-color: #515151;
        padding: 0.5rem 0; color: #fff; font-size: 1rem; display: block;}
    nav.menu > ul{display: block;}
    .mainMenu {position: fixed;  width: 62.50%; height: 100%; top: 0; left: -1500px; box-shadow: 1px 1px 3px #414141; z-index: 999; display: block; transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out;}
    nav.menu > ul > li > div.submenu {width: 100%; position: relative; top: auto; left: auto; border: none;}
    nav.menu > ul > li > div.submenu .sub-list ul > li {width: 100%; display: block;}
    nav.menu > ul > li > a{border-bottom: 1px dashed #405189;}
    nav.menu > ul > li > a > i:last-child{position: absolute; right: 0.5rem;}
    .usrInfo i {font-size: 1rem;}
    .usrInfo {font-size: 0.85rem;}
    .avitar.dropdown-toggle::after {display: none;}
    .dropdown-menu {font-size: 0.85rem;}
    .serch {display: none;}
    .mob-hid{display: none;}
    .mob-show{display: block;}
    
    .usrInfo .dropdown-item {padding: 0.5rem 0.85rem; font-size: 0.75rem;}
    .main-pannel {margin: 0.85rem auto;}
    .cloze {position: fixed; top: 0.5rem; right: 1.5rem; color: #fff; z-index: 999; width: auto; font-size: 1.85rem; cursor: pointer;}
    .cloze:hover{color: #fab005;}

}

@media all and (max-width: 715px){
    
}

@media all and (max-width: 600px){
   
    
    

}

@media all and (max-width: 500px){
 

}

@media all and (max-width: 480px){


}
@media all and (max-width: 425px){
  
}

@media all and (max-width: 380px){
  
}