@charset "utf-8";

@media (min-width: 969px) and (max-width: 1681px) {
	.logo_container{
		width:80px;
	}
	
	.logo_container img{
		width:100%;
		object-fit:cover;
		object-position:bottom;
		height:100px;
	}
	
	#menu_container .main_menu{
		margin-top:0px;
	}
			
	#menu_container .main_menu ul li a span{
		display: none;
	}
	
	div.user_container{
		right:5px;
		top:22px;
	}
	
	.user_container > ul{
		margin-left:0px !important;
		padding-left:0px !important;
	}
	
	div.user_container a{
		margin-left:10px;
	}
	
	#footer div.copyright{
		float:none !important;
		padding-left:0px;
		text-align:center;
	}
}

@media (min-width:581px) and (max-width: 968px) {
	.logo_container{
		width:80px;
		left:0px !important;
	}
	
	.logo_container img{
		width:100%;
		object-fit:cover;
		object-position:bottom;
		height:100px;
	}
	
	#menu_container .main_menu{
		margin-top:0px;
	}
	
	#menu_container .main_menu ul li{
		margin-left:5px;
		margin-right:5px;
	}
	
	#menu_container .main_menu ul li a{
		font-size:16px;
	}
	
	#menu_container .main_menu ul li a span{
		display: none;
	}
	
	a.profile{
		font-size:0px !important;
	}
	
	div.user_container{
		right:5px;
		top:22px;
	}
	
	.user_container > ul{
		margin-left:0px !important;
		padding-left:0px !important;
	}
	
	div.user_container a{
		margin-left:10px;
	}
	
	#footer div.copyright{
		float:none !important;
		padding-left:0px;
		text-align:center;
	}

	/****ENTRY PAGE****/
	#container_chooser{
		flex-wrap:wrap;
	}
	
	#container_chooser a:nth-child(1){
		order:2;
		width:48% !important;
	}
	
	#container_chooser a:nth-child(2){
		order:1;
		width:100% !important;
	}
	
	#container_chooser a:nth-child(3){
		order:3;
		width:48% !important;
	}
	/****ENTRY PAGE****/
	
	/****CATS****/
	#layout > #layout_main{
		width:100%;
		margin:auto;
		padding-top:145px;
	}
	
	#layout > div.top{
		left:0px;
		width:100%;
	}
	
	div.steps_container{
		width:96% !important;
	}
	
	div.steps_container > div.steps span.num{
		font-size:26px;
	}
	
	div.steps_container > div.steps span.title{
		font-size:16px;
	}
	
	div.steps_container > div.step_description > div.left{
		font-size:36px;
	}
	/****CATS****/
	
	/****SIZING****/
	#layout_sizing{
		flex-wrap: wrap;
	}
	
	div.input_box{
		order:1;
		width:96%;
		margin:20px auto;
	}
	
	#layout_sizing > div.layout_3d{
		order:2;
		width:96%;
		margin:20px auto;
		min-width:0px;
		display:none;
	}
	
	div.infobox_wrapper{
		order:2;
		width:96%;
		margin:20px auto;
	}
	
	#layout_sizing > div.layout_3d canvas{
		touch-action: pan-y;
	}
	
	#layout_sizing > div.layout_3d > div.rotate360{
		width:96%;
	}
	
	#layout_sizing > div.layout_3d > div.rotate360 > div.spiral{
		background-size:contain;
	}
	
	#layout_sizing div.infobox{
		width:100%;
	}
	
	#layout_sizing table.tbl_measurements tr.head > td{
		line-height:16px;
		font-size:20px;
		height:30px;
	}
	
	a.measure-button{
		display:block;
		float:right;
		font-size:16px;
		font-weight:normal;
	}
	
	a.measure-button::after{
		
	}
	/****SIZING****/
	
	/****CART****/
	h1.top{
		font-size:30px;
	}
	
	#main_content{
		padding:30px 15px;
	}
	
	.sheet h2{
		font-size:20px !important;
		margin-bottom:10px;
	}
	
	.tbl_art_list .row_header{
		display: none;
	}
	
	.tbl_art_list .row > td{
		display:inline-block !important;
		width:32.33% !important;
	}
	
	.tbl_art_list .row > td.quantity,
	.tbl_art_list .row > td.icons{
		width:auto !important;
	}
	
	.tbl_art_list .row > td.img img{
		width:90%;
	}
	
	.buttons-left,
	.buttons-right{
		width:100%;
		float:none;
		margin:10px auto;
	}
	
	.buttons-left a,
	.buttons-right a{
		margin:0px !important;
	}
	/****CART****/
	
	/****USERS****/
	div.sheet{
		margin-top:20px !important;
	}
	
	div.sheet td.col_left{
		width:100% !important;
	}
	
	div.sheet td.col_right{
		display:none !important;
	}
	
	#main_content h1{
		font-size:24px !important;
	}
	
	.login_msg_container{
		display:none;
	}
	
	.member_data table.tbl_measurements{
		float:none !important;
		width:100% !important;
		margin-top:30px;
	}
	
	table.tbl_measurements tr td.head{
		font-size:20px;
		height:30px;
	}
	
	.register_button_container .left,
	.register_button_container .right{
		width:100%;
		float:none;
	}
	
	#client_address_output,
	#client_contacts_output,
	#dealer_address_output,
	#dealer_contacts_output{
		width:100% !important;
		float:none;
	}
	
	.user_container ul li{
		margin:auto;
	}
	
	.user_container ul li:nth-child(2){
		display: none;
	}
	
	input#order_po[type="text"]{
		width:100% !important;
	}
	
	.buttons-right{
		float:none;
		width:100% !important;
	}
	
	.buttons-right a.button.left,
	.buttons-right a.button.right{
		display:inline-block !important;
		float:none !important;
		padding:10px 20px !important;
		min-width:0px;
	}
	
	div.tab_container,
	div.search_container,
	div.sort_container,
	div.tab_container a.tab{
		float:none !important;
	}
	
	div.tab_container a.tab{
		height:30px;
		margin-bottom:15px;
		width:48% !important;
		display:inline-block;
	}
	
	div.top_row_container{
		margin-top:10px;
		height:auto;
		margin-right:0px !important;
	}
	
	div.search_container div.wrapper{
		position:static;
		margin-bottom:20px;
	}
	
	div.search_container div.wrapper::after{
		width:98% !important;
	}
	
	table.tbl_order_list > tbody > tr > td{
		display:inline-block;
		vertical-align:top;
		width:48%;	
	}
	
	.sheet_top_titles{
		display:none;
	}
	
	.sheet_blue{
	}
	
	div.sheet_blue div.box,
	div.sheet_top_titles div.box{
		float:none;
		width:100% !important;
		margin:auto;
	}
	
	#edit_order_po .user_icon.edit{
		margin-top:-8px;
	}
	
	.sheet_blue .box div{
		float:none !important;
		margin:10px auto;
	}
	
	div.sheet_blue div.box a.button{
		width:100%;
	}
	
	.status_box{
		position:static !important;
		width:100% !important;
		margin-top:20px !important;
	}
	
	.user_container > ul > li ul{
		left:auto;
		right:0px;
	}
	
	div.form_element input[type="checkbox"] + label div.box{
		display:inline-block !important;
		vertical-align:top !important;
		width:26px !important;
	}
	/****USERS****/
}

