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:90%;
margin:2 5%;
float:left;
background-color:#f9f0d9; 


}
.header
{
	width:98%;
	padding:1%;
	float:left;
	background-color:#764b1c;
}
.head
{
width:25%;
padding:1%;
float:left;	
}
.name h2
{
	width:98%;
	float:left;
	color:#fff;
	margin:0px;
	padding:0px;
	
}

.tag h3
{
	width:98%;
	float:left;
	color:#fff;
	margin:0px;
	padding:0px;
	background-color:#764b1c;
	text-align:left;
	padding-left:2em;
	
}

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




.whatsapp {
    position: fixed;
    right: 35px;
    bottom: 60px;
    z-index: 9999;
    width: 6%;
    
}
    .whatsapp2 {
        position: fixed;
    right: 5px;
    bottom: 58px;
    z-index: 9999;
    width: 6%;
    
}
.whatsapp1 {
       position: fixed;
    right: 29px;
    bottom: 141px;
    z-index: 9999;
    width: 4%;
}


.meenu
{
	width:auto;
	float:right;
	margin-top:10px;
}

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

.main_left
{
	width:68%;
	padding:1%;
	float:left;
}

.m_l
{
	width:40%;
	float:left;
}
.m_r
{
	width:58%;
	padding:1%;
	float:left;
}

h3
{
	color:#fff;
	text-align:center;
	margin:0px;
	padding:2px;
	background-color:#b89236;
	float:left;
	width:98%;
}
 p
{
	text-align:justify;
	color:#656464;
	font-size:14px;
	line-height:20px;
	float:left;
	padding:5px;
	margin:0px;
	width:98%;
	float:left;
}


 .l
{
	text-align:justify;
	color:#656464;
	font-size:13px;
	line-height:13px;
	float:left;
	padding:4px;
	padding-left:4em;
	margin:0px;
	width:100%;
	float:left;
}
.r_m
{
	width:auto;
	padding:6px 10px;
	float:right;
	color:#2080b7;
}
.main_right
{
	width:27%;
	padding:.5%;
	margin:.7%;
	
	border-radius:5px;
	float:right;
	-webkit-box-shadow: 0px 0px 5px -1px rgba(213,139,254,1);
-moz-box-shadow: 0px 0px 5px -1px rgba(213,139,254,1);
box-shadow: 0px 0px 5px -1px rgba(213,139,254,1);
}

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

	.footer
 {
 width:98%;
 padding:1%;
 float:left;
 background-color:#764b1c;
 font-size:14px;
 
 }
 
 .footer h3
 {
 color:#fde7e3;
 margin:0 0 5px 0;
 padding:0px;
 float:left;
  background-color:#764b1c;
  text-align:left;
 
 
 }
 .footer a
 {
 color:#fff;
 text-decoration:none;
 }
 .footer a:hover
 {
 color:#fde7e3;
 text-decoration:none;
 }
 .footer p
 {
 color:#fff;

 }
 
 
 .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:#fde7e3;
 padding-top:4px;
 border-top:1px solid #2080b7;
 }
 
 .location
 {
	 width:98%;
	 padding:1%;
	 float:left;
 }
 .loc
 {
	 width:auto;
	 padding:2px 10px;
	 float:left;
	 color:#656464;
 }
 
 
 /******************  product *****************/
 
 .prd_lft
 {
     width:30%;
     float:left;
     padding:1%;
 }
 
 .prd_right
 {
     width:30%;
     float:right;
     padding:1%;
 }
 .prd_rgt
 {
     width:65%;
     float:left;
     padding:1%;
 }
 
 .prd_rgt h3
{
	color:#764b1c;
	text-align:left;
	margin:0px;
	padding:5px;
	background-color:#f9f0d9;

}
 
 /****************** About Us ****************/
 
