@charset "utf-8";
/* CSS Document */

.service-132-2{
	width:100%;
	height: 678px;
	background:url(../images/service-132-2/bg.jpg) top center no-repeat;
	}
.ots-title{
	width:100%;
	height:auto;
	/* padding-left: 137px; */
	padding-top: 45px;
	text-align: center;
	}
.ots-all{
	width:100%;
	height:auto;
	margin-top: 5px;
	padding-left: 0px;
	}
.ots-block{
	width:100%;
	height:auto;
	margin-top: 30px;
}
.ots-block:hover{
}
.ots-block .ots-icon-1{
	margin:0;
	padding:0;
	text-align: center;
	width: 75px;
	height: 75px;
	padding: 10px 10px;
	/*background-color:#FFF;*/
	background:url("../images/service-132-2/bg.png") top left no-repeat;
	-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
	transition: 0.6s;
	transform-style: preserve-3d;
}
.ots-block:hover .ots-icon-1{
	background-color: #00abfa;
	transform: rotateY(180deg);
}
.ots-block:hover .ots-icon-1 img {
	
    -webkit-filter: brightness(10); /* Safari 6.0 - 9.0 */
    filter: brightness(9);
}
.ots-text{
	width:100%;
	height: 75px;
	font: 30px/40px 'THK2DJuly8', Arial, sans-serif;
	color: #782022;
	text-align:left;
	padding: 14px 80px;
	font-weight:bold;
	background: url("../images/service-132-2/bg.png") -10px -6px no-repeat;
	/* margin: 6px; */
	}
@media (max-width: 374px) { 
	.service-132-2 {
    height: auto;
    background: #e0ecea url(../images/service-132-2/bg.jpg) top center no-repeat;
}
	.ots-title {
    padding-left: 15px;
    padding-top: 25px;
}
	.ots-all {
    margin-top: 15px;
    padding-left: 0px;
}
	.ots-title img{
		
max-width: 100%;
}
}
@media (min-width: 375px) and (max-width: 413px) {
	.service-132-2 {
    height: 678px;
    background: #e0ecea url(../images/service-132-2/bg.jpg) top center no-repeat;
}
	.ots-title {
    padding-left: 15px;
    padding-top: 50px;
}
	.ots-all {
    margin-top: 15px;
    padding-left: 0px;
}
	.ots-title img{
	max-width: 100%;	
}
	.ots-block{
		
	}
	.ots-text{
		
font: 25px / 40px 'THK2DJuly8', Arial, sans-serif;
		
font-weight: bold;
		
padding: 0px 30px 0px 70px;
		
height: 85px;
	}
	
}
@media (min-width: 414px) and (max-width: 575px) {
	.service-132-2 {
    height: 530px;
    /* background: #e0ecea url("../images/service-132-2/bg-m.jpg") top center no-repeat; */
}
	.ots-title {
    padding-left: 15px;
    padding-top: 25px;
}
	.ots-all {
    margin-top: 15px;
    padding-left: 0px;
}
	.ots-title img{
		max-width: 100%;
}
	.ots-text{
		
font: 25px / 40px 'THK2DJuly8', Arial, sans-serif;
		
font-weight: bold;
		
padding: 0px 30px 0px 70px;
		
height: 85px;
	}
}
@media (min-width: 576px) and (max-width: 991px) {
	.service-132-2 {
    height: 678px;
    /* background: url(../images/service-132-2/bg-m.jpg) top center no-repeat; */
}
	.ots-title {
    padding-left: 15px;
    padding-top: 25px;
}
	.ots-all {
    margin-top: 15px;
    padding-left: 0px;
}
	.ots-text{
		
font: 25px / 40px 'THK2DJuly8', Arial, sans-serif;
		
font-weight: bold;
		
padding: 0px 30px 0px 70px;
		
height: 85px;
	}
}
@media (min-width: 992px) and (max-width: 1199px) { 
.service-132-2 {
    height: 589px;
    background: url(../images/service-132-2/bg.jpg) 38% 0px no-repeat;
    padding-bottom: 20px !important;
}
	.ots-title {
    padding-left: 105px;
    padding-top: 45px;
}
	.ots-all {
    padding-left: 110px;
}
	.ots-block .ots-icon-1 img{
	max-width: 100%;
	}
	.ots-block .ots-icon-1 {
    width: 74px;
    height: 60px;
}
	.ots-text {
    font: 22px/0px 'thaisanslite', Arial, sans-serif;
    font-weight: bold;
    padding: 26px 0px 0 70px;
}
	
}
@media (min-width: 1200px) and (max-width: 1280px){
.ots-title{
		
padding-left: 0px;
}
.ots-all{
		
padding-left: 0px;
}
}
@media (min-width: 1281px) and (max-width: 1366px) { 
.service-132-2 {
    background: #4db4ee url(../images/service-132-2/bg.jpg) 28% 0px no-repeat;
    padding-bottom: 0px !important;
}
	.ots-title {
    /* padding-left: 0px; */
    padding-top: 45px;
}
	.ots-all {
    padding-left: 45px;
}
	.ots-block .ots-icon-1 img{
	max-width: 100%;
	}
	.ots-block .ots-icon-1 {
    width: 74px;
    height: 60px;
}
	.ots-text {
    font: 25px/20px 'thaisanslite', Arial, sans-serif;
    font-weight: bold;
    /* padding: 0px 15px; */
    /* margin-left: 89px; */
}
	
}
@media (min-width: 1367px) and (max-width: 1440px){ 
.service-132-2 {
    height: 678px;
    /* background: #4db4ee url(../images/service-132-2/bg.jpg) 32% 0px no-repeat; */
    padding-bottom: 0px !important;
}
	.ots-title {
    padding-left: 41px;
    padding-top: 45px;
}
	.ots-all {
    padding-left: 45px;
}
	.ots-block .ots-icon-1 img{
	max-width: 100%;
	}
	.ots-block .ots-icon-1 {
    width: 74px;
    height: 60px;
}
	.ots-text {
    font: 28px/15px 'thaisanslite', Arial, sans-serif;
    font-weight: bold;
    /* padding: 6px 26px; */
}
	
}
@media (min-width: 1441px) and (max-width: 1600px){
	.service-132-2 {
    height: 678px;
    background: url(../images/service-132-2/bg.jpg) 43% 0px no-repeat;
}
	.ots-all {
    margin-top: 25px;
    padding-left: 2px;
}
}