/***************start-service************/
#services{
}
.service-grids{
}
.service-grids h2{
	text-align:center;
	margin: 0 0 4%;
	font-size: 1.8em;
	font-weight: 400;
}
.middle-grids {
	margin: 2em 0;
}
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}
.images_1_of_4{
	display: block;
	float:left;
	margin-left:3%;
	text-align: center;
}
.images_1_of_4:first-child { 
	margin-left: 0; 
} 
.images_1_of_4 {
	width: 21.6%;
}
.images_1_of_4  img{
	max-width: 100%;
	margin-bottom: 23px;
	border-radius: 10em;
	-webkit-border-radius: 10em;
	-o-border-radius: 10em;
	-moz-border-radius: 10em;
	padding: 5px;
	background: #b99122;
	cursor: pointer;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
}
.images_1_of_4  img:hover{
	background: #ccc;
}
.images_1_of_4  h3 a{
	color:#ffffff;
	font-size:1.5em;
	font-weight :400;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
}
.images_1_of_4  h3 a:hover{
	color:#25BEA0;
}
.images_1_of_4  h3
{
	padding: 0em 0em 0em 0em;
}
.images_1_of_4  p
{
	padding: 0em 0em 1.5em 0em;
}
.images_1_of_4  p {
	font-size:0.875em;
	color:#C0BEBE;
	line-height: 1.8em;
}
.images_1_of_4 .button a{
		padding:7px 10px;
		font-size:0.9em;
		background:#49CBCD;       
        color : #fff;
      	-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		transition: 0.5s all;
		-webkit-transition: 0.5s all;
		-moz-transition: 0.5s all;
		-o-transition: 0.5s all;
}
.images_1_of_4 .button a:hover{
	   background: #296E6F;
        text-decoration:none;
}
/***************end-servivice************/

@media only screen and (max-width: 640px){
	.wrap{
		width:95%;
	}
	.span1 i {
		padding: 6px 10px;
	}
	.span2 i {
		padding: 6px 10px;
	}	
	.message h3, .message1 h3, .message2 h3, .message3 h3 {
		font-size: 1.5em;
	}
	.grid-block {
		width: 284px;
	}
	.span_1_of_4 {
		width: 50%; 
	}
	.span_1_of_4 img {
		margin-bottom: 4%;
	}
	.img {
		margin: 4% 4% 0 13%;
	}
	.message1 p, .message2 p, .message3 p {
		font-size: 1em;
	}
	.about_1_of_4 {
		width: 25%;
		padding: 1%;
	}
	.grid_1_of_4{ 
		margin: 0% 0 0% 0%;
	}	
	.about_1_of_4 {
		width:25%;

	}
	#portfoliolist .portfolio {
		width: 20.7%;
	}
	#filters li span {
		font-size: 0.82355em;
		padding: 7px 10px;
	}
}
@media only screen and (max-width: 480px){
	.wrap{
		width:95%;
	}
	.images_1_of_4 {
		width: 45.6%;
	}
	#options li a {
		font-size: 0.82355em;
		padding: 6px 5px;
	}
	.service-grids h2, .content-middle h2 , #pricing > div > h3 {
		font-size: 1.1em;
		margin-bottom: 5%;
	}
	.images_1_of_4 h3 a {
		font-size: 1.1em;
	}
	.message h3, .message1 h3, .message2 h3, .message3 h3,.contact h2 {
		font-size: 1.2em;
	}
	.span1 i {
		padding: 6px 10px;
		font-size: 0.82355em;
	}
	.span2 i {
		padding: 6px 10px;
		font-size: 0.82355em;
	}
	.message {
		padding: 10% 0;
	}
	.portfolio li a {
		padding: 6px 7px;
	}
	.grid-block {
		width: 209px;
	}
	.grid_1_of_4{ 
		margin: 2% 0 -1% 0%;
	}	
	.about_1_of_4 {
		width: 49%;
	}
	.span_1_of_4 img {
		margin-left: 3%;
	}
	.img {
		margin: 4% 4% 0 6%;
	}
	.img1 {
		margin: 4% 6% 0 0;
	}
	.social h3 {
		font-size: 1.3em;
	}
	.social p {
		font-size: 1em;
	}
	.form {
		width: 100%;
	}
	.para-contact {
		margin: 5% 0;
		width: 100%;
	}
	.para-contact h4 {
		margin-bottom: 0%;
		padding-bottom: 3%;
	}
	.get-intouch-left-address p, .get-intouch-left-address p a {
		line-height: 1.5em;
	}
	.span4 i input[type="submit"] {
		font-size: 0.82355em;
		padding: 6px 15px;
	}
	.span_1_of_3 p {
		padding: 1% 0;
	}
	#about > div > div.client > div:nth-child(3) > h3,#about > div > div.client > div:nth-child(4) > h3,#about > div > div.client > div:nth-child(5) > h3,#about > div > div.client > div:nth-child(6) > h3,#about > div > div.client > div:nth-child(7) > h3 {
		font-size: 0.82355em;
	}
	#portfoliolist .portfolio {
		width: 44.2%;
	}
	.portfolio img, .portfolio1 img {
		margin-bottom: 12%;
	}
}
@media only screen and (max-width: 320px){
	.wrap{
		width:95%;
	}
	.message {
		padding: 8% 0;
	}
	.about_1_of_4 {
		width: 47%;
	}
	#about > div > div.section.group > div:nth-child(3) {
		margin-right: 0;
		float: right;
	}
      #filters li span {
		padding: 7px 1px;
	}
	.images_1_of_4 {
		width: 95%;
	}
	.span_1_of_4 {
		width: 100%;
	}
	.grid-block {
		width: 274px;
	}
	.caption {
		top: 38px;
		left: 37px;
	}
	.client h3 img {
		width: 23%;
	}
	.img {
		margin: 4% 4% 0 0%;
	}
	.img1 {
		margin: 4% 0% 0 0;
	}
	.cart1 {
		padding: 2% 31% 22%;
	}
	.message1 {
		padding: 10% 0;
	}
	.message2 {
		padding: 7% 0;
	}
	.social-icons-set {
		display: none;
	}
	.image {
		float: none;
		text-align: center;
		margin: 2%;
	}
	.copy-right {
		float: none;
		text-align: center;
	}
	#portfoliolist .portfolio {
		width: 46.2%;
		margin-right:11px;
	}
	.message3 {
		padding: 10% 0;
	}
}