@media (min-width: 320px){
    .wrap, .search{width: 310px;}
    .main-right, .footer-list, .scroll-d, .search-text{display: none;}
    .logo{margin: 10px 0 0 5px;}
    .h-bot{top: 89px;}
    .search-form{max-width: calc(100% - 10px);}
    .search-form input[type='text']{width: calc(100% - 55px); height: 40px;}
    .search-form input[type='submit']{width: 55px; height: 40px;}
    .footer-email-text{margin: 0 0 10px; padding: 11px 0 3px 115px;}
    .footer-top{padding: 30px 0 20px;}
    .footer-name{margin: 0 0 20px;}
    .scroll-m{display: block;}
    .footer-copyright{margin: 0 0 10px;}
}
@media (min-width: 360px){
    .wrap{width: 350px;}
    .footer-email-text{padding: 11px 0 3px 130px;}
}
@media (min-width:410px){
    .wrap{width: 400px;}
    .search-form input[type='text']{width: calc(100% - 75px); font-size: 18px;}
    .search-form input[type='submit']{width: 75px; font-size: 18px;}
}
@media (min-width: 480px){
    .wrap{width: 480px;}
    .search-form{max-width: calc(100% - 30px);}
    .footer-copyright span{display: inline-block;}
}
@media (min-width: 580px){
    .wrap{width: 580px;}
    .search-form input[type='text']{width: calc(100% - 155px); height: 60px; background: #fff url(images/sgray.png) no-repeat center left 20px; text-indent: 70px;}
    .search-form input[type='submit']{width: 155px; height: 60px;}
}
@media (min-width: 767px){
    .wrap, .ws-title-wrapper, .search{width: 767px;}
    .search-text{display: block; margin: 0 auto 30px;}
    .search-form{max-width: 620px;}
    .footer-email-text{float: left;}
    .footer-email-form{float: right; width: 320px;}
    .footer-copyright{float: left; line-height: 34px; margin: 0;}
    .footer-social{float: right;}
}
@media (min-width: 970px){
    .wrap, .ws-title-wrapper{width:970px;}
    .logo{margin: 25px 0 0;}
    .h-bot{top: 104px;}
    .search-text{margin: 0 auto 60px;}
    .main-left{float: left; width: calc(100% - 300px);}
    .main-right{float: right; display: block; width: 270px;}
    .footer-email-text{margin: 0 0 0 60px;}
    .footer-email-form{margin: 8px 60px 0 0;}
    .footer-top{padding: 30px 0 60px;}
    .footer-name{float: left; width: 305px; margin: 0 55px 0 0;}
    .footer-list{float: left; display: block; width: 170px;}
    .footer-info{float: right;}
    .scroll-d{display: block;}
    .scroll-m{display: none;}
}
@media (min-width: 1170px){
    .wrap, .ws-title-wrapper{width: 1170px;}
    
    .footer-name{margin: 0 95px 0 0;}
    .footer-list{width: 240px;}
}
@media (min-width: 1280px){
    .tour-wrap{width: 1280px;}
}