h4, h5, h6,
h1, h2, h3 {margin-top: 0;}
ul, ol {margin: 0;}
p {margin: 0;}
html,body{
	font-family: 'Open Sans', sans-serif;
}
body a{
    transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}
.logo {
	text-align: center;
	background:#354157;
	padding: 2em 1em;
}
.logo a {
	display: block;
}
.head-nav ul li a {
display: block;
color: #888888;
text-decoration: none;
font-weight: 500;
font-size: 1em;
margin: 0.5em;
}
.head-nav a:hover,
.head-nav a:focus {
	outline: none;
}
.head-nav ul{
	padding:0;
	margin: 0;
}
*,
*:after,
*::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.head-nav ul li {
	display:block;
	outline: none;
	text-decoration: none;
	letter-spacing: 1px;
}
.head-nav ul li a:hover,.head-nav ul li.active a{
	color:#000;
}
.content-main {
	padding:2em 0;
	background: #eeeeee;
}
.head-nav {
margin-bottom: 1em;
}
.project {
margin-bottom: 1.5em;
}
.top-left h4 {
background:#354157;
margin: 0.15em 0 0;
color: #fff;
padding: 0.7em 0.5em;
font-weight: 600;
font-size: 1.3em;
}
.top-left label {
background: #354157;
width: 255px;
height: 2px;
margin: 0px 0 11px;
}
.project ul{
	padding:0;
	margin:0;
}
.project ul li{
	display:block;
	margin: 0.5em;
}
.project ul li a{
	outline: none;
	color: #888888;
	text-decoration: none;
	letter-spacing: 1px;
	font-weight: 500;
	font-size: 1em;
}
.project ul li a:hover{
	color:#000;
}
.top-left p {
	color: #888888;
	line-height: 1.8em;
	margin: 0.5em 0;
	font-size: 1em;
	font-weight: 400;
}
.top-left h6 {
	color: #888888;
	margin: 0.5em 0;
	font-size:0.9em;
	font-weight: 400;
}
.project a {
	color:#44a4db;
}
.project a:hover{
	color: #888888;
}
.banner {
background: url(../images/banner.jpg) no-repeat;
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
-ms-background-size: cover;
min-height: 340px;
}
.banner-right {
padding: 0;
}
.banner-left {
margin: 16.45em 0 0;
background: rgba(76, 93, 123, 0.7);
padding: 2em 2em;
}
.banner h2 {
color: #fff;
font-size: 1.6em;
font-weight: 700;
}
.banner h2 a{
color: #fff;
text-decoration:none;
}
.banner h2 a:hover{
	color:#000;
}
.banner p {
font-size: 1em;
color: #fff;
line-height: 1.8em;
font-weight: 400;
}
.welcome {
padding: 2em 0;
border-bottom: 1px solid #D7D3D3;
}
.welcome h2 {
color: #959595;
font-size: 2em;
font-weight: 400;
width: 50%;
margin: 0 auto 1.5em;
line-height: 1.3em;
}
span {
color: #3b8e31;
}
.free-left {
float: left;
width: 27%;
}
.free-right {
float: left;
width: 70%;
margin-left:3%;
}
.welcome h5 {
color: #3b8e31;
font-size: 1.3em;
font-weight: 700;
margin:0;
}
.welcome h5 a{
color: #3b8e31;
text-decoration:none;
}
.welcome h5 a:hover{
color: #000000;
}
.welcome p {
color: #959595;
font-size: 1em;
line-height: 1.8em;
font-weight: 400;
margin: 0.5em 0;
}
.welcome-bottom {
padding: 2em 0;
}
.free {
margin-bottom: 2em;
}
.welcome h3 {
color: #3b8e31;
font-size: 1.5em;
font-weight: 700;
margin: 1em 0;
}
.welcome h3 a {
text-decoration:none;
color:#494949;
}
.welcome h3 a:hover{
color:#000;
}