/******************* contact page **********************/
.contact
{
	width:100%;
	float:left;
}
.contact h1
{
	font-size:25px;
	padding:2px;
	color:#2080b7;
	line-height:30px;
	text-align:center;
}
.contact h4
{
	font-size:16px;
	padding:2px;
	color:#2080b7;
	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:#2080b7;
	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:#2080b7;
	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:#fff;
	cursor:pointer;
	background:#2080b7;
	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
{
width:100%;
padding:0%;
float:left;
margin:0%;
background-color:#f9f0d9; 


}
.header
{
	width:98%;
	padding:1%;
	float:left;
	background-color:#764b1c;
}
.head
{
width:98%;
padding:1%;
float:left;	
}
.name h1
{
	width:98%;
	float:left;
	color:#fff;
	margin:0px;
	padding:0px;
	
	
}

.tag h3
{
	width:96%;
	float:left;
	color:#fff;
	margin:0px;
	padding:0px;
	background-color:#764b1c;
	text-align:center;

	
}

.social
{
	width:100%;
	float:right;
}
.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;
}

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

.m_l
{
	width:100%;
	float:left;
}
.m_r
{
	width:98%;
	padding:1%;
	float:left;
}

h3
{
	color:#fff;
	text-align:center;
	margin:0px;
	padding:1%;
	background-color:#b89236;
	float:left;
	width:98%;
}
 p
{
	text-align:justify;
	color:#656464;
	font-size:14px;
	line-height:20px;
	float:left;
	padding:1%;
	margin:0px;
	width:98%;
	float:left;
}


 .l
{
	text-align:justify;
	color:#656464;
	font-size:13px;
	line-height:13px;
	float:left;
	padding:1%;
	padding-left:4em;
	margin:0px;
	width:98%;
	float:left;
}
.r_m
{
	width:auto;
	padding:6px 10px;
	float:right;
	color:#2080b7;
}
.main_right
{
	width:98%;
	padding:1%;
	margin:0%;
	
	border-radius:5px;
	float:right;
	-webkit-box-shadow: 0px 0px 5px -1px rgba(213,139,254,1);
-moz-box-shadow: 0px 0px 5px -1px rgba(213,139,254,1);
box-shadow: 0px 0px 5px -1px rgba(213,139,254,1);
}

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

	.footer
 {
 width:98%;
 padding:1%;
 float:left;
 background-color:#764b1c;
 font-size:14px;
 
 }
 
 .footer h3
 {
 color:#fde7e3;
 margin:0 0 5px 0;
 padding:0px;
 float:left;
  background-color:#764b1c;
  text-align:left;
 
 
 }
 .footer a
 {
 color:#fff;
 text-decoration:none;
 }
 .footer a:hover
 {
 color:#fde7e3;
 text-decoration:none;
 }
 .footer p
 {
 color:#fff;

 }
 
 
 .footer_box
 {
 width:98%;
 
 float:left;
 padding:.5%;
 
 }
 .foot_li
 {
 width:98%;
 padding:1%;
 float:left;
 }
 
 .foot_copy
 {
 width:100%;
 float:left;
 text-align:center;
 color:#fde7e3;
 padding-top:4px;
 border-top:1px solid #2080b7;
 }
 
 .location
 {
	 width:98%;
	 padding:1%;
	 float:left;
 }
 .loc
 {
	 width:auto;
	 padding:2px 10px;
	 float:left;
	 color:#656464;
 }
 
 
 /******************  product *****************/
 
 .prd_lft
 {
     width:98%;
     float:left;
     padding:1%;
 }
 
 .prd_right
 {
     width:30%;
     float:right;
     padding:1%;
 }
 .prd_rgt
 {
     width:98%;
     float:left;
     padding:1%;
 }
 
 .prd_rgt h3
{
	color:#764b1c;
	text-align:left;
	margin:0px;
	padding:5px;
	background-color:#f9f0d9;

}
 
 /****************** About Us ****************/
 
 /******************* 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;
  
}
.contact-form input[type="submit"]:hover{
	background-color:#b8b9b8;
}
.contact-form input[type="submit"]:active{
	background-color:#cfcfd0;  
}


 

    
}