/******responsive.css*********************/
@media only screen and (max-width: 990px) {
	.cw {    
		width: auto;
	}
	.content_wrapper{
		width: auto;
	}
	.layout_010 .tabs_view,
	.layout_010 .main_content,
	.layout_010 .main_content .tabs_view{
		width: auto;		
	}
	
	.banner_img{
		max-width: 100%;
		height: auto;
	}
	.top_menu{
		display: none;
	}
	.main_menu{		
		display: none;
	}
	
	.rsp-menu{
		display: block;
		position: absolute;
		 top: 5px;
		 left: 5px;
		width: 24px;
		height: 24px; 
		cursor: pointer ;
	}
	.rsp-menu-items{
		margin-bottom: 1em;
	}
	#nav_top_clone{
		position: absolute;
		 top: 27px;
		 left: -15px;
		 z-index:9999;
		 	
		width: 20em;
		height: auto;
		overflow: auto;		
		z-index:9998;
		padding: 1em;		
	}	
	
	.login_top_in,
	.login_top_wrapper{
		margin-left: 35px;
	}	
	.flexible{
		width: auto !important;
		float: none !important;
		display: block;		
	}
	.myaccount_popup,	
	#login_top{
		left: 0px;
		right: auto;
		
	}	
	
	
	.sbHolder{
		display: none;
	}
	
	.layout_110 .slideshow img,
	.layout_011 .slideshow img,
	.layout_111 .slideshow img,
	.layout_010 .slideshow img{
		height: auto;
		width: 100%;
	}
	.slideshow-wrapper{
		height: auto;
	}	
	.rsp-hide{
		display: none;
	}
	.rsp-show{
		display: inline;
	}		
	.rsp-center{
		text-align: center !important;
	}
	.rsp-left{
		text-align: left !important;
	}	
	.banner_img{
		width: auto;
		max-width: 100%;
		height: auto;
	}	
	.flexible{
		width: auto !important;
		float: none !important;
		display: block;		
	}	
	.letter_bar .letter_items{
		display: block;
		text-align: center;
		margin-bottom: 0.5em;
	}	
	.box_prd_detail .image{		
		width: 25%;
	}
	.box_prd_detail .image img{		
		width: 85%;
	}	
	.box_prd_detail .prd_info{		
		width: 70%;
	}
	.layout_111 .box_prd_detail .prd_info{	
		width: 70%;	
	}
	.layout_110 .box_prd_detail .prd_info,
	.layout_011 .box_prd_detail .prd_info{	
		width: 70%;
	}
	.layout_010 .box_prd_detail .prd_info{	
		width: 70%;
	}	
	.order_steps .ord_step{
		width: 45%;
		margin-bottom: 0.5em;
	}		
		
}
@media only screen and (min-width:769px) and (max-width: 990px) {
	.cw{
		width: 800px;		
	},
	.content_wrapper{
		width: auto;
	}
	.layout_010 .main_content{
		width: 100%;					
	}	
	.layout_011 .main_content,
	.layout_110 .main_content{
		width: 600px;								
	}		
	.layout_011 .right_column,	
	.layout_111 .right_column{
		display: none;	
	}
	

	.order_steps .ord_step{
		width: 45%;
		margin-bottom: 0.5em;
	}	
		
}	
@media only screen and (min-width:539px) and (max-width: 768px) {

	
	.layout_110 .left_column,
	.layout_111 .left_column{
		display: none;	
	}
	
		
	.layout_010 .main_content,
	.layout_010 .main_content .tabs_view,
	.layout_010 .tabs_view,
	
	.layout_110 .left_column,
	.layout_110 .main_content,
	.layout_110 .main_content .tabs_view,
	.layout_110 .tabs_view,
			
	.layout_011 .right_column,
	.layout_011 .main_content,
	.layout_011 .main_content .tabs_view,
	.layout_011 .tabs_view,		
						
	.layout_111 .left_column,
	.layout_111 .right_column,
	.layout_111 .main_content,
	.layout_111 .main_content .tabs_view,
	.layout_111 .tabs_view{	
			width: 99%;
			clear: both;
			float: none;
			margin-left: 0;
			margin-right: 0;
	}	


	
	.flexible-768{
		width: auto !important;
		float: none !important;
		display: block;		
	}	
	
			

	.rsp-hide-768{
		display: none;
	}		

	.rsp-show-768{
		display: inline;
	}	
		
	.order_steps .ord_step{
		display:none;
	}
	.order_steps .ord_step_selected{
		display:block;
	}		
	
	.banner-2,
	.banner-3,
	.banner-4{
		text-align: center;
	}
	.banner-2 .banner_img_box,		
	.banner-3 .banner_img_box{
		width: 100%;		
	}
	.banner-4 .banner_img_box{
		width: 50%;
	}
}

