@charset "utf-8";
/* CSS Document */
@media(max-width:1204px){
.box11{width:100%; height:auto; float:left;    margin-bottom: 34px;  }
.abt{    width: 30%;
    height:auto;
    float: left;
  
    position: relative;
    /* margin-right: 25px; */
    margin-left: 14px;
    margin-top: 25px;}
.abt2{    width: 60%;
    height: auto;
    float: left;
    background: #fff;
    /* margin-right: 14px; */
    margin-left: 0px;}
	.abt2 p{ font-size:14px; text-align:justify; line-height:25px;}
	.small-banner{width:100%; height:150px; float:left; background:rgba(39,34,34,0.64)}
	.small-banner h1{color: #fff;
    font-size: 25px;
    text-align: center;
    margin-top: 18px;
    margin-bottom: 3px;
    font-weight: 600;
}
	.small-banner p{color:#fff; font-size:14px; text-align:center;font-weight: 600;}
	.product1{    width: 73%;
    height: auto;
    float: left;
    text-align: justify; margin-top:25px;}
	.product1 p{font-size:14px; line-height:26px;}
	.product11{width:25%; height:auto; float:right;    border-left: 1px solid;margin-top:25px;}
	.boxes{width: 96%;
    height: 50px;
    float: left;
    background: #19621d;
    border-right-radius: 25px;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px; }
	
	.boxes h4{color:#fff; text-align:center; font-weight:600; font-size:22px;    margin-top: 5px;}
	
	
	.boxes11{           width: 92%;
    height: auto;
    float: left;
    border-width: 0px 0px 1px;
    border-color: #e1e1e1;
    border-style: dashed;
    padding-left: 10px;
    margin-bottom: 3px;
    background: #f9f9f9;
    
  }
	
	.boxes11 p a{   color: #000;
    text-align: left;
    font-weight: 600;
    font-size: 14px;
    padding: 4px;
    letter-spacing: 0.5px;
    margin-top: 5px;
    line-height: 30px;
	 
    }
	
	.boxes11:hover { padding-left:30px; transition:2s
	} 
	
	.picture{width:265px; height:300px; float:left; margin-top:35px; margin-bottom:35px; border:3px solid #19611e; }
	.picture1{    width: 265px;border:3px solid #19611e;
    height: 300px;
    float: left;
   
    margin-top: 35px;
    margin-bottom: 35px;
    margin-left: 29px;}
	.picture1 h2{    text-align: center;
    font-size: 18px;
    font-weight: 700;
    margin-top: 10px;
    text-transform: uppercase;
    color: #19601f;
}
	
	.picture h2{    text-align: center;
    font-size: 18px;
    font-weight: 700;
    margin-top: 10px;
    text-transform: uppercase;
    color: #19601f;
}
	
	.names p
{
display: block;
	padding:0px 0 0px 0;
	font-size:15px; font-family: 'Raleway', sans-serif;	margin-left:0px;
	}
	.names1 p
{
display: block;
	padding:0px 0 0px 0;
	font-size:15px; font-family: 'Raleway', sans-serif;	margin-left:0px;
	}
	.txtbox
{	
    font: 14px;
	width: 100%;
	height:35px;
	margin-left:0px;padding-left: 10px;
font-family: 'Raleway', sans-serif;
	color: #666666;
	background: #fff0;
	border: 1px solid rgba(102, 102, 102, 0.42);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	-webkit-transition: 200ms;
	-moz-transition: 200ms;
	}
	.txtbox2
{ margin-left:0px;
    font: 14px;
	width: 100%;
	height:60px;
	padding: 9px;
	color: #666666;
	background:#fff0;
	border:1px solid rgba(102, 102, 102, 0.42);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	-webkit-transition: 200ms;
	-moz-transition: 200ms;font-family: 'Raleway', sans-serif;
	}
	.txtbox1

{ margin-left:0px;
    font: 14px;
	width: 80%;
	height:120px;
	padding: 9px;
	color: #666666;
	background: #fff0;
	border: 1px solid rgba(102, 102, 102, 0.42);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	-webkit-transition: 200ms;
	-moz-transition: 200ms;font-family: 'Raleway', sans-serif;
	}
.txtarea
{
margin-top:-27px;
margin-left:480px;font-family: 'Raleway', sans-serif;

}

.txtarea p
{
color:#ff0000;
font-size:18px;
font-weight:500;font-family: 'Raleway', sans-serif;    margin-top: 0px;
}
.txtarea1
{
margin-top:-140px;
margin-left:650px;
}
.txtarea1 p
{
color:#006362;
font-size:14px;
font-weight:500;font-family: 'Raleway', sans-serif;
}
.submit
{
border: 1px solid #ddd;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
width:100px;
height:40px;
margin-top:20px;
text-align:center;
font-size:14px;
background:#003b5b;
padding:10px 3px;
color:#FFFFFF;
margin-bottom:10px;
margin-left:20px; font-weight:500;font-family: 'Raleway', sans-serif;
}
.enquiry{    width: 50%;
    height: auto;
    float: left;
    margin-left: 45px;
    margin-top: 25px;}	
	
.names1{margin-top: 17px;}	
	
}



@media(max-width:767px){
	
	.box11{width:100%; height:auto; float:left;    margin-bottom: 34px;  }
.abt{    width: 100%;
    height:auto;
    float: left;
  
    position: relative;
    /* margin-right: 25px; */
    margin-left: 14px;
    margin-top: 25px;}
.abt2{    width: 100%;
    height: auto;
    float: left;
    background: #fff;
    /* margin-right: 14px; */
    margin-left: 0px;}
	.abt2 p{ font-size:14px; text-align:justify; line-height:25px; padding:15px;}
	.small-banner {
    width: 100%;
    height: auto;
    float: left;
    background: url(../images/bg.jpg);
}
	.small-banner h1{color: #000;
    font-size: 25px;
    text-align: left;
    margin-top: 18px;
    margin-bottom: 3px;
    font-weight: 600;
    margin-left: 0px;
}
	.small-banner p{    color: #000;
    font-size: 14px;
    text-align: left;
    font-weight: 600;
    margin-left: 26px;}
	.product1{    width: 100%;
    height: auto;
    float: left;
    text-align: justify; margin-top:25px;}
	.product1 p{font-size:14px; line-height:26px; padding:20px;}
	.product11{width:100%; height:auto; float:right;    border-left: 1px solid;margin-top:25px;}
	.boxes{width: 100%;
    height: 50px;
    float: left;
    background: #19621d;
    border-right-radius: 25px;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px; }
	
	.boxes h4{color:#fff; text-align:center; font-weight:600; font-size:22px;    margin-top: 5px;}
	
	
	.boxes11{           width: 100%;
    height: auto;
    float: left;
    border-width: 0px 0px 1px;
    border-color: #e1e1e1;
    border-style: dashed;
    padding-left: 10px;
    margin-bottom: 3px;
    background: #f9f9f9;
    
  }
	
	.boxes11 p a{   color: #000;
    text-align: left;
    font-weight: 600;
    font-size: 14px;
    padding: 4px;
    letter-spacing: 0.5px;
    margin-top: 5px;
    line-height: 30px;
	 
    }
	
	.boxes11:hover { padding-left:30px; transition:2s
	} 
	
	.picture{width: 85%;
height: auto;
float: left;
margin-top: 35px;
margin-bottom: 35px;
border: 3px solid #19611e;
margin-left: 27px; }
	.picture1{    width: 85%;
height: auto;
float: left;
margin-top: 35px;
margin-bottom: 35px;
border: 3px solid #19611e;
margin-left: 27px;}
	.picture1 h2{    text-align: center;
    font-size: 18px;
    font-weight: 700;
    margin-top: 10px;
    text-transform: uppercase;
    color: #19601f;
}
	
	.picture h2{    text-align: center;
    font-size: 18px;
    font-weight: 700;
    margin-top: 10px;
    text-transform: uppercase;
    color: #19601f;
}
	.client{width: 50%; height: auto; float:left; margin-top:25px;border: 2px dotted #19621d;margin-left:25px}
	.client1{width: 50%; height: auto; float:left;  margin-left:25px; border: 2px dotted #19621d; margin-top:25px;}
	.names p
{
display: block;
	padding:0px 0 0px 0;
	font-size:15px; font-family: 'Raleway', sans-serif;	margin-left:0px;
	}
	.names1 p
{
display: block;
	padding:0px 0 0px 0;
	font-size:15px; font-family: 'Raleway', sans-serif;	margin-left:0px;
	}
	.txtbox
{	
    font: 14px;
	width: 100%;
	height:35px;
	margin-left:0px;padding-left: 10px;
font-family: 'Raleway', sans-serif;
	color: #666666;
	background: #fff0;
	border: 1px solid rgba(102, 102, 102, 0.42);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	-webkit-transition: 200ms;
	-moz-transition: 200ms;
	}
	.txtbox2
{ margin-left:0px;
    font: 14px;
	width: 100%;
	height:60px;
	padding: 9px;
	color: #666666;
	background:#fff0;
	border:1px solid rgba(102, 102, 102, 0.42);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	-webkit-transition: 200ms;
	-moz-transition: 200ms;font-family: 'Raleway', sans-serif;
	}
	.txtbox1

{ margin-left:0px;
    font: 14px;
	width: 100%;
	height:120px;
	padding: 9px;
	color: #666666;
	background: #fff0;
	border: 1px solid rgba(102, 102, 102, 0.42);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	-webkit-transition: 200ms;
	-moz-transition: 200ms;font-family: 'Raleway', sans-serif;
	}
.txtarea
{
margin-top:-27px;
margin-left:480px;font-family: 'Raleway', sans-serif;

}

.txtarea p
{
color:#ff0000;
font-size:18px;
font-weight:500;font-family: 'Raleway', sans-serif;    margin-top: 0px;
}
.txtarea1
{
margin-top:-140px;
margin-left:650px;
}
.txtarea1 p
{
color:#006362;
font-size:14px;
font-weight:500;font-family: 'Raleway', sans-serif;
}
.submit
{
border: 1px solid #ddd;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
width:100px;
height:40px;
margin-top:20px;
text-align:center;
font-size:14px;
background:#003b5b;
padding:10px 3px;
color:#FFFFFF;
margin-bottom:10px;
margin-left:20px; font-weight:500;font-family: 'Raleway', sans-serif;
}
.enquiry{    width: 90%;
    height: auto;
    float: left;
    margin-left: 20px;
    margin-top: 25px;}	
	
.names1{margin-top: 17px;}
.call{ width:100%; float: left; height: auto;}
.call p{ font-size: 14px; font-weight: 500; letter-spacing: 0.8px; color: #fff;}
.about{ width: 100%; height: auto; float: left;}
.about1{ width: 100%; height: auto; float: left; margin-bottom: 20px;}
.about11{width: 90%;
float: left;
height: auto;
margin-bottom: 10px;
margin-left: 41px;}
.about12{ width: 90%;

float: left;

height: auto;

margin-bottom: 10px;

text-align: justify;



padding: 8px;

margin-left: 11px;}

	
	
}