@media only screen and (min-width: 1024px) and (max-width: 1072px) {
	.container { width: 1000px; }

	.cols-1 { width: 308px; }
	.cols-2 { width: 642px; }
	.cols-1-2 { width: 475px; }

	.flexslider { height: 336px; }
	.flexslider .slides > li { height: 336px; }

	.home-posts .post { width: 318px; height: 209px; margin: 0 10px 10px 0; }
	.services .service-item { width: 234px; margin-left: 12px; }

	.blog.grid .post { width: 308px; }
	.blog.list .post-meta { width: 317px; }

	.blog .post-meta span { margin-left: 10px; }

	.post-image { height: 347px; }
	.contact-form.comment textarea { width: 465px; min-width: 465px; max-width: 465px; }

	.portfolio .portfolio-item { width: 308px; margin: 0 24px 24px 0; }
	.portfolio .portfolio-item .img { height: 172px; }
	.portfolio .portfolio-item .img .hover a { margin-top: 68px; }

	.contact-form input[type="text"], .contact-form textarea { width: 232px; }
	footer .widget { width: 308px; margin: 0 0 20px 25px; }
	.widget.flickr li { width: 68px; }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
	.container { width: 760px; margin: 0 auto 30px auto; }

	#logo { float: none; text-align: center; padding: 10px 0 15px 0; }
	#logo a { display: inline-block; }

	.main-menu { float: none; text-align: center; }
	.sf-menu { float: none; }
	.main-menu > ul > li { float: none; display: inline-block; margin-bottom: 5px; }
	.sf-menu li:hover ul, .sf-menu li.sfHover ul { top: 46px; }
	.sub-menu a { font-size: 14px !important; text-align: left; }
	.main-menu li a { padding: 15px 20px; background-image: none !important; }

	.page-title .title { padding: 15px; }
	.page-title .desc { padding: 15px; }

	.cols-1 { width: 224px; }
	.cols-2 { width: 462px; }
	.cols-1-2 { width: 344px; }

	.flexslider { height: 282px; }
	.flexslider .slides > li { height: 280px; }

	.home-posts .post { width: 230px; height: 151px; margin: 0 11px 11px 0; }
	.services .service-item { width: 170px; margin-left: 10px; min-height: 152px; }

	.post-view { display: none; }

	.blog.grid .post { width: 100%; height: 182px; margin-right: 0 !important; }
	.blog.grid .post .img { float: left; width: 145px; }
	.blog.grid .post-content { height: 126px; }
	.blog.list .post .img { width: 145px; }
	.blog.list .post .img img, .blog.grid .post .img img { height: 100%; margin-left: -90px; max-width: 325px; }
	.blog.list .post-meta, .blog.grid .post-meta { float: left; width: 317px; }

	.cols-3 .grid .post .img { width: 325px; }
	.cols-3 .grid .post .img img { height: 100%; margin-left: 0; max-width: 325px; }
	.cols-3 .post .post-meta { width: 387px; }

	.blog .post-meta span { margin-left: 10px; }
	

	.post-image { height: 250px; }
	.contact-form.comment textarea { width: 285px; min-width: 285px; max-width: 285px; }

	.portfolio .portfolio-item { width: 221px; margin: 0 24px 24px 0; }
	.portfolio .portfolio-item .img { height: 124px; }
	.portfolio .portfolio-item .img .hover a { margin-top: 44px; }

	.contact-form input[type="text"], .contact-form textarea { width: 100%; }
	footer .widget { width: 224px; margin: 0 0 20px 20px; }
	.widget.flickr li { width: 68px; margin: 0 10px 10px 0;}
	.widget.flickr li:nth-child(4n) { margin-right: 10px; }
	.widget.flickr li:nth-child(3n) { margin-right: 0; }

	.widget.contact-us span[class*="icon"] { display: none; }
	.widget.contact-us li { line-height: 20px; }

	#map { height: 350px; }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	.container { width: 470px; margin: 0 auto 20px auto; }

	#logo { float: none; text-align: center; padding: 10px 0 15px 0; }
	#logo a { display: inline-block; }

	.main-menu { float: none; text-align: center; }
	.sf-menu { display: none; }
	.main-menu select { display: block; }

	.page-title .title { display: none; }
	.page-title .desc { padding: 15px; }

	.cols-1 { width: 100%; }
	.cols-2 { width: 100%; }
	.cols-1-2 { width: 100%; }

	.flexslider { height: 164px; }
	.flexslider .slides > li { height: 162px; }
	.flex-direction-nav { margin-top: -21px; }
	.flex-direction-nav li { background-image: none !important; background-color: rgba(0,0,0,.8); height: 52px; }
	.flex-direction-nav a { height: 52px; margin-top: 0; }
	.flex-caption .desc { font-size: 16px; }

	.home-posts .post { width: 100%; height: 278px; margin: 0 0 11px 0; }
	.home-posts .post img { width: 422px !important; }
	.services .service-item { width: 100%; margin: 0 0 11px 0; }

	.post-view { display: none; }

	.blog .post { height: auto !important; }
	.blog.grid .post { width: 100%; height: 182px; margin-right: 0 !important; }
	.blog.grid .post .img { float: left; width: 100%; }
	.blog.grid .post-content { height: 126px; }
	.blog .post .img { width: 100%; height: 236px !important; }
	.blog.list .post .img img, .blog.grid .post .img img { width: 422px; }
	.blog.list .post-meta, .blog.grid .post-meta { float: left; width: 100%; }

	.cols-3 .grid .post .img { width: 100%; }
	.cols-3 .grid .post .img img { height: 100%; margin-left: 0; width: 422px; }
	.cols-3 .post .post-meta { width: 100%; }

	.blog .post-meta span { margin-left: 10px; }
		
	#sidebar { float: left; margin: 20px 0 0 0; }

	.post-image { height: 228px; }
	.contact-form.comment textarea { width: 250px; min-width: 250px; max-width: 250px; }
	.children { margin-left: 20px; }
	.comment-reply { margin-left: 0; }

	.portfolio .portfolio-item { width: 100%; margin: 0 0 24px 0; }
	.portfolio .portfolio-item .img { height: 236px; }
	.portfolio .portfolio-item .img img { width: 422px; }
	.portfolio .portfolio-item .img .hover a { margin-top: 100px; }

	.contact-form input[type="text"], .contact-form textarea { width: 100%; }
	footer .widget { width: 100%; margin: 0 0 20px 0; }
	.widget.flickr li { width: 74px; margin: 0 10px 10px 0;}
	.widget.flickr li:nth-child(4n) { margin-right: 10px; }

	#map { height: 250px; }
}

