/* lg */
@media (min-width: 980px) and (max-width: 1280px) {
    .sp-wcsp-col-lg-1{
        max-width: 100%;
        -ms-flex: 100%;
        flex: 100%;
    }
    .sp-wcsp-col-lg-2{
        max-width: 50%;
        -ms-flex: 50%;
        flex: 50%;
    }
    .sp-wcsp-col-lg-3{
        max-width: 33.2222%;
        -ms-flex: 33.2222%;
        flex: 33.2222%;
    }
    .sp-wcsp-col-lg-4{
        max-width: 24.9%;
        -ms-flex: 24.9%;
        flex: 24.9%;
    }
    .sp-wcsp-col-lg-5{
        max-width: 19.9%;
        -ms-flex: 19.9%;
        flex: 19.9%;
    }
    .sp-wcsp-col-lg-6{
        max-width: 16.6667%;
        -ms-flex: 16.6667%;
        flex: 16.6667%;
    }
    .sp-wcsp-col-lg-7 {
        max-width: 14.285714286%;
        -ms-flex: 14.285714286%;
        flex: 14.285714286%;
    }
    .sp-wcsp-col-lg-8 {
        max-width: 12.5%;
        -ms-flex: 12.5%;
        flex: 12.5%;
    }
    .sp-wcsp-col-lg-9 {
        max-width: 11.111111111%;
        -ms-flex: 11.111111111%;
        flex: 11.111111111%;
    }
    .sp-wcsp-col-lg-10 {
        max-width: 10%;
        -ms-flex: 10%;
        flex: 10%;
    }
    .sp-wcsp-col-lg-11 {
        max-width: 9.090909091%;
        -ms-flex: 9.090909091%;
        flex: 9.090909091%;
    }
    .sp-wcsp-col-lg-12 {
        max-width: 8.333333333%;
        -ms-flex: 8.333333333%;
        flex: 8.333333333%;
    }
}

/* md */
@media (min-width: 736px) and (max-width: 979px) {
    .sp-wcsp-col-md-1{
        max-width: 100%;
        -ms-flex: 100%;
        flex: 100%;
    }
    .sp-wcsp-col-md-2{
        max-width: 50%;
        -ms-flex: 50%;
        flex: 50%;
    }
    .sp-wcsp-col-md-3{
        max-width: 33.2222%;
        -ms-flex: 33.2222%;
        flex: 33.2222%;
    }
    .sp-wcsp-col-md-4{
        max-width: 24.9%;
        -ms-flex: 24.9%;
        flex: 24.9%;
    }
    .sp-wcsp-col-md-5{
        max-width: 19.9%;
        -ms-flex: 19.9%;
        flex: 19.9%;
    }
    .sp-wcsp-col-md-6{
        max-width: 16.6667%;
        -ms-flex: 16.6667%;
        flex: 16.6667%;
    }
    .sp-wcsp-col-md-7 {
        max-width: 14.285714286%;
        -ms-flex: 14.285714286%;
        flex: 14.285714286%;
    }
    .sp-wcsp-col-md-8 {
        max-width: 12.5%;
        -ms-flex: 12.5%;
        flex: 12.5%;
    }
    .sp-wcsp-col-md-9 {
        max-width: 11.111111111%;
        -ms-flex: 11.111111111%;
        flex: 11.111111111%;
    }
    .sp-wcsp-col-md-10 {
        max-width: 10%;
        -ms-flex: 10%;
        flex: 10%;
    }
    .sp-wcsp-col-md-11 {
        max-width: 9.090909091%;
        -ms-flex: 9.090909091%;
        flex: 9.090909091%;
    }
    .sp-wcsp-col-md-12 {
        max-width: 8.333333333%;
        -ms-flex: 8.333333333%;
        flex: 8.333333333%;
    }
}

