/*=====================================================================================================================
														Layout for desktop version
======================================================================================================================= */

	body {
		
	}
	

@media (max-width: 1200px) {
	
	#back-top-wrapper {display:none;}
	
	.camera_caption > div {padding: 36px 60px 10px 54px;}
	.cameraContent.second .camera_caption > div {padding: 43px 60px 10px 54px;}

	.camera_caption {
		font-size:14px;
		line-height:18px;
	}

		.camera_caption h2 {
			font-size:53px;
			line-height:60px;
		}
			.camera_caption h2 span {font-size:44px;}
			.cameraContent.second .camera_caption h2 span{font-size:28px;}
	
	.top-box h2 {
		font-size:27px;
		line-height:32px;
	}
	
	.right-content-area .box {padding:33px 17px 25px 17px;}
	.right-content-area #widget_search.box {padding:23px 17px 31px 17px;}
}

@media (max-width: 1024px) {
	
	.camera_wrap .camera_pag {left:65.9%;}
	.camera_caption {
		font-size:12px;
		line-height:17px;
	}
	
		.camera_caption h2 {
			font-size:51px;
			line-height:58px;
		}
		
		.camera_wrap .camera_pag {bottom:26px;}
	
	.top-box {padding:22px 15px 33px 15px;}
	
	
	.recent-posts.about li .featured-thumbnail {width:58.25%; height:auto;}	
	.recent-posts.about li .excerpt {margin-bottom:20px;}


}
@media (max-width: 1010px) { 
	.right-content-area #widget_search.box h3 span {display:block;}
}

@media (max-width: 970px) {
	
	.camera_caption h2 {
		font-size:45px;
		line-height:52px;
		margin-bottom:15px;
	}
	.camera_caption > div p {margin-bottom:15px;}
	
	.top-box h2 {
		font-size:20px;
		line-height:25px;
		letter-spacing:normal;
	}
	.top-box h3 {
		font-size:15px;
		line-height:21px;
	}

	.latestpost li .excerpt {margin-bottom: 20px;}

}
@media (max-width: 950px) {
	.camera_caption, .cameraContent.second .camera_caption {background:none;}
	.camera_caption > div  {display:none;}
	
	.camera_wrap .camera_pag {right:20px; left:auto;}
}

@media (max-width: 900px) {

	#widget-header {padding:14px 10px 14px 10px;}
	
	.tel, 
	.fax,
	.site-link,
	.street-address{display:block; margin:0;}
	
	.vcard {font-size:11px;}
	.vcard .fright {text-align:right;}
	
	.sf-menu > li > a {padding:52px 11px 51px 12px;}
	
	.post-meta .separator {display:inline-block; margin:0 3px;}
	

}


@media all and (max-width: 767px) {

	#content.left {float:none !important;}
	
	.right-content-area {padding-top:40px;}
	
	.latestpost .featured-thumbnail, 
	.post-holder .featured-thumbnail,
	.recent-posts.about li .featured-thumbnail {
		width:50%;
		height:auto;
		margin:4px 19px 10px 0;
		float:left;
	}
	.recent-posts.services li .featured-thumbnail {
		width:40%;
		height:auto;
		margin:4px 19px 10px 0;
		float:left;
	}
	
	.featured-thumbnail.large {width:100%; height:auto;}
	
	#commentform input[type="text"],
	#commentform textarea {width:100%;}
	
	.commentlist ul.children {margin:0;}
	
.box, 
.box-with-shadow,
.pagenavi {margin-bottom:30px;}
	
	
/*---------------------------------------
				 404
---------------------------------------- */
.error404-num {font-size:170px;}
	
}

@media (max-width: 750px) {
	
	h2, .top-box h2 {
		font-size:30px;
		line-height:35px;
	}

	.top-box {padding:22px 29px 33px 29px;}
	
	.top-box h3 {
		font-size:18px;
		line-height:24px;
	}
	
	nav.primary {
		position:relative;
		display:block;
		right:auto;
		top:auto;
		padding:10px;
		min-height:1px;
	}
	.sf-menu {display:none;}
	
	.right-content-area #widget_search.box h3 span {display:inline-block;}
	
	.right-content-area .box {padding:33px 30px 25px 30px;}
	.right-content-area #widget_search.box {padding:23px 30px 31px 30px;}


}

@media all and (max-width: 650px) {

ul.meta li, .widget-top-header ul li {margin:0 0px 0 5px;}

.left-content-area .box,
.box,
.widget, 
.box-with-shadow {padding:15px 15px 15px 15px;}


.spacer {height:10px;}


.recent-posts.services li {
	width:100%;
	margin:0 0 30px;
}

/* Google Map */
.google-map {
	position: relative;
	padding-bottom: 46.25%;
	height: 0;
	overflow: hidden;
	margin:0 0 4% 0;
}
.google-map iframe,  
.google-map object,  
.google-map embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


.post-meta .separator {display:none;}

.post-meta time,
.post-meta .author-meta,
.post-meta .category-meta {display:block;}

	
/*---------------------------------------- 
				Footer
---------------------------------------- */
	.footer-top {padding-top:0px;}
	
	nav.footer {
		float:none; 
		display:block; 
		margin-bottom:20px;
	}
	#widget-footer {float:none;}
	.social-networks li{margin-right:7px; margin-left:0px;}
	
	nav.footer ul li {margin:0 10px 0 0;}

}


@media all and (max-width: 520px){

	
	#footer-text, .social-networks  {
		width:auto;
		float:none;
		text-align:center;
	}
	
	nav.footer {
		float:none;
		text-align:center;
	}
		nav.footer ul li {
			float:none;
			display:inline-block;
			margin:0 4px 0 4px;
		}
		nav.footer ul li, nav.footer ul li a {
			font-size:12px;
			line-height:16px;
		}
		
/* Address */
.address {margin-bottom:30px;}
.address dt {
	width:auto;
	margin:0 0 20px 0;
	padding:0 0 0 55px;
	font-size:12px;
	float:none;
}
.address dd {
	float:none;
	width:auto;
	padding:0 0 0 43px;
	margin:0 0 20px 0;
}
	.address dd span {width:100px;}
	
}


@media all and (max-width: 500px){
/*----------------------------------------
				 Post
---------------------------------------- */
.featured-thumbnail, 
.featured-thumbnail.large, 
.single .featured-thumbnail {
	float:none;
	margin:0 0 15px 0;
}
	.featured-thumbnail.large {
		width:100%;
		height:auto;
	}



/*----------------------------------------
				Testimonials
---------------------------------------- */
article.testimonial, .single article.testimonial {background:url(../images/quotes.png) no-repeat 140px 0px #fff;}

article.testimonial .featured-thumbnail, 
.single article.testimonial .featured-thumbnail,
.single-post.team .featured-thumbnail {
	width:150px;
	height:auto;
	float:left;
	margin:4px 19px 10px 0;
}




/*----------------------------------------
				Portfolio
---------------------------------------- */
#gallery .portfolio li {
	width:100% !important;
	margin-right:0 !important;
}
		#gallery.one_column .portfolio li a.image-wrap {
			float:none;
			width:100%;
			margin:0 0 17px 0;
		}
}

@media all and (max-width: 460px){
	#top-search .input-search {width:70px;}
	
	ul.meta li, .widget-top-header ul li,
	ul.meta a, .widget-top-header ul li a {font-size:11px; line-height:15px;}
	
		
	
	.recent-posts.about li .featured-thumbnail {
		float:none;
		margin:5px 0px 15px 0;
		width:100%; 
		height:auto;
	}
	
}