/* Enter Your Custom CSS Here */



#top #fullscreen_slider_1 .avia-slideshow-arrows.avia-slideshow-controls .prev-slide   {
		left: 0 !important;
}


html:lang(fa-IR) #top .av-main-nav ul a , html:lang(ar) #top .av-main-nav ul a {
	text-align: right !important;
}



html:lang(en-US) #top .av-main-nav ul a {
	text-align: left !important;
}

#products-list th{text-align: center !important}
#products-list th:nth-child(1){width: 85px}
#products-list th:nth-child(2){width: 95px}
#products-list th:nth-child(3){}
#products-list th:nth-child(4){width: 130px}
#products-list th:nth-child(5){width: 100px}
@media(min-width: 769px) {
	#products-list tr:hover{background: #4abfdc}
	#products-list tr:hover td *{color: #000 !important}
}
@media(max-width: 768px) {
	#products-list thead{display: none !important}
	#products-list .wpt_mobile_desc_part > div:first-child{
		/*display: none*/
	}
	#main > div > .container{
    width: 100% !important;
    max-width: 100% !important;
	}
	#products-list .wpt_product_title div{padding-left: 0 !important; text-align: center}
	#products-list .wpt_product_title div:before{display: none}
	#products-list tbody{display: flex !important; flex-wrap: wrap}
	#products-list tr{
		display: flex !important; flex-basis: 50%; margin-bottom: 0 !important; border: 1px solid #ccc;
    flex-direction: column; align-items: center; background: #fff; justify-content: center;
	}
	#products-list tr td{padding: 3px !important;}
	#products-list tr td img{width: 120px !important}
	#main main{padding-top: 0 !important}
	#products-list br{display: none !important}
}