@media(max-width:992px){

.main-menu{

    position:fixed;

    left:-100%;

    top:90px;

    width:300px;

    height:100vh;

    background:#050505;

    transition:.4s;

    padding:40px;

}

.main-menu.active{

    left:0;

}

.main-menu ul{

    flex-direction:column;

    gap:25px;

}

.mobile-toggle{

    display:block;

}

.menu-toggle{

    background:none;
    border:none;
    color:#fff;
    font-size:26px;
    cursor:pointer;

}

.header-wrapper{

    height:75px;

}

.site-logo img{

    width:55px;

}

}

@media(max-width:576px){

.header-icons{

    gap:14px;

}

.top-bar{

    font-size:11px;

}

}