@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@charset "utf-8";
/* CSS Document */


.homeBanner{ height:100%; overflow:hidden; position:relative; margin-bottom:35px;}


.hbDex {width: 100%; height: 100%; object-fit: cover; /* -webkit-transition: opacity 1s ease-in-out;  -moz-transition: opacity 1s ease-in-out;  -o-transition: opacity 1s ease-in-out;  transition: opacity 1s ease-in-out; -webkit-animation: fadein 2s;  -moz-animation: fadein 2s;   -ms-animation: fadein 2s;    -o-animation: fadein 2s;  animation: fadein 2s;*/}
			
/*			@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}


@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}


@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}


@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}*/
  
  

.slick-slider, .slick-list, .slick-track{height:100%;}
/*sm edit section*/

#home_banner_slider, #home_banner_slider>div, #home_banner_slider>div>div{ height:100%;}

.bannerInfo{ /* max-width:1700px; width:90%; */ margin:0 auto 0; font-family: 'Roboto', sans-serif;  position:absolute; right:0; top:0px; height:100%; width:362px;  padding:20px 45px 20px 40px; z-index:5; /*background-color:rgba(0,0,0,0.70);*/ display: flex;
justify-content: center;flex-direction: column;text-align: left;}
.bannerInfo span{ display:block; position:relative; overflow:hidden;}

