@media (max-width: 1024px){
	
	.homepage{
		background-size: cover;
	}
	
	.manufacturer-search{
		padding: 20px;
	}
	
	.dashboard, .product-detail{
		padding: 25px;
		padding-top: 50px;
	}
	
	#product-listing{
		overflow-x: scroll;
	}
	
	form.product-listing table tr:first-child{
		width: 40%;
		float: left;
	}
	
	form.product-listing table tr:nth-child(2){
		width: 60%;
		float: left;
	}
	
	form.product-listing table tr th,
	form.product-listing table tr td{
		width: 100% !important;
		max-width: none;
	}
	
	form.product-listing table tr th{
		height: 36px;
		border-bottom: 1px solid #ffffff;
	}
	
	form.product-listing table th button.desktop-reset{display: none;}
	
	form.product-listing table th button.mobile-reset{
		display: inline-block;
		float: right;
	    margin-right: 10px;
	}
	
	form.product-listing table th button[type="submit"]{float: right;}
	
	form.product-listing table tr td{
		position: relative;
		padding-left: 42% !important;
		width: 100% !important;
		text-align: left !important;
		line-height: 2em !important;
		font-size: 1.15em !important;
		/* white-space: nowrap; */
		overflow: hidden;
		border-bottom: 1px solid #ffffff;
	}
	
	form.product-listing table tr td:before{
		position: absolute;
		top: 4px;
		left: 12px;
		width: 39%;
		border-right: 1px solid #EAEDEF;
		padding-right: 10px;
		white-space: nowrap;
		color: #777777;
		text-align: right;
		font-size: 0.9em;
		font-style: italic;
	}
	
	form.product-listing table tr td:nth-child(2){border-bottom: none;}
	
	form.product-listing table tr td:first-child:before{content: "date add / date change";}
	
	form.product-listing table tr td:nth-child(2):before{content: "picture_name_single_picture";}
	
	form.product-listing table tr td:nth-child(3):before{content: "picture quantity";}
	
	form.product-listing table tr td:nth-child(4):before{content: "producer_name";}
	
	form.product-listing table tr td:nth-child(5):before{content: "EAN_GTIN_UPC_number";}
	
	form.product-listing table tr td:nth-child(6):before{content: "brand_name";}
	
	form.product-listing table tr td:nth-child(7):before{content: "article_number_supplier";}
	
	form.product-listing table tr td:nth-child(8):before{content: "article_number_producer ";}
	
	form.product-listing table tr td:nth-child(9):before{content: "article_name";}
	
	form.product-listing table tr td:nth-child(10):before{content: "warning";}
	
	form.product-listing table tr td:nth-child(11):before{content: "basic_data_text";}
	
	form.product-listing table a.details{
		padding: 0px 25px;
	}
	
	
	ul#tab-button li a{padding: 22px 13px;}
	
	ul.product_media li{
	    width: 24.5%;
	}
	
	
}

@media (max-width:1023px) {
	
	a.logout, a.new-supplier{width: 162px; max-width: 100%;}
	
	.dashboard-container table.status tr td:first-child{padding-left: 15px;}
	
	.dashboard-container table tr td:first-child{padding-left: 0;}
	
	.dashboard-container h3{padding-left: 0 !important;}
	
	ul#tab-button li a{
		padding: 22px 36px;
	}
	
	ul.product_media li{width: 33%;}
	
}

@media(max-width:767px ){
	a.logout, a.new-supplier{padding: 7px;}
	
	.manuf-login-form{
		top: 65%;
	}
	
	.manuf-login-form label, .manufacturer-search label{
		padding: 5px 0;
	}
	
	.manuf-login-form input{
	    max-width: none;
	}
	
	.manufacturer-search{
		position: static;
		transform: none;
	}
	
	.manufacturer-search .where-ru{
		margin-top: 15px;
	}
	
	.where-ru-popup{
		margin-top: 20%;
	}
	
	.dashboard, .product-detail{
		padding: 10px;
		padding-top: 50px;
	}
	
	form.product-listing table tr th,
	form.product-listing table tr td{
		width: 100%; 
	}
	
	form.product-listing table tr:first-child{
		width: 52%;
	}
	
	form.product-listing table tr:first-child th{
		font-size: 13px;
	}
	
	form.product-listing table tr:nth-child(2){
		width: 48%;
	}
	
	form.product-listing table tr td{
		padding-left: 42% !important;
	}
	
	form.product-listing table tr td:before{
	    width: 38%;
	    font-size: 14px;
	}
	
	.dashboard ul.steps li, .product-detail ul.steps li{font-size: 15px;}
	
	
	ul#tab-button li{
		display: block;
	}
	
	ul#tab-button li a{
		width: 100%;
	}
	
	.tab-contents{padding: 25px;}
	
	.product-detail h2{
		font-size: 23px;
	}
	
	ul.product_media li{width: auto;}
}

@media (max-width: 479px){
	
	.logout-btn a,
	.new-supplier-btn a{font-size: 14px;}
	
	.manuf-login-form{
		top: 50%;
		padding: 20px;
	}
	
	.review-data{width: 93%;}
	
	.review-btns button,
	.review-btns a
	{
	   font-size: 14px;
	    padding: 6px;
		line-height: 1.5;	
	}
	
	.dashboard, .product-detail{
		padding: 8px;
		padding-top: 50px;
	}
	
	.dashboard-container{
		padding: 10px;
	}
	
	
	form.product-listing table tr th{
		height: 42px;
	}
	
	form.product-listing table tr th input{
		height: 100%;
	}
	
	
	form.product-listing table th button.mobile-reset{
		margin-right: 5px;
	}
	
	form.product-listing table tr td{
		padding-left: 50% !important;
		font-size: 14px !important;
	}
	
	form.product-listing table tr td:before{
	    width: 44%;
		font-size: 11px;
	}
	
	.product-detail h2{
		font-size: 16px;
	}
	
	.tab-contents{
		padding: 15px;
	}

	.product_media{text-align: center;}
	
}