@media only screen and (min-width: 1710px) {

    .csslider > ul {
           width: 820px;
           height: 420px;
          }
}
@media only screen and (min-width: 1531px) and (max-width: 1709px) {

    .csslider > ul {
           width: 730px;
           height: 374px;
          }
}
@media only screen and (min-width: 1376px) and (max-width: 1530px) {

    .csslider > ul {
           width: 651px;
           height: 333px;
          }
}
@media only screen and (min-width: 1246px) and (max-width: 1375px) {

    .csslider > ul {
           width: 586px;
           height: 300px;
          }
}
@media only screen and (min-width: 951px)  and (max-width: 1245px) {

    .csslider > ul {
           width: 529px;
           height: 271px;
          }
}
@media only screen and (max-width: 950px) {

    .csslider > ul {
           width: 390px;
           height: 200px
          }
}

