/***** Gallery *****/
.grid_1_of_4{
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
	background: #ECECEC;
	box-shadow: 0px 0px 5px #999;
}
.grid_1_of_4:first-child { 
	margin-left: 0; 
} 
.images_1_of_4 {
	width: 20.8%;
	padding:1.5%;
	position:relative; 
}
.images_1_of_4  img{
	max-width:100%;
	display:block;
	outline:none;
}
.images_1_of_4 a{
	outline:none;
}
.images_1_of_4  h3{
	margin-top:0.4em;
	margin-bottom:0.2em;
	font-weight : normal;
	color: #00A1DA;
	font-size:1.2em;
}
.images_1_of_4  p{
	font-size:0.8125em;
	color: #333;
	line-height: 1.6em;
	font-family : verdana, arial, helvetica, helve, sans-serif; 	
}
.images_1_of_4  span a{
	color: #00A1DA;
	font-size: 1em;
	cursor: pointer;
}
.images_1_of_4 a span{
	position: absolute;
	top:80px;
	left:135px;
	width:36px;
	height:36px;
	opacity: 0;
	-webkit-transition: opacity 0.3s linear;
	-moz-transition: opacity 0.3s linear;
	-o-transition: opacity 0.3s linear;
	-ms-transition: opacity 0.3s linear;
	transition: opacity 0.3s linear;
}
.images_1_of_4 a img:hover{
	opacity:0.6;
}
.images_1_of_4 a:hover span{
	opacity:1;
	background:url(../images/zoom.png) no-repeat;
	filter: alpha(opacity=99); /* internet explorer */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=99)"; /*IE8*/
}

 @media all and (max-width:1024px){
 	.wrap{
 		width:90%;
 	}
 	.menu li a {
 		padding:20px 15px;
 	}
 	.number {
 		width:27%;
 	}
 	.heading {
 		width:65%;
 	}
 	.year {
 		width:13%;
 	}
 	.history p.history {
 		width:87%;
 	}
 	.testimonials span.quotes-down {
 		right:20px;
 	}
 	.images_1_of_4 a span {
 		top:55px;
 		left:80px;
 	}
 	 .page-not-found h4{
    font-size:4em;
 }
  .page-not-found h3{
 	font-size:12em;
 }
 }
 @media all and (max-width:800px){
 	.wrap{
 		width:95%;
 	}
 	.menu li a{
 		font-size:13px;
 		padding:20px 13px; 			
 	}
 	.logo {
		padding:15px 0;
	}
	.number figure {
		padding:10px 0;
	}
	.number figure span {
		font-size:1.5em;
	}
	.heading h4 {
		font-size:1.2em;
	}
	.content {
		padding:10px 0;
	}
	.content h2{
		font-size:1.3em;
	}
 	.span_2_of_3 {
		width:94%;
		padding:3%; 
	}
	.col{ 
		margin: 1% 0 1% 0%;
	}
	.rsidebar{
		width:94%;
		padding:3%;
		margin:1% 0; 
	}
	.contact{
		width:94%;
		padding:3%;
		margin:1% 0; 
	}
	.company_address {
		padding-top:0px;
	}
	.testimonials span.quotes-down {
		right: 100px;
	}
	.footer h3 {
		font-size:1.1em;
		margin-bottom:5px;
		padding-bottom:5px;
	}
	.images_1_of_4 a span {
		top: 45px;
		left: 70px;
	}
	.images_1_of_4 h3 {
		font-size:1.1em;
	}
	.images_1_of_4 p {
		font-size:0.8em;
	}
	.blog p {
		padding:0;
	}
 	.price p, .available p {
 		padding:3px 0;
 	}
 	.page-not-found h4{
    font-size:4em;
 }
  .page-not-found h3{
 	font-size:12em;
 }
 }
 @media all and (max-width:640px){
 	.wrap{
 		width:95%;
 	}
 	.menu li a {
 		font-size:12px;
 		padding:20px 7px;
 	}
 	.col_1_of_4{ 
		margin: 0;
	}
	.footer_grides{
		padding-top:10px;
	}
	.span_1_of_4 {
		width:94%;
		padding:1% 3%;  
	}
	.social_icons {
		margin-bottom:10px;
	}
	.col_1_of_3{ 
		margin: 0;
	}
	.number figure {
		padding:15px 0;
	}
	.number {
		width: 10%;
	}
	.number figure span {
		font-size:2em;
	}
	.heading h4 {
		font-size:1.2em;
	}
	.heading {
		width:87%;
		padding-left:3%;
	}
	.span_1_of_3 {
		width:94%;
		padding:3%;  
	}
	.images_1_of_4 a span {
		top: 175px;
		left: 280px;
    }
	.cont{ 
		margin: 1% 0 1% 0%;
	}
	.rsidebar{
		margin:0;
	}
	.span_2_of_3 {
		width:94%;
		padding:3%;  
	}
	.sidebar {
		width:94%;
		padding:3%; 
	}
 	.grid_1_of_4{ 
		margin: 2% 0 2% 0%;
	}	
	.images_1_of_4 {
		width:94%;
		padding:3%;
	}
	.listview_1_of_2{ 
		margin: 0%;
	}	
	.span_2_of_3 p {
		padding:0;
		line-height:1.6em;
	}
	.images_1_of_2 {
		width:100%;
		padding:3% 0;
	}
	.listimg_2_of_1{
	     width:8%;		
   }
	.list_2_of_1 {
		width:90%;
	}
	.text {
		margin:0 0 0 1.6%;
	}
	.image{
		padding:3%;
	}
	.grid {
		margin:0;
	}	
	.images_3_of_1 {
		width:100%;	
		padding:2% 0 2% 0;	
	}
	.span_2_of_3 {
		width:100%;
	}
	.span_2_of_3 {
		width:94%;
		padding:3%; 
	}
	.col{ 
		margin: 1% 0 1% 0%;
	}
	.span_1_of_3 {
		width:94%;
		padding:3%; 
	}   
   .contact-form input[type="text"],.contact-form textarea{
		width:97%;
 }
  .page-not-found h4{
    font-size:4em;
 }
  .page-not-found h3{
 	font-size:12em;
 }
}
 @media all and (max-width:480px){
 	.wrap{
 		width:95%;
 	}
 	.number {
		width: 13%;
	}
	.heading {
		width:84%;
	}
 	.col_1_of_4{ 
		margin: 1% 0 1% 0%;
	}
	.span_1_of_4 {
		width:92%;
		padding:0 4%; 
	}
	.col_1_of_3{ 
		margin: 1% 0 1% 0%;
	}
	.span_1_of_3 {
		width:92%;
		padding:4%;
	}
	.cont{ 
		margin: 1% 0 1% 0%;
	}
	.rsidebar{
		margin:0;
	}
	.testimonials span.quotes-down{
		right:165px;
	}
	.span_2_of_3 {
		width:92%;
		padding:4%;
	}
	.sidebar{
		width:92%;
		padding:4%;
	}
	.grid_1_of_4{ 
		margin: 2% 0 2% 0%;
	}	
	.images_1_of_4 {
		width:92%;
		padding:4%;
	}
	.images_1_of_4 a span {
		top: 135px;
		left: 190px;
	}
	.listview_1_of_2{ 
		margin:0%;
	}	
	.images_1_of_2 {
		width:100%;
		padding:4% 0;
	}
	.listimg_2_of_1{
	     width:10%;		
   }
	.list_2_of_1 {
		width:88.4%;
	}
	.text {
		margin:0 0 0 1.6%;
	}
	.year {
		width: 18%;
	}
	.history p.history {
		width: 82%;
	}
	.image{
		padding:4%;
	}
	.grid {
		margin:0;
	}	
	.images_3_of_1 {
		width:100%;
		padding:2% 0 2% 0;		
	}
	.span_2_of_3 {
		width:100%;
	}
	.span_2_of_3 {
		width:90%;
		padding:5%; 
	}
	.blog {
		width:100%;
	}
	.blog .button {
		line-height:2.2em;
	}
	.blog .button a {
		padding:8px 15px;
		font-size:0.8em;
		font-weight:normal;
	}
	.col { 
		margin: 1% 0 1% 0%;
	}
	.span_1_of_3 {
		width:94%;
		padding:2% 3%; 
	}
	.contact-form input[type="text"],.contact-form textarea{
		width:95%;
	}
	.page-not-found h4{
    font-size:3em;
 }
  .page-not-found h3{
 	font-size:10em;
 }
}
@media all and (max-width:320px){
 	.wrap{
 		width:95%;
 	}
 	.header_top {
		padding:2px 0 10px 0;
	}
	.menu,.social-icons {
		float:inherit;
		width:100%;
		text-align:center;
	}
	.logo h1 {
		font-size:2em;
	}
 	.number {
		width:20%;
	}	
	.heading {
		width:73%;
	}
 	.col_1_of_4{ 
		margin: 1% 0 1% 0%;
	}
	.span_1_of_4 {
		width:92%;
		padding:0 4%; 
	}
	.col_1_of_3{ 
		margin: 1% 0 1% 0%;
	}
	.span_1_of_3 {
		width:92%;
		padding:4%;
	}
	.content h2 {
		font-size: 1.2em;
	}
	.cont{ 
		margin: 1% 0 1% 0%;
	}
	.rsidebar{
		margin:0;
	}
	.span_2_of_3 h3, .sidebar h3 {
		font-size:0.8em;
		font-weight:normal;
	}
	.testimonials span.quotes{
		top:50px;
	}
	.testimonials span.quotes-down {
		right:117px;
	}
	.sidebar p {
		font-size:0.8em;
	}
	.span_2_of_3 {
		width:92%;
		padding:4%;
	}
	.sidebar{
		width:92%;
		padding:4%;
	}
	.grid_1_of_4{ 
		margin: 2% 0 2% 0%;
	}	
	.images_1_of_4 {
		width:92%;
		padding:4%;
	}
	.images_1_of_4 a span {
		top: 80px;
		left: 110px;
	}
	.price p span {
		font-size:1.2em;
	}
	.listview_1_of_2{ 
		margin: 2% 0 2% 0%;
	}
	
	.images_1_of_2 {
		width:100%;
		padding:4% 0;
	}
	.listimg_2_of_1{
	     width:15%;		
   }
	.list_2_of_1 {
		width:83%;
	}
	.year p {
		font-size:0.8em;
	}
	.image{
		padding:4%;
	}
	.grid {
		margin:0;
	}	
	.images_3_of_1 {
		width:100%;
		padding:2% 0 2% 0;		
	}
	.span_2_of_3 {
		width:100%;
	}
	.span_2_of_3 {
		width:90%;
		padding:5%; 
	}
	.col { 
		margin: 1% 0 1% 0%;
	}
	.span_1_of_3 {
		width:90%;
		padding:5%; 
	}
	.contact-form input[type="text"],.contact-form textarea{
		width:92%;
	}
	.contact-form input[type="submit"] {
		padding:10px 25px;
	}
	.page-not-found h4{
    font-size:2em;
 }
  .page-not-found h3{
 	font-size:6em;
 }
}