.spec-item img {
    width: 30%;
    height: 100%;
}
section.block-feature .spec-item{ margin-bottom: 50px;}
section.block-feature .col-left, section.block-feature .col-right,  section.block-feature .col-center{  display: inline-block; clear: none !important;}
section.block-feature .col-left{ float: left;}
section.block-feature .col-center{ float: none;}
section.block-feature .col-right{ float: right;}
section.block-feature .col-left .spec-item{ text-align: right;}
section.block-feature .col-right .spec-item{ text-align: left;}
section.block-feature .spec-item .htitle {
    margin: 10px 0;
    color: #333030;
    letter-spacing: 0;
    font-weight: 700;
    font-size: 20px;
}


@media(max-width: 768px){
	.block-feature .col-left, .block-feature .col-right{ width: 30%;}
	.block-feature .col-center{
		width: 35%;
		position: absolute;
		margin: auto;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
	}
	.block-feature .col-center img{
		position: absolute;
		width: 100%;
		left: 0;
		right: 0;
		margin: auto;
		top: 0;
		bottom: 0;
	}
	.block-feature .spec-item .htitle{ font-size: 1.5em;}
}
@media(max-width: 480px){

	.block-feature .col-center{ position: relative; text-align: center; width: 100%;}
	    .block-feature .col-center img {
        width: 85%;
        position: relative;
        margin-bottom: 25px;
    }
	section.block-feature .col-left .spec-item{ text-align: left;}
}

@media screen and (min-width: 769px) and (max-width: 830px)  {

.col-center.suop--main_image {
    width: 40%;
}
.block-feature .col-left {
    float: left;
    width: 30%;
    padding: 0px;
}
.col-right.right_content {
    width: 30%;
    padding: 0px;
}
.block-blog-3 .block-item {
        width: 33.33%;
    }
.block-blog-4 .block-item{
        width: 50%;
    }
h3.htitle.suop--title {
    font-size: 15px;
}
.block-blog-3 .block-item p {
    color: #252121;
    height: 200px;
}












}