/* styles for desktop */
.tinynav { display: none; }

@media (min-width: 768px) and (max-width: 979px) {
	.navigation { width:544px;}
	.navigation ul li { padding:0 6px;}
	.navigation ul li a { font-size:11px;}
	.logo { top:0px;}
	.add1 { margin:0 0 0 75px;}
	.category ul li a { font-size:12px; padding:6px 0;}
	.thumb_area ul li { width:163px; padding:20px 5px 5px 5px;}
	.thumb_area ul li strong { font-size:13px; padding:0 0 2px 0;}
	.tips_left { width:105px;}
	.tips_right { width:100px;}
	.article_txt { width:105px;}
	.article_pic { width:105px;}
	.product_pic { width:100px;}
	.product_txt { width:100px;}
	.article_block { min-height:286px;}
	.product_block { min-height:286px;}
	.search_field { width:90px;}
	.widget_box2 img { width:60px;}
	.gas_price { width:110px; margin:5px 8px 0 0;}
	.widget_box2 { padding:0 5px;}
	.price_field { width:96px; height:25px;}
	.widget_box1 { height:53px; padding:5px 0 0 0;}
	.activity_block { width:285px;}
	.activity_block { width:210px;}
	.navigation_area { width:495px; padding:0 5px;}
	.navigation_box { width:118px; padding:0 0 0 5px;}
	.navigation_box ul li a { font-size:11px;}
	.submenu { left:-158px;}
}

@media only screen and (max-width:767px) {
	.submenu { display:!important; visibility:hidden;}
	.navigation { text-align:center; margin:0px; float:none;}
	.tinynav { display:inline-block; margin:0 auto;}
    .tnav { display:none;}
	.top { height:auto;}
	.top_cont_left { float:none; text-align:center;}
	.top_cont_right { text-align:center; float:none;}
	.header_bottom_left {}
	.logo { position:relative; width:230px; margin:0 auto; top:0;}
	.add1 { margin:0px;}
	.search_area { width:305px; margin:0 auto 10px auto; float:none;}
	.header_bottom { background:#9b0f00 url(../img/bg4.jpg) repeat-x left top; height:auto; padding:0 0 10px 0;}
	.header_bottom_left { margin:0 0 5px 0; text-align:center; float:none;}
	.category { text-align:center;}
	.img_links a { float:left; margin:12px;}
	.thumb_area { display:none;}
	.banner_area { margin:15px 0;}
	.tips_right { width:210px;}
	.tips_left { width:175px;}
	.tips_area { margin:0 0 10px 0;}
	.sidebar { padding:14px 0 0 0;}
	.article_txt { width:265px;}
	.article_block { margin:0 0 10px 0;}
	.product_txt { width:auto; margin:0 0 0 20px; float:left;}
	.search_field { width:240px;}
	.widget_box1 { padding:20px 20px 0 20px; margin:0 0 10px 0;}
	.widget_box2 { margin:0 0 10px 0; padding:0 23px;}
	.gas_price { width:260px;}
	.price_field { width:246px;}
	.widget_box3 { text-align:center;}
	.add2 { text-align:center; margin:0 0 10px 0 !important;}
	.res_add { text-align:center;}
	.activity_block { margin:0 auto 10px auto; float:none;}
	.navigation_area { float:none; background:#000; height:auto; padding:0px;}
	.navigation_box { padding:0 24px; margin:10px 0; width:171px; text-align:center;}
	.res_bor { border:0;}
	.newsletter_box { padding:10px 0;}
	
}

@media only screen and (max-width:479px) {
	.newsletter_box { width:auto; padding:10px;}
	.text_field { margin:0 6px 0 0;}
	.activity_block { width:auto;}
	.search_area { width:auto; padding:10px; margin:0px; text-align:center;}
	.search1 { margin:0 0 5px 0;}
	.img_links { text-align:center;}
	.img_links a { display:inline; float:none;}
	.img_links a img { margin:0 0 10px 0;}
	.tips_left { width:auto; float:none;}
	.tips_right { float:none; width:auto;}
	.product_box img { margin:0 0 10px 0;}
	.product_txt { float:none; margin:0 0 0 142px;}
	.article_pic { float:none; margin:0 0 10px 0; width:auto;}
	.article_txt { width:auto; float:none;}
	.widget_box1 { padding:20px 0 0 0;}
	.search_field { width:140px;}
	.widget_box2 { padding:0 5px;}
	.gas_price { width:145px; margin:14px 6px 0 0;}
	.price_field { width:131px;}
	.navigation_box { width:auto; margin:20px 10px; float:none; border:0; min-height:100px;}
	.navigation_area { padding:6px 0;}

}