.sp-wprp-area{
    margin-left: -20px;
}
.sp-wprp-section-title{
    margin-top: 28px;
    margin-bottom: 16px;
    font-size: 24px;
}
.sp-wprp-area .sp-wprp-item{
    padding-left: 20px;
}
.sp-wprp-area .sp-wprp-item-bg{
    background: #ffffff;
    border: 1px solid #eaeaea;
}
.sp-wprp-area .sp-wprp-post-title{
    text-align: center;
    padding: 12px 8px;
}
.sp-wprp-area .sp-wprp-post-title a{
    font-size: 15px;
    color: #444444;
}
/* col */
[class*="sp-wprp-col-"] {
    position: relative;
    min-height: 1px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    margin-bottom: 20px;
}
.sp-wprp-col-xl-1 {
    width: 100%;
}
.sp-wprp-col-xl-2 {
    width: 50%;
}
.sp-wprp-col-xl-3 {
    width: 33.2222%;
}
.sp-wprp-col-xl-4 {
    width: 25%;
}
.sp-wprp-col-xl-5 {
    width: 19.9%;
}
.sp-wprp-col-xl-6 {
    width: 16.6667%;
}
.sp-wprp-col-xl-7 {
    width: 14.285714286%;
}
.sp-wprp-col-xl-8 {
    width: 12.5%;
}
.sp-wprp-col-xl-9 {
    width: 11.111111111%;
}
.sp-wprp-col-xl-10 {
    width: 10%;
}
.sp-wprp-col-xl-11 {
    width: 9.090909091%;
}
.sp-wprp-col-xl-12 {
    width: 8.333333333%;
}

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

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

}

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

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

}

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

}