@media all and (max-width: 1920px){
    .name p:nth-child(1){font-size: 18px;}
    .name p:nth-child(2){font-size: 18px;}
    .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;}
    .name p:nth-child(1){font-size: 20px;}
    .name p:nth-child(2){font-size: 18px;}
    .main-left{float: left; display: block; width: 270px;}
    .main-right{float: right; width: calc(100% - 300px);}    
    .wrap-2{padding: 0 5px;}
    .wrap-3{padding-bottom: 15px; border-right: 1px solid #cfcfcf; border-left: 1px solid #cfcfcf;background-color: white;}
    .footer-left{float: left; width: calc(100% - 390px); margin-left: 5px;}
    .footer-right{float: right; width: 230px; margin-right: 5px;}
}
@media all and (max-width: 991px){
    .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 all and (max-width: 575px){
    .logo{left:0;}
    .comment_name , .comment_email{float: left;width: 181px;margin: 0 10px 0 0;}
    .share-btn{margin-left: 30px;}  
    .banner, .top-right a:nth-of-type(2), .top-left, .main-left{display: none;}
    .search{right: 15px;top: 145px;}
    .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;}
}