모바일에서 css을 수정을 했는되요 모바일 크기에 맞게 상품이 가득차게 나와야하는되요

아무리해도 안되네요 ㅠㅠ 어떤 부분을 수정해야하나요

/* 상품 목록 스킨 10 */

.sct_10 .sct_sns {margin:15px 0 0}
.sct_10 .sct_last {border:0px;max-width:100%; position:absolute;left:100px;top:100px margin:0 0 0px !important}
.sct_10 .sct_clear {max-width:100%;clear:both}
.sct_10 .sct_a {border:0px;max-width:100%;width:100%; display:inline-block;position:relative;margin:0 0 5px;text-decoration:none}
.sct_10 .sct_id {border:0px;max-width:100%;width:100%;left:220px;top:50px;display:block;}
.sct_10 .sct_basic {max-width:100%;width:100%;left:220px;top:50px;margin:0 0 10px}
.sct_10 .sct_cost {max-width:100%;width:100%;color:#ff0000;position:relative;left:215px;top:-755px;display:block;margin:0 0 10px;font-weight:bold}
.sct_10 .sct_cost strike {max-width:100%;width:100%;color:#ff0000;display:block;margin:0 0 5px;font-weight:normal}
.sct_10 .sct_qty {max-width:100%;width:100%;height:590px;color:#ff0000;display:block;font-weight:bold}
.sct_10 .sct_name {max-width:100%;width:100%;font-size:15px;background:#adfd77;position:relative;left:200px;top:-140px;font-weight:bold}
.sct_10 .sct_weight {max-width:100%;width:100%;position:relative;left:200px;top:-160px;font-weight:bold}
.sct_10 .sct_n6 {max-width:100%;width:100%;border:2px solid #e9e9e9;position:relative;left:200px;top:-720px;font-weight:bold}
.sct_10 .sct_grade {max-width:100%;width:100%;color:#1568ff;position:relative;left:0px;top:-630px;font-weight:bold}
.sct_10 .sct_ear_tag {max-width:100%;width:100%;font-size:13;position:relative;left:200px;top:-300px;font-weight:bold}
.sct_10 .sct_icon {max-width:100%;width:100%;position:absolute;left:215px;top:120px;margin:10px 0 0px}
.sct_10 .sct_sns {margin:15px 0 0}​