@charset "utf-8";
/* CSS Document */
@media (max-width: 785px) { 
	#product-container,#content-container{
		display:none;
	}
}

@media (max-width: 621px) { 
	#slogan h1{
		font-size:20px;
		padding-top:20px;
	}
	#slogan{
		height:75px;
	}
}

@media (max-width: 360px) { 
	#slogan h1{
		font-size:16px;
		padding-top:18px;
	}
        .content-inner-name{
            font-size:24px !important;
        }
        .side h2{
            font-size:15px;
        }
	#slogan{
		height:60px;
	}
}

@media (max-width: 477px) { 
	.top-email{
		display:none;
	}
}
@media (max-width: 500px) { 
	.problem{
		height:auto;
	}
}

@media (max-width: 992px) { 
	#mainmenu{
		display:none;
	}
}

@media (max-width: 991px) { 
	.resmenu{
		display:block;
                font-family: IRANSans;
                
	}
        
        .resmenu a{
            color: #000000 !important;
        }
	#layerslider{
		display:none;
	}
	#res-slide{
		display:block;
	}
}

@media (max-width: 1000px) { 
	#layerslider{
		display:none;
	}
	#res-slide{
		display:block;
	}
}

@media (max-width: 992px) { 
	.grid-itemp { 
	width:200px;
	margin:10px;
	}
	.grid-itemc { 
	width:200px;
	margin:10px;
	}
	.content-inner{
		height:auto !important;
	}
	#contents-inner-container{
		height:auto !important;
	}
}
@media (max-width: 768px) { 
	.grid-itemp { 
	width:160px;
	margin:10px;
	}
	.grid-itemc { 
	width:200px;
	margin:10px;
	}
	.grid-itemg { 
	width:160px;
	margin:10px;
	}
	#contents-inner-container {
		padding-top:0px;
		padding-bottom:0px;
		min-height:500px;
		margin-top:-20px;
    }
	.fma{
		background-color:#66a308 !important;
		color:#FFFFFF !important;
		width:50%;
		float:right;
		margin-bottom:0px !important;
	}
	.fm{
		background-color: #faffe2 !important;
		color:#66a308 !important;
		width:50%;
		float:right;
		margin-bottom:0px !important;
		display:block;
              
	}
		
}
@media (max-width: 359px) { 
	.grid-itemp { 
	width:200px;
	margin:10px;
	}
	.grid-itemg { 
	width:230px;
	margin:10px;
	}
}
@media (max-width: 426px) { 
	.grid-itemc { 
	width:250px;
	margin:10px;
	}
}
@media (max-width: 1200px) { 
	.product-explain-inner{
	min-height:190px;
	}
}
@media (max-width: 768px) { 
	.gal-pic{
		margin-bottom:10px;
	}
	#products {
	  min-height:inherit;
	}
	.product-inner{
		padding-top:30px;
	}
        .problem-container{
            width: 100% !important;
        }
        .problem{
            width: 100% !important;
        }
        #right-side, #left-side{
            width: 100% !important;
            
        }
}
@media (max-width: 1200px) { 
	#products {
	  min-height:300px;
	}
	.product-inner{
		padding-top:45px;
	}
	.contact-info{
		min-height:318px;
	}
}
@media (max-width: 768px) { 
	.content-date{
		display:none;
	}
	.contact-info{
		margin-bottom:30px;
	}
}
@media (max-width: 748px) { 
	.grid-itemg { 
		width:46.5%;
	}
}
@media (max-width: 699px) { 
	.grid-itemg { 
		width:95%;
	}
}
/*------------------------------PICTURES---------------------------*/
@media (min-width: 1200px) {
	.col-item .photo img{
		width:291px !important;
		height:200px !important;
	}
	.col-item2 .photo2 img{
		width:291px !important;
		height:181px !important;
	}
	.product-img-con img{
		width:261px !important;
		height:194px !important;
	}
	.content-img-con img{
            font-family: IRANSans;
		width:231px !important;
		height:146px !important;
	}
}

@media (max-width: 1199px) {
	.col-item .photo img{
		width:243px !important;
		height:151px !important;
	}
	.col-item2 .photo2 img{
		width:243px !important;
		height:150px !important;
	}
	.product-img-con img{
		width:294px !important;
		height:218px !important;
	}
	.content-img-con img{
		width:272px !important;
		height:171px !important;
	}

}

@media (max-width: 992px) {
	.col-item .photo img{
		width:186px !important;
		height:120px !important;
	}
	.col-item2 .photo2 img{
		width:186px !important;
		height:116px !important;
	}
	.product-img-con img{
		width:342px !important;
		height:254px !important;
	}
	.content-img-con img{
		width:312px !important;
		height:196px !important;
	}
}

@media (max-width: 768px) {
	.product-img-con img{
		width:100% !important;
		height:auto !important;
	}
	.content-img-con img{
		width:100% !important;
		height:auto !important;
	}
	#right-side,#left-side{
		padding:0px !important;
	}
}
/*------------------FIRST PAGE-----------------*/
@media (max-width: 1200px) {}
@media (max-width: 992px) {
	.boxed{
		width: auto;
		margin-top:0px;
	}
}
@media (max-width: 768px) {

}