@media (min-width:320px){
    .wrap{width: 320px;}
    .name{display: none;}
    .wrap-2{padding: 0 5px;}
    .wrap-3{padding-bottom: 15px; border-right: 1px solid #cfcfcf; border-left: 1px solid #cfcfcf;}
    .banner, .top-right a:nth-of-type(2), .top-left, .main-left{display: none;}
    .search{right: 5px;top: 140px;}
    .footer-left{margin: 0 0 10px 10px;}
    .footer-right{}    
    .comment_name , .comment_email{float: left;width: 100%;margin: 0 0 3px 0;}
    .share-btn{margin-left: 5px;}
    .like-btn, .dislike-btn{margin: 15px 0 0 5px;}
}
@media (min-width:360px){
    .wrap{width: 360px;}
    .search{right: 15px;top: 140px;}
}
@media (min-width:410px){
    .wrap{width: 410px;}
    .comment_name , .comment_email{float: left;width: 146px;margin: 0 10px 0 0;}
}
@media (min-width:480px){
    .wrap{width: 480px;}
    
    .comment_name , .comment_email{float: left;width: 181px;margin: 0 10px 0 0;}
    .share-btn{margin-left: 30px;}
    .like-btn, .dislike-btn{margin: 15px 0 0 10px;}
}
@media (min-width:580px){
    .wrap{width: 580px;}
    
    .comment_name , .comment_email{float: left;width: 231px;margin: 0 10px 0 0;}
}
@media (min-width:767px){
    .wrap{width: 767px;}
    .top-left{display: block;}
    .top-right a:nth-of-type(1){margin-right: 11px;}   
    .top-right a:nth-of-type(2){display: block;}    
    .name p:nth-child(1){font-size: 16px;}
    .name p:nth-child(2){font-size: 16px;}
    .comment_name, .comment_email{float: left;width: 258px;margin: 0 10px 0 0;}
}
@media (min-width:970px){
    .wrap{width:970px;}
    .banner{display: block;}
    .search{right: 75px;top: 65px;}
    .top-left{font-size: 13px;}
    .top-right a:nth-of-type(1){padding-left: 27px; background: url(images/h.png) no-repeat top left;}
    .name{display: block;}
    .logo{float: left;left: 79px;}
    .name p:nth-child(1){font-size: 16px;}
    .name p:nth-child(2){font-size: 16px;}
    .main-left{float: left; display: block; width: 270px;}
    .main-right{float: right; width: calc(100% - 300px);}
    
    .home-left{float: left; width: 610px;}
    .home-right{float: right; width: 330px;}
    
    .footer-left{float: left; width: calc(100% - 390px); margin-left: 5px;}
    .footer-right{float: right; width: 230px; margin-right: 5px;}
}
@media (min-width:1020px){
    .wrap{width:1020px;}
    
    .home-left{width: 645px;}
    .home-right{width: 340px;}
}
@media (min-width:1170px){
    .wrap{width:1170px;}
    .name p:nth-child(1){font-size: 18px;}
    .name p:nth-child(2){font-size: 18px;}
    .home-left{width: calc((100% - 340px)  - 20px);}
    .home-right{width: 340px;}
}