/*----------------------------------------------------

	* Responsive Framework
	* Created by http://themeforest.net/user/WPExplorer/
	
/*------------------------------------------------- */


/* Apply To All Responsive Layouts
================================================== */
@media only screen and (max-width: 959px) { }


/* #Tablet (Portrait) = Design for a width of 730px
================================================== */

@media only screen and (min-width: 768px) and (max-width: 959px) {

	/*grid*/
	.outerbox{ width: 730px; }
	.grid-1{ width: 680px; }
	.grid-2{ width: 330px; }
	.grid-3{ width: 214px; margin-right: 19px; margin-bottom: 19px; }
	.grid-4{ width: 155px; }
	.grid-5{ width: 120px; }
	.grid-6{ width: 100px; margin-right: 16px; margin-bottom: 16px; }
	
	#post .grid-1{ width: 450px }
	#post .grid-2{ width: 215px }
	#post .grid-3{ width: 138px; margin-right: 19px; margin-bottom: 19px }
	#post .grid-4{ width: 99px; margin-right: 18px; margin-bottom: 18px }
	#post .grid-5{ width: 74px }
	#post .grid-6{ width: 65px; margin-right: 12px; margin-bottom: 12px }

	/*main*/
	#post{ width: 450px }
	#sidebar{ width: 205px }
	
}

/* Mobile (Portrait) = Design for a width of 280px
================================================== */

@media only screen and (max-width: 767px) {
	
	/*grid*/
	.outerbox{ width: 280px; }
	.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, #post .grid-1, #post .grid-2, #post .grid-3, #post .grid-4, #post .grid-5, #post .grid-6{ width: 230px; }
	
	/*main*/
	#post{ width: 100%; }
	#sidebar{ width: 100%; }
       
}


/* Mobile (Landscape) = Design for a width of 440px
================================================== */

/* Note: Design for a width of 440px */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	/*grid*/
	.outerbox{ width: 440px; }
	.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, #post .grid-1, #post .grid-2, #post .grid-3, #post .grid-4, #post .grid-5, #post .grid-6{ width: 390px; }
	
}