@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,700;1,400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,700;1,400&family=Roboto+Condensed:ital,wght@0,700;1,400&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,700;1,400&family=Open+Sans:wght@400;700&family=Roboto+Condensed:ital,wght@0,700;1,400&display=swap');
.top{
background-color: #ff5e14;
font-size: 14px;
padding: 5px 0px;

}


.top-left i{
color: #fff;
margin-right: 10px;


}

.top a{
	text-decoration: none;
	color: #fff;
}
.top p{
	color: #fff;
display: inline;
margin-right: 10px;
font-family: 'Open Sans', sans-serif;

}


.soc-icon{
list-style: none;
float: right;
margin-top: 2px;

}
.soc-icon li {
display: inline-block;

}
 ul {
	margin-bottom: 0px;
}
.soc-icon li a i{
color: #fff;
font-size: 15px;
padding: 0 5px;


}




.navbar-default {
background: none;
border: none;
margin-bottom: 0px;
font-size: 13px;
min-height: 30px;
margin-top: 35px;
margin-left:-30px;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
border-color: none;
}

.navbar-default .navbar-nav > li > a {
color: #000;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
color: #ff5e14;
background:none;
 
}

.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
color: #ff5e14;
text-decoration: none;
background:none;

    
    }
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
color:#ff5e14;

} 

                  
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
   
background:none;
}         

.dropdown-menu > li > a{
color:  #000;
background-color: #fff;
font-family: 'Open Sans', sans-serif;
    	
}

.dropdown-submenu {
    position: relative;
    }

    .dropdown-submenu:hover > .dropdown-menu {
    display: block;
    left: 99%;
    top: 0;
}

.navbar-collapse {
    padding-right: 0px;
    padding-left: 0px;
    }


.nav > li > a {
position: relative;
display: block;
padding: 0px 6px;
font-family: 'Roboto Condensed', sans-serif;
text-transform: uppercase;
font-weight: 600;
font-size: 15px;
}



header .col-md-8{
	padding: 0px;
}
header h1{
margin-top: 20px;
padding: 0px;
font-family: 'Roboto Condensed', sans-serif;
font-weight: 400;
margin-bottom:0;
}

header p{
font-family: 'Open Sans', sans-serif;
margin: 0;
color: #777;
font-size: 11.8px;    
}


.log{
	padding: 0px;
}
.carousel-control.left {
background:none;
}
.carousel-control.right {
background:none;
}


















.sec-1{
text-align: center;
padding: 40px 0px;
}
.sec-1 h1{
text-transform: uppercase;
font-family: 'Roboto Condensed', sans-serif;
}
.sec-1 p{
line-height: 30px;
color: #6b676a;
padding: 0px 50px;
font-family: 'Open Sans', sans-serif;
}
.sec-1 a{
color: #fff;
background:#ff5e14;
font-family: 'Open Sans', sans-serif;
}
.sec-1 a:hover{
	color: #fff;
}




.sec-2{
color: #fff;
background: url(../images/bg.jpg) no-repeat;
}
.sec-2-metter{
padding: 40px 0px;
}
.sec-2 .btn{
color: #fff;
border: 1px solid #ff5e14;
margin-left: 75px;
}
.sec-2  h2{
text-transform: uppercase;
font-family: 'Roboto Condensed', sans-serif;
}
.sec-2 a{
font-family: 'Open Sans', sans-serif;

}
.sec-2 a:hover{
color: #ff5e14;
}
.sec-2 p{

line-height: 26px;
padding-left: 74px;
font-family: 'Open Sans', sans-serif;
}
.sec-2 i{
font-size: 34px;
color: rgb(255, 255, 255);
float: left;
padding: 13px 14px;
background-color: #ff5e14;
border-radius: 34px/33PX;
margin-right: 10px;
margin-top: 20px;
}







.sec-3{
background-color: #f7f9fb;
padding: 40px 0px;
text-align: center;
}
.img-text {
border: 1px solid #ededed;
height: 360px;
padding: 10px;
background-color: #fff;
box-shadow: 6px 6px 35px 0 rgba(0,0,0,.05);
}
.img-text h3{
text-transform: uppercase;
font-size: 18px;
font-family: 'Roboto Condensed', sans-serif;
}
.img-text p{
font-family: 'Open Sans', sans-serif;
font-size: 15px;
}
.img-text a{
color: #fff;
background:#ff5e14;
font-family: 'Open Sans', sans-serif;


}
.img-text a:hover{
	color: #fff;
}





