@media all and (max-width: 1199px){
    .icon{position: relative!important; bottom: 0;}
    .icon > *{min-width: 40px; background-color: transparent; line-height: 40px;}
    .icon > * i{color: var(--main);}
	.search-2{top: calc(100% + 0.75rem);}
}
@media all and (max-width: 991px){
    .search{width: calc(100% - 1.5rem);}    
}
@media all and (max-width: 575px){
    .logo{width: 76px;}
    .name{font-size: 19px!important;}
    .slogan{font-size: 12px!important; letter-spacing: 3px;}
    .icon > *{min-width: 30px; line-height: 30px;}
    .logo_notes{display: none;}
}
@media all and (max-width: 400px) {
    .logo {width: 60px;}
    .name {font-size: 18px !important;}
}
@media all and (max-width: 375px) {
    .logo {width: 50px;}
    .name {font-size: 17px !important;}
}
@media all and (max-width: 360px) {
    .logo {width: 50px;}
    .name {font-size: 17px !important;}
}