kjh55128_m55128/M55128_rec/Content/css/common/grid.less

.row{
    &:after{
        content:"";
        display:block;
        clear:both;
        height:0;
        overflow:hidden;
        visibility:hidden;
    }
    zoom:1;
}
[class*="col-"]{
    float:left;
    box-sizing: border-box;
}
@media screen {
    .col-xs-0{
        width: 0%;
        overflow: hidden;
    }
    .col-xs-1{
        width: 4.16666667%;
    }
    .col-xs-2{
        width: 8.333333333%;
    }
    .col-xs-3{
        width: 12.5%;
    }
    .col-xs-4{
        width: 16.66666667%;
    }
    .col-xs-5{
        width: 20.83333333%;
    }
    .col-xs-6{
        width: 25%;
    }
    .col-xs-7{
        width: 29.16666667%;
    }
    .col-xs-8{
        width: 33.33333333%;
    }
    .col-xs-9{
        width: 37.5%;
    }
    .col-xs-10{
        width: 41.66666667%;
    }
    .col-xs-11{
        width: 45.83333333%;
    }
    .col-xs-12{
        width: 50%;
    }
    .col-xs-13{
        width: 54.16666667%;
    }
    .col-xs-14{
        width: 58.33333333%;
    }
    .col-xs-15{
        width: 62.5%;
    }
    .col-xs-16{
        width: 66.66666667%;
    }
    .col-xs-17{
        width: 70.83333333%;
    }
    .col-xs-18{
        width:75%;
    }
    .col-xs-19{
        width: 71.16666667%;
    }
    .col-xs-20{
        width:83.33333333%;
    }
    .col-xs-21{
        width: 87.5%;
    }
    .col-xs-22{
        width:91.66666667%;
    }
    .col-xs-23{
        width: 95.83333333%;
    }
    .col-xs-24{
        width:100%;
    }
}
@media screen and (min-width: 768px) {
    .col-sm-0{
        width: 0%;
        overflow: hidden;
    }
    .col-sm-1{
        width: 4.16666667%;
    }
    .col-sm-2{
        width: 8.333333333%;
    }
    .col-sm-3{
        width: 12.5%;
    }
    .col-sm-4{
        width: 16.66666667%;
    }
    .col-sm-5{
        width: 20.83333333%;
    }
    .col-sm-6{
        width: 25%;
    }
    .col-sm-7{
        width: 29.16666667%;
    }
    .col-sm-8{
        width: 33.33333333%;
    }
    .col-sm-9{
        width: 37.5%;
    }
    .col-sm-10{
        width: 41.66666667%;
    }
    .col-sm-11{
        width: 45.83333333%;
    }
    .col-sm-12{
        width: 50%;
    }
    .col-sm-13{
        width: 54.16666667%;
    }
    .col-sm-14{
        width: 58.33333333%;
    }
    .col-sm-15{
        width: 62.5%;
    }
    .col-sm-16{
        width: 66.66666667%;
    }
    .col-sm-17{
        width: 70.83333333%;
    }
    .col-sm-18{
        width:75%;
    }
    .col-sm-19{
        width: 71.16666667%;
    }
    .col-sm-20{
        width:83.33333333%;
    }
    .col-sm-21{
        width: 87.5%;
    }
    .col-sm-22{
        width:91.66666667%;
    }
    .col-sm-23{
        width: 95.83333333%;
    }
    .col-sm-24{
        width:100%;
    }
}
@media screen and (min-width: 992px){
    .col-md-0{
        width: 0%;
        overflow: hidden;
    }
    .col-md-1{
        width: 4.16666667%;
    }
    .col-md-2{
        width: 8.333333333%;
    }
    .col-md-3{
        width: 12.5%;
    }
    .col-md-4{
        width: 16.66666667%;
    }
    .col-md-5{
        width: 20.83333333%;
    }
    .col-md-6{
        width: 25%;
    }
    .col-md-7{
        width: 29.16666667%;
    }
    .col-md-8{
        width: 33.33333333%;
    }
    .col-md-9{
        width: 37.5%;
    }
    .col-md-10{
        width: 41.66666667%;
    }
    .col-md-11{
        width: 45.83333333%;
    }
    .col-md-12{
        width: 50%;
    }
    .col-md-13{
        width: 54.16666667%;
    }
    .col-md-14{
        width: 58.33333333%;
    }
    .col-md-15{
        width: 62.5%;
    }
    .col-md-16{
        width: 66.66666667%;
    }
    .col-md-17{
        width: 70.83333333%;
    }
    .col-md-18{
        width:75%;
    }
    .col-md-19{
        width: 71.16666667%;
    }
    .col-md-20{
        width:83.33333333%;
    }
    .col-md-21{
        width: 87.5%;
    }
    .col-md-22{
        width:91.66666667%;
    }
    .col-md-23{
        width: 95.83333333%;
    }
    .col-md-24{
        width:100%;
    }
}
@media screen and (min-width: 1200px){
    .col-lg-0{
        width: 0%;
        overflow: hidden;
    }
    .col-lg-1{
        width: 4.16666667%;
    }
    .col-lg-2{
        width: 8.333333333%;
    }
    .col-lg-3{
        width: 12.5%;
    }
    .col-lg-4{
        width: 16.66666667%;
    }
    .col-lg-5{
        width: 20.83333333%;
    }
    .col-lg-6{
        width: 25%;
    }
    .col-lg-7{
        width: 29.16666667%;
    }
    .col-lg-8{
        width: 33.33333333%;
    }
    .col-lg-9{
        width: 37.5%;
    }
    .col-lg-10{
        width: 41.66666667%;
    }
    .col-lg-11{
        width: 45.83333333%;
    }
    .col-lg-12{
        width: 50%;
    }
    .col-lg-13{
        width: 54.16666667%;
    }
    .col-lg-14{
        width: 58.33333333%;
    }
    .col-lg-15{
        width: 62.5%;
    }
    .col-lg-16{
        width: 66.66666667%;
    }
    .col-lg-17{
        width: 70.83333333%;
    }
    .col-lg-18{
        width:75%;
    }
    .col-lg-19{
        width: 71.16666667%;
    }
    .col-lg-20{
        width:83.33333333%;
    }
    .col-lg-21{
        width: 87.5%;
    }
    .col-lg-22{
        width:91.66666667%;
    }
    .col-lg-23{
        width: 95.83333333%;
    }
    .col-lg-24{
        width:100%;
    }
}
@media screen and (min-width: 1366px){
    .col-max-0{
        width: 0%;
        overflow: hidden;
    }
    .col-max-1{
        width: 4.16666667%;
    }
    .col-max-2{
        width: 8.333333333%;
    }
    .col-max-3{
        width: 12.5%;
    }
    .col-max-4{
        width: 16.66666667%;
    }
    .col-max-5{
        width: 20.83333333%;
    }
    .col-max-6{
        width: 25%;
    }
    .col-max-7{
        width: 29.16666667%;
    }
    .col-max-8{
        width: 33.33333333%;
    }
    .col-max-9{
        width: 37.5%;
    }
    .col-max-10{
        width: 41.66666667%;
    }
    .col-max-11{
        width: 45.83333333%;
    }
    .col-max-12{
        width: 50%;
    }
    .col-max-13{
        width: 54.16666667%;
    }
    .col-max-14{
        width: 58.33333333%;
    }
    .col-max-15{
        width: 62.5%;
    }
    .col-max-16{
        width: 66.66666667%;
    }
    .col-max-17{
        width: 70.83333333%;
    }
    .col-max-18{
        width:75%;
    }
    .col-max-19{
        width: 71.16666667%;
    }
    .col-max-20{
        width:83.33333333%;
    }
    .col-max-21{
        width: 87.5%;
    }
    .col-max-22{
        width:91.66666667%;
    }
    .col-max-23{
        width: 95.83333333%;
    }
    .col-max-24{
        width:100%;
    }
}