@media (max-width:1024px) {
	#folder{ right: 85px; }
	#search{ margin-right: 140px; }
	#prod_list table { min-width: 960px; }
	[data-tooltip]::after{ display: none; }
	.company-list, .industry-list { width: 95%; }
	#mail_history { { max-width: 960px; }
}
@media (max-width:1000px) {
	#folder_capt{ top: 52px; right: 0px; }
	.top-menu img.logo { display: none; }	
	/*.top-menu{ min-height: 72px; } */
	.top-menu li { display: contents; font-size: 17px; display: inline-table; width: 120px; line-height: 1; margin-top: 0px; margin-right: 18px; margin-left: -10px; }
	#prod_list{ padding-left: 0px; max-width: 745px; }
	#prod_list table{ min-width: 650px; max-width: 745px; }
	#prod_list table caption{ box-shadow: none; }
	#folder{ right: 65px; }
	#search{ top: 10px; margin-right: 130px; }
	#caption_edit input{ margin: 5px; width: 520px; font-size: 16px; }
	#btnFldSaveCaption{ margin: 5px; }
	#prod_list td a{ font-size: 16px; line-height: 2.5; }
	#top_name { width: 400px!important; left: 180px!important; margin-left: 0px!important; }
}

@media (max-width:760px) {
	body{ padding-top: 60px; }
	h1{ font-size: 15px; }
	#search{ width: 180px; margin: 10px; margin-right: 5px; float: right; overflow: hidden; border-radius: 10px; background: #fff; display: none; }
	#input-search { width: 150px; border: none; padding: 3px 10px; }
	#input-search::placeholder { color: #a7a7a7; font-size: 14px; }
	#search img{ width: 25px; height: auto; float: right; margin: 0px; cursor: pointer; }
	#folder{ right: 80px; }
	#company-info { width: 95%; padding-bottom: 10px; }
	#company-info a{ font-size: 14px; float: right; margin: 10px; }
	#company-info img{ width: 50%; float: left; }
	#company-info h4{ display: none; }

	#caption_edit input { margin: 5px; width: 220px; font-size: 12px; }
	#btnFldSaveCaption{ margin: 5px; font-size: 12px; width: 80px; }
	
	.top-menu li{ width: 70px; font-size: 14px; margin-top: -5px; }
	#left_menu{ padding: 20px 0px 40px 7px; }
	.company-list, 
	.industry-list{ width: 94%; padding: 5px; margin-left: 0px; margin-right: 0px; padding-top: 55px; }
	.industry_group { width: 90%; }
	.company-info, .industry-info { width: 25%; font-size: 12px; min-height: 120px; }
	.industry-info{ width: 41%; }
	.company-info img, .industry-info img { width: 100%; height: auto; /*filter: none;*/ }
	
	[data-tooltip]:hover::after { opacity: 0; }
	
	#prod_list { margin: 0px; padding-left: 0px; min-width: 300px; }
	#prod_list table{ min-width: 330px; }
	#prod_list table caption{ display: block; font-size: 11px; caption-side: top left; text-align: left; padding-left: 100px; box-shadow: none; }
	#prod_list th{ font-size: 10px; }
	#prod_list table th.action{ width: 32px; }
	#prod_list td{ font-size: 12px; background-size: 28px 28px!important; }
	#prod_list td.caption_prod{ padding: 4px 2px 4px 20px; }
	#prod_list td a{ font-size: 14px; line-height: 2; }
	#prod_list tr.subitem td.caption_prod { font-size: 11px; padding-left: 30px; }
	
	#prod_list table td.del_prod{ background-size: 18px 18px!important; }
	
	#left_menu { top: 40px; max-width: 300px; }
	#left_menu p { font-size: 14px; }
	#bottomdiv{ display: none; }
	
	.comp-doc{ width: 300px; }

	#btnFldRename, #btnMailPreview, #btnSitePreview { margin-left: 0px; width: 90px; font-size: 12px; min-height: 30px; }
	#prod_list table caption img.caption_btn.docs{}
	#prod_list table caption img.caption_btn.www{}
	#prod_list span.doc_count{ text-align: center; }
	
	.mail_item{ font-size: 12px; }
	#mail_list { width: 130px; }
	.mail_preview{ left: 140px; }
	.mail_preview #sml{ line-height: 1.1!important; font-size: 11px!important; }	
}

@media (max-width:460px) {	
	#button-qrcode{ float: none; margin-top: 90px; width: 90%; }
	#area-qrcode{ margin-top: 5px; width: 50%; margin-left: 25%; margin-right: 25%; margin-top: 90px; float: none; padding: 0px!important; }
	#area-qrcode img{ width: 100%; margin: 0px!important; }
	
	#prod_list th.col_koef{ /*display: none;*/ width: 10px; font-size: 9px; padding: 0px; }
	#prod_list td.td_koef{ /*display: none;*/ width: 10px; padding: 0px; }
	
	#folder_capt { font-size: 10px; }
	#logoeg{ display: none!important; }
	#mail_history{ height: 420px!important; }
	#top_name { font-size: 15px!important; width: 200px!important; padding: 10px!important; left: 5px!important; margin-left: 0px!important; }
}

@media (max-width:320px) {	
	.top-menu ul{ margin-left: -20px; }
	.company-info, .industry-info { width: 24%; }
	.comp-doc { width: 280px; }
	.industry-info { width: 40%; }
	#folder { right: 55px; }
	#prod_list table{ min-width: 300px; }
	#btnFldRename, #btnMailPreview, #btnSitePreview { width: 80px; }
}