@media (min-width: 320px){
    .wrap{width: 310px;}
    .name, .main-right{display: none;}
    .logo{ margin: 21px 0 17px 5px;}
    .lang{right: 5px;}
    .search{right: 5px;}
    .footer-right{margin: 18px 0 0 10px;}
    .footer-design{margin: 0 0 0 10px;}
}
@media (min-width: 360px){
    .wrap{width: 350px;}
    .logo{margin: 21px 0 17px 21px;}
    .lang{right: 21px;}
    .search{right: 15px;}
}
@media (min-width:410px){
    .wrap{width: 400px;}
}
@media (min-width: 480px){
    .wrap{width: 480px;}
}
@media (min-width: 580px){
    .wrap{width: 580px;}
    .footer-info{float: left; width: calc(100% - 210px);}
    .footer-right{float: right; margin: 18px 10px 0 0;}
    .footer-copy{float: left;}
    .footer-design{float: right; margin: 0 10px 0 0;}
}
@media (min-width: 767px){
    .wrap, .ws-title-wrapper{width: 767px;}
    .name{display: block;}
    .name p:nth-child(1){font-size: 23px;}
    .name p:nth-child(2){font-size: 15px;}
}
@media (min-width: 970px){
    .wrap, .ws-title-wrapper{width:970px;}
    .name p:nth-child(1){font-size: 25px;}
    .name p:nth-child(2){font-size: 18px;}
    .main-left{float: left; width: calc(100% - 305px);}
    .main-right{float: right; display: block; width: 290px;}
}