body
{
margin:0px;
padding:0px;
background-image:url('../images/bg.jpg');
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover; 
}
a
{
text-decoration:none;
}
/* body_div */
.body_div
{
width:80%;
margin:0 10%;
float:left;
background-color:#e0dcbc; 


}
.header
{
	width:98%;
	padding:1%;
	float:left;
	
}
.logo
{
	width:22%;
	
	float:left;
}

.social
{
	width:50%;
	float:right;
}
.so_ic
{
	width:auto;
	margin:5px;
	float:right;
}
.meenu
{
	width:auto;
	float:right;
	margin-top:20px;
}

.banner
{
	width:98%;
	padding:1%;
	float:left;
}
.main_div
{
	width:100%;
	float:left;
}

.m_lft
{
	width:22%;
	float:left;
	padding:1%;
	background-color:#feebeb;
}
.m_lft h3
{
	background-color:#ca0409;
	color:#fff;
	text-align:center;
	margin:0px;
	padding:5px;
	border-radius:10px;
}

h3
{
	color:#fff;
	text-align:center;
	margin:5px;
	padding:2px;
	background-color:#eb050b;
	float:left;
	width:98%;
}

.pr
{
	background-color:#eb050b;
	color:#fff;
	text-align:center;
	width:80%;
	margin:1% 10%;
	padding:2%;
	float:left;
	border-radius:20px;
}
.pr:hover
{
	background-color:#fb7b7e;
	color:#5b0101;
}

.box
{
	width:22%;
	padding:1%;
	float:left;
	
}


.m_rgt
{
	width:74%;
	float:left;
	padding:1%;
}

.wl h2
{
	
	color:#eb050b;
	text-align:left;
	margin:0px;
	width:96%;
	padding:5px 15px;
	margin:5px;
    float:left;
	border-bottom:1px solid #eb050b;
	
}
.im
{
    width:60%;
    margin:0 14%;
    padding:1%;
    float:left;
}
.pe
{
    width:96%;
    padding:2%;
    float:left;
}
p
{
	text-align:justify;
	color:#656464;
	font-size:14px;
	line-height:20px;
	float:left;
	padding:5px;
	margin:0px;
	width:98%;
	
}

.bx_im
{
width:29%;
padding:1%;	
float:left;

}


.r_m
{
	width:auto;
	padding:6px 10px;
	float:right;
	color:#ad0809;
}

	.footer
 {
 width:98%;
 padding:1%;
 float:left;
 background-color:#c9c49f;
 font-size:14px;
 
 }
 
 .footer h4
 {
 color:#eb050b;
 margin:0 0 5px 0;
 padding:0px;
 
 
 }
 .footer a
 {
 color:#656464;
 text-decoration:none;
 }
 .footer a:hover
 {
 color:#000;
 text-decoration:none;
 }
 .footer p
 {
 color:#656464;

 }
 
 
 .footer_box
 {
 width:32%;
 
 float:left;
 padding:.5%;
 
 }
 .foot_li
 {
 width:98%;
 padding:1%;
 float:left;
 }
 
 .foot_copy
 {
 width:100%;
 float:left;
 text-align:center;
 color:#656464;
 padding-top:4px;
 border-top:1px solid #656464;
 }
 
 .location
 {
	 width:98%;
	 padding:1%;
	 float:left;
 }
 .loc
 {
	 width:auto;
	 padding:2px 10px;
	 float:left;
	 color:#656464;
 }
 
 .prd_bx
 {
     width:48%;
     padding:1%;
     float:left;
 }
 
 .box_prd
 {
     width:20%;
     padding:1%;
     margin:1%;
     border:1px solid  #eb050b;
     float:left;
     border-radius:15px;
 }
 
 
 /******************  about *****************/
 
 .abt_lft
 {
     width:30%;
     float:left;
     padding:1%;
 }
 .abt_rgt
 {
     width:65%;
     float:left;
     padding:1%;
 }
 
 .abt_rgt h3
{
	color:#ad0809;
	text-align:left;
	margin:0px;
	padding:5px;
	background-color:#fff;

}
 
 /******************* contact page **********************/
