@media only screen and (max-width: 1500px) {
   
}

@media only screen and (max-width: 1367px) {
    
}
        
@media only screen and (max-width: 1171px) {
    .navbar ul li a{padding: 25px 16px;font-size: 15px;}
}

@media only screen and (max-width: 992px) {
    #myHeader{padding: 10px 0;}
    #myHeader .navbar{width: 0; overflow-x: hidden;position: fixed;height: 100vh;background: #333333;right: 0;top: 0;
        box-shadow: -3px 3px 6px #00000029;align-items: flex-start;padding-top: 90px;z-index: 9999;}
    #myHeader .navbar ul{flex-direction: column;width: 100%;justify-content: flex-start;}
    .navbar ul li a{width: 100%;text-align: left;padding: 2px 15px;font-size: 16px;border-bottom: 0;border-left: 2px solid transparent;}
    .navbar ul li{width: 100%;margin-bottom: 30px;}
    .navbar ul li a.main-btn{margin-left: 0;text-align: center;border: none;}
    .navbar ul li a:hover, .navbar ul li.active a{border-bottom: 0;border-left: 2px solid #F85658;}
    #mySidebar{transition: 0.5s;}
   .menu-header.d-none{display: flex !important;}
   .mobile-btn.d-none{display: block !important;margin-right: 40px;}
   .res-menu{display: flex;align-items: center;}
}

@media only screen and (max-width: 768px) {
   
}

@media only screen and (max-width: 576px) {
   
}

@media only screen and (max-width: 391px) {
 
}