.lister {
    width: 645px;
    float: left;
    margin-left: 172px;
}
.sider {
    width: 240px;
    float: left; 
}


@media screen and (max-width: 1060px){
.lister{width:auto}
.sider{float:right}

}

@media screen and (max-width: 767px){
.lister{width:auto;margin-left:0;margin-right: 200px;}
.sider{display:block;width:170px;}
.sd-pbr2{width:auto !important;}
.sd-box{padding:30px 0}
.sd-box img{width:100%}
.prof-intro{padding:15px}

}
@media screen and (max-width: 479px){
.sider{position:static;margin-left:-150px;width:150px}
.lister{margin-right: 160px;}
.prof-nav a:hover, .prof-nav .active a{background-position:114px center}
}