@media all and (max-width: 1169px){
    .wrap{width: calc(100% - 30px);}
    .footer-info{width: 350px; margin-right: 50px;}
    .footer-list{width: calc((100% - 400px)/3);}
}
@media all and (max-width: 1024px){
    
}
@media all and (max-width: 768px){
    .name{width: calc(100% - 250px); padding: 28px 0; font-size: 20px;}
    .lang{top: initial; right: 40px; bottom: -35px;}
    .lang a+a{margin-left: 5px;}
    .search-button{top: initial; bottom: -40px;}
    .search-button i{color: #fff;}
    .search{top: initial; bottom: -50px; width: 100%; height: 50px;}
    .footer-info{float: none; width: auto; margin-right: 0; text-align: center;}
    .footer-list{display: none;}
}
@media all and (max-width: 580px){
    .logo{float: none; margin: 0 auto; padding: 15px 0 0;}
    .name{float: none; width: auto; padding: 15px 0; font-size: 24px;}   
}
@media all and (max-width: 480px){
    .name{font-size: 17px; line-height: 1.5;}
    .footer-info{width: 100%;}
}
@media all and (max-width: 375px){
    .name{font-size: 16px;}
}
@media all and (max-width: 320px){
    .name{font-size: 13px;}
}