.contact
{
	width:100%;
	float:left;
}
.contact h1
{
	font-size:25px;
	padding:2px;
	color:#32333B;
	line-height:30px;
	text-align:center;
}
.contact h4
{
	font-size:16px;
	padding:2px;
	color:#32333B;
	line-height:20px;
	text-align:center;
}
.contact p
{
	text-align:center;
	font-size:17px;
	line-height:30px;
	width:100%;
}
.contact-1
{
	width:28%;
	padding:1%;
	float:left;
}
.contact-2
{
	width:67%;
	padding:1%;
	float:left;
}
.contact-1 h2
{
	font-size:22px;
	padding:2px;
	color:#32333B;
	line-height:24px;
	font-family:Bell MT;	
}
.contact-1 p
{
font-size:16px;
	line-height:20px;
	text-align:justify;
	color:#343E41;
	font-family:Calibri;
	padding:0 .5em;	
}
.contact-form h2
{
	font-size:24px;
	padding:2px;
	color:#32333B;
	line-height:24px;
	font-family:Bell MT;
}
.contact-form{
	position:relative;
	padding:1em;
}
.contact-form div{
	padding:5px 0;
	width:49%;
	float:left;
	
}
.contact-form span{
	display:block;
	font-size:0.9em;
	padding-bottom:2px;
	color:#343E41;
	font-family:Calibri;
}
.contact-form input[type="text"],.contact-form textarea{
    padding:3px;
	display:block;
	width:97%;
	height:30px;
	background:#fff;
	border: none;
	outline:none;
	color:#464646;
	font-size:0.9em;
	box-shadow: inset 0px 0px 2px rgba(35, 38, 90, 0.9);
	-webkit-box-shadow: inset 0px 0px 2px rgba(35, 38, 90, 0.9);
	-moz-box-shadow: inset 0px 0px 2px rgba(35, 38, 90, 0.9);
	-o-box-shadow: inset 0px 0px 2px rgba(35, 38, 90, 0.9);
	-webkit-appearance:none;
	border-radius:4px;
}
.contact-form textarea{
	resize:none;
	height:80px;		
}
.contact-form input[type="submit"]{
	padding:7px 10px;
	color:#000;
	cursor:pointer;
	background:#dfdfdf;
	border: 1px solid rgba(0, 0, 0, 0.25);
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.50);
	-webkit-border-radius: 5px;
    border-radius:2px;
    position:absolute;
	
    right:50px;
	width:150px;
	margin-top:20px;

}
.contact-form input[type="submit"]:hover{
	background-color:#b8b9b8;
}
.contact-form input[type="submit"]:active{
	background-color:#cfcfd0;  
}
 
 
 
 
/*****************************************************************************************************************************************************************************************************************************/

 
 
 
 /***************************************************************************/
 @media only screen 