.sec-4{
padding: 10px 0px;
background: url(../images/bg-1.jpg) no-repeat;
color: #fff;
}
.sec-4 h1{
text-align: center;
font-family: 'Roboto Condensed', sans-serif;
}
.sec-4 h1:after{
content: "";
position: absolute;
top: 40px;
left: 400px;
height: 1px;
 width: 60px;
background-color: #ff5e14;
}
.sec-4 h1:before{
content: "";
position: absolute;
top: 40px;
right: 400px;
height: 1px;
width: 60px;
background-color: #ff5e14;
}




.why-box{
padding: 10px 0px;
}
.why-box p{
line-height: 26px;
padding-left: 75px;
font-family: 'Open Sans', sans-serif;

}
.why-box h4{
font-family: 'Roboto Condensed', sans-serif;
font-size: 20px;
}

.why-box span {
float: left;
border: 1px solid #ff5e14;
height: 50px;
width: 50px;
text-align: center;
line-height: 50px;
color: #ff5e14;
font-size: 18px;
transform: rotate(45deg);
margin-top: 23px;
margin-right: 25px;
}
.why-box i{
transform: rotate(-45deg);
}
.why-box span:hover{
background-color: #ff5e14;
color: #fff;
}





.sec-5{
padding: 10px;
}
.sec-5 img{
width: 90%;
box-shadow: 2px 4px 8px rgba(66, 66, 66, 0.42);
margin: 0px auto;
background-color: #fff;
-webkit-transition: width 2s;
 transition: width .5s;
}
.sec-5 p{
text-align: center;
padding: 10px 0px;
font-family: 'Open Sans', sans-serif;
font-weight: bold;
text-transform: capitalize;
margin: 0px 13px 20px;
background-color:#ff5e14;
box-shadow: 2px 4px 8px rgba(66, 66, 66, 0.42);
color: #FFF;
font-size: 15px;
}
.feature h3{
font-size: 30px;
padding: 20px;
font-family: 'Roboto Condensed', sans-serif;
}
.btn-success {
color: #FFF;
background-color: #ff5e14;
border-color: #ff5e14;
margin: 0px 3px;
border-radius: 50%;
width: 37px;
height: 37px;
z-index: 999;
}
.btn{
padding:10px 10px;
}
.glyphicon {
position: relative;
top: 30px;
}
.callouts .box-header img{
display: block;
max-width: 100%;
height: auto;
}







footer{
background-color: #000;
color: #888;
padding: 40px 0px;
}
.about h3:after{
content: "";
position: absolute;
top: 50px;
left: 15px;
height: 2px;
 width: 60px;
background-color: #ff5e14;
}
footer h3{
color: #fff;
text-transform: uppercase;
font-family: 'Roboto Condensed', sans-serif;
}
.bottommain {
  background: #ff5e14;
}
.bottommain p{
  text-align: center;
  color: #000;
  margin-top: 5px;
  margin-bottom: 5px;
}
.bottommain p a {
  color: #ffffff;
}
.about a{
color: #fff;
background:#ff5e14;
font-family: 'Open Sans', sans-serif;
}
.about a:hover{
	color: #fff;
}
.about {
line-height: 20px;
font-family: 'Open Sans', sans-serif;
}
footer ul li{
list-style: none;
}
footer ul li a{
color: #888;
font-family: 'Open Sans', sans-serif;
}
footer ul li a:hover{
color: #ff5e14;
}
.links h3{
margin-left: 35px;
}
.links{
line-height: 30px;
}
.links a{
text-decoration: none;
}
.links h3:after{
content: "";
position: absolute;
top: 50px;
left: 49px;
height: 2px;
width: 60px;
background-color: #ff5e14;
}
.pro h3{
margin-left: 38px;
}
.pro a{
text-decoration: none;
font-family: 'Open Sans', sans-serif;
}
.pro{
line-height: 30px;
}
.pro h3:after{
content: "";
position: absolute;
top: 50px;
left: 55px;
height: 2px;
width: 60px;
background-color: #ff5e14;
}
.con h3:after{
content: "";
position: absolute;
top: 50px;
left: 15px;
height: 2px;
width: 60px;
background-color: #ff5e14;
}
.con h3{
margin-left: -4px;
	
}
.con{
line-height: 20px;
font-family: 'Open Sans', sans-serif;
}
.con b{
color: #fff;
}