@media (min-width:0px) and (max-width: 580px) {
	.logo_container{
		width:80px;
		left:0px !important;
	}
	
	.logo_container img{
		width:100%;
		object-fit:cover;
		object-position:bottom;
		height:100px;
	}
	
	#menu_container .main_menu{
		margin-top:0px;
	}
	
	#menu_container .main_menu ul li{
		margin-left:5px;
		margin-right:5px;
	}
	
	#menu_container .main_menu ul li a{
		font-size:16px;
	}
	
	#menu_container .main_menu ul li a span{
		display: none;
	}
	
	a.profile{
		font-size:0px !important;
	}
	
	div.user_container{
		right:5px;
		top:22px;
	}
	
	.user_container > ul{
		margin-left:0px !important;
		padding-left:0px !important;
	}
	
	div.user_container a{
		margin-left:10px;
	}
	
	#footer div.copyright{
		float:none !important;
		padding-left:0px;
		text-align:center;
	}

	/****ENTRY PAGE****/
	#container_chooser{
		flex-wrap:wrap;
	}
	
	#container_chooser a:nth-child(1){
		order:2;
		width:48% !important;
	}
	
	#container_chooser a:nth-child(2){
		order:1;
		width:100% !important;
	}
	
	#container_chooser a:nth-child(3){
		order:3;
		width:48% !important;
	}
	/****ENTRY PAGE****/
	
	/****CATS****/
	#layout > #layout_main{
		width:100%;
		margin:auto;
		padding-top:145px;
	}
	
	#layout > div.top{
		left:0px;
		width:100%;
	}
	
	div.steps_container{
		width:96% !important;
	}
	
	div.steps_container > div.steps span.num{
		font-size:26px;
	}
	
	div.steps_container > div.steps span.title{
		font-size:16px;
	}
	
	div.steps_container > div.step_description > div.left{
		font-size:36px;
	}
	/****CATS****/
	
	/****SIZING****/
	#layout_sizing{
		flex-wrap: wrap;
	}
	
	div.input_box{
		order:1;
		width:96%;
		margin:20px auto;
	}
	
	#layout_sizing > div.layout_3d{
		order:2;
		width:96%;
		margin:20px auto;
		min-width:0px;
		display:none;
	}
	
	div.infobox_wrapper{
		order:2;
		width:96%;
		margin:20px auto;
	}
	
	#layout_sizing > div.layout_3d canvas{
		touch-action: pan-y;
	}
	
	#layout_sizing > div.layout_3d > div.rotate360{
		width:96%;
	}
	
	#layout_sizing > div.layout_3d > div.rotate360 > div.spiral{
		background-size:contain;
	}
	
	#layout_sizing div.infobox{
		width:100%;
	}
	
	#layout_sizing table.tbl_measurements tr.head > td{
		line-height:16px;
		font-size:20px;
		height:30px;
	}
	
	a.measure-button{
		display:block;
		float:right;
		font-size:16px;
		font-weight:normal;
	}
	
	a.measure-button::after{
		
	}
	/****SIZING****/
	
	/****CART****/
	h1.top{
		font-size:30px;
	}
	
	#main_content{
		padding:30px 15px;
	}
	
	.sheet h2{
		font-size:20px !important;
		margin-bottom:10px;
	}
	
	.tbl_art_list .row_header{
		display: none;
	}
	
	.tbl_art_list .row > td{
		display:inline-block !important;
		width:49% !important;
	}
	
	.tbl_art_list .row > td.quantity,
	.tbl_art_list .row > td.icons{
		width:auto !important;
	}
	
	.tbl_art_list .row > td.img img{
		width:90%;
	}
	
	.buttons-left,
	.buttons-right{
		width:100%;
		float:none;
		margin:10px auto;
	}
	
	.buttons-left a,
	.buttons-right a{
		margin:0px !important;
	}
	/****CART****/
	
	/****USERS****/
	div.sheet{
		margin-top:20px !important;
	}
	
	div.sheet td.col_left{
		width:100% !important;
	}
	
	div.sheet td.col_right{
		display:none !important;
	}
	
	#main_content h1{
		font-size:24px !important;
	}
	
	.login_msg_container{
		display:none;
	}
	
	.member_data table.tbl_measurements{
		float:none !important;
		width:100% !important;
		margin-top:30px;
	}
	
	table.tbl_measurements tr td.head{
		font-size:20px;
		height:30px;
	}
	
	.register_button_container .left,
	.register_button_container .right{
		width:100%;
		float:none;
	}
	
	#client_address_output,
	#client_contacts_output,
	#dealer_address_output,
	#dealer_contacts_output{
		width:100% !important;
		float:none;
	}
	
	.user_container ul li{
		margin:auto;
	}
	
	.user_container > ul > li:nth-child(2){
		display: none;
	}
	
	input#order_po[type="text"]{
		width:100% !important;
	}
	
	.buttons-right{
		float:none;
		width:100% !important;
	}
	
	.buttons-right a.button.left,
	.buttons-right a.button.right{
		display:inline-block !important;
		float:none !important;
		padding:10px 20px !important;
		min-width:0px;
	}
	
	div.tab_container,
	div.search_container,
	div.sort_container,
	div.tab_container a.tab{
		float:none !important;
	}
	
	div.tab_container a.tab{
		height:30px;
		margin-bottom:15px;
		width:48% !important;
		display:inline-block;
	}
	
	div.top_row_container{
		margin-top:10px;
		height:auto;
		margin-right:0px !important;
	}
	
	div.search_container div.wrapper{
		position:static;
		margin-bottom:20px;
	}
	
	div.search_container div.wrapper::after{
		width:98% !important;
	}
	
	table.tbl_order_list > tbody > tr > td{
		display:inline-block;
		vertical-align:top;
		width:48%;	
	}
	
	.sheet_top_titles{
		display:none;
	}
	
	.sheet_blue{
	}
	
	div.sheet_blue div.box,
	div.sheet_top_titles div.box{
		float:none;
		width:100% !important;
		margin:auto;
	}
	
	#edit_order_po .user_icon.edit{
		margin-top:-8px;
	}
	
	.sheet_blue .box div{
		float:none !important;
		margin:10px auto;
	}
	
	div.sheet_blue div.box a.button{
		width:100%;
	}
	
	.status_box{
		position:static !important;
		width:100% !important;
		margin-top:20px !important;
	}
	
	.user_container > ul > li ul{
		left:auto;
		right:0px;
	}
	
	div.form_element input[type="checkbox"] + label div.box{
		display:inline-block !important;
		vertical-align:top !important;
		width:26px !important;
	}
	/****USERS****/
}