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

	body {
		
	}
	
@media all and (max-width: 1024px) {
	#sidebar .post_list .featured-thumbnail {
		width:50%;
		height:auto;
	}
	
	#gallery.one_column .portfolio li a.image-wrap {
		width:70%;
		margin:0 1.8% 5px 0;
	}
	
	.box,
	.before-content-area .box,
	.center-content-area .box,
	.right-content-area .box,
	.widget,
	.widget.dark {
		padding-left:25px; 
		padding-right:25px;
	}
	
	.recent-posts li h4,
	.recent-posts li h6	{padding-top:0px;}
	
	.recent-posts.general li .excerpt {overflow:visible;}
	
	.recent-posts.team li {margin:29px 0 0 0;}
	.recent-posts.team li:first-child {margin:1px 0 0 0;}

}
@media all and (max-width: 1023px) {
	.recent-posts.team li {margin:20px 0 0 0;}
	.recent-posts.team li:first-child {margin:0;}
	
	.recent-posts.team li .excerpt {overflow:visible;}
	.recent-posts.team li .featured-thumbnail {margin:5px 20px 5px 0;}
	
	#gallery .portfolio li {
		width: 31.5%;
		margin: 0 1.5% 37px 0;
	}
	#gallery.one_column .portfolio li a.image-wrap {margin:0 15px 10px 0;}
	#gallery.two_columns .portfolio li {
		width:48.5%;
		margin: 0 1.5% 37px 0;
	}
	#gallery.four_columns .portfolio li {
		width:23.3%;
		margin: 0 1.45% 37px 0;
	}
	

}
@media all and (max-width: 900px) {
	.sf-menu > li > a {padding:12px 10px 16px 10px;}
	
	.box,
	.before-content-area .box,
	.center-content-area .box,
	.right-content-area .box,
	.widget,
	.widget.dark {
		padding:20px 17px 10px 17px; 
	}

}

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

	#content.left {float:none !important;}

	.before-content-area .box {padding:17px 30px 21px 30px;}
	.center-content-area .box {padding:28px 30px 30px 30px;}
	.right-content-area .box {padding:28px 31px 30px 30px;}
	
	.box {padding:28px 30px 26px 30px;}
	
	.widget {padding:27px 29px 20px 30px;}
	.widget.dark {padding:27px 29px 30px 30px;}
	
	.recent-posts.general li .excerpt {overflow:hidden;}
	
	#widget-footer {
		float:none;
		width:100%;
		text-align:left;
		display:block;
		padding:15px 0 0 0;
	}
	
	.social-networks li {margin:0 6px 0 0px;}
	
	
	#copyright {
		float:none;
		width:100%;
		display:block;
	}
	
	.camera_caption > div,
	.camera_thumbs {display:none;}
	
	.primary_content_wrap {padding: 20px 0 0px;}
	
	.camera_wrap .camera_pag {
		left:0;
		right:0;
		text-align:center;
	}
	
	#sidebar .post_list .featured-thumbnail {
		width:100px;
		height:auto;
	}
	
	.banners-holder li {
		margin:0 2% 5% 0;
		width:23%;
	}
		.banners-holder li.nomargin {margin-right:2%!important;}
		.banners-holder li:nth-child(2n) {margin-right:2%!important;}
		
	.sidebar-latestpost li .excerpt {padding-right:15px;}
	
	.sidebar-latestpost li {
		margin:0 0 10px 0;
		padding:15px 0 0 0;
	}
		.sidebar-latestpost li:first-child {padding:0;}
		
	.sidebar-latestpost li .featured-thumbnail {
		float:left;
		width:40%;
		height:auto;
		margin:0 10px 5px 0;
	}
	

}


@media all and (max-width: 700px) {
/*---------------------------------------- 
			Navigations
---------------------------------------- */
.row-top {margin-bottom:13px;}
.row-logo {min-height:129px;}
.logo {padding:26px 0 0 20px;}

/* Primary navigation */
nav.primary {
	clear:both;
	width:auto;
	float:none;
	display:block;
	padding:15px 0 0 0;
	margin:0 20px;
	text-align:center;
}
.select-menu {display: block !important;}
.sf-menu {display:none;}

.box,
	.before-content-area .box,
	.center-content-area .box,
	.right-content-area .box,
	.widget,
	.widget.dark {
		padding-left:20px; 
		padding-right:20px;
	}

.name-site {
	padding:0 10px 0 0;
	font-size:20px;
	line-height:30px;
}
.footer-text {padding:10px 0 0 10px;}

.box-text {
	padding:0;
	background:none;
}

.top-box h2 {
	color:#f2880a;
	float:none;
	display:block;
	width:100%;
	padding:0;
	min-height:auto;
	margin:0 0px 10px 0;
}

}

@media all and (max-width: 650px) {
	.post-content .excerpt {overflow:visible;}
}
@media all and (max-width: 595px) {
	
	#widget-header {
		border-right:none;
		text-align:left;
	}
	
	.widget-header ul li {
		padding:16px 0px 0px 0px;
		border-left:none;
		margin-right:10px;
	}
	.widget-header ul li a {padding:0;}
	
	.recent-posts.general li .excerpt {overflow:visible;}
	
	.recent-posts.awards li {
		width:100%;
		display:inline-block;
		margin:0 0% 32px 0;
	}
	
	.name-site {
		padding:0;
		display:block;
		background:none;
		float:none;
	}
	.footer-text {padding:10px 0 0 0px;}


}
@media all and (max-width: 560px) {
	.archive-lists ul,
	#recent-author-comments ul {width:100%;}
	
	.pagenavi span, .pagenavi a {margin: 2px 2px 2px 3px;}
	
	.pagenavi a.nexts {padding-right:9px;}
	.pagenavi a.prevs {padding-left:9px;}
}

@media all and (max-width: 480px) {
	
	.recent-posts.general li .featured-thumbnail {
		width:45%;
		height:auto;
		margin-bottom:5px;
	}

	.error404-num {font-size:170px;}
	
	#commentform input[type="text"],
	#commentform textarea {width:100%;}
	
	.commentlist ul.children {margin:0 0 0 10px;}

}
@media all and (max-width: 440px) {
	#gallery .portfolio li {
		width:100%;
		margin: 0 0 37px 0;
	}
	#gallery.one_column .portfolio li a.image-wrap {
		width:100%;
		margin: 0 0 15px 0;
	}
	#gallery.two_columns .portfolio li {
		width:100%;
		margin: 0 0 37px 0;
	}
	#gallery.four_columns .portfolio li {
		width:100%;
		margin: 0 0 37px 0;
	}
	
	.post-holder .featured-thumbnail {
		float:none;
		display:block;
		width:100%;
		height:auto;
		margin-right:0px;
	}
	
	.related-posts li{
		margin:0 0% 20px 0;
		display:block;
		width:100%;
	}
	.related-posts li .featured-thumbnail {display:none;}
	
	.commentlist ul.children {margin:0 0 0 0px;}
	
	article.testimonial, .single article.testimonial  {background-position:137px 10px;}
	
	article.testimonial .featured-thumbnail, 
	.single article.testimonial .featured-thumbnail {
		width:100px;
		height:auto;
	}
}

@media all and (max-width: 390px) {
	
	.widget-header ul li {
		margin-right:5px;
		font-size:10px;
	}
	.widget-header ul li a {font-size:10px;}

}

@media all and (max-width: 350px) {
	nav.footer ul li {margin:0 5px 0 0;}
	
	.sidebar-latestpost li .featured-thumbnail {
		float:none;
		width:100%;
		height:auto;
		margin:0 0px 10px 0;
	}
}