.inner-banner{
	
	background: url(../images/about-ban.jpg) no-repeat;
	color: #fff;



}
.about-left{
	float: left;
	text-align: center;
	
}

.about-left h1{
	margin-top: 80px;
	margin-bottom: 80px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 600;
	text-transform: uppercase;
}


.about-right ul{
	margin-top: 80px;
	margin-bottom: 80px;

}
.about-right ul li{
	list-style: none;
	display: inline;
	padding: 5px;


}
.about-right ul li a{
	font-size: 15px;
	color: #fff;
	text-decoration: none;
	font-weight: 600;
	font-family: 'Roboto Condensed', sans-serif;

}

.about-right ul li a:hover{
	color: #ff5e14;
}
.about-right{
	float: right;
	text-align: center;
	
}
.about-right ul li i{
	margin-left: 10px;
}

.inner-text {
	padding-bottom: 40px;

}

.inner-text p{
	line-height: 30px;
color: #6b676a;
font-family: 'Open Sans', sans-serif;

}

.inner-text h2{
	color: #ff5e14;
	font-family: 'Roboto Condensed', sans-serif;
}
.about-img img{
	margin-top: 50px;


}
.about-text {
	margin-top: 40px;
}

.custm-box{
	    text-align: center;
    padding: 10px 0px;
    margin: 15px 5px;
    transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease 0s;
    background: #222;
    height: 510px;
    color: #fff;

}
.custm-box h2{
	color: #fff;
	font-family: 'Roboto Condensed', sans-serif;
}
.custm-box p{
	color: #fff;
	font-family: 'Open Sans', sans-serif;
}
.pro-box{
   text-align: center;
    padding: 10px 0px;
    margin: 15px 5px;
    transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease 0s;
    background: #ff5e14;
    height: 510px;
     color: #fff;

 }

.pro-box h2{
	color: #fff;
	font-family: 'Roboto Condensed', sans-serif;
}
.pro-box p{
	color: #fff;
	font-family: 'Open Sans', sans-serif;
}
.pro-box .custm-icon{
	background-color: #000;
}

.custm-icon{
background: #ff5e14;
border-radius: 100%;
display: inline-block;
width: 70px;
height: 70px;
line-height: 75px;
margin-bottom: 8px;
position: relative;
text-align: center;
transition: all 0.3s ease 0s;
z-index: 2;
font-size: 20px;
}


.our-team h2{
	color: #000;
	text-align: center;
	font-family: 'Roboto Condensed', sans-serif;
	

}
.our-team p{
	text-align: center;
}

.our-team{
	margin-top: 20px;
	padding: 10px;
	
	
}

.our-team ul li{
	list-style: none;
	color: #6b676a;
	float: left;
	padding: 20px;
	text-align: center;
}
.our-team ul{
	padding: 0;
	margin-left: 350px;

}
.our-team ul li i{
	    padding: 20px;
    font-size: 18px;
    border: 1px dashed #ff5e14;
    border-radius: 50%;
    display: inline-block;
    color: #ff5e14;
    transition: .4s;



}
.our-team h4
{
	color: #6b676a;
	font-size: 20px;
	font-family: 'Roboto Condensed', sans-serif;

}
.our-team ul li:hover i {
    background: #ff5e14;
    color: #fff;
}


.why-list li span i{
background: #ff5e14;
color: #fff;
font-size: 16px;
height: 45px;
width: 45px;
text-align: center;
line-height: 45px;
margin: 5px 12px 5px 5px;
border-radius: 50%;
position: relative;


}
.why-list{
	padding: 0;
}
.why-list li{

display: inline-block;
font-family: 'Open Sans', sans-serif;
border: 1px solid #ccc;
color: #6b676a;
margin-bottom: 5px;
width: 450px;

}




.pro-1-banner{
	
	background: url(../images/product-1.jpg) no-repeat;
	color: #fff;
}



.quality-banner{
	background: url(../images/quality.jpg) no-repeat;
	color: #fff;
}

.q-list{
	padding: 0px;
}
.q-list li{

display: inline-block;
font-family: 'Open Sans', sans-serif;
border: 1px solid #ccc;
color: #6b676a;
margin-bottom: 5px;
width: 450px;

}
.q-list li span i{
background: #ff5e14;
color: #fff;
font-size: 16px;
height: 45px;
width: 45px;
text-align: center;
line-height: 45px;
margin: 5px 12px 5px 5px;
border-radius: 50%;
position: relative;

}
.pro-text p{
	line-height: 30px;
color: #6b676a;
font-family: 'Open Sans', sans-serif;

}
.contact-banner{
	background: url(../images/contact.jpg) no-repeat;
	color: #fff;
}
.cnt-box{
    border: 1px solid #d7d7d7;
    text-align: center;
    padding: 25px 25px;
    margin: 20px 0px;
    height: 220px;
}

