/* -- responsive.css -----------*/

@media only screen and (max-width: 1030px) {
	body.boxed #body_wrapper			{ width: auto; }	
}

/***** Tablet *****/
@media only screen and (min-width: 768px) and (max-width: 959px) {
	#search_box 						{ position:relative; margin-top:10px; width:240px; margin:auto; }
	#search_box #s 						{ position:relative; width:200px; }
	.widget-contact-form input[type="text"], .widget-contact-form textarea { width: 132px; }
	#sidebar #s							{ width: 100px; }
	div.product div.summary				{ padding-left: 16px; }
	.post-meta.grid_4					{ width: 125px; }
	.post-meta div.blog-comment			{ width: 75px; }
	.grid_18 #customer_details .col-1	{ float: none; width: auto; }
	.grid_18 #customer_details .col-2	{ float: none; width: auto; margin-top: 10px; }
}

@media only screen and (max-width: 767px) {
	.main								{ padding: 0 5px; }
	div.flex-caption-left p, div.flex-caption-right p, div.flex-caption-center p { display:none; }
	div.flex-caption-left h3, div.flex-caption-right h3, div.flex-caption-center h3 { font-size:20px; line-height:20px; }
	.two-columns, .three-columns, .four-columns	{ width:100%; margin:10px 0 0 0; float:left; display:inline; }
	.col2-set .col-2, .col2-set .col-1	{ float: none; width:auto; }
	.col2-set .col-2					{ margin-top:10px; }
	div.product div.summary 			{ width:100%; padding-left:0; }
	table.shop_table td.actions div.coupon { width:100%; padding-bottom: 5px;}
	.cart-collaterals .cart_totals		{ width: 100%; }
	.cart-collaterals .shipping_calculator	{ width: 100%; float: right; }
	.order_details li					{ margin-bottom: 10px; }
	.post_items_show p.active_link		{ position:relative; }
	table td 							{ padding: 9px;}
	table th							{ padding:0px 4px; }
	.testimonial-container blockquote 	{ margin:0; float:left; }
	#nav_wrapper 						{ height:auto; }
	#top_bar_wrapper .welcome 			{ float:none !important; text-align:center; margin-bottom:10px; }
	#top_bar_wrapper #info_nav 			{ float:none !important; text-align:center; }
	#menu 								{ float:none !important; margin-right:0px;}
	#search_box 						{ position:relative; margin-top:10px; width:200px; margin:auto; }
	.searchform 						{ width:200px; margin:auto; float:none;  }
	#search_box #s 						{ position:relative; width:160px; }
	.post-title, .post-title a			{ font-size: 22px !important; }
	#sidebar							{ position:static; height:auto; }
	ul.products:not(.slides)			{ margin-right: -4px; }
	ul.products:not(.slides) li.grid	{ margin-right: 4px; }
}

/***** Phone (landscape 420px) *****/
@media only screen and (min-width: 480px) and (max-width: 767px) {
	input[type="text"], textarea 		{ max-width: 436px; }
	.widget-contact-form input[type="text"], .widget-contact-form textarea { width: 436px; }
	.post-meta 							{ width: 456px !important;}
	.post-meta div.post-date 			{ height:20px; float:left; margin-right:5px; width:155px; }
	.post-meta div.post-date .date 		{ float:left; margin:0; }
	.post-meta div.post-date .time 		{ float:right; margin:0; }
	.post-meta div.comment-count		{ height:40px; }
	.post-meta div.post-author img		{ width:40px; }
	.recent-post-holder,
	.widget_nav_menu li					{ width: 45%; float: left; display: inline; padding-right: 5%;}
	.widget ul.cart_list li, 
	.widget ul.product_list_widget li	{ width: 125px; float: left; display: inline; padding-right: 5%;}
	ul.cart_list:before,
	ul.cart_list:after, 
	ul.product_list_widget:before,
	ul.product_list_widget:after,
	.widget_app_recent:before,
	.widget_app_recent:after,
	.widget_nav_menu ul:before,
	.widget_nav_menu ul:after			{ clear: both; content: ' '; display:block; height: 0; visibility: hidden;}
}

/***** Phone (portrait 300px) *****/
@media only screen and (max-width: 479px) {
	div.flex-caption-left h3, div.flex-caption-right h3, div.flex-caption-center h3 { font-size:10px; line-height:10px; }
	.col2-set .col-2, .col2-set .col-1	{ width:295px; }
	table td							{ padding:9px 4px;}
	table th							{ padding:0px; }
	table.shop_table th, table.shop_table td { font-size:9px; }
	input[type="text"], textarea 		{ max-width: 275px; }
	.widget-contact-form input[type="text"], .widget-contact-form textarea { width: 258px; }
	.post-meta 							{ width: 300px !important;}
	.post-meta div.post-author 			{ display:none; }
	.post-meta div.post-date 			{ height:20px; float:left; margin-right:5px; width:155px; }
	.post-meta div.post-date .date 		{ float:left; margin:0; }
	.post-meta div.post-date .time 		{ float:right; margin:0; }
	.post-meta div.comment-count		{ height:40px; }
	table.shop_table td.actions .button, table.shop_table td.actions .button-alt, table.shop_table td.actions .button.alt { padding-left: 9px; padding-right: 9px; }	
}