@media (max-width: 1366px) {
    .hide-desktop {
        display: none !important;
    }
}
@media (max-width: 1280px) {
    .hide-desktop {
        display: none !important;
    }
}
@media all and (max-width: 992px){
    .search{width: calc(100% - 1.5rem);}
}
@media all and (max-width: 768px){
	.icon li a.menu-button{background-color: var(--main); border-color: var(--main); color: var(--wite);border-radius: 5px;}
}
@media all and (max-width: 576px){
    .logo{width: 90px;}
}