.cnt-box i {
    height: 55px;
    width: 55px;
    background: #ff5e14;
    color: #fff;
    font-size: 20px;
    text-align: center;
    line-height: 55px;
    display: inline-block;
    position: relative;

    box-shadow: 5px 5px 0px 0px #222;
    margin-bottom: 15px;
}
.cnt-box h4{
	font-family: 'Roboto Condensed', sans-serif;
}
.cnt-box p{
	font-family: 'Open Sans', sans-serif;
}
.cnt-box a{
	text-decoration: none;
}
.cnt-box a p:hover{
	color: #ff5e14;
}



.enquiry-banner{
	background: url(../images/enquiry.jpg) no-repeat;
	color: #fff;
}

form input{
	margin: 10px 0px;
}
form textarea{
	margin: 10px 0px;
}
form .btn{

	background-color: #ff5e14;
	color: #fff;
	padding: 5px 20px;
	font-family: 'Open Sans', sans-serif;
}
form .btn:hover{
	color: #fff;
}
.q-img img{
	border: 1px solid #DBDBDB;
    padding: 6px;
    margin-top: 20px;
    height: 200px;
}






.infra-p{
	padding: 0px;
}

.infra-banner{
	background: url(../images/infra.jpg) no-repeat;
	color: #fff;
}
.infra h3{
	text-align: center;
	width: 120px;
	padding: 5px;
	color: #fff;
	background-color:#000; 
    font-family: 'Roboto Condensed', sans-serif;
    border-left: 3px solid #ff5e14;

}
.infra-icon h4{
    padding-top: 12px;
   font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    margin: 0px;
    font-weight: 600;
    margin-left: 50px;



}
.infra-icon i{
    color: #fff;
    font-size: 15px;
    background: url(../images/icon-bg.png) no-repeat center center;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin-right: 10px;
    transition: 0.6s;
    float: left;
   
}
.infra-icon{
	margin: 15px 0px;
}

.infra-img img{
	margin-top: 20px;
	border: 1px solid #d7d7d7;
	padding: 5px;
}


.career-banner{
	background: url(../images/career.jpg) no-repeat;
	color: #fff;

}
table{
	width: 100%;
	margin-top: 20px;
}
table th{
	    font-family: 'Roboto Condensed', sans-serif;
	    font-size: 16px;

}
table input{
	margin-bottom: 20px;
	font-family: 'Open Sans', sans-serif;
}
table textarea{
	margin-bottom: 20px;
}
table .btn{
    
	background-color: #ff5e14;
	color: #fff;
	padding: 5px 20px;
	font-family: 'Open Sans', sans-serif;

}
table .btn:hover{
	color: #fff;
}


.care-img {
	margin-top: 60px;
}





.product {
    padding-top: 2px;
}
.panel-group {
    margin-bottom: 20px;
}

.panel-group .panel {
    margin-bottom: 0;
    border-radius: 4px;
}
.product ul {
    text-align: left;
    padding-left: 0px;
   
    }
    .panel-default {
    border: none;
}

 .product li{
list-style: none;
font-family: 'Open Sans', sans-serif;
border-bottom: 2px solid #c2460d;
padding: 10px;
margin-bottom: 5px;
background-color:#ff5e14;  
}
.product li span{
	color:#fff;
	margin-right: 10px;
	font-size: 20px;
}
 .product li a{
 	color: #fff;
 	font-size: 15px;
 	text-transform: uppercase;

 }
 .product li a{
 	text-decoration: none;
 }
 .product li a:hover{
 color:#fff; 
 	text-decoration: none;
 }
 .panel-collapse li {
 	margin-top: 10px;
 	text-transform: lowercase;
 }
.panel-collapse li a{
 	
 	text-transform: capitalize;
 }
.product h3{
border: 1px solid #ccc;
padding: 10px;
margin-top: 16px;
background-color:#000; 
text-transform: uppercase;
font-size: 25px;
color: #fff;
text-align: center;
font-family: 'Roboto Condensed', sans-serif;
}


.product-box {
    position: relative;
    display: inline-block;
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
    border: 1px solid #ff5e14; 
    padding: 5px;
    margin:20px 0px;
    border-radius: 20px 0px;
}