and (min-device-width : 320px) 
and (max-device-width : 540px){
   /* body_div */
.body_div
{
width:98%;
margin:0 1%;
float:left;
background-color:#fdfff6; 


}
.header
{
	width:98%;
	padding:1%;
	float:left;
	
}
.logo
{
	width:98%;
	padding:1%;
	
	float:left;
}
/* .name
{
	width:60%;
	padding:1%;
	float:left;
	
} */
.social
{
	width:80%;
	float:right;
	margin:0 10%;
}
.so_ic
{
	width:auto;
	margin:5px;
	float:right;
}
.meenu
{
	width:100%;
	float:right;
	margin-top:10px;
}

.banner
{
	width:98%;
	padding:1%;
	float:left;
	
}
.main_div
{
	width:100%;
	float:left;
}

.m_lft
{
	width:98%;
	float:left;
	padding:1%;
	background-color:#feebeb;
}
.m_lft h3
{
	background-color:#ca0409;
	color:#fff;
	text-align:center;
	margin:0px;
	padding:5px;
	border-radius:10px;
}

h3
{
	color:#fff;
	text-align:center;
	margin:5px;
	padding:2px;
	background-color:#eb050b;
}

.pr
{
	background-color:#eb050b;
	color:#fff;
	text-align:center;
	width:80%;
	margin:1% 10%;
	padding:2%;
	float:left;
	border-radius:20px;
}
.pr:hover
{
	background-color:#fb7b7e;
	color:#5b0101;
}

.box
{
	width:98%;
	padding:1%;
	float:left;
	
}



.m_rgt
{
	width:98%;
	float:left;
	padding:1%;
}

.wl h2
{
	
	color:#eb050b;
	text-align:left;
	margin:0px;
	padding:5px;
	border-radius:10px;
	
}
p
{
	text-align:justify;
	color:#656464;
	font-size:14px;
	line-height:20px;
	float:left;
	padding:5px;
	margin:0px;
}

.bx_im
{
width:29%;
padding:1%;	
float:left;

}
 .box_prd
 {
     width:96%;
     padding:1%;
     margin:1%;
     border:1px solid  #eb050b;
     float:left;
     border-radius:15px;
 }


.r_m
{
	width:auto;
	padding:6px 10px;
	float:right;
	color:#ad0809;
}

	.footer
 {
 width:98%;
 padding:1%;
 float:left;
 background-color:#c9c49f;
 font-size:14px;
 
 }
 
 .footer h4
 {
 color:#eb050b;
 margin:0 0 5px 0;
 padding:0px;
 
 
 }
 .footer a
 {
 color:#656464;
 text-decoration:none;
 }
 .footer a:hover
 {
 color:#000;
 text-decoration:none;
 }
 .footer p
 {
 color:#656464;

 }
 
 
 .footer_box
 {
 width:98%;
 
 float:left;
 padding:1%;
 
 }
 .foot_li
 {
 width:98%;
 padding:1%;
 float:left;
 }
 
 .foot_copy
 {
 width:100%;
 float:left;
 text-align:center;
 color:#656464;
 padding-top:4px;
 border-top:1px solid #656464;
 }
 
 .location
 {
	 width:98%;
	 padding:1%;
	 float:left;
 }
 .loc
 {
	 width:auto;
	 padding:2px 10px;
	 float:left;
	 color:#656464;
 }
 
.prd_bx
 {
     width:96%;
     padding:2%;
     float:left;
 }
 
 
  /******************  about *****************/
 
 .abt_lft
 {
     width:98%;
     float:left;
     padding:1%;
 }
 .abt_rgt
 {
     width:98%;
     float:left;
     padding:1%;
 }
 
 .abt_rgt h3
{
	color:#ad0809;
	text-align:left;
	margin:0px;
	padding:5px;
	background-color:#fff;

}
 
  /******************* contact page **********************/
.contact
{
	width:100%;
	float:left;
}
.contact h1
{
	font-size:27px;
	padding:0px;
	margin:0px;
	color:#32333B;
	line-height:30px;
	text-align:center;
}
.contact h4
{
	font-size:25px;
	padding:2px;
	color:#32333B;
	line-height:50px;
	text-align:center;
}
.contact p
{
	text-align:center;
	font-size:17px;
	line-height:20px;
}
.contact-1
{
	width:80%;
	padding:1%;
	margin:0 9%;
	float:left;
}
.contact-2
{
	width:96%;
	padding:1%;
	margin:1%;
	float:left;
}
.contact-1 h2
{
	font-size:20px;
	padding:2px;
	color:#32333B;
	line-height:80px;
	text-align:center;
	
}
.contact-1 p
{
font-size:18px;
	line-height:40px;
	text-align:justify;
	color:#343E41;
	text-align:center;
	padding:0 .5em;	
}
.contact-form h2
{
	font-size:18px;
	padding:2px;
	color:#32333B;
	line-height:24px;
	font-family:Bell MT;
}
.contact-form{
	
	padding:1em;
	float:left;
}
.contact-form div{
	padding:1%;
	width:98%;
	float:left;
	
}
.contact-form span{
	display:block;
	font-size:15px;
	padding-bottom:2px;
	margin-bottom:5px;
	font-weight:bold;
	color:#343E41;


}
.contact-form input[type="text"],.contact-form textarea{
    padding:3px;
	display:block;
	width:97%;
	height:60px;
	background:#fff;
	border: none;
	outline:none;
	color:#464646;
	font-size:1.3em;
	box-shadow: inset 0px 0px 2px rgba(35, 38, 90, 0.9);
	-webkit-box-shadow: inset 0px 0px 2px rgba(35, 38, 90, 0.9);
	-moz-box-shadow: inset 0px 0px 2px rgba(35, 38, 90, 0.9);
	-o-box-shadow: inset 0px 0px 2px rgba(35, 38, 90, 0.9);
	-webkit-appearance:none;
	border-radius:4px;
}
.contact-form textarea{
	resize:none;
	height:150px;		
}
.contact-form input[type="submit"]{
	padding:7px 10px;
	color:#000;
	font-size:18px;
	cursor:pointer;
	background:#dfdfdf;
	border: 1px solid rgba(0, 0, 0, 0.25);
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.50);
	-webkit-border-radius: 5px;
    border-radius:2px;
    right:150px;
    width:auto;
    float:left;
    
    bottom:5px;
  
}

}
.whatsapp {
    position: fixed;
    right: 35px;
    bottom: 90px;
    z-index: 9999;
    width: 6%;
    
}
    .whatsapp2 {
        position: fixed;
    left: 5px;
    bottom: 58px;
    z-index: 9999;
    width: 6%;
    
}
.whatsapp1 {
       position: fixed;
    left: 29px;
    bottom: 141px;
    z-index: 9999;
    width: 4%;
}
.contact-form input[type="submit"]:hover{
	background-color:#b8b9b8;
}
.contact-form input[type="submit"]:active{
	background-color:#cfcfd0;  
}



}