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

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

	footer .widget { width: 308px; margin: 0 0 20px 25px; }
    
    .option { width: 475px; }

	.services .service-item { width: 235px; margin-left: 10px; min-height: 152px; }
}

@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; }

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

	.services .service-item { width: 170px; margin-left: 10px; min-height: 152px; }

	.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; }

	footer .widget { width: 224px; margin: 0 0 20px 20px; }
    
    .option { width: 345px; }
}

@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; }
	.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%; }

	.services .service-item { width: 100%; margin: 0 0 11px 0; }

	.post-view { display: none; }

	.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; }
		
	footer .widget { width: 100%; margin: 0 0 20px 0; }

    .option { width: 410px; }
}

@media only screen and (max-width: 479px) {
	.container { width: 100%; 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 li {  }
    .sf-menu li a { padding-left: 30px; font-size: 13px; height: 32px; }
	.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%; }

    .services { margin-left: 11px; }
	.services .service-item { width: 95%; margin: 0 0 11px 0px; }

	.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%; }

	footer .widget { width: 100%; margin: 0 0 20px 0; }
    
    .option { width: 95%; margin-left: 11px;}
    .copyright { padding-left: 10px; }
    .quote { font-size: 16px; margin-left: 11px;}
}