.product-box .thumb {
    display: block;
    position: relative;
    overflow: hidden;
}

.product-box .img-thumbnail {
    padding: 0px;
    border: 0px solid #ddd;
    border-radius: 0px;
}

.product-box img {
    width: 100%;
    height: 100%;
    transition: all 0.9s ease 0s;
}

.product-box .thumb:hover img {
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    cursor: pointer;
    transition: all 0.9s ease 0s;
}
.product-box p{
	font-family: 'Open Sans', sans-serif;
	background-color: #000;
	color: #fff;
	padding: 10px;
	margin-bottom: 0;
	border-radius: 20px 0px;
	border-bottom: 3px solid #ff5e14;
	line-height: 20px;
}
.pro-text {
	padding: 40px 0px;


}
.pro-text h2{
	color: #ff5e14;
	font-family: 'Roboto Condensed', sans-serif;
	border-bottom: 2px dotted #d5d5d5;

	padding-bottom: 5px;
	margin: 0px;
}
.pro-text span{
	color: #000;
}







@media (min-width: 320px) and (max-width: 414px){

.top-left i {
    margin-right: 2px;
}

.top {
    text-align: center;
}


.soc-icon{
	float: none;
	padding: 5px 0;
	margin: 0;
}


.log{
	padding: 0 15px; 
	text-align: center;
}
.log img{
	width: 30%;
	display: inline-block;
}

header h1 {
	padding: 4px 0px;
    margin: 0;
    text-align: center;
}

.nav > li > a
{
padding: 8px 8px;
}
.navbar-default {
	margin-top: 0;
}
.navbar-nav {
    margin: 7.5px 5px;
    }
 .navbar-default .navbar-collapse, .navbar-default .navbar-form {
  
    background: #ececec;
}
.dropdown-menu > li > a
{
background-color: #ececec;
}

.navbar-header{
	background: #ff5e14;
}

.navbar-default .navbar-toggle {
    border-color: #fff;
}

.navbar-default .navbar-toggle .icon-bar {
	background-color: #fff;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
    color: #ff5e14;
    }
.sec-1 {
	padding: 30px 0;
}
 
.sec-1 h1{
	margin: 0;
	font-size: 30px;
}
.sec-1 p{
	margin-top: 10px;
	padding: 0;
	font-size: 13px;
}
.sec-1 .btn{
	padding: 5px;
}


.sec-2{
	background-size: cover;
	padding: 20px 0;
}
.sec-2-metter{
	padding: 10px 0;
}
.sec-2 h2{
	margin: 0;
	font-size: 20px;

}
.sec-2 p{
	font-size: 13px;
	padding-left: 50px;
}
.sec-2 i{
	margin-top: 0;
font-size: 20px;
padding: 10px 10px;

}
.sec-2 .btn{
	margin-left: 50px;
	padding: 5px;
}

.sec-3{
	padding: 20px 0;
}
.img-text p{
	font-size: 13px;
	}
	.img-text {
		width: 300px;
    margin-left: 40px;
    height: inherit;
		margin-top: 10px;
	}
	.img-text .btn{
		padding: 5px;
	}



	.sec-4 h1{
		font-size: 30px;
	}

	.sec-4 h1::before{
		top: 20px;
		right: 320px;
		width: 50px;
	}
	.sec-4 h1::after{
		top: 20px;
		left: 320px;
		width: 50px;
	}
	.why-box h4{
		font-size: 18px;
	}
	.why-box p{
		padding-left: 65px;

		font-size: 13px;
	}
	.why-box span{
	height:40px;
	width: 40px;
	line-height: 40px;
}
.sec-4
{
	background-size: cover;
}
.sec-4 h1::before{
	top: 35px;
}
.sec-4 h1::after{
	top: 35px;
}
.sec-5 .feature h3
{
	padding: 20px;
	margin: 0;
font-size: 25px;
}
.sec-5 .btn-success{
width: 30px;
height: 30px;
font-size: 12px;
}

.sec-5 img
{
	margin-top: 10px;
	
	}
	.box-body p{
margin: 0px 7px 20px;
height: 30px;
padding: 5px;
font-size: 13px;

	}
.glyphicon{ 
	
	top:20px;

}

footer{
	padding: 20px 0;
}

footer h3{
	font-size: 18px;
	margin: 0;
}
.about p{
	font-size: 13px;
	margin-top: 10px;
}
.about h3::after{
	top: 25px;
}
.about .btn{
	padding: 5px;
}
.links{
	line-height: 20px;
}
.links h3{
	margin-top: 10px;
	margin-left: 0px;
}
.links h3::after{
	top: 35px;
	left: 15px;
}
.links ul{
	padding: 0px;
}
.links ul li{
	margin-top: 10px;
	font-size: 13px;
}

.pro h3{
	margin-top: 10px;
	margin-left: 0px;
}
.pro  h3::after{
	top: 35px;
	left: 15px;
}
.pro {
	line-height: 20px;
}
.pro  ul{
	padding: 0px;
}
.pro  ul li{
	margin-top: 10px;
	font-size: 13px;
}

.con h3::after{
	top: 35px;
	left: 15px;
}
.con p{
	font-size: 13px;
	margin-top: 10px;
}

.con h3{
	margin-top: 10px;
}

.about-img img {
    margin:0px;
}
.about-right ul li a
{
	font-size: 13px;
	}

.about-left h1{
	margin-top: 75px;
margin-bottom: 75px;
	font-size: 30px;

}
.infra-banner{
    background-position: 30%;
}
.inner-banner{
    background-position: 80%;
}
.pro-1-banner{
  background-position: 40%;
}
.quality-banner{
 background-position: 50%;
}
.career-banner{
  background-position: 50%;
}
.contact-banner{
  background-position: 50%;
}
.enquiry-banner{
  background-position: 60%;
}
.inner-text p{
	font-size: 13px;
}
.inner-text{
	padding: 20px 0;
	padding-bottom: 0;
}
.why-list li span i
{
height: 30px;
width: 30px;
font-size: 14px;
line-height: 30px;
}
.why-list li
{
	width: 390px;
font-size: 13px;
}
.custm-box h2{
	margin-top: 5px;
	font-size: 25px;
}
.custm-box{
	height: 410px;
}
.custm-icon{
width: 50px;
height: 50px;
line-height: 50px;
}
.custm-icon i{
	font-size: 15px;

}
.custm-icon  h2{
	margin-top: 5px;

}

.pro-box{
	height: 410px;
}

.pro-box  h2{
	margin-top: 5px;
	font-size: 25px;
}
.our-team{
	text-align: center;
}
.our-team ul{
	margin: 0;
	margin-left: 0px;
	display: inline-block;
}
.our-team ul li{
	padding: 20px 10px;
}
.our-team h2{
	margin-top: 5px;

}
.our-team h4{
	font-size: 18px;

}



.pro-text {
    padding: 20px 0;

}
.product-box p{

padding: 5px;

	}
.product li a{
	font-size: 13px;
}
.product li span
{
font-size: 15px;
}
.pro-text p
{
font-size: 13px;
}


}