/* sm */
@media (min-width: 480px) and (max-width: 735px) {

    .sp-wcsp-col-sm-1{
        max-width: 100%;
        -ms-flex: 100%;
        flex: 100%;
    }
    .sp-wcsp-col-sm-2{
        max-width: 49.9%;
        -ms-flex: 49.9%;
        flex: 49.9%;
    }
    .sp-wcsp-col-sm-3{
        max-width: 33.2222%;
        -ms-flex: 33.2222%;
        flex: 33.2222%;
    }
    .sp-wcsp-col-sm-4{
        max-width: 24.9%;
        -ms-flex: 24.9%;
        flex: 24.9%;
    }
    .sp-wcsp-col-sm-5{
        max-width: 19.9%;
        -ms-flex: 19.9%;
        flex: 19.9%;
    }
    .sp-wcsp-col-sm-6{
        max-width: 16.6667%;
        -ms-flex: 16.6667%;
        flex: 16.6667%;
    }
    .sp-wcsp-col-sm-7 {
        max-width: 14.285714286%;
        -ms-flex: 14.285714286%;
        flex: 14.285714286%;
    }
    .sp-wcsp-col-sm-8 {
        max-width: 12.5%;
        -ms-flex: 12.5%;
        flex: 12.5%;
    }
    .sp-wcsp-col-sm-9 {
        max-width: 11.111111111%;
        -ms-flex: 11.111111111%;
        flex: 11.111111111%;
    }
    .sp-wcsp-col-sm-10 {
        max-width: 10%;
        -ms-flex: 10%;
        flex: 10%;
    }
    .sp-wcsp-col-sm-11 {
        max-width: 9.090909091%;
        -ms-flex: 9.090909091%;
        flex: 9.090909091%;
    }
    .sp-wcsp-col-sm-12 {
        max-width: 8.333333333%;
        -ms-flex: 8.333333333%;
        flex: 8.333333333%;
    }
}

/* xs */
@media (max-width: 479px) {
    .sp-wcsp-col-xs-1{
        max-width: 100%;
        -ms-flex: 100%;
        flex: 100%;
    }
    .sp-wcsp-col-xs-2{
        max-width: 49.9%;
        -ms-flex: 49.9%;
        flex: 49.9%;
    }
    .sp-wcsp-col-xs-3{
        max-width: 33.2222%;
        -ms-flex: 33.2222%;
        flex: 33.2222%;
    }
    .sp-wcsp-col-xs-4{
        max-width: 24.9%;
        -ms-flex: 24.9%;
        flex: 24.9%;
    }
    .sp-wcsp-col-xs-5{
        max-width: 19.9%;
        -ms-flex: 19.9%;
        flex: 19.9%;
    }
    .sp-wcsp-col-xs-6{
        max-width: 16.6667%;
        -ms-flex: 16.6667%;
        flex: 16.6667%;
    }
    .sp-wcsp-col-xs-7 {
        max-width: 14.285714286%;
        -ms-flex: 14.285714286%;
        flex: 14.285714286%;
    }
    .sp-wcsp-col-xs-8 {
        max-width: 12.5%;
        -ms-flex: 12.5%;
        flex: 12.5%;
    }
    .sp-wcsp-col-xs-9 {
        max-width: 11.111111111%;
        -ms-flex: 11.111111111%;
        flex: 11.111111111%;
    }
    .sp-wcsp-col-xs-10 {
        max-width: 10%;
        -ms-flex: 10%;
        flex: 10%;
    }
    .sp-wcsp-col-xs-11 {
        max-width: 9.090909091%;
        -ms-flex: 9.090909091%;
        flex: 9.090909091%;
    }
    .sp-wcsp-col-xs-12 {
        max-width: 8.333333333%;
        -ms-flex: 8.333333333%;
        flex: 8.333333333%;
    }

    /* Block Style */
    .sp-wcsp-block-row {
        display: block;
    }
    .sp-wcsp-block-8,
    .sp-wcsp-block-4 {
        max-width: 100%;
    }

}