@media only screen and (max-width: 479px) {
	.container { width: 300px; margin: 0 auto 20px auto; padding: 0; border: none; box-shadow: none; }

	#logo { float: none; text-align: center; padding: 10px 0 15px 0; }
	#logo a { display: inline-block; }

	.main-menu { float: none; text-align: center; }
	.sf-menu { display: none; }
	.main-menu select { display: block; }

	.page-title .title { display: none; }
	.page-title .desc { padding: 15px; }

	.cols-1 { width: 100%; }
	.cols-2 { width: 100%; }
	.cols-1-2 { width: 100%; }

	.flexslider { height: 113px; }
	.flexslider .slides > li { height: 113px; }
	.flex-direction-nav { margin-top: -25px; }
	.flex-direction-nav li { background-image: none !important; background-color: rgba(0,0,0,.8); height: 52px; }
	.flex-direction-nav a { height: 52px; margin-top: 0; }
	.flex-caption { display: none; }

	.home-posts .post { width: 100%; height: 198px; margin: 0 0 11px 0; }
	.home-posts .post img { width: 320px !important; }
	.services .service-item { width: 298px; margin: 0 0 11px 0; }

	.post-view { display: none; }

	.blog .post { height: auto !important; }
	.blog.grid .post { width: 100%; height: 182px; margin-right: 0 !important; }
	.blog.grid .post .img { float: left; width: 100%; }
	.blog.grid .post-content { height: 126px; }
	.blog .post .img { width: 100%; height: 168px !important; }
	.blog.list .post .img img, .blog.grid .post .img img { width: 320px; }
	.blog.list .post-meta, .blog.grid .post-meta { float: left; width: 100%; }

	.cols-3 .grid .post .img { width: 100%; }
	.cols-3 .grid .post .img img { height: 100%; margin-left: 0; width: 320px; }
	.cols-3 .post .post-meta { width: 100%; }

	.blog .post-meta span { margin-left: 5px; }
		
	#sidebar { float: left; margin: 20px 0 0 0; }

	.post-image { height: 162px; }
	.contact-form.comment input[type="text"] { width: 100% !important; margin: 0 0 10px 0; }
	.contact-form.comment textarea { width: 100%; min-width: 100%; max-width: 100%; margin-top: 0; }
	.children { margin-left: 0; }
	.comment-reply { margin-left: 0; }

	.portfolio .portfolio-item { width: 298px; margin: 0 0 24px 0; }
	.portfolio .portfolio-item .img { height: 168px; }
	.portfolio .portfolio-item .img img { width: 320px; }
	.portfolio .portfolio-item .img .hover a { margin-top: 71px; }

	.contact-form input[type="text"], .contact-form textarea { width: 100%; }
	footer .widget { width: 100%; margin: 0 0 20px 0; }
	.widget.flickr li { width: 67px; margin: 0 10px 10px 0;}
	.widget.flickr li:nth-child(4n) { margin-right: 0; }

	#map { height: 200px; }
}