@media (min-width: 480px) and (max-width: 736px){

.top-left i {
    margin-right: 2px;
}

.top{
	text-align: center;
}
.soc-icon{
	float: none;
	padding: 5px 0;
	margin: 0;
}
.log {
	text-align: center;
}

.log img{
	width: 30%;
	display: inline-block;
}

header h1 {
	padding: 4px 0px;
    margin: 0;
    text-align: center;
}

.nav > li > a
{
padding: 8px 8px;
}
.navbar-default {
	margin-top: 0;
}
.navbar-nav {
    margin: 7.5px 5px;
    }
 .navbar-default .navbar-collapse, .navbar-default .navbar-form {
  
    background: #ececec;
}
.dropdown-menu > li > a
{
background-color: #ececec;
}

.navbar-header{
	background: #ff5e14;
}

.navbar-default .navbar-toggle {
    border-color: #fff;
}

.navbar-default .navbar-toggle .icon-bar {
	background-color: #fff;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
    color: #ff5e14;
    }
.sec-1 {
	padding: 30px 0;
}
 
.sec-1 h1{
	margin: 0;
	font-size: 30px;
}
.sec-1 p{
	margin-top: 10px;
	padding: 0;
	font-size: 13px;
}
.sec-1 .btn{
	padding: 5px;
}


.sec-2{
	background-size: cover;
	padding: 20px 0;
}
.sec-2-metter{
	padding: 10px 0;
}
.sec-2 h2{
	margin: 0;
	font-size: 20px;

}
.sec-2 p{
	font-size: 13px;
	padding-left: 50px;
}
.sec-2 i{
	margin-top: 0;
font-size: 20px;
padding: 10px 10px;

}
.sec-2 .btn{
	margin-left: 50px;
	padding: 5px;
}

.sec-3{
	padding: 20px 0;
}
.img-text p{
	font-size: 13px;
	}
	.img-text {
		width: 300px;
    margin-left: 75px;
    height: inherit;
		margin-top: 10px;
	}
	.img-text .btn{
		padding: 5px;
	}



	.sec-4 h1{
		font-size: 30px;
	}

	.sec-4 h1::before{
		top: 40px;
		right: 345px;
		width: 50px;
	}
	.sec-4 h1::after{
		top: 40px;
		left: 345px;
		width: 50px;
	}
	.why-box h4{
		font-size: 18px;
	}
	.why-box p{
		padding-left: 65px;

		font-size: 13px;
	}
	.why-box span{
	height:40px;
	width: 40px;
	line-height: 40px;
}
.sec-4
{
	background-size: cover;
}


.sec-5 .feature h3
{
	padding: 20px;
	margin: 0;
font-size: 25px;
}
.sec-5 .btn-success{
width: 30px;
height: 30px;
font-size: 12px;
}
.sec-5 img
{
	margin-top: 10px;
	
	}
	.box-body p{
margin: 0px 10px 20px;

padding: 5px;

	}

.glyphicon{ 
	
	top:20px;

}

footer{
	padding: 20px 0;
}

footer h3{
	font-size: 18px;
	margin: 0;
}
.about p{
	font-size: 13px;
	margin-top: 10px;
}
.about h3::after{
	top: 25px;
}
.about .btn{
	padding: 5px;
}
.links{
	line-height: 20px;
}
.links h3{
	margin-top: 10px;
	margin-left: 0px;
}
.links h3::after{
	top: 35px;
	left: 15px;
}
.links ul{
	padding: 0px;
}
.links ul li{
	margin-top: 10px;
	font-size: 13px;
}

.pro h3{
	margin-top: 10px;
	margin-left: 0px;
}
.pro  h3::after{
	top: 35px;
	left: 15px;
}
.pro {
	line-height: 20px;
}
.pro  ul{
	padding: 0px;
}
.pro  ul li{
	margin-top: 10px;
	font-size: 13px;
}

.con h3::after{
	top: 35px;
	left: 15px;
}
.con p{
	font-size: 13px;
	margin-top: 10px;
}

.con h3{
	margin-top: 10px;
}

.about-img img {
    margin:0px;
}
.about-right ul li a
{
	font-size: 13px;
	}

.about-left h1{
	margin-top: 75px;
margin-bottom: 75px;
	font-size: 30px;

}
.infra-banner{
    background-position: 30%;
}
.inner-banner{
    background-position: 80%;
}
.pro-1-banner{
  background-position: 40%;
}
.quality-banner{
 background-position: 50%;
}
.career-banner{
  background-position: 50%;
}
.contact-banner{
  background-position: 50%;
}
.enquiry-banner{
  background-position: 60%;
}
.inner-text p{
	font-size: 13px;
}
.inner-text{
	padding: 20px 0;
	padding-bottom: 0;
}
.why-list li span i
{
height: 30px;
width: 30px;
font-size: 14px;
line-height: 30px;
}
.why-list li
{
	
font-size: 13px;
}
.custm-box h2{
	margin-top: 5px;
	font-size: 25px;
}
.custm-box{
	height: 380px;
}
.custm-icon{
width: 50px;
height: 50px;
line-height: 50px;
}
.custm-icon i{
	font-size: 15px;

}
.custm-icon  h2{
	margin-top: 5px;

}

.pro-box{
	height: 380px;
}

.pro-box  h2{
	margin-top: 5px;
	font-size: 25px;
}
.our-team{
	text-align: center;
}
.our-team ul{
	margin: 0;
	margin-left: 0px;
	display: inline-block;
}
.our-team ul li{
	padding: 20px 10px;
}
.our-team h2{
	margin-top: 5px;

}
.our-team h4{
	font-size: 18px;

}



.pro-text {
    padding: 20px 0;

}

.product li a{
	font-size: 13px;
}
.product li span
{
font-size: 15px;
}
.pro-text p
{
font-size: 13px;
padding: 5px;
}


}



