@charset "utf-8";
/* CSS Document */

@media screen and (min-width: 450px) {

	
	/*******
swatches.

Background grey: #ececec
Red: #ed1c24
Black: #0f0f0f
Text Grey: #939598

Font
font-family: 'Montserrat', sans-serif;

******/
	
/*******************************home page welcome to arh styles************************/

.splash_image, .splash_about, .splash_contact, .filter_white {
	width:100%;
	height:500px;
	
}

.splash_image{
	background-image:url(../images/mutiple_mask_tablet.jpg);
}

.welcome_text_area{
margin-top:160px;
	}

.welcome_text_area h1{

	
	line-height:1.2em;
	font-size: 1.5em;
	font-weight:600px;

	}


.download_cata{
	font-size:0.8em;
	width:200px;
    margin-top:20px;


}

	
	

/*******************************products_home page************************/

	.clear{
		clear: left;
	}
.wrapper_two{
	max-width: 1200px;
    padding:2%;
	
}


.sub_holder{
margin-top:-120px;
}

	
	
.products_home_one {
	width:29.3333333333%;
	background-color: #FFFFFF;
	padding-left:3%;
	padding-right: 3%;
	padding-top: 3%;
	margin-bottom:6%;
	margin-left:2%;
	margin-right:2%;
	-webkit-box-shadow: 0px -17px 35px -12px rgba(0,0,0,0.36);
-moz-box-shadow: 0px -17px 35px -12px rgba(0,0,0,0.36);
box-shadow: 0px -17px 35px -12px rgba(0,0,0,0.36);
	color:#939598;
	float:left;
		}	
	
.products_home {
	width:29.3333333333%;
	background-color: #FFFFFF;
	padding-left:3%;
	padding-right: 3%;
	padding-top: 3%;
	margin-bottom:6%;
	margin-left:2%;
	margin-right:2%;
	-webkit-box-shadow: 0px -17px 35px -12px rgba(0,0,0,0.36);
-moz-box-shadow: 0px -17px 35px -12px rgba(0,0,0,0.36);
box-shadow: 0px -17px 35px -12px rgba(0,0,0,0.36);
	color:#939598;
	float:left;
		}

.products_home p {
	text-align: center;
	padding-top:7%;
	padding-bottom:7%;
	line-height: 1.2em;
	
	
}
 
.products_home:hover{
	color:#ed1c24;
	-webkit-box-shadow: 0px -15px 51px -8px rgba(0,0,0,0.62);
-moz-box-shadow: 0px -15px 51px -8px rgba(0,0,0,0.62);
box-shadow: 0px -15px 51px -8px rgba(0,0,0,0.62);
}	
	
	
	
	
/*******************************SAFETY SECTION************************/


.safety_sec{
	height:230px;
	background-image: url(../images/safety_tablet.jpg);
	
}

.filter{
height:230px;
}

.filter h1{
	font-size: 1.3em;
	margin-top:100px;

	
}
	
	
/*******************************Sfooter area************************/
.footer_area {
	width:100%;
	border-bottom: solid 10px #0f0f0f;
	

}

#footer_holder{
padding:2%;
	overflow: hidden;
	
}

.footer_logo{
max-width: 200px;
	margin:0 auto;
	padding-bottom:30px;
	float:left;
}

.contact_footer {
	overflow: hidden;
}

#socials{
	margin-top:50px;
}
#socials img {
	width:50px;
	
}

.footer_area h1{
	font-size: 1em;
	color:#0f0f0f;
	margin-bottom:10px;
	margin-top:20px;
	
}

.footer_area p{
color:#939598;
	font-size:0.8em;
	line-height:1.4em;
}	

	
	
.holder{
	float:right;
}	
	
/*******************************About style start here************************/


.splash_about{
	background-image: url(../images/about_home_tablet.jpg);
}	
	
	

	
	
	
	
	
	
	
	
	/*******************************PARTNERS SECTION************************/




.image_holder{
	
	margin-top:-130px;

}


.rafeek_content_holder{
	margin-top:-70px;
    
}


	
	.clear_both{
	clear:both;	
	}	

	
	
	/*******************************contact page styles************************/

.splash_contact{
	background-image: url(../images/contact_us_tablet.jpg);
}

	
	
	
/*******************************REGISTER STYLES************************/	
	
.register_form_holder{
	width:80%;
	min-height:300px;
	background-color: #FFFFFF;
	margin:0 auto;
	
}
	
	
/****************************sanitize style starts here***************************/

.splash_San{
	background-image: url(../images/sanitize_tablet.jpg);
}	
	

	

.video_holder{

	min-height:200px;
	
	}
	
	
	

}	
	
	
	
	
	