.welcome h6 {
color: #999797;
font-size: 0.9em;
font-style: italic;
}
.welcome a {
color: #44a4db;
text-align: right;
}
.welcome a:hover{
color:#9ed172;
}
.should h4 {
color: #959595;
font-size: 1.8em;
text-align: center;
width: 70%;
margin: 1em auto;
}
.should {
text-align: center;
}
a.more {
text-decoration: none;
font-size: 1.2em;
color: #fff;
padding: 0.6em 1.5em;
background: #bcec93; /* Old browsers */
background: -moz-linear-gradient(top,  #bcec93 0%, #8cd44e 0%, #beeb96 0%, #b0e97f 66%, #beeb96 81%, #b4db92 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bcec93), color-stop(0%,#8cd44e), color-stop(0%,#beeb96), color-stop(66%,#b0e97f), color-stop(81%,#beeb96), color-stop(100%,#b4db92)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #bcec93 0%,#8cd44e 0%,#beeb96 0%,#b0e97f 66%,#beeb96 81%,#b4db92 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #bcec93 0%,#8cd44e 0%,#beeb96 0%,#b0e97f 66%,#beeb96 81%,#b4db92 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #bcec93 0%,#8cd44e 0%,#beeb96 0%,#b0e97f 66%,#beeb96 81%,#b4db92 100%); /* IE10+ */
background: linear-gradient(to bottom,  #bcec93 0%,#8cd44e 0%,#beeb96 0%,#b0e97f 66%,#beeb96 81%,#b4db92 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bcec93', endColorstr='#b4db92',GradientType=0 ); /* IE6-9 */
display: inline-block;
font-weight: 400;
border: 1px solid #3b8e31;
transition: 0.5s all;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;
-ms-transition: 0.5s all;
}
a.more:hover{
	background:#3b8e31;
	color:#fff;
}
.footer {
background: #393939;
padding: 1em 0 3em;
}
.footer p {
color: #fff;
text-align: center;
font-size: 1em;
font-weight: 400;
text-align:left;
}
.footer a{
color: #fff;
text-decoration:none;
}
.footer a:hover{
color: #3b8e31;
}
.view {
   overflow: hidden;
   position: relative;
   text-align: center;
   cursor: default;
}
.view .mask {
  position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
   height:383px;
   padding:4em 0;
}
.view img {
   display: block;
   position: relative;
}
.view h4 {
color: #fff;
text-align: left;
position: relative;
font-size: 1.3em;
padding: 0 1em;
font-weight: 700;
margin: 0.5em 0 0 0;
}
.view p {
font-size: 0.9em;
position: relative;
color: #fff;
padding: 1em 2em;
text-align: left;
}
.view-tenth img {
   -webkit-transform: scaleY(1);
   -moz-transform: scaleY(1);
   -o-transform: scaleY(1);
   -ms-transform: scaleY(1);
   transform: scaleY(1);
   -webkit-transition: all 0.7s ease-in-out;
   -moz-transition: all 0.7s ease-in-out;
   -o-transition: all 0.7s ease-in-out;
   -ms-transition: all 0.7s ease-in-out;
   transition: all 0.7s ease-in-out;
}
.view-tenth .mask {
   background-color:#9ed172;
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}
.view-tenth h4{
   background: transparent;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   color: #fff;
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}
.view-tenth p {
   color: #fff;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
}
.view-tenth.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
}
.view-tenth:hover img {
   -webkit-transform: scale(10);
   -moz-transform: scale(10);
   -o-transform: scale(10);
   -ms-transform: scale(10);
   transform: scale(10);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}
.view-tenth:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.view-tenth:hover h4,.view-tenth:hover p {
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -o-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.mask h5 {
color: #39465d;
font-size: 1em;
font-style: italic;
padding-right: 1em;
}
.products-bottom {
	padding: 1em 0;
}
.grid h3,.featured-Videos h3,.popular-post h3,.fallowers h3,.contact-form h3,.contact-address h3,.error-page h4,.error-page h5,.social-icons h3{
	color: rgb(80, 80, 80);
	font-size:1em;
	text-transform:uppercase;
	padding: 0px 0px 7px 0px;
}

.grid img{
	float:left;
	background: #fff;
	padding: 5px;
	box-shadow: 0px 0px 5px #ddd;
}
.grid img:hover{
	opacity: 0.9;
}
.grid p {
float: right;
font-size: 0.9em;
color: #888888;
line-height: 1.8em;
width: 54.3%;
}
.grid p a{
	color:#EA5546;
	font-size:0.8em;
	margin-left:10px;
}
.grid-header ul li{
	display: inline-block;
}
.grid-header ul li a {
color: #000;
font-size: 1em;
font-weight:600;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-o-transition: all .5s;
-ms-transition: all .5s;
transition: all .5s;
}
.grid-header ul li a:hover,.content-pagenation li a:hover{
	color:rgb(80, 80, 80);
}
.grid-header ul li span{
	font-size:1em;
	color: rgb(155, 155, 155);
}
.readmore {
float: right;
color: #fff;
font-size: 1em;
background:#b4db92;
padding: 10px 12px;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-o-transition: all .5s;
-ms-transition: all .5s;
transition: all .5s;
}
.readmore:hover{
	background: #3b8e31;
	color:#fff;
}
.grid ul{
	padding:0px 0px 10px 0px;
}
.comments li {
	display:inline-block;
	margin-top: 10px;	
}
.grid-img-content {
	padding: 10px 0px;
}
.comments li img{
	vertical-align:center;
}
.comments li:last-child{
	float:right;
}
.comments{
	border-top: 1px ridge rgb(240, 240, 240);
}
.grid.box {
border-bottom: 1px ridge rgb(197, 189, 189);
margin-bottom: 1em;
}
.grid-header h3 a{
color: #3b8e31;
font-size: 1em;
font-weight: 600;
text-decoration:none;
}
.grid-header h3 a:hover{
	color:#888888;
}
/*----content-pagenation----*/
.content-pagenation{
	float:left;
	margin-top: 26px;
	background: url(../images/content-border-bottom.png) bottom;
}
.content-pagenation ul li{
	list-style:none;
}
.content-pagenation  li{
	display:inline-block;
}
.content-pagenation li a{
	color: #3b8e31;
	font-size: 0.8em;
	background: #fff;
	padding: 10px 12px;
	box-shadow: 0px 0px 10px rgba(175, 175, 175, 0.36);
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;
	transition: all .5s;
}
.content-pagenation li span{
	color:#9fd172;
	font-size: 0.8em;
}
.content{
	padding-bottom:1.5em;
}
/*----singlepage----*/
.singlepage img{
	float:none;
}
.singlepage p{
	float:none;
	width:100%;
	margin: 1em 0;
}
.singlepage1 h3{
	margin-bottom: 15px;
	border-bottom: 5px solid #ea4c89;
}
.grid-header h3 {
color: #3b8e31;
font-size: 1.3em;
font-weight: 600;
}
.singlepage1 h3:before{
	content: url(../images/r-blog.png);
	vertical-align: middle;
	margin-right: 3px;
}
.leave h4 {
color: #3b8e31;
font-size: 1.5em;
margin: 0.5em 0;
font-weight: 600;
}
.comments1 {
	margin-top: 3em;
}
.comments1 h4 {
	font-size: 1.5em;
	margin-bottom: 1.2em;
	color: #556a7f;
	font-weight: 700;
}
.comments-main {
	border: 1px solid #D5D4D4;
	padding: 17px 0px;
	margin: 15px 0px;
}
.cmts-main-left img {
	border: 3px solid#ccc;
}
.cmts-main-right h5 {
font-size: 1.1em;
color: #3b8e31;
margin: 0 0 1em;
font-weight: 600;
}
.cmts-main-right p {
color: #888;
font-weight: 400;
font-size: 0.9em;
line-height: 1.8em;
margin-bottom: 1em;
}
.cmnts-left p {
	font-size: 13px;
	color: #C8C1C1;
	font-weight: 600;
}
.achives-top h5 {
  color:#B8B8B8;
  font-size: 1.1em;
  font-weight: 400;
}
.cmnts-right a {
	padding: 6px 12px;
	color: #fff;
	font-weight: 600;
	font-size: 14px;
	background: #999;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
	-o-transition: 0.5s all;
	outline: none;
}
.cmnts-right a:hover {
	background: #333;
	text-decoration: none;
}
#commentform input[type="submit"]:hover {
	background:#44a4db;
}
#commentform input[type="submit"] {
	padding: 0.6em 2em;
	color: #FFF;
	background: #3b8e31;
	outline: none;
	border: none;
	text-transform: uppercase;
	cursor: pointer;
	-webkit-appearance: none;
	font-size: 1.3em;
	font-weight: 600;
}
#commentform p {
	position: relative;
	padding: 8px 0;
	font-size: 1em;
}
#commentform label {
	display: block;
	font-size: 1em;
	color: #888;
}
#commentform input[type="text"] {
padding: 8px 15px;
width: 60%;
color: #444;
font-size: 1em;
border: 1px solid #888;
background:none;
outline: none;
display: block;
margin: 1em 0;
}
#commentform textarea {
	padding: 13px 20px;
	width: 60%;
	color: #444;
	font-size: 0.85em;
	outline: none;
	height: 150px;
	display: block;
	resize: none;
	font-weight: 400;
	border: 1px solid #888;
	background: none;
	margin: 1em 0;
}
.lev {
	margin: 2em 0;
}
.contact-info h2 {
color: #3b8e31;
font-weight: 300;
font-size: 3em;
margin-bottom: 0.5em;
}
.contact-info p {
color: #888888;
font-size: 0.9em;
line-height: 1.8em;
font-weight: 400;
margin-bottom: 1em;
}
.contact-details form input[type="text"], .contact-details textarea {
width: 46.7%;
margin-right: 4%;
padding: 12px;
border: 1px solid #E2E0ED;
font-size: 1em;
margin-bottom: 2em;
color: #C2C1CB;
background: #fff;
outline: none;
font-weight: 400;
font-family: 'Lato', sans-serif;
transition: 0.5s all ease;
-webkit-transition: 0.5s all ease;
-moz-transition: 0.5s all ease;
-o-transition: 0.5s all ease;
-ms-transition: 0.5s all ease;
}
.contact-details form input[type="text"]:hover, .contact-details textarea:hover{
border: 1px solid #3b8e31;
}
.contact-details textarea {
resize: none;
height: 200px;
width: 98%;
margin-right: 0%;
}
.contact-details form input[type="text"]:nth-child(2),.contact-details form input[type="text"]:nth-child(4){
margin-right:0%;
}
.contact-map iframe {
width: 100%;
height: 200px;
margin-top: 0.5em;
}
.company_address {
padding-left: 3em;
}
.contact-map h4, .company_address h4 {
color: #3b8e31;
font-size: 1.3em;
font-weight: 600;
margin-bottom: 1em;
}
.company_address p {
font-size: 1em;
color:#888888;
line-height: 1.8em;
}
.company_address p a{
color:#7C7C7C;
}
.company_address p a:hover{
color:#00aeff;
}
.contact-details {
margin-top: 2em;
}
.contact-map {
padding:0;
}
.contact-details form input[type="submit"] {
font-weight: 400;
color:#3b8e31;
outline: none;
border: 1px solid #3b8e31;
font-size: 1em;
padding: 0.6em 3em;
background:transparent;
transition: 0.5s all;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;
-ms-transition: 0.5s all;
}
.contact-details form input[type="submit"]:hover{
border: 1px solid #3b8e31;
background:#3b8e31;
color:#fff;
}
/*--about--*/
.about-content, .contact-content, .single {
  padding: 0em 0 2em;
}
.about-content h2 {
color: #3b8e31;
font-size: 3em;
font-weight: 300;
}
.about-grid2,.about-grid,.who-iam{
margin-top:2em;
}
.about-grid h3, .about-grid2 h3, .who-iam h3 {
color: #4a5054;
font-size: 1.3em;
margin-bottom: 0.5em;
font-weight: 600;
}
.about-grid p,.about-grid2 p,.who-iam p{
color: #888888;
font-size: 0.9em;
line-height:1.8em;
font-weight: 400;
margin-bottom:1em;
}
.about-grid2 li {
list-style-image: url(../images/icon3.png);
margin: 0 0 10px 20px;
}
.about-grid2 li a {
color: #9A9598;
font-size: 0.9em;
text-decoration: none;
}
.about-grid2 li a:hover {
color:#3b8e31;
padding-left: 1em;
}
.man-info{
width:60%;
float:left;
margin-right:5%;
}
.man-pic{
width:30%;
float:left;
}
.man-info h4 {
color: #4a5054;
margin-left: 1em;
font-size: 1.1em;
margin-bottom: 0.5em;
font-weight: 600;
}
.man-info li{
color: #888888;
font-size: 0.95em;
margin-left:2em;
padding:5px 0;
}
.achives-content h2 {
color:#3b8e31;
font-size: 3em;
font-weight: 300;
text-align: left;
}
/*----*/
.about-grid2 ul {
padding: 0;
}
.readmore-1 {
display: inline-block;
color: #fff;
font-size: 1em;
background: #b4db92;
padding: 10px 12px;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-o-transition: all .5s;
-ms-transition: all .5s;
transition: all .5s;
}
.readmore-1:hover {
background: #3b8e31;
color: #fff;
text-decoration:none;
}
.achives-content p {
color: #888888;
font-size: 0.9em;
margin: 1em 0;
line-height: 1.8em;
}
.achives-content h3 {
color: #4a5054;
font-size: 1.5em;
font-weight: 600;
}
.achives-top {
  margin: 2em 0 6em;
}
/*-- error-page --*/
.main {
	padding: 14em 0px;
}
.error-404 h1 {
font-size: 12em;
font-weight: 700;
color: #354157;
margin: 0;
padding: 0;
text-transform: uppercase;
}
.error-404 p{
	color: #888;
	margin: 0;
	font-size: 1.2em;
	text-transform: uppercase;
} 
a.b-home{
	background:#354157;
	padding:0.8em 3em;
	display:inline-block;
	color:#FFF;
	text-decoration:none;
	margin-top:1em;
}
a.b-home:hover{
	background:#23242e;
	color:#fff;
}
/*-- responsive-mediaquries --*/
@media(max-width:1440px){
	
}
/*-- responsive-mediaquries --*/
@media(max-width:1366px){
}
/*-- responsive-mediaquries --*/
@media(max-width:1280px){
}
/*-- responsive-mediaquries --*/
@media(max-width:1024px){
.top-left label {
width: 205px;
}
.head-nav ul li a {
font-size: 0.875em;
}
.top-left h4 {
padding: 0.6em 0.5em;
font-size: 1.1em;
}
.project ul li a {
font-size: 0.875em;
}
.top-left p {
font-size: 0.875em;
}
.banner p {
font-size: 0.875em;
}
.banner h2 {
font-size: 1.4em;
}
.banner-left {
  margin: 14.15em 0 0;
  padding: 1em 2em;
}
.banner {
min-height: 324px;
}
.welcome h2 {
font-size: 1.7em;
width: 56%;
}
.view .mask {
padding: 1em 0;
}
.view h4 {
font-size: 1.1em;
}
.view p {
font-size: 0.875em;
}
.mask h5 {
font-size: 0.9em;
}
.welcome h5 {
font-size: 1.1em;
}
.welcome p {
font-size: 0.875em;
}
.welcome h3 {
font-size: 1.3em;
}
.should h4 {
font-size: 1.4em;
}
a.more {
font-size: 1em;
}
.welcome-bottom {
padding: 2em 0 0;
}
.grid p {
float: right;
font-size: 0.875em;
color: #888888;
line-height: 1.8em;
width: 51.3%;
}
.grid-header h3 a {
font-size: 0.9em;
}
.grid-img-content img {
width: 47%;
}
.readmore {
font-size: 0.9em;
padding: 8px 12px;
}
.singlepage p {
width: 100%;
font-size: 0.875em;
}
.cmts-main-right p {
font-size: 0.875em;
}
.leave h4 {
font-size: 1.3em;
}
#commentform input[type="text"] {
margin: 0.5em 0;
}
.grid-header h3 {
font-size: 1.1em;
}
#commentform input[type="submit"] {
padding: 0.4em 2em;
font-size: 1.1em;
}
p.sng {
  width: 100%;
}
.contact-info p {
  font-size: 0.875em;
}
.achives-content p {
  font-size: 0.875em;
}
.about-grid p, .about-grid2 p, .who-iam p {
  font-size: 0.875em;
}
.about-grid2 li a {
  font-size: 0.875em;
}
.man-info li {
  font-size: 0.875em;
}
.company_address p {
  font-size: 0.875em;
}
.footer {
  background: #393939;
  padding: 1em 0 1em;
}
}
/*-- responsive-mediaquries --*/
@media(max-width:768px){
.top-right {
  float: left;
  width: 76%;
}
.top-left {
width: 24%;
float: left;
margin-right:0%;
}
.top-left label {
width: 142px;
}
.banner-right {
width: 36%;
float: right;
}
.banner-left {
padding: 0.5em 1em;
float: left;
width: 64%;
margin: 10.1em 0 0;
}
.banner h2 {
font-size: 1.2em;
}
.banner p {
font-size: 0.85em;
line-height: 1.5em;
}
.banner {
min-height: 268px;
}
.welcome h2 {
font-size: 1.4em;
width: 69%;
margin: 0 auto 1em;
}
.welcome {
padding: 1em 0;
}
.welcome-left {
float: left;
width: 50%;
}
.welcome-right {
float: left;
width: 50%;
}
.welcome-left1 {
float: left;
width: 50%;
}
.welcome-right1 {
float: left;
width: 50%;
}
.view h4 {
font-size: 1em;
}
.view p {
font-size: 0.85em;
padding: 0em 1em;
line-height: 1.3em;
}
.welcome h3 {
font-size: 1.2em;
}
.welcome h5 {
font-size: 1em;
}
.should h4 {
font-size: 1.2em;
}
.top-left p {
font-size: 0.85em;
overflow: hidden;
height: 42px;
}
.footer p {
text-align: center;
font-size: 0.875em;
}
.mask h5 {
font-size: 0.85em;
}
.top-left h4 {
padding: 0.5em 0.5em;
font-size: 1em;
}
.grid-header h3 a {
font-size: 0.875em;
}
.grid p {
  font-size: 0.875em;
  width: 100%;
  float: none;
  margin: 1em 0 0;
}
p.sng {
  width: 100%;
}
.cmts-main-left {
  text-align: center;
}
.cmts-main-right h5 {
  margin: 1em 0;
}
.cmts-main-right {
  text-align: center;
}
.company_address {
  padding-left: 0em;
  padding: 0;
  margin-top: 1em;
}
.achives-content {
  text-align: center;
}
.achives-top {
  margin: 2em 0 2em;
}
.readmore-1 {
  margin-bottom: 1em;
}
.achives-content h3 {
  font-size: 1.4em;
  margin-top: 0.5em;
}
.achives-top {
  margin: 1em 0 2em;
}
.man-info li {
  margin-left: 0em;
}
.grid-img-content img {
  width: 100%;
  float: none;
}
.about-content h2 {
  font-size: 2.5em;
}
.achives-content h2 {
  font-size: 2.5em;
}
.contact-info h2 {
  font-size: 2.5em;
}
.about-grid2, .about-grid, .who-iam {
  margin-top: 1em;
}
}
/*-- responsive-mediaquries --*/
@media(max-width:640px){
.head-nav ul li a {
font-size: 0.85em;
}
.project ul li a {
font-size: 0.85em;
}
.top-left h4 {
padding: 0.5em 0.5em;
font-size: 0.9em;
}
.top-left label {
width: 112px;
}
.top-left {
width: 26%;
float: left;
margin-right: 0%;
}
.top-right {
float: left;
width: 74%;
}
.banner h2 {
font-size: 1em;
}
.banner p {
font-size: 0.8125em;
}
.banner-left {
  padding: 0.5em 1em;
  float: left;
  width: 61%;
  margin: 6.35em 0 0;
}
.banner-right {
width: 39%;
float: right;
}
.banner {
min-height: 230px;
}
.top-left label {
width: 124px;
}
.head-nav {
margin-bottom: 0em;
}
.project ul li {
margin: 0.2em;
}
.project {
margin-bottom: 0.3em;
}
.top-left p {
font-size: 0.8125em;
overflow: hidden;
height: 42px;
}
.top-left h6 {
font-size: 0.85em;
}
.view h4 {
font-size: 0.9em;
}
.mask p {
font-size: 0.8125em;
}
.welcome h2 {
font-size: 1.2em;
}
.welcome h3 {
font-size: 1.1em;
}
.welcome h6 {
font-size: 0.875em;
}
.mask h5 {
font-size: 0.8125em;
}
.welcome h5 {
font-size: 0.9em;
}
.welcome a {
font-size: 0.85em;
}
.should h4 {
font-size: 1.1em;
width:80%;
}
a.more {
font-size: 0.9em;
}
.grid-header h3 a {
font-size: 0.85em;
}
.grid-header ul li span {
font-size: 0.9em;
}
.grid-img-content {
padding: 2px 0px;
}
.readmore {
font-size: 0.85em;
padding: 8px 12px;
}
p.sng {
  width: 100%;
}
.man-pic {
  width: 24%;
  float: left;
}
.man-info {
  width: 75%;
  float: left;
  margin-right: 1%;
}
}
/*-- responsive-mediaquries --*/
@media(max-width:480px){
.top-left {
width: 33%;
float: left;
margin-right: 0%;
}
.top-right {
float: left;
width: 67%;
}
.top-left label {
width: 134px;
}
.banner h2 {
font-size: 0.85em;
margin-bottom:0.2em;
}
.banner p {
font-size: 0.8125em;
line-height: 1.5em;
overflow: hidden;
height: 33px;
}
.banner-right {
width: 46%;
float: right;
}
.banner-left {
	width:54%;
}
.banner-left {
padding: 0.5em 0.5em;
margin: 8.9em 0 0;
}
.banner {
min-height: 172px;
}
.head-nav ul li a {
font-size: 0.8125em;
}
.project ul li a {
font-size: 0.8125em;
}
.welcome h2 {
font-size: 1.1em;
width: 87%;
}
.welcome-left {
float: left;
width: 50%;
padding: 0 0.3em;
}
.welcome-right {
float: left;
width: 50%;
padding: 0 0.3em;
}
.welcome-left1 {
float: left;
width: 50%;
padding: 0 0.3em;
}
.welcome-right1 {
float: left;
width: 50%;
padding: 0 0.3em;
}
.top-left {
width: 33%;
float: left;
margin-right: 0%;
padding: 0 0.3em;
}
.top-right {
float: left;
width: 67%;
padding: 0 0.3em;
}
.view h4 {
font-size: 0.85em;
}
.mask p {
height: 38px;
}
.mask h5{
font-size:0.750em;
}
.welcome h3 {
font-size: 1em;
margin: 0.5em 0;
}
.welcome h6 {
font-size: 0.85em;
}
.welcome h5 {
font-size: 0.85em;
}
.should h4 {
font-size: 1em;
width: 100%;
}
.footer {
background: #393939;
padding: 1em 0;
}
a.more {
font-size: 0.875em;
}
.grid-header h3 a {
font-size: 0.85em;
}
.grid-header ul li span {
font-size: 0.85em;
}
.grid-header h3 {
margin: 0;
}
.grid-img-content img {
  width: 100%;
}
.grid p {
  font-size: 0.875em;
  width: 100%;
  padding: 0em 0.5em;
}
#commentform input[type="text"] {
  padding: 5px 13px;
  width: 100%;
}
#commentform textarea {
  padding: 13px 20px;
  width: 100%;
  height: 120px;
}
.grid-header h3 {
  font-size: 0.85em;
}
.contact-details form input[type="text"], .contact-details textarea {
  width: 100%;
  margin-right: 0%;
  padding: 8px;
  font-size: 0.875em;
  margin-bottom: 0.5em;
}
.contact-details textarea {
  resize: none;
  height: 120px;
  width: 100%;
}
.achives-content h3 {
  font-size: 1.1em;
  margin-top: 0.5em;
}
.achives-top {
  margin: 1em 0 0em;
}
.about-grid h3, .about-grid2 h3, .who-iam h3 {
  font-size: 1.1em;
}
.error-404 h1 {
  font-size: 8em;
}
a.b-home {
  padding: 0.6em 2em;
  font-size: 1em;
}
.about-content h2 {
  font-size: 2em;
}
.achives-content h2 {
  font-size: 2em;
}
.contact-info h2 {
  font-size: 2em;
}
}
/*-- responsive-mediaquries --*/
@media(max-width:320px){
.top-left {
width: 100%;
float: none;
margin-right: 0%;
padding: 0;
background:#354157;
}
.head-nav ul li{
	display:block;
	float:none;
}
.head-nav ul li a{
	border-right:none;
	color:#fff;
}
.head-nav ul{
	position:absolute;
	margin: 0;
	padding: 2% 0;
	z-index: 999;
	width: 100%;
	display: none;
	text-align: center;
	background:#354157;
	left:0em;
	top:4.82em;
}
.head-nav span.menu {
display: block;
background: none;
position: absolute;
top: 20px;
right: 15px;
}
.head-nav span.menu:before{
	content:url(../images/menu.png);
	color:#FFF;
	text-align:right;
	cursor:pointer;
}
.head-nav ul li a {
	display:block;
	font-size:1em;
}
.head-nav ul li a:hover{
	color:#000;
}
.logo {
text-align: center;
background: #354157;
padding: 1em 1em;
float: left;
width: 57%;
}
.top-left h4 {
padding: 0.5em 0.5em;
font-size: 0.9em;
display: block;
}
.project {
  margin-bottom: 0;
  display: block;
  background: #fff;
  padding: 0.5em 0.5em;
}
.top-left label {
width: 134px;
display: none;
}
.top-right {
float: none;
width: 100%;
padding: 0;
}
.banner-left {
padding: 0.5em 0.5em;
margin: 0 0;
}
.welcome h2 {
font-size: 1em;
width: 80%;
}
.free-left {
  float: left;
  width: 30%;
  text-align: center;
}
.free-right {
float: right;
width: 67%;
text-align:center;
}
.free {
margin-bottom: 0.5em;
}
.welcome h5 {
  font-size: 1em;
  margin-top: 0.5em;
  text-align: left;
}
.welcome-left1 {
width: 100%;
text-align: left;
float: none;
}
.welcome-right1 {
  width: 100%;
  text-align: left;
  float: none;
  margin-top: 0.5em;
}
.should h4 {
font-size: 1em;
width: 100%;
margin: 0.5em 0 1em;
}
a.more {
font-size: 0.8125em;
}
.footer p {
text-align: center;
font-size: 0.8125em;
}
.content-main {
padding: 0em 0 1em;
}
.grid-header h3 a {
font-size: 1em;
}
.grid-header h3 {
  font-size: 0.9em;
  margin: 0.5em 0;
}
.grid-header ul li a {
  font-size: 0.875em;
}
.grid p {
  font-size: 0.875em;
  padding: 1em 0;
}
.grid-header ul li span {
  font-size: 0.875em;
}
.contact-info {
  padding: 1em 0 0;
}
.contact-info h2 {
  font-size: 1.5em;
}
.contact-map h4, .company_address h4 {
  font-size: 1.1em;
  margin-bottom: 1em;
}
.achives-content h2 {
  font-size: 1.5em;
}
.achives-content {
  text-align: center;
  padding: 1em 0 0;
}
.readmore-1 {
  font-size: 0.875em;
  padding: 5px 12px;
}
.about-content h2 {
  font-size: 1.5em;
}
.about-content, .contact-content, .single {
  padding: 1em 0 1em;
}
.about-grid2, .about-grid, .who-iam {
  margin-top: 1em;
}
.content {
  padding-bottom: 0em;
}
.lev {
  margin: 1em 0;
}
.main {
  padding: 7em 0px;
}
.achives-top h5 {
  font-size: 1em;
  text-align: left;
}
.achives-content h3 {
  text-align: left;
}
.achives-content p {
  text-align: left;
}
.achives-top {
  text-align: left;
}
.grid-header h3 {
  margin: 1em 0 0;
  font-size:0.85em;
}
.banner {
  background: url(../images/banner.jpg) no-repeat 0px -350px;
  padding: 9em 0 0;
}
.banner-left {
  float: none;
  width: 100%;
}
.banner-right {
  width: 100%;
  float: none;
}
.banner h2 {
  font-size: 1.1em;
  margin-bottom: 0.5em;
}
.banner p {
  font-size: 0.8125em;
  line-height: 1.5em;
  height: 87px;
}
h4.menn {
  display: none;
}
.welcome h3 {
  font-size: 1.2em;
  margin: 0.5em 0;
  text-align: left;
}
.welcome h6 {
  text-align: left;
}
.welcome p {
 text-align: left;
}
.welcome-left {
  float: left;
  width: 100%;
  padding: 0 0.3em;
}
.welcome-right {
  float: left;
  width: 100%;
  padding: 0 0.3em;
}
.product_image {
  margin: 1em 0;
}
.view h4 {
  font-size: 1.2em;
}
.mask p {
  font-size: 0.875em;
  line-height: 1.8em;
}
}