@media (min-width:768px) and (max-width:980px){

.top p{
	font-size: 13px;
}

header h1 {
    margin-top: 14px;
    font-size: 25px;
}

.nav > li > a {
    padding: 0px 4px;
    font-size: 12px;
    text-transform: capitalize;
}

.navbar-default {
    margin-top: 19px;
}
.dropdown-menu{
	font-size: 13px;
}

.inner-banner{
	background-position: 90%;
}
.quality-banner{
	background-position: 90%;
}
.contact-banner{
	background-position: 50%;
}
.enquiry-banner{
	background-position: 50%;
}
.career-banner{
	background-position: 50%;
}
.pro-1-banner{
	background-position: 50%;
}
.infra-banner{
	background-position: 30%;
}




.about-left h1{
	margin-top: 75px;
}
.our-team ul {




}
.sec-1 p{
padding: 0px;
}
.sec-2{
 background-size: cover;

}
.sec-2 h2{
	margin-top: 0;
	}
.sec-2-metter{

}
.sec-2 i{
	font-size: 25px;
	margin-top: 0px;
	}
.sec-4{
 background-size: cover;

}
.sec-4 h1::after {
	left: 190px;
	}
	.sec-4 h1::before {
	right: 190px;
	}
	.why-list li{
		width: 720px;
	}
.img-text{
	height: inherit;
	margin: 10px 0px;
	}
	.sec-5 p {
margin: 0px 7px 20px;
font-size: 14px;
height: 30px;
padding: 5px;
}
footer h3{
	font-size: 20px;
	margin-top: 0px;
}
.about h3::after{
top: 25px;
}
.product-box p{
	padding: 5px;
	}
.links h3 {
    margin-left:0px;
}
.links ul{
	padding: 0px;
}
 .links h3::after{
    	left: 15px;
    	top: 25px;
    }
.pro h3 {
    margin-left: 0px;
    }
    .pro ul{
    	padding: 0px;
    }
     .pro h3::after{
    	left: 15px;
    	top: 25px;
    }
    .con h3::after{
    top: 25px;
    left: 11px;
}
.cnt-box i{
height: 45px;
width: 45px;
font-size: 15px;
line-height: 45px;
}
.infra-p
{
padding: 0px 10px;
}

.our-team ul {
    padding: 0;
    margin-left: 150px;
    }
    .cnt-box p{
   font-size: 13px;
line-height: 20px;
    }
.product-box p{
	height: 50px;
	
 }
 .product li span{
 	font-size: 16px;
 }
 
 .care-img 
 {
 	margin-top: 120px;

}
.product h3{
	font-size: 20px;
}
.product li a{
	font-size: 14px;
}
.custm-icon{


width: 60px;
height: 60px;
line-height: 60px;font-size: 18px;
}

}