.bannerInfo span strong{ position:relative; top:90px; opacity:0; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease-in-out; font-family: 'Roboto', sans-serif; font-weight:300;}
.banner1_text2 strong{font-weight:400 !important;}
.bannerInfo span strong b{position:relative; padding:0 12px 0 20px;}
.bannerInfo span strong b:after{position:absolute; content:""; background-color:#243267;; width:8px; height:8px; border-radius:50%; left:0px; top:8px; }
.bannerInfo span strong.fadeInUp{top:0;opacity:1; }
.bannerInfo span strong.fadeOutUp{top:-90px; opacity:0; }

.banner1_text1{ padding-bottom:13px; margin-bottom:38px; color:#ffc000; font-size:30px; line-height:normal; font-weight:300;}
.banner1_text1:after{position:absolute; content:""; background-color:#fff; width:25px; height:1px; left:0; bottom:0;}
.bannerInfo span strong u{text-decoration:none; font-weight:900;}
.banner1_text2{ padding-bottom:20px; color:#fff; font-size:16px; line-height:normal; font-weight:400;}
.banner1_text3{padding-top:25px; color:#FFF; font-size:16px; line-height:18px;}
.banner1_text2 strong, .banner1_text3 strong{font-weight:400;}

.slide_moreBtn{ height:44px; line-height:44px; padding:0 20px; color:#FFF; border-left:1px solid #fff; border-top:1px solid #fff;  font-size:12px; display:inline-block; position:relative; opacity:0; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease-in-out; font-weight:700;}
.slide_moreBtn:after{content:'';width:calc(100% - 9px); height:1px; background-color:#fff; left:0px; bottom:0; position:absolute;  z-index:1;}
.slide_moreBtn:before{content:'';width:1px; height:calc(100% - 9px); background-color:#fff; right:0px; top:0; position:absolute;  z-index:1;}
.slide_moreBtn.fadeIn{opacity:1; }
.slide_moreBtn.fadeOut{opacity:0; }
.slide_moreBtn i{position:absolute; right:0px; bottom:0; width:5px; height:5px;}
.slide_moreBtn i:after{position:absolute; content:""; background-color:#fff; width:100%; height:1px; left:0px; top:2px;}
.slide_moreBtn i:before{position:absolute; content:""; background-color:#fff; width:1px; height:100%; left:2px; top:0px;}
.slide_moreBtn span{display:none;}
.slide_moreBtn2{ height:44px; line-height:44px; padding:0 10px; margin:0 10px 0 0;  color:#000; border-left:1px solid #000; border-top:1px solid #000;  font-size:12px; display:inline-block; position:relative; opacity:0; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease-in-out; font-weight:700;}
.slide_moreBtn2:after{content:'';width:calc(100% - 9px); height:1px; background-color:#000; left:0px; bottom:0; position:absolute;  z-index:1;}
.slide_moreBtn2:before{content:'';width:1px; height:calc(100% - 9px); background-color:#000; right:0px; top:0; position:absolute;  z-index:1;}
.slide_moreBtn2.fadeIn{opacity:1; }
.slide_moreBtn2.fadeOut{opacity:0; }
.slide_moreBtn2 i{position:absolute; right:0px; bottom:0; width:5px; height:5px;}
.slide_moreBtn2 i:after{position:absolute; content:""; background-color:#000; width:100%; height:1px; left:0px; top:2px;}
.slide_moreBtn2 i:before{position:absolute; content:""; background-color:#000; width:1px; height:100%; left:2px; top:0px;}

.dwn_arrow{position:absolute; left:0; right:0; margin:0 auto; width:21px; bottom:10px;}
.bounce {-moz-animation: bounce 3s infinite;-webkit-animation: bounce 3s infinite;animation: bounce 3s infinite;}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
40% { transform: translateY(-15px);}
60% {transform: translateY(-5px);}
}




.bannerInfo span strong.delay1{-webkit-transition-delay:0.4s;  transition-delay:0.4s;}
.bannerInfo span strong.delay2{-webkit-transition-delay:0.7s;  transition-delay:0.7s;}
.slide_moreBtn.delay2{-webkit-transition-delay:0.9s;  transition-delay:0.9s;}

.sloderControl{ position:absolute; bottom:5%; right:22px;  z-index:2; vertical-align:top; padding-left:30px;}
.hs_prev, .hs_next{ display:inline-block; margin:auto; z-index:10; width:40px; height:40px; border-radius:50%; background:rgba(255,255,255,0.5); border:1px solid #FFF; position:relative; text-indent:-99999px; cursor:pointer;  -webkit-transition: all .3s ease-out;   -moz-transition: all .3s ease-out; transition: all .3s ease-out; margin-right:10px; vertical-align:top;}
.hs_prev:after{content:''; width:15px; height:15px; background:url(../images/bannerCtrl.png) no-repeat -1px 0; position:absolute; left:0; top:0; bottom:0; right:0; margin:auto;}
.hs_next:after{content:''; width:15px; height:15px; background:url(../images/bannerCtrl.png) no-repeat -13px 0; position:absolute; left:0; top:0; bottom:0; right:0; margin:auto;}

.gallery_paging{font-weight:300; color:#fff; font-size:19px; vertical-align:top; padding:15px 0 0; display:inline-block;}
.gallery_paging b{ color:#ffc600; font-size:34px; font-weight:400; line-height:0px;  position:relative; display:inline-block; left:-8px; position:absolute; top:5px;}
.gallery_paging em{ position:relative; display:inline-block; line-height:40px; padding-left:10px; margin-left:5px; font-style:normal;}
.gallery_paging em:after{content:''; position:absolute; left:1px; top:-20px; height:61px; width:1px; border-left:1px solid #807c79; transform:rotate(30deg);}

.playPoseHolder2{display:inline-block; width:40px; height:40px; margin-right:10px; position:relative; vertical-align:top;}
.playPoseHolder2 a{display:inline-block; margin:auto; z-index:10; width:40px; height:40px; border-radius:50%; background:rgba(255,255,255,0.5); border:1px solid #FFF; position:relative; text-indent:-99999px; cursor:pointer;  -webkit-transition: all .3s ease-out;   -moz-transition: all .3s ease-out; transition: all .3s ease-out; position:absolute; left:0; top:0; font-size:0; color:transparent;}
.playPoseHolder2 a.bannerPause{ display:none;}
.bannerPause:after{content:''; width:15px; height:15px; background:url(../images/bannerCtrl.png) no-repeat -28px -15px; position:absolute; left:0; top:0; bottom:0; right:0; margin:auto;}
.bannerPlay:after{content:''; width:15px; height:15px; background:url(../images/bannerCtrl.png) no-repeat -30px 0; position:absolute; left:0; top:0; bottom:0; right:0; margin:auto;}


.banner-dots{position:absolute; right:232px; bottom:56px; z-index:10;}
.banner-dots li{ display:inline-block; cursor:pointer; position:relative; vertical-align:middle; overflow:hidden; padding:0 2px; font-size:0px; }
.banner-dots li span{font-weight:400; color:#FFF; display:inline-block;  vertical-align:middle;  width:14px; height:14px; border-radius:50%; font-size:0px; background-color:#696969;}
.banner-dots li.slick-active span{ background-color:#ffe400; font-weight:700;}

.banner-dots li.slick-active:after{top:0;}

.section{}
.aboutGlobal{ background:#dddddd;}
.aboutGlobal .center{max-width:750px; padding-top:90px;}
.aboutGlobal h1{}
.aboutGlobal p{ margin-bottom:30px; font-size:18px; line-height:25px; font-weight:300;}
.features{ background:url(../images/featureBg.jpg) no-repeat 50% 50%; background-size:cover;}
.feature_slider{}
.feature_slider li.fs{ text-align:center; float:left; font-size:16px; font-weight:400; color:#dddddd; }
.feature_slider li.fs:before{content:''; width:70px; height:70px; margin:0 auto 10px; display:block;}
.feature_slider li.fs.fs_icon1:before{ background:url(../images/icon-feture.png) no-repeat 0 0;}
.feature_slider li.fs.fs_icon2:before{ background:url(../images/icon-feture.png) no-repeat -70px 0;}
.feature_slider li.fs.fs_icon3:before{ background:url(../images/icon-feture.png) no-repeat -140px 0;}
.feature_slider li.fs strong{ display:block; font-size:30px; font-weight:700; line-height:35px;}

/* .banner_dots_holder{ position:absolute; left:0; bottom:20px; height:16px; text-align:center; width:100%;} */
.slider_dots{ display:inline-block !important; height:14px; position:relative; padding-top:40px;}
.slider_dots li{display:inline-block !important; width:14px; height:14px; margin:0 2px; position:relative;}
.slider_dots li:after{content:''; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto; background:#c4c4c4; border-radius:50%; width:6px; height:6px; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in;  -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in-out;}
.slider_dots li.slick-active:after{ width:14px; height:14px; background:#c4c4c4; }
.slider_dots li span{ opacity:0; cursor:pointer;}

.specialities .heading1_b+span{ display:inline-block; color:#CCC; max-width:480px; width:100%; margin-bottom:40px; font-size:16px; color:#080907; line-height:22px;}
.specialities>div{ display:inline-block; max-width:1160px; width:100%; padding:0 50px 0;}
.specialities_slider{}
.specialities_slider li {float:left; height:380px; margin:0 0px;}
.specialities_slider li div{ width:220px; height:320px; background:#FFF;  border-radius:5px; overflow:hidden; position:relative; margin:0 auto;-webkit-box-shadow:0px 18px 27px -10px rgba(0,0,0,0.3);
-moz-box-shadow:0px 18px 27px -10px rgba(0,0,0,0.3);box-shadow:0px 18px 27px -10px rgba(0,0,0,0.3);}
.specialities_slider li div figure{ height:198px; width:100%; overflow:hidden;}
.specialities_slider li div figure img{ width:100%;}
.specialities_slider li div:after{content:''; width:45px; height:45px; position:absolute; left:10px; top:210px;}
.specialities_slider li.specialities_icon1 div:after{ background:url(../images/icon-specialities.png) no-repeat 0 0;}
.specialities_slider li.specialities_icon2 div:after{ background:url(../images/icon-specialities.png) no-repeat -45px 0;}
.specialities_slider li.specialities_icon3 div:after{ background:url(../images/icon-specialities.png) no-repeat -90px 0;}
.specialities_slider li.specialities_icon4 div:after{ background:url(../images/icon-specialities.png) no-repeat -135px 0;}
.specialities_slider li span{width:182px; background:url(../images/plus.gif) no-repeat 100% 100%; position:absolute; left:0; right:0; margin:auto; bottom:30px; padding-right:25px; font-size:16px; color:#2f2f2f; text-align:left;}

.hs2_prev, .hs2_next{ display:inline-block; margin:auto; z-index:10; width:13px; height:24px; position:relative; text-indent:-99999px; cursor:pointer; position:absolute; top:50%; margin-top:-60px;}
.hs2_prev{background:url(../images/socail_arrow_prev.png) no-repeat 0px 0;left:-40px;}
.hs2_next{ background:url(../images/socail_arrow_next.png) no-repeat 0px 0;right:-40px;}



.latest_prev{background:url(../images/latest_prev.png) no-repeat 0px 0;right:-40px;  display:inline-block; margin:auto; z-index:10; width:13px; height:24px; position:relative; text-indent:-99999px; cursor:pointer; position:absolute; bottom:0px;}
.latest_next{ background:url(../images/latest_next.png) no-repeat 0px 0;right:-60px;  display:inline-block; margin:auto; z-index:10; width:13px; height:24px; position:relative; text-indent:-99999px; cursor:pointer; position:absolute; bottom:0px;}

/* events and letest start */
.sec2{float:left; width:100%; position:relative; margin:-32px 0 0; z-index:1}
.abou_electrosteel{float:left; width:50%; background:url(../images/about_electrosteel.jpg) no-repeat bottom center; background-size:cover; height:438px; overflow:hidden;}
.about_info{margin:0 auto; max-width:496px; padding:125px 0 0;}
.about_info h3{font-size:25px; color:#fff; font-weight:300; position:relative; padding:0 0 15px; margin:0 0 15px;}
.about_info h3:after{position:absolute; content:""; background-color:#fff; width:25px; height:1px; left:0; bottom:0;}
.about_info h3 strong{ffont-weight:700;}
.about_info p{padding:25px 0 50px; color:#fff; max-width:295px;}
/* events and letest end */

/* pipes_fittings */
.pipes_fittings{float:left; width:50%; background-color:#fdd206;height:438px; overflow:hidden; position:relative;}
.pipes_fittings .pipe_fittings_thumb{ float:right; height:100%; width:400px;}
.pipes_fittings .pipe_fittings_thumb .pipe_slider img{height:100%;}
.pipes_fittings .pipe_fittings_thumb .info{position:absolute; top:128px;  left:8%; }
.pipes_fittings .pipe_fittings_thumb .info h3{font-size:25px; color:#000; font-weight:300; position:relative; padding:0 0 15px; margin:0 0 15px;}
.pipes_fittings .pipe_fittings_thumb .info h3:after{position:absolute; content:""; background-color:#000; width:25px; height:1px; left:0; bottom:0;}
.pipes_fittings .pipe_fittings_thumb .info p{padding:25px 0 50px; color:#000; max-width:150px;}
/* blog end */

/* specialities*/
.specialities{float:left; width:100%; padding-bottom:136px; position:relative;}
.specialities ul{float:left; width:100%;}
.specialities ul li{float:left; width:33.33%; height:255px;}
.specialities ul li.latest_news{position:absolute; bottom:0; width:95%; background-color:#368bd9; height:136px; box-shadow:0 0 10px rgba(0,0,0,0.20); margin:0 auto; left:0; right:0;}

.specialities ul li.latest_news .latest_info{float:left; height:100%; padding:40px 0 0 0; text-align:left; width:35%; position:relative; background:url(../images/latest_info_brd.png) no-repeat right center;}

.specialities ul li.latest_news .latest_info:after{position:absolute; content:""; background:url(../images/latest_info.png) no-repeat; left:40px; top:0px; width:134px; height:136px; }
.latest_info span{padding:0px 0 0 50%; float:left; font-size:25px; color:#fff; line-height:normal;  }

.specialities ul li.latest_news .latest_news_info{float:left; width:calc(100% - 35%); text-align:left; padding:20px 10% 0 5%; position:relative;}
.latest_news_slider:after{position:absolute; content:""; background-color:#368bd9; height:100%; width:1px; right:30px; top:0px; display:none;}

.latest_news_info .latest_news_slider li{width:auto; height:auto; padding:0 40px 0 0; }
.latest_news_info .latest_news_slider li span{ font-size:14px; color:#ffd306; padding:0 0 10px; font-weight:600; display:inline-block; width:100%;}
.latest_news_info .latest_news_slider li p{ font-size:13px; color:#fff;}
.latest_news_info .view_all{position:absolute; background-color:#ffd307; border-radius:20px; color:#000; padding:5px 15px; font-size:12px; top:60px; }
.latest_news_slider li{position:relative; }

.latest_news_slider li.slick-active:after{position:absolute; content:""; top:5px; width:1px; height:30px; right:30px; background-color:rgba(255,255,255,0.27); display:none;}
.latest_news_slider li.slick-active:last-child:after{display:none;}
.certification_slider li{height:auto !important}
.certification{float:left; width:100%; padding:50px; text-align:left; position:relative; background:url(../images/box_shadow.png) repeat-y right;}
.certified_thumb{float:left; width:126px;}
.certified_info{float:left; width:calc(100% - 126px); text-align:left; padding:69px 0 0 25px; }
.certification h3{font-size:25px; color:#231f20; font-weight:600; font-size:25px; position:relative; padding:0 0 15px; margin: 18px 0 15px;position: absolute;left: 205px;}
.certification h3:after{position:absolute; content:""; background-color:#231f20; width:25px; height:1px; left:0; bottom:0;}
.certification .certified_thumb img{border:1px solid #bfbfbf;}
.certification b{ color:#049cf4; position:absolute; left:205px; bottom:62px; display:inline-block; padding:0 40px 0 0; background:url(../images/arrow_link.png) no-repeat right;}
.certified_prev, .certified_next{ /*display:inline-block; margin:auto; z-index:10;position:relative; text-indent:-99999px; cursor:pointer;  -webkit-transition: all .3s ease-out;   -moz-transition: all .3s ease-out; transition: all .3s ease-out; margin-right:10px; vertical-align:top;*/}
.certified_prev{width:9px; height:18px; background:url(../images/arrow_prev.png) no-repeat 0px 0; position:absolute; bottom:20px; right:22px; margin:auto; font-size:0px; z-index:9; cursor:pointer;}
.certified_next{ width:9px; height:18px; background:url(../images/arrow_next.png) no-repeat 0px 0; position:absolute; bottom:20px; right:0; margin:auto; font-size:0px; z-index:9; cursor:pointer;}
.certified_info h4{padding:0 0 10px; color: #000;}
.certified_info p{color: #000;}

.investor_update{float:left; width:100%; padding:65px 50px 50px 180px; text-align:left; position:relative; background:url(../images/box_shadow.png) repeat-y right; height:100%; overflow:hidden}
.investor_update .investor_thumb{position:absolute; left:-10px; top:30px;}
.investor_update h3{font-size:25px; color:#231f20; font-weight:600; font-size:25px; position:relative; padding:0 0 15px; margin:0 0 15px;}
.investor_update h3:after{position:absolute; content:""; background-color:#231f20; width:25px; height:1px; left:0; bottom:0;}
.investor_update h3 span{ font-weight:300;}

.investor_update ul li{height:auto; width:auto;}
.investor_slider{position:relative}
.investor_update ul li a{color:#000;}
.investor_update ul li a:hover{color: #049cf4;}
.investor_slider .slider_dots{text-align:right; padding:0px; position:absolute; bottom:20px; right:0px; width:auto;}
.investor_slider .slider_dots li{width: 14px;height: 14px;}


.investor-dots{position:absolute; right:0px; bottom:56px; width:auto !important; z-index:10;}
.investor-dots li{ display:inline-block; cursor:pointer; position:relative; vertical-align:middle; overflow:hidden; padding:0 2px; font-size:0px; }
.investor-dots li span{font-weight:400; color:#FFF; display:inline-block;  vertical-align:middle;  width:11px; height:11px; border-radius:50%; font-size:0px; background-color:#cbcbcb;}
.investor-dots li.slick-active span{ background-color:#505050; font-weight:700;}

.investor-dots li.slick-active:after{top:0;}


.contact_home{float:left; width:100%; padding:68px 50px 50px 180px; text-align:left; position:relative;  height:100%; overflow:hidden}

.contact_home .contact_thumb{position:absolute; left:-10px; top:30px;}
.contact_home h3{font-size:25px; color:#231f20; font-weight:600; font-size:25px; position:relative; padding:0 0 15px; margin:0 0 15px;}
.contact_home h3:after{position:absolute; content:""; background-color:#231f20; width:25px; height:1px; left:0; bottom:0;}
.contact_home h3 span{ font-weight:300;}

.contact_home h4{font-size:16px; color:#ff6c00; font-weight:600; position:relative; padding:0 0 5px;}
.contact_home p{font-size:14px; color:#231f20; font-weight:400; position:relative; padding:0 0 15px;}
.contact_home b{ color:#049cf4; display:inline-block; font-size:13px; padding:0 40px 0 0; background:url(../images/arrow_link.png) no-repeat right;}
.contact_home b:after{ position:absolute; content:""; background:url(../images/arrow_link.png) no-repeat right;}

.social_bg{float:left; width:100%; background:url(../images/social_bg.jpg) no-repeat; background-size:cover; margin:-100px 0 0 0; padding:150px 0 100px;}
.social_bg .social_wrapper{margin:0 auto; max-width:1220px; width:90%;}
.social_bg h3{font-size:30px; color:#3289d9; font-weight:400; margin:0 0 100px; position:relative;}
.social_bg h3 span{font-weight:700; position:relative;}
.social_bg h3:after{position:absolute; content:""; width:185px; height:1px; bottom:0; margin:0 0 0 15px; background-color:#3289d9; }

.social_head{float:left; width:100%;}
.social_head .follow{float:right; text-align:right;}
.social_head .follow span, .social_head .follow a{float:left; margin:0 7px;}
.social_head .follow span{color:#3d3d3d; font-weight:300; padding:0 30px 0 0;}
.social_head h3{float:left;}
.social_thumb_slider{float:left; width:100%;}

.social_slider .social_thumb{float:left; width:100%; overflow:hidden; height:266px; background-color:#000; position:relative;}
.social_slider .social_thumb img{margin:auto; left:0; top:0; bottom:0; right:0; position:absolute;}
.social_slider li{padding:0 10px 10px;}
.social_slider .social_thumb img{width:100%;}
.social_slider .social_info{background-color:#fff; margin:0 5%; width:90%; height:147px; padding:25px 15%; float:left; box-shadow:0px 0px 15px rgba(0,0,0,0.3); text-align:center;}
.social_slider .social_info p{color:#404040; font-size:12px;}
.social_slider .social_info i{color:#404040; font-size:12px; text-align:center; display:inline-block; padding:15px 0 0;}
 .social_slider .social_info h4{ color:#2583d9; font-size:12px; padding:0 0 6px;}
.banner_panel{max-width:1220px; margin:90px auto 0; width:100%; position:relative; z-index:5; }

.about_info .mobpara{font-size: 12px; color: #fff; padding: 10px 0 0; float: left; width: 100%; display: none;}
.latest_news_info .latest_news_slider li .mobpara{font-size: 12px; color: #fff; padding: 10px 0 0; float: left; width: 100%; display: none;}

@media screen and (min-width:1400px){
.pipes_fittings .pipe_fittings_thumb{ float:right; height:100%; width:60%;}
.pipes_fittings .pipe_fittings_thumb .pipe_slider img{width:100%;}
}


@media screen and (-webkit-min-device-pixel-ratio:0){
.newsletter2c-100 select{padding-right:18px;}
}
.newsletter2c-100 label{position:relative;/* position:static; float:right;*/display:block !important;}
.newsletter2c-100 label:after{width:20px; text-indent:5px;/*content:'>';*/content:'>'; font:27px "Consolas", monospace; color:#243267; -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg); right:10px; top:-3px; padding:0 10px 0px 0px;position:absolute; pointer-events:none;}

/*IE 9 and above*/
@media screen and (min-width:0\0) and (min-resolution:+72dpi){
.newsletter2c-100 label:after{display:none;}
.newsletter2c-100 label:before{display:none;}
}





@media screen and (max-width:1400px){
	#homeBannerSlider{height:95vh}
	.banner1_text3{padding-top:60px;}


}

@media screen and (max-width:1160px){

.logo {margin-top: 20px;}
/*.globalbtn {right: 94px; top: 22px;}*/
.about_info {padding: 15% 10% 0;}
.certification {padding: 30px 10px;}
.investor_update .investor_thumb {top: 70px;}
.investor_update .investor_thumb img{width:120px;}
.investor_update {padding: 55px 20px 50px 140px;}
.investor_update h3, .certification h3, .contact_home h3 {font-size: 20px;}
.contact_home .contact_thumb{top: 60px;}
.contact_home .contact_thumb img{width:120px;}
.contact_home {padding: 55px 20px 50px 140px;}
.latest_info span {font-size: 19px;}
.specialities ul li.latest_news .latest_news_info {padding: 20px 10% 0 4%;}
.pipes_fittings .pipe_fittings_thumb {width: 300px;}
.sec2 {margin: 0px 0 0;}
.pipes_fittings .pipe_fittings_thumb .info {top: 18%;}
.about_info h3 {font-size: 22px;}
.pipes_fittings .pipe_fittings_thumb .info h3 {font-size: 22px;}
.pipes_fittings .pipe_fittings_thumb .info p {padding: 25px 0 100px;}
.certification h3, .certification b {left: 160px;}
.certified_prev {bottom: 29px; right: 38px;}
.certified_next {bottom: 29px; right: 10px;}
.social_slider .social_info {padding: 25px 10%;}
.social_slider .social_info {height: 207px;}
.banner_panel {margin: 66px auto 0;}
}

@media screen and (max-width:1025px){
.sec1{ position:relative;}
/*.banner1_text1 { font-size: 40px; line-height: 45px; padding-bottom:10px;}*/
	.banner1_text1 {font-size: 28px; line-height: normal; padding-bottom: 10px;}
.bannerInfo span.banner1_text1 strong:after {top: 8px;}

/*.bannerInfo{background-color:rgba(0,0,0,0.70);}*/
	.bannerInfo {width: 172px; padding: 20px 10px 20px 0px;}


}


@media screen and (max-width:900px){
	.bannerInfo span{ width:auto; padding-right:30px;}
	.bannerInfo{ bottom:auto; top:0px;}
	/*.playPoseHolder2, .gallery_paging{ display:none;}*/
	
	.hs_prev, .hs_next{ position:absolute; top:50%; z-index:3; left:10px; background: rgba(255,255,255,0); border:0px solid #FFF;}
	.hs_next{ right:10px;}
	.latest_news_info .view_all {top: 0px;}
	.slide_moreBtn {height: 38px;line-height: 38px;    margin: 25px 0 0;}
	.about_info h3:after{display:none;}
	.banner_panel {margin: 65px auto 0;}
	.contact_home .contact_thumb {left: -4px;}
	.bannerInfo{background-color:rgba(0,0,0,0.70);}
	
	

}

@media screen and (max-width:800px){

.globalbtn { right: 47px;}

.banner1_text1 { font-size:30px; line-height:35px;}
.banner1_text2 {line-height:20px;}

.bannerInfo span{padding-right:50px;}
.bannerInfo{ top:auto; bottom:0; height:auto; width: 90%;left: 0;right: 0; text-align: center; padding: 20px 15px 80px 10px;}
.banner1_text1 {font-size: 25px;line-height: 30px;}
.banner1_text1:after{display:none}
.banner1_text1{color:#fff; font-size:30px;}
.banner1_text2{display:none !important}
.banner1_text3{padding-bottom:20px; padding-top:0px;}
.banner1_text1{padding-bottom:25px; margin-bottom:0}
.sloderControl {right: 69px;}

.bannerInfo span.banner1_text1 strong:after {left: -20px; }
.bannerInfo span { padding-left:20px;}

.sec2{margin:0px;}
.abou_electrosteel, .pipes_fittings {height: 216px;}
.about_info p, .pipes_fittings .pipe_fittings_thumb .info p{display:none}
.about_info {padding:0; height: 100%}
	.about_info a{padding: 26px 10% 0; height: 100%; float: left; width: 100%;}
.about_info h3{font-size:21px; padding-bottom:0; margin-bottom:0;}
/*.pipes_fittings .pipe_fittings_thumb .pipe_slider img{height:auto; width:135px;}*/
.pipes_fittings .pipe_fittings_thumb{width:220px;}
.pipes_fittings .pipe_fittings_thumb .info h3 { font-size: 19px;  font-weight: 600;  margin: 15px 0 88px;}
.pipes_fittings .pipe_fittings_thumb .info {top: 5%; left: 6%;}
.slide_moreBtn2 i, .slide_moreBtn2:after, .slide_moreBtn2:before{display:none}
.slide_moreBtn2{border-left:0px solid; border-top:0px solid; background-color:#fff; border-radius:25px; height:22px; line-height:22px; margin-bottom:8px; padding: 0 9px; font-size:11px;}
/*.about_info .slide_moreBtn i, .about_info .slide_moreBtn:after, .about_info .slide_moreBtn:before{display:none}
.about_info .slide_moreBtn{border:0px solid; font-size:0px; padding:0px;}
.about_info h3:after{display:none}*/

.specialities ul li {width: 50%; height: 235px;}
.specialities ul li.latest_news {position: initial; bottom: 0; width: 50%; background-color: #368bd9; height: 235px; box-shadow: none; margin: 0 auto; left: 0;right: 0;}
.certification .certified_thumb img{width:83px;}
.certified_thumb {float: left; width: 125px;}
.certified_info {width: calc(100% - 125px); padding: 11px 0 0 10px;}
.certification b {color: #494949; left: 154px;font-size: 14px}
.certified_info {font-size: 16px; line-height: normal;}
.invest{background-color:#ffd306;   box-shadow: inset 0px 5px 15px 0px rgba(0,0,0,0.30);}
.investor_update{background:none}
.specialities{padding-bottom:0px;}

.specialities ul li.latest_news .latest_info:after { display:none}
.specialities ul li.latest_news .latest_info {height:auto;padding:20px 0 0 0;text-align: left; width: 100%; background: none;}
.latest_info span{padding:0 0 0 20px;}
.latest_info span br{display:none}
.specialities ul li.latest_news .latest_news_info{width:100%; padding: 20px 4% 0 4%;}
.latest_news_info .view_all {position: relative; margin: 25px 0 0; display: inline-block;}
.latest_prev {right: 20px; bottom: -60px;}
.latest_next {right: 0px; bottom: -60px;}
.certification h3{position:relative; left:auto;}
.certification {padding: 10px 20px;}
.social_bg {margin: 0px 0 0 0; padding: 50px 30px 100px;}
.social_head h3 {width: 100%; text-align: center; padding-bottom: 25px; margin: 0 0 20px;}
.social_bg h3:after {margin: 0 auto; left: 0; right: 0; width: 50px; bottom: 0;}
.social_head .follow {text-align: center; width: 100%; margin: 0 0 55px;}
.social_head .follow span, .social_head .follow a {float: none;display: inline-block;vertical-align: top;}
.social_head .follow span{width:100%; padding:0 0 10px;}
.certification b{bottom:0px;}
	.about_info .mobpara{display: block}
	
}

@media screen and (max-width:600px){
	.bannerInfo {padding: 10px 15px 50px 10px;}
	.dwn_arrow{width:18px;}
	.bannerInfo span{padding-left:0px; padding-right:0px;}
	.dwn_arrow img{width:100%}
.sloderControl {right: 34px;bottom: 1%;}
.gallery_paging {font-size: 13px;}
.gallery_paging b {font-size: 26px;left: 0px;}

.sec2{margin:0px;}
.abou_electrosteel, .pipes_fittings {height: 237px;}
.about_info p, .pipes_fittings .pipe_fittings_thumb .info p{display:none}
.about_info h3{font-size:13px; padding-bottom:0; margin-bottom:0; font-weight: 600;}
/*.pipes_fittings .pipe_fittings_thumb .pipe_slider img{height:auto; width:135px;}*/
.pipes_fittings .pipe_fittings_thumb{width:115px;}
.pipes_fittings .pipe_fittings_thumb .info h3 { font-size: 13px;  font-weight: 400;  width: 72px; margin: 0 0 36px;}
.about_info .mobpara p {
    display: block;
    margin-left: 10px;
    width: 90%;
    padding-top: 3px;
    padding-bottom: 2px;
}
.pipes_fittings .pipe_fittings_thumb .info {top: 9%; left: 6%;}
.slide_moreBtn2 i, .slide_moreBtn2:after, .slide_moreBtn2:before{display:none}
.slide_moreBtn2{border-left:0px solid; display: block; width: max-content; border-top:0px solid; background-color:#fff; border-radius:25px; height:22px; line-height:22px; margin-bottom:8px; padding: 0 9px; font-size:11px;}
/*.about_info .slide_moreBtn i, .about_info .slide_moreBtn:after, .about_info .slide_moreBtn:before{display:none}
.about_info .slide_moreBtn{border:0px solid; font-size:0px; padding:0px;}*/
.about_info h3:after{display:none}

.specialities ul li {width: 50%; height: 237px;}
.specialities ul li.latest_news {padding:10px; height:237px; background:url(../images/latest_mob_bg.jpg); overflow:hidden;background-repeat: no-repeat;
    background-size: cover;}
.specialities ul li.latest_news:after{ position:absolute; content:""; background:url(../images/news_bg_mob_info.png) no-repeat; width:60px; height:182px; right:0px; top:10px; display:none;}

.certification {padding:10px;}
.certification .certified_thumb img{width:83px;}
.certified_thumb {float: left; width: 83px;}
.certified_info {width: calc(100% - 83px); padding: 11px 0 0 10px;}
.certification b {color: #494949; left: 106px; font-size: 10px;}
.certified_info {font-size:8px; line-height: normal; font-weight:400;}
.invest{background-color:#ffd306;}
.certification h3{font-size:13px; margin: 0px 0 0px;}
.specialities ul li.latest_news .latest_info {padding: 0px 0 0 0;}
.latest_info span {font-size: 13px;}
	.investor_update h3 span {font-weight: 600;}
.certification h3:after {content: ""; width: 15px; height: 1px; left: auto; bottom: 18px; display: none;}
.certified_thumb {width: 87px;}
.certification .certified_thumb img {width: 100%;}
.certified_info {width: calc(100% - 87px); padding: 11px 0 0 10px;}
.certification b {left: 108px; bottom: -6px; font-size:10px; padding: 0 0px 30px 0; background-position:left;}
.certified_next {bottom: -18px; right: 0px;}
.certified_prev {bottom: -18px; right: 20px;}
.latest_news_info .latest_news_slider li span {font-size: 12px;}
.latest_info span {padding: 0 0 0 0px; font-weight: 600;}
.specialities ul li.latest_news .latest_news_info {padding: 10px 0 0 0;}
.latest_news_info .latest_news_slider li {padding: 0 0px 0 0;}
.latest_news_info .latest_news_slider li p {font-size: 12px;}
.latest_news_info .latest_news_slider li p.info{display:none}
.latest_news_info .view_all{ background-color:transparent; position:relative; color:#fff; padding:0 0 10px; margin: 13px 0 0;}
.latest_news_info .view_all:after{background:url(../images/arrow_link_w.png) no-repeat left; position:absolute; content:""; height:6px; width:25px; left:0; bottom:0;}
.social_bg h3 {font-size: 25px;}
.investor_update .investor_thumb {top: 64px; left: 0px;}
.investor_update .investor_thumb img {width: 68px;}
.investor_update {padding: 15px 10px 50px 10px;}
.investor_slider li{height:auto !important; padding: 0 10px 0 0px;}
.investor-dots li{ padding:0px 2px;}
.investor-dots {bottom: 6px;}
.investor-dots li.slick-active span {background-color:#725e00;}
.investor-dots li span {background-color:#d3ae04;}
.investor_update h3{font-size:14px;}
.investor_update h3:after{display:none}
.contact_home {padding: 15px 12px 50px 76px;}
.contact_home .contact_thumb {top: 28px; left:4px;}
.contact_home .contact_thumb img {width: 64px;}
.contact_home h3{font-size:15px; padding:0px;}
.contact_home h3:after{display:none;}
.contact_home h4 {font-size: 13px;}
.contact_home p {font-size: 10px;}
.contact_home b {padding: 0 0px 10px 0; background: url(../images/arrow_link.png) no-repeat left bottom;}
/*.slide_moreBtn span{display:block;}*/
.latest_news_slider li.slick-active:after, .latest_news_slider:after{ display:none;}
.investor_update ul li a {font-size: 13px; line-height: 14px;}
.latest_news_info .view_all {font-size: 10px; top: 16px; margin:0px 0 0;}
.investor-dots li{width:auto !important;}
.social_bg {padding: 30px 30px 20px;}
.social_head .follow {margin: 0 0 17px;}
.social_slider .social_info{height:auto}

.banner1_text1 {font-size:20px; padding-bottom: 10px;}
.slide_moreBtn { margin:10px 0 0;}
	.slide_moreBtn {height: 34px; line-height: 33px; margin: 15px 0 0 8px; padding: 0 15px;}
	.latest_news_info .latest_news_slider li .mobpara { display: block;}
}

@media screen and (max-width:480px){
.blog_slider li div figure {height: 150px;}
	.investor_slider { padding-left: 70px;}
	.about_info a {
    padding: 18px 10px 0;
    height: auto;
    float: left;
    width: 100%;
}
}