/*-- top-grids --*/
.top-grids{
	padding:2em 0;	
}
.top-grid{
	padding:1em 0;
}
.grid-icon{
}
.grid-icon span{
	width: 64px;
	height: 64px;
	display: inline-block;
	background: url(../images/icons.png) no-repeat -8px 0px;
	vertical-align: middle;
	opacity: 0.4;
}
.grid-icon span.icons1{
	background-position: -7px 0px;
}
.grid-icon span.icons2{
	background-position: -85px 0px;
}
.grid-icon span.icons3{
	background-position: -161px 0px;
}
.grid-icon span.icons4{
	background-position: -232px 0px;
}
.grid-icon span.icons5{
	background-position: -298px 0px;
}
.grid-icon span.icons6{
	background-position: -363px -1px;
}
.grid-icon{
	float: left;
	width: 20%;
	margin-top: 1em;
}
.grid-info{
	float:right;
	width:78%;
}
.grid-info h3{
	margin:0;
	padding:0 0 0.4em 0;
	text-transform:uppercase;
	
	color:#0b0b0d;  font-family: 'Open Sans', sans-serif;
}
.grid-info p{
	color:#777; font-family: 'Open Sans', sans-serif; 
}
.top-grids-head h2{
	font-weight:700;
	text-transform:uppercase;
	color:#0b0b0d;
	margin:0;
	padding:0 0 0.5em 0;
}
.top-grids-head p{
	width: 70%;
	margin: 0 auto 1em; font-size:0.9em;
	color: #777; font-family: 'Open Sans', sans-serif; 
}





@media (max-width:1024px){
	
	.grid-info {
		width: 74%;
	}
	
}
@media (max-width:768px){
	
	.callbacks_tabs {
		top: 70%;
	}
	.grid-info {
		width: 88%;
	}
	
}
@media (max-width:640px){
	
	.grid-info {
		width: 85%;
	}
	
	.grid-icon {
		width: 10%;
	}
	
}
@media (max-width:480px){
	
	.grid-info {
		width: 80%;
	}
	
	.grid-icon {
		width: 17%;
		margin: 0;
	}
	
	.top-grids-head h2 {
		padding: 0 0 0.2em 0;
		font-size: 1.5em;
	}
	.top-grids {
		padding: 1em 0;
	}
	.top-grids-head p {
		width: 80%;
		margin: 0 auto 0.5em;
		font-size: 0.875em;
	}
	.grid-info h3 {
		font-size: 1.2em;
	}
	
	.grid-info p {
		font-size: 0.875em;
	}
	.top-grid {
		padding: 0.5em 0;
	}
	
	.services-right ul li a {
		font-size: 0.875em;
	}
	a.team-btn {
		padding: 0.6em 1.3em;
		font-size: 0.875em;
	}
	
}
@media (max-width:320px){
	
	.grid-info {
		width:100%;
		float:none;
		text-align:center;
		margin-top:0.5em;
	}
	
	.grid-icon {
		width:100%;
		margin: 0;
		float:none;
		text-align:center;
	}
	
	.team-grid {
		margin: 0 0 1em 0;
	}
	
	.top-grids-head h2 {
		padding: 0 0 0.2em 0;
		font-size: 1.3em;
	}
	.top-grids {
		padding: 1em 0;
	}
	.top-grids-head p {
		width: 100%;
		margin: 0 auto 0.5em;
		font-size: 0.875em;
	}
	.grid-info h3 {
		font-size: 1.2em;
	}
	

	.grid-info p {
		font-size: 0.875em;
	}
	.top-grid {
		padding: 0.5em 0;
	}
	
	.services-left h1 {
		padding: 0 0 0em 0;
		font-size: 1.3em;
		line-height: 1em;
	}
	.services-left-grid h3 {
		padding: 0 0 0em 0;
	}
	
}