@media (width:1024px){



header h1 {
    margin-top: 17px;
    font-size: 35px;
}

.nav > li > a {
 padding: 0px 5px;
font-size: 15px;
text-transform: capitalize;
}

.navbar-default {
    margin-top: 25px;
}
.dropdown-menu{
	font-size: 13px;
}
.sec-1 p{
	padding: 0;
}
.sec-2{
	background-size: cover;
}
.sec-4 h1::before{
	right: 300px;

}
.sec-4 h1::after{
	left: 300px;
	
}

.sec-4{
	background-size: cover;
}
.sec-5 p{
	margin: 0px 10px 20px;
}
.links ul{
	padding: 0px;
}
.links h3 {
    margin-left: 0px;
}
 .links h3::after{
    	left: 15px;
    	top: 50px;
    }
.pro ul{
	padding: 0px;
}
.pro h3 {
    margin-left: 0px;
}
 .pro h3::after{
    	left: 15px;
    	top: 50px;
    }
    .custm-box{
    	height: 580px;
    }
    .pro-box{
    	height: 580px;
    }
    .custm-icon{
width: 60px;
height: 60px;
line-height: 60px;
font-size: 18px;
}
.product-box p
{
padding: 5px;
}
.why-list li{
		width: 320px;
	}
	.why-list li span i{
height: 40px;
width: 40px;
line-height: 40px;
}

.our-team ul {
    padding: 0;
    margin-left: 230px;
    }
  .q-list li span i{
height: 40px;
width: 40px;
line-height: 40px;
}


.inner-banner{
	background-position: 90%;
}
.quality-banner{
	background-position: 90%;
}
.contact-banner{
	background-position: 50%;
}
.enquiry-banner{
	background-position: 50%;
}
.career-banner{
	background-position: 80%;
}
.pro-1-banner{
	background-position: 50%;
}
.infra-banner{
	background-position: 30%;
}
.cnt-box{
	padding-top: 20px;
}
}