@media only screen and (max-width: 538px) {


	.layout_010 .tabs_view,
	.layout_011 .tabs_view,
	.layout_110 .tabs_view,
	.layout_111 .tabs_view,
	.layout_010 .main_content .tabs_view,
	.layout_011 .main_content .tabs_view,
	.layout_110 .main_content .tabs_view,
	.layout_111 .main_content .tabs_view{	
		width: auto;
	}
	.header{
		height: auto;
	}
		
	.home_item_prd{
		height: auto;
	}
	
	.logo{
		width: 100%;
		clear: both;
		margin: 0 auto;
		text-align: center;		
		float: none;			
	}
	.logo img{
		max-width: 100%;
	}	


	
	.items_col,
	.items_col1,
	.items_col2,
	.items_col3,
	.items_col4,
	.items_col5		
	{
		width: 100%;
		clear:both;
	}
	
	.layout_010 .main_content,
	.layout_010 .main_content .tabs_view,
	.layout_010 .tabs_view,
	
	.layout_110 .left_column,
	.layout_110 .main_content,
	.layout_110 .main_content .tabs_view,
	.layout_110 .tabs_view,
			
	.layout_011 .right_column,
	.layout_011 .main_content,
	.layout_011 .main_content .tabs_view,
	.layout_011 .tabs_view,		
						
	.layout_111 .left_column,
	.layout_111 .right_column,
	.layout_111 .main_content,
	.layout_111 .main_content .tabs_view,
	.layout_111 .tabs_view{	
			width: 99%;
			clear: both;
			float: none;
			margin-left: 0;
			margin-right: 0;
	}
	
	.layout_110 .left_column{
		display: none;	
	}
	.layout_111 .left_column{
		display: none;	
	}	
	

	
	#footer_menu a{
		display: block;
		text-align: left;
	}
	
	.pager_numbers,.pager_info{
		display: block;
		text-align: center;		
	}
	.pager{
		float: none;
	}
	.wrt_list .pub_item,
	.wrt_list .pub_item_popular,	
	.pub_list .pub_item,
	.pub_list .pub_item_popular,
	ul#categories_list li ul.sub_categories_list li{
		display: block;
		width: 100%;
		float: none;
	}
	.inp_select{
		max-width: 150px;
	}	
	
	.form_row label{
		display:block;
		width: auto;
		text-align: left; 
		
	}
	

	.flexible-538{
		width: auto !important;
		float: none !important;
		display: block;		
	}
	
	.table-block{
		display: block;
	}
	.table-row{
		display: block;
		margin-bottom: 1em;
	}
	.table-cell{
		display: block;
	}	
	.rsp-hide-538{
		display: none;
	}
	.rsp-hide{
		display: none;
	}	
	.rsp-show{
		display: inline;
	}
	.rsp-show-538{
		display: inline;
	}			
	.rsp-center{
		text-align: center !important;
	}
	.rsp-left{
		text-align: left !important;
	}	
	.box-col2, .box-col3{
		width: auto;
		float: none;
	}
	
	
	
	.ui-tabs-nav li{
	
		width: 100%;
		float: none;
		display: block;
		
	}
	.ui-tabs-nav li a{
		display: block;
		width: 90%;
	}
	.layout_111 .jcarousel-skin-slider .jcarousel-item {	    
   
	}
	#login_top{
		width: 90%;
		max-width: 250px; 
	}
	.login_top_row label{
		display: block;
		width: 100%;
		float: none;			
	}
	.login_top_row .inp_text{
		float: none;
		width: 90%;		
	}
	.login_top_row_buttons{
		text-align: left;
	}
	
	
	.box_prd_detail .image{		
		width: 100%;
		text-align: center;
		height: auto;
	}
	.box_prd_detail .image img{		
		width: 85%;
	}	
	.box_prd_detail .prd_info{		
		width: 100%;
	}
	.layout_111 .box_prd_detail .prd_info{	
		width: 100%;	
	}
	.layout_110 .box_prd_detail .prd_info,
	.layout_011 .box_prd_detail .prd_info{	
		width: 100%;
	}
	.layout_010 .box_prd_detail .prd_info{	
		width: 100%;
	}	

	
	.order_steps .ord_step{
		display:none;		
		min-width: 50%;
		width: 55%;		
		overflow: hidden;
	}
	.order_steps .ord_step_selected{
		display:block;	
		
	}	
	
	.banner-2,
	.banner-3,
	.banner-4{
		text-align: center;
	}
	.banner-2 .banner_img_box,		
	.banner-3 .banner_img_box{
		width: 100%;		
	}
	.banner-4 .banner_img_box{
		width: 100%;
	}
	
}