*{padding:0;
margin:0;}
html {
    width: 100%;
    height: 100%;
}



body{
font-family: 'DINRegular' !important;
background: #e6e6e7 !important;


}

@font-face {
    font-family: 'DINRegular';
    src: url('../fonts/dinregularwebfont');
    src: url('../fonts/dinregularwebfont?#iefix') format('embedded-opentype'),
         url('../fonts/dinregularwebfont.woff') format('woff'),
         url('../fonts/dinregularwebfont.ttf') format('truetype'),
         url('../fonts/dinregularwebfont.svg#DINCondRegular') format('svg');
	font-weight: normal;
    font-style: normal;
}






.main{width:100%;
margin:0 auto;
}



.fix{//position: fixed;
    background-color: #f4f5f5;
    width: 100%;
	    z-index: 999;}
.topbar1{background:url(../img/menu-top.jpg) ;
	z-index: 9999;
	background-size:cover;}
	
.uper ul {
	list-style-type:none;
	float:right;
	margin-top:2px;
	//background:#414141;}


ul{list-style:none;}


	
.logo{margin-top: -9px;
    position: absolute;
    z-index: 9999;
	    margin-left: -30px;}
	
.area{background:#fff;
    position: absolute;
	width: 100%;}	
	
	
	
.uper ul li {
	float:left;
	padding:3px 15px 0 0;
	    PADDING-LEFT: 12PX;}
	
.uper ul li a{
	color:#000000;
	    font-family: 'Alegreya Sans', sans-serif;
	font-size: 13px;}



.sec{position: absolute;
   top: 150px;
    right: 0;
    width: 60%;
    padding-left: 24%;
    color: #fff;
    z-index: 10;  
	}
	
	
	
.sec h1{color: #ed1c24;
    font-size: 37px;}	
	
.sec p{
	 color: #000;
    line-height: 27px;
    text-align: justify;
    font-size: 15px;
    margin-top: 16px;}	



.dropdown-menu {background:#f4f5f5 !important;
position:absolute !important;
z-index:9999 !important;
padding: 17px 0!important;
border-top:none !important;
border-left:none !important;
border-right:none !important;
box-shadow:none !important;
}

.menubottom{    margin-left: -15px;
    margin-bottom: -18px;
    margin-top: 25px;}
		
	.navbar-nav>li a {
	font-size: 18px;
	color: #ed1c24;
	padding-bottom: 7px;
	    font-family: 'Alegreya Sans', sans-serif;
	border-bottom:1px dotted #000;}
		
	.navbar-nav>li a:hover{
	text-decoration:none !important;
	color:#000;}
		
.navbar-default .navbar-nav>li>a {
    color: #000 !important;
	font-size: 16px; 
	border-right: 1px solid #ebebeb;
	border-bottom:none;
	    margin-top: -10px;}

.navbar-default .navbar-nav>li>a:hover{background:#ebebeb !important;}
.nav>li>a {
    position: relative;
    display: block;
    padding: 14px 10px !important;}
	
	
.navbar-nav {
        margin: 10.5px -32px !important;}


.dropdown-menu h4{
	    font-size: 14px;
		    color: #7f7f7f;
			font-weight:bold;
    margin-left: 15px;
	
	}	
	

	

.navbar {
    position: relative;
    margin-bottom: 0 !important;
    border: 1px solid transparent;
	}



  .inner-slider img{
	width:100%;
	position:absolute;
	float:left;
}

.pic {
	width:100%;
	//height:70px;
	}

.thumb{
 width: 15%;
  position: absolute;
  margin-top: 0.1%;
  z-index: 9999;
      margin-left: 40px;
 // left: 76%;
 position:relative;}



.thumb p{background:#ed1c24 ;
color:#FFF;
    font-family: 'DINRegular';
	font-size:19px;
text-align:center;
line-height:35px;
}

.navigation1
{
	background: url(../img/menubar.png);
    padding: 14px;
    background-repeat: no-repeat;
    background-position: -1px -3px;
    background-size: 178px 424px;
	padding-bottom:100px;
}

.navigation1 button
{
	padding-top:10px;
	padding-bottom:10px;
}



/* Scroll-css */
.navbar-nav>li{f//loat:none !important;}

.navbar-collapse.collapse{    position: fixed;
    //margin-top: 135px;}
	
	
.apna{    background:url(../img/menubar.png);
    width: 220px;
	height:514px;	
	
   
}
.mobile-menu{
	    width: 100%;
    top: 99px;
    display: none;
    position: absolute;
    z-index: 9999;
	display:none;}
	
.click{
	border-top: 1px solid #fbfbf9 !important;
box-shadow: none;
background: red;
color: #666666;
text-shadow: none;
border-color: red red red;
border-top: 1px solid #dddddd;
border-radius:3px 3px 0 0;
margin-top:25px;
cursor:pointer;
}
.click .menu-txt{
	color:#fff;
	padding:8px;
	font-family: 'Oswald', sans-serif;
	font-size:18px;
	//width:300px;
}
.click .menu-txt i{
	text-align:right;
}

.iconn{
	float:right;
	width:100px;
}
.down{
	display:none;
	font-size: 20px;
background: #666666;
color: #666666;
text-shadow: none;
border-color: #666666 #666666 #666666;
border-top: 1px solid #dddddd;
margin-top:-10px;

}

.down1 , .down2 , .down3 , .down4 , .down5 , .down6 , .down7 , .down8 {
	display:none;
}

.fa-bars{ float: right;
font-size: 40px !important;
margin-right: 12px;
color:#fff;}


.down .menu-txt{
	width:100%;
	padding:3px;
	padding-left:10px;
	border-bottom: 1px solid #fbfbf9;margin:0 !important;
}
.down .menu-txt a{
	color:#fff;
	font-family: 'Oswald', sans-serif;
	font-size:12px;
	}
.down .menu-txt a:hover{
	text-decoration:none;
}   


@media(min-width:767px) {
    .navbar {
        padding: 20px 0;
        -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
        -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
        transition: background .5s ease-in-out,padding .5s ease-in-out;
    }

    .top-nav-collapse {
        padding: 0;
    }
}

/* Demo Sections - You can use these as guides or delete them - the scroller will work with any sort of height, fixed, undefined, or percentage based.
The padding is very important to make sure the scrollspy picks up the right area when scrolled to. Adjust the margin and padding of sections and children 
of those sections to manage the look and feel of the site. */

.intro-section {
    //height: 100%;
    padding-top: 132px;
    text-align: center;
    background: #fff;
}



.services-section {
   // height: 100%;
 // padding-top: 150px;
    text-align: center;
    background: #fff;
}

.contact-section {
    //height: 100%;
// padding-top: 136px;
    text-align: center;
    background: #eee;
}


#hasnain{
	    margin-bottom: -40px;}	
	
.footer-tray {
    bottom: 0;
       color: #F1F1F1;
	background:url(../img/bg_footer1.png) repeat-x;
	padding: 40px;
	//margin-top:97px;
	    margin-top: -39px;
		    border-bottom: 1px dotted #ccc;}

.f-news h2{font-size:19px;
font-family: 'DINRegular';
border-bottom:dotted 1px #999999;}

.f-news p {
	text-align:justify;}

.f-news p a{
    font-size: 13px;
    line-height: 1.5;
	color: #d4d4d4;}

	
.f-news p a span{color: #ed1c24!important;}	

.f-news ul{list-style:none;
    margin-top: 10px;}
.f-news li a {
    color: #d4d4d4;
    font-size: 13px;
    text-transform: uppercase;
    margin: 0;
	list-style:none;}
 .social-bar {
  width: 100%;
	    background: rgba(0,0,0,0.5);
   // padding: 10px 10px 10px 10px;
    border: 1px
 solid rgba(0, 0, 0, 0.5);
    cursor: pointer;
z-index:999;
 margin-bottom: -39px;
    position: relative;
	 //   margin-top: 174px;
	     POSITION: absolute;
    MARGIN-TOP: -78px;

}


.social-bar h1, .social-bar1 h1, .social-bar2 h1, .social-bar3 h1 {
background-color: #414141;
border-radius: 5px; 
font-size: 20px;
margin-bottom: 20px;
padding: 7px;
    color: #ed1c24;
	text-align: center;
	}

.pra-area {
	background-color: #7d7d7d;
	    color: #F1F1F1;}
.pra-area p{
	padding-top:10px;}
	
.pra-area a{color: #F1F1F1;}

.pra-area a:hover{color: #f8f8f8;}

#overlay {
    display:none;    
    position:fixed;  
    left:0px;        
    top:0px;         
    width:100%;      
    height:100%;     
    background:#000; 
    opacity:0.5;     
    z-index:99999;   
}

#popup {
       display: none;
    position: fixed;
    top: 40%;
    margin-top: -106px;
    margin-left: -150px;
    background: #e6e6e7 ;
    border: 2px solid #000;
    z-index: 100000;
    margin-left: 28px;
    margin-right: 99px;  
	    padding: 22px; 
}

#Closebtn{    float: right;
    margin-top: -43px;
    background: #000;
    color: #fff;
    padding: 10px;
    border-radius: 59px;
    margin-right: -31px;
	cursor:pointer;}


	
.triangle-bottomleft { 
   width: 0; 
   height: 0; 
   border-bottom: 60px solid blue; 
   border-right: 63px solid transparent; 
       margin-top: -43px;
   
}

.fa-angle-left{    font-size: 40px !important;
    margin-top: 23px;
    margin-left: 10px;
	color:#000000 }.apne{
   margin-top:123px;
}
	
	.main-sec {
    position: relative;
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
}
	
	.mere-time{float:right !important;
	margin-right:-50px;}
	
.footer{
	background:url(../metal-slider/img/bg_footer.png);}
	
	
	.ban {//margin-top:11%;}

.menu-rig{padding-left:0 !important;
    margin-bottom: -10px;
	    padding-bottom: 40px;}

.menu-rig ul{
list-style-type: none;
font-family: 'DINRegular';
font-size:15px;
font-weight:bold;
padding-right:12px;
}


 



.menu-rig ul li a{
display: block;
color:#FFFFFF;
text-decoration: none;
padding: 6px;
border-bottom: 1px solid #fff;}


.m-top{margin-top: -33px;
background:#1aada2;}




.menu-rig ul li a:link{
background-color: #9dd7d2;
}

.menu-rig ul li a:hover{
	background:#1aada2;}
	
	.menu-rig1{padding-left:0 !important;
    margin-bottom: -10px;
	    //background: #ebebeb;
		padding-right:1px !important;
    
              // height: 911px;

	}
	
	
	
	.menu-rig2{padding-left:0 !important;
    margin-bottom: -10px;
	    background: #ebebeb;
		padding-right:1px !important;
    
                          height: 990px;

	}

.menu-rig2 ul{
list-style-type: none;
font-family: 'DINRegular';
font-size:15px;
font-weight:bold;
padding-right:0px;
}

.heading-new{
	margin-left:10px;}

 



.menu-rig2 ul li a{
display: block;
color:#FFFFFF;
text-decoration: none;
padding: 6px;
border-bottom: 1px solid #fff;}




.menu-rig2 ul li a:link{
background-color: #f8bd15;
}

.menu-rig2 ul li a:hover{
	background:#FF0000;}
	
	
	
	
	
	
.menu-rig1 ul{
list-style-type: none;
font-family: 'DINRegular';
font-size:15px;
font-weight:bold;
padding-right:0px;
}

.heading-new{
	margin-left:10px;}

 



.menu-rig1 ul li a{
display: block;
color:#FFFFFF;
text-decoration: none;
padding: 6px;
border-bottom: 1px solid #fff;}




.menu-rig1 ul li a:link{
background-color: #f8bd15;
}

.menu-rig1 ul li a:hover{
	background:#FF0000;}
	
	
	
	
	
	.m-top1{margin-top: -33px;
background:#FF0000;}
	
.right-tex h1{
	color:#000000;
	font-family: 'DINRegular';
	text-transform:uppercase;
	    font-weight: bold;}
		
		.sub{
	color:#000000;
	font-family: 'DINRegular';
	text-transform:uppercase;
	    font-weight: bold;
		font-size:18px;}
	
	
.right-tex hr{margin: 14px 0 13px;
border-color:#FF0000;}


.mid-tex p{
	font-family: 'DINRegular';
	text-align:justify;
	color:#000000;
	font-size:15px;}	
.mid-tex strong{color:#ec9969;}	

.mid_tex h2{font-weight:bold;}


.mid-tex1 p{
	font-family: 'DINRegular';
	text-align:justify;
	color:#000000;
	font-size:15px;}
	
	.mid{
	background:#ffc828;
	float: left;
    width: 100%;}
 
		
		

	.middi {
    width: 100%;
    background-image: url(bar.png);
    background-size: 1280px;}
	
	
.mid p {
	 margin-left: 26px;
    color: #fff;
    font-size: 16px;
	font-family: 'DINRegular';}
				
.sec-p{color:#fff !important;}		
		
.mer-pic img{width:100%;}


.f-news p a{
    //font-size: 13px;
    line-height: 1.5;
	color: #d4d4d4;
	}

	
.f-news p a span{color: #ed1c24!important;}	

.f-news ul{list-style:none;
    margin-top: 10px;}
.f-news li a {
    color: #d4d4d4;
    //font-size: 13px;
    text-transform: uppercase;
    margin: 0;
	list-style:none;}
	

.tab{    margin-top: -48px !important;
padding-left:13%;}


.fa-download{color:#FF0000;
margin-left:-21px;
font-size:16px !important;}
	
.box{
	    background: #da2d41;
    position: absolute;
    z-index: 9999;
    border: 1px solid rgba(255,255,255,.5);
    line-height: normal;
    MARGIN-TOP: 11PX;
    //margin-left: 12px;
	    margin-left: 2%;}
	
	
	.box:hover{
		 //-ms-transform: translateY(-10px); /* IE 9 */
    //-webkit-transform: translateY(-10px); /* Safari */
    //transform: translateY(-10px);
	}
	
	.box a:hover{text-decoration:none;}
	
.box h5 ,.box h5{
	font-family: 'DINRegular';
	color:#FFFFFF;
	font-weight:bold;
	          padding-left: 36px;
	//font-size:19px;}
	
.box p{
	font-family: 'DINRegular';
	color:#FFFFFF;
	font-size:14px;
	   // padding-left: 70px;
	}
	
	
	.font-1{
		color: #fff;
    float: left;
        padding-left: 7px;
	
    margin-top: 5px;}
	
	.font-2{
		color: #fff;
    float: left;
    padding-left: 0px;
    margin-top: 3px;}
	

		.welcome{padding-top: 71px;}

	.welcome h2 {
	font-size: 30px;
	color: #2d2c32;
	font-weight: 900;
	letter-spacing: 3px;
	padding-bottom: 24px;
	font-family: 'DINRegular';}

	.welcome h2 i{display: block;
	width: 42px;
	height: 3px;
	background: #da2d41;
	margin-top: 5px;}
	
	
	.welcome p{font-size: 16px;
    line-height: 1.6;
    color: #94949d;
	text-align:justify;
}	
	
	.welcome .our-quality{
    list-style: none;
    border-top: 1px solid #c0c0c0;
    margin-top: 41px;}	


	.welcome .our-quality li {
    width: 33.33%;
    font-size: 16px;
    line-height: 24px;
    color: #717171;
    float: left;
    margin-top: -15px;
    cursor: pointer;
	font-family: 'DINRegular';}
	

	.welcome .our-quality strong {
    float: left;
    margin-left: -29px;
    margin-top: 28px;
    line-height: 18px;}

	.welcome .our-quality span {
    display: block;
    font-weight: 400;}
	
	.cho img {
    border-radius: 20px;
}
/* Start Manufacturing Page */



.inside {
    counter-reset: square ;
	    //background: #EBEBEB;
		    padding-top: 13px;
	
}


.inside1 {
	    background: #EBEBEB;
	
}
.inside li:before {
    content: counter(metal, square) ;
    counter-increment: metal;
    margin-right: 8px;
    font-weight: bold;
    font-family: calibri;
    font-size: 14px;
   // display: inline-block;
    width: 10px;
	    color: #ec9969;
}

.right-tex ol{    list-style-type: square;
    margin-left: 14px; }

/* End Manufacturing Page */



/*B&W*/
	.bw {
  	-webkit-transition: all 1s ease;
   -moz-transition: all 1s ease;
   -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
     transition: all 1s ease;}
 
	.bw:hover {
  -webkit-filter: grayscale(100%);}

	
	
	
	.fa-check-square-o{font-size:30px !important;
	float: left;}
	
	.fa-eye{font-size:30px !important;
	float: left;}
	.fa-envelope-o{font-size:28px !important;
	float: left;}
	
	.fa-users{font-size:30px !important;
	float: left;}


	.ac{color:#da2d41;}

 	.our-images {
    text-align: right;}
	
	
	.our-images ul {
    list-style: none;
    display: inline-block;
    padding-top: 5%;
    vertical-align: top;}

	.our-images ul li {
    padding: 0 0 20px 20px;}	

	.service{//background:#56545e;
	padding: 18px 0 11px;}

	
#LearnMoreBtn{ display: inline-block;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    line-height: 20px;
    padding: 9px 9px;
    text-decoration: none;
    text-transform: uppercase;
    min-width: 0;
    text-align: center;
    background: #2d2c32;
    border-radius: 3px;
    letter-spacing: 1px;
    margin-top: 0;
    border: 1px solid #2d2c32;
	cursor:pointer;}

.pro-area h3 , .pro-area h1 , .pro-area h4, .pro-area h2 , .pro-area h5{
	color:#000;
	font-family: 'DINRegular';}	

.pro-area p{
    font-family: 'DINRegular';
    text-align: justify;
    color: #000000;
    font-size: 14px;
}
	

.head h1{margin-top:80px;
 text-align:center;

 font-family: 'DINRegular';}
 
.head span {background: #ea721b;
    border-radius: 13px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 27px;
	color:#FFFFFF;
	}
.head1 h1{margin-top:80px;
 text-align:center;
 color:#ea721b;
 font-family: 'DINRegular';}	
	.head1 span {
    background: #ea721b;
    /* border-radius: 13px; */
    /* padding-left: 20px; */
    padding-right: 6px;
    font-size: 29px;
    color: #FFFFFF;
    font-family: 'DINRegular';
    /* color: black; */
} 
	.our-log img {
    margin-top: 20px;
    box-shadow: 0 0 5px #ddd;
    margin: 10px;
    border: 1px solid #d0d0d0;
    -webkit-box-shadow: 0 0 5px #d0d0d0;
    float: left;
	    margin-left: 115px;
}
	
.fon{font-family: 'DINRegular';}	


.forgine img{
	margin-top:5px;
	margin-bottom:5px;
	
	}
	
	.forgine {
	//margin-top:5px;
	//margin-bottom:5px;
	}
.mar{ margin-left:87px;}

.back{display:none;}
.left12{margin-left: -15px;}
.left13{margin-left: -25px;}
.left1{margin-left: -15px;
margin-top:179px !important;}
.ver{border-top:#f38020 5px solid;
margin-top:20px;}

.bor{    border: 1px solid #000;}

.videos{
    padding-top: 26px;
	text-align:center;
	padding-bottom:10px;}
	
.org-cart{   padding-top: 26px;}

.our-log1 img {
 
    box-shadow: 0 0 5px #ddd;
    margin-top: 10px;
    border: 1px solid #d0d0d0;
    -webkit-box-shadow: 0 0 5px #d0d0d0;
    float: left;
}

.area-pd{
	padding-top:52px;}
	
	
.partner-area p{
	font-size:18px !important;
	    padding-top: 15px;
	}
	
.side li{
	font-size:18px !important;
	color:#000;
	padding-top:15px
	}
	
	.fa-icon1{
	    margin-right: 8px;
    display: inline-block;
    color: #ec9969;}
	
.cer p{
	    font-size: 13px !important;
    padding-top: 11px;
    padding-left: 2px;
    font-weight: bold;}
	
.mid-tex img{
	    margin-left: 0px;}
		
.tab-area{    //margin-left: -14px;
                padding-bottom: 3%;
		   // padding-top: 55px;
	background:#ebebeb;}
	
.tab-area1, .tab-area2{
	    background: #ebebeb;
		    padding-top: 55px;
        padding-bottom: 20%;}


.tab-area img{
	    // border-radius: 23px;
	     margin-right: 20px;
		     padding-bottom: 17px;
			 width:100%;}
.heading{
	//padding-bottom:20px;
	background-color:#FFF;
	color: #000;
    font-family: 'DINRegular';}
	
.product{
	    background: #fff;}
		
.foun-area img{
	margin-left:0 !important;}
		

		

@media(max-width:1198px){
	.our-log img {
    margin-top: 20px;
    box-shadow: 0 0 5px #ddd;
   // margin: 10px;
    border: 1px solid #d0d0d0;
    -webkit-box-shadow: 0 0 5px #d0d0d0;
    float: left;
	    margin-left: 0px;
}

.can{width:1055px!important ;}
.our-log{width: 19.667% !important;}
	.head span {
       padding-left: 0px;
    padding-right: 0px;
	    color: #000;
		background:none;
		font-weight:bold;
	}
@media(max-width:1024px){
.logo{
margin-left:0;}

.has{text-align:-webkit-right !important;}
.bacl{display:none;}
.back{display:inherit;}
.left12{margin-left: 0px;}
.left13{margin-left: 0px;}
.left1{margin-left: 0px;
margin-top:154px !important;}
.mar{ margin-left:0px;}
.forgine img{width:100%;}
.navbar-nav {
    margin: 10.5px -196px !important;
}
.our-log{width: 100% !important;}
	
	.mere-time{
		margin-top: 100px;}
		
		.mer-pic img{width: 50%;
		float: left;}

.closed{display:none;}
.can {
    width: 738px!important;
}
.mid p {
    margin-left: 26px;
    color: #FFF;
    font-size: 30px;
    font-family: "Alegreya Sans",sans-serif;
    font-weight: bold;}
		
		
.pic{display:none;}



.mere-time{float:left !important;}

.navbar-nav > li > a {
    font-size: 14px !important;}
	
	.nav > li > a {
    padding: 0px 13px !important;}
	
	.closed{display:display;}
	
	.social-bar {
    width: 100%;
	background:#666666;
    cursor: pointer;
	padding:37px 0 0;
	z-index:999;
	margin-bottom: 0px;
	position:relative;
	bottom: -40px;}
	

}
	
	
	
	
@media(max-width:980px){
	
	.can {
    width: 800px!important;
}
	.has{text-align:-webkit-left !important;
	    margin-left: 181px;}
	.left1{margin-left: 0px;
margin-top:5px !important;}
	.navbar-nav {
    margin: 10.5px 26px !important;
}

.wid {width:100%;}
.fon{display:none;}
.our-images{display:none;}

.tab{margin-top:0px;display:none;}
.navigation1
{
	background:none !important;
}
	//.logo{width:40%;}
	
	.mere-time{
		margin-top: 100px;
		}
		
		
.pic{display:none;}

.can{width:739px }

.mere-time{float:left !important;}

.navbar-nav > li > a {
    font-size: 13px !important;
	}
	
	.nav > li > a {
    padding: 0px 13px !important;}
	
	.closed{display:none;}
	
	.social-bar {
  width: 100%;
	background:#666666;
    cursor: pointer;
padding:37px 0 0;
z-index:999;
margin-bottom: 0px;
position:relative;
bottom: -40px;}



	}
	
@media(max-width:955px){
	.footer-tray {
  
    margin-top: 0px;
}
.navbar-nav {
    margin: 10.5px -55 !important;
}
.has {
    text-align: -webkit-left !important;
    margin-left: 120px;
}

.menubottom {width:100%;}
	}	
	
@media(max-width:768px){
	.sec {
    position: absolute;
    top: 150px;
    right: 0px;
    width: 60%;
    padding-left: 0;
    color: #FFF;
    z-index: 10;
}

.thumb
{
	display:none;}
		
	 .footer-tray{
		
	 }
	}	
@media(max-width:767px){
		.can{width:100% !important;}
.mobile-menu{display:inherit;}

.topbar1 {
  background: url(../img/menu-top.jpg) center;
    z-index: 9999;
    height: 36px;
}
	
	.uper{display:none;}
	
	.fix {
   // position: absolute;
    height: 152px;
}

@media(max-width:600px){
	
	.has {
    text-align: -webkit-left !important;
    margin-left: 34px;
}


	

	}	
	@media(max-width:480px){	.has {
    text-align: -webkit-left !important;
    margin-left: 34px;
	    margin-top: 24px;
}


.ban img {
    margin-top: 154px;
}

.right-tex h1 {
    color: #000;
    font-family: Lato,sans-serif;
    font-size: 30px;
}
.sec p{display:none;}
	.sec {
    position: absolute;
    top: 236px;
    right: 0px;
    width: 100%;
    padding-left: 0px;
    color: #FFF;
    z-index: 10;
	background: #000;
opacity: 0.7;
}

.intro-section {
    padding-top: 132px;}
}

@media(max-width:450px){
	.has {
    text-align: -webkit-left !important;
    margin-left: 1px;
	margin-top:0px;
	}

	
@media(max-width:414px){
	.has {
    text-align: -webkit-left !important;
    margin-left: 1px;
    margin-top: 18px;
}
	.sec p{display:none;}
	.sec {
    position: absolute;
    top: 188px;
    right: 0px;
    width: 100%;
    padding-left: 0px;
    color: #FFF;
    z-index: 10;
	background: #000;
opacity: 0.7;
}
.welcome .our-quality li {
    width: 100%;
    font-size: 16px;
    line-height: 24px;
    color: #717171;
    float: left;
    margin-top: 17px;
    cursor: pointer;
    font-family: "DINRegular";
}

}
	
@media(max-width:375px){
	.logo {
    width: 72%;
}
.sec {
    position: absolute;
    top: 167px;}
	}