.max-with-800{
	max-width: 800px;
}
.service-title{
	font-weight: bold;
    color: #f8952c;
    line-height: 2.5rem;
    position: relative;
    padding-left: 1.25rem;
}

.service-title:before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 5px;
	height: 100%;
	background: #004f90;
}

.oembg{
	background: #FFFFFF;
}
.oembgb{
	background: #004f90;
}
.oem1{
	padding: 130px 0;
}

.table-padding td{
	padding: 1.5rem 1rem;
	vertical-align:middle;
}

.index-service-tabs{
	display: flex;
	flex-wrap: wrap;
}
.index-service-tabs li{
	max-width: 25%;
    flex: 0 0 25%;
    background: #004f90;
    padding: 1rem 0.75rem;
    position: relative;
    cursor:pointer;
}
.index-service-tabs li:hover:before{
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background: #000000;
	opacity: 0.1;
	left: 0;
	top: 0;
}


.index-service-tabs li.active{
	background: #f8952c;
}

.index-service-tabs li h2{
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	margin-bottom: 0;
}





@media (max-width: 1199.98px) {
	.service-title{
		font-size: 1.75rem;
		line-height: 2rem;
	}
	.table-padding td{
		padding: 1.25rem .75rem;
	}
	.index-service-tabs li{
		padding: 2.25rem 1rem;
	}
	.index-service-tabs li h2{
		font-size: 1.75rem;
	}
	
}

@media (max-width: 991.98px) {
	.oem1{
		padding: 6rem 0;
	}
	.table-padding td{
		
	}
	.index-service-tabs li{
		max-width: 50%;
    	flex: 0 0 50%;
		padding: 1.5rem 1rem;
	}
	.index-service-tabs li h2{
		font-size: 1.5rem;
	}

	
	


}

@media (max-width: 767.98px) {
	.oem1{
		padding: 4rem 0;
	}
	.service-title{
		font-size: 1.25rem;
		line-height: 1.5rem;
	}
	.table-padding td{
		padding: .75rem 0.5rem;
		font-size: .875rem;
	}
	.index-service-tabs li{
		max-width: 100%;
    	flex: 0 0 100%;
    	padding: 1rem 0.75rem;
	}
	.index-service-tabs li h2{
		font-size: 1.25rem;
	}

	


}

@media (max-width: 575.98px) {



	.index-service-tabs li{
    	padding: 0.5rem 0;
	}

	.index-service-tabs li h2{
		font-size: 1rem;
	}

	.oem1 {
	    padding: 2rem 0;
	}

}