﻿@media screen and (max-width: 400px){
	
}



@media screen and (max-width: 480px){
	
}



@media screen and (max-width: 600px){
	.blocol2{display: block}.blocol2>div{width: 100%;}
	.blocol3{flex-wrap: wrap}.blocol3>div{width: 50%;}
	.blocol4{margin: 3px !important;}
	.blocol4>div{width: 50%;}
	.blocol5{display: block}
	.blocol5>div{width: 100%;}
	
	
}



@media screen and (max-width: 700px) {
	.pagebody{padding: 10px;margin: 0px;}
	#posticon{flex-wrap: wrap;padding: 10px;}
	.posticon{width: 33.333333%;margin-bottom: 40px;}
	#icoupcro{left: 20px;bottom: -40px;}
	
	#footero1{text-align: center;padding: 10px 10px;}
	#foro1co1{}
	#foro1co1>div{margin-bottom: 15px;}
	#for21co152 {display: block;text-align: left;}

	
	.fole5{display: block;}
	.foottil6{margin-bottom: 20px;margin-top: 20px;}
	#footerboxfoo2{align-items: center;justify-content: center}
	#folo56r{width: 100%}
	.footpl6{text-align: center}
	
	#btnfoter23{width: 100%;float: none}
	
	
	#boxbamahamse{width: 100%}
	
	.procbe5tgjdl_{width: 100%}
	#propo85{display: none;}
	#procbox_f_{display: none;}
	#procbox_b_{width: 100%;}
	.prodbody{padding: 10px;}
	
	
	.row0{padding: 10px;}
	#headerbox{display: block;padding-bottom: 0;}
	.headrit_ {width: 100%;margin-bottom: 15px;}
	#hemenuibox{display: none;}
	
	#boximglsit {flex-wrap: wrap;}
	.boimli {margin: 0;width: 50%;padding: 20px;}
	
	
	.headrit{display: flex;justify-content: space-between;padding: 10px;}
	#headeserbox{flex: 60%}
	#headeserbox_logo{display: block}
	
	
	
	
	
	
	.granline{margin: 0px 10px;}
	
	#cartbody{max-height: 70vh;overflow: scroll;border-radius: 0px;margin: 0;width: 100%}
	#cartbody_ {
		margin: 0;
  position: fixed;
  top: 50px;
  right: 10%;
  width: 80%;
}
	
	#eijrirme_m {
    display: block;
    font-size: 20px;
    text-align: center;
    margin-bottom: 10px;font-family: 'IRANYekanBold';
  color: #5d5d5d;
  }
	#showdehimo245rd{display: none}
	#mobfotermen{display: flex}
	
	#icoupcro_mo{display: flex;}
	#icoupcro{display: none;}
	#footer_{margin-top: 0px;}
	
	
	
	#eijrirme{display: none}
	
	#forhibox8{display: flex;}
	#eihfvinmvsrd{display: none}
	#folo56r{background: #dcdcdc;padding: 15px;}
	#btnsendemail{float: none;}
	#btnfoter23{width: 40%;float: none;margin: 0 auto;}
	
	#prorow{display: block;}
	#prorow1{width: 100%;}
	#prorow2{width: 100%;}
	#prorow3{width: 100%;display: flex;justify-content: space-between;align-items: center}
	
	
	.procomitel{display: block;}
	.procomitp{width: 100%;margin-bottom: 5px;}
	#procomif1 , #procomif2 {width: 100%;}
	#procomboxy{padding: 30px 15px;}
	
	.boxline1{font-size: 16px;}
	.boxline3{font-size: 11px;}
	
	
	#row6{padding: 0;}
	.mohidebox{display: none}
	.rowrl {width: 30%;}
	#row4{padding: 0;}
	#row5{padding: 0;}
	
.e5tgjdl_{width: 100%;}
	#slidetabligh{display: block}
	.slitabdiv{width: 100%;margin:0;padding: 10px;border-radius: 20px;overflow: hidden}
	.sltaimg{border-radius: 20px;}
	
	
	#sliderbox{height: auto;}
	
	
	#menuheademobi{position: fixed;left: 0;right: 0;top: 0;z-index: 20;}
	#body{padding-top: 125px;padding-bottom: 50px;}
	
	#headrith3{display: none;}
	#headelogo_r{display: block;}
	#sericonmobi {display: block}
	
	
	#procbox_f_ {position: fixed;z-index: 25;background: #FFF;top: 80px;bottom: 0;right: 0;width: 100%;display: none;}
	#procbox_f{margin: 10px;}
#btnshowfilterbox,#closefilterbox{display: block;}
	#profinbox{display: block}
	
	
	#footeboxmoj{text-align: center;margin-top: 20px;}
	
	#footer_{padding-bottom: 20px;}
	
	.view52{height: 70px;display: flex;align-items: center;justify-content: center;}
	
	.pfm{display: block;padding: 0 7px;}
	
	#btnsendmessage{padding: 0 10px;width: 100%;}
	#btnsendemail{padding: 0;width: 100%;}
	.pfminp {width: 100%;}
	.pfmti{width: 100%}
	
	.articlesbody{padding: 10px;}
	.acritem_{float: none;width: 100%;margin-bottom: 30px;}
	.acritem{margin: 0px;}
	
	.rownlistpro{flex-wrap: wrap}
	.articproitem_{width: 50%;}
	
	
	#profbox{display: block;}
	#profbox_1{width: 100%;border: none}
	
	.profib_2col{display: block;}
	.profib_2col_1{width: 100%;}
	.profib_2col_2{width: 100%;}
	
	.row1{padding: 10px;}
	
	
	
	

	
	
	.profetai_ {width: 50%;margin-bottom: 20px;}
	
	.prolsvo_{width: 50%;}
	.prolsvo{margin: 5px;}
	
}


@media screen and (max-width: 900px) {
	
}



@media screen and (min-width: 801px) and (max-width: 1000px) {
	
	
}
@media screen and (min-width: 601px) and (max-width: 900px) {
	.blocol3>div{width: 50%;}
	.blocol4>div{width: 33.33333%;}
	.blocol5>div{width: 25%;}

}


@media screen and (min-width: 601px) and (max-width: 900px) {
	
}


@media screen and (min-width: 901px) and (max-width: 1150px) {
	
}


