.horizontal-menu{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    min-width: 80%;
}

.horizontal-menu .nav-header-link {
    text-decoration: none;
    display: block;
    transition: .3s linear;
    color: var(--colorDarkGray);
}

.nav-header-link:hover{
    color: var(--colorRed);
}

.button-catalog:hover svg path{
    stroke: var(--colorRed);
}


.topmenu li:hover > .submenu {

    transform: rotateX(0deg);

    visibility: visible;

    opacity: 1;

}

.nav-elem{
    height: 30px;
    width: 30px;
}

.nav-icons{
    display: flex;
    justify-content: space-between;
    gap: 40px;
}

.nav-elem:hover path{
    fill: var(--colorRed);
    transition: 0.3s;
}

/*МЕДИА*/
@media screen and (max-width: 1600px) {


    .nav-elem{
        height: 24px;
        width: 24px;
    }
    
    .nav-icons{
        gap: 40px;
    }
}

@media screen and (max-width: 1300px) {


    .nav-elem{
        height: 24px;
        width: 24px;
    }
    
    .nav-icons{
        gap: 30px;
    }
}