@import url('https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');
.ruppesfont{font-family: 'rupee_foradianregular';}
body{font-family: 'Montserrat', sans-serif; font-size: 16px; color: #2A2A2A; font-weight: 400;}
p {margin:0px; padding:0px 0px 18px 0px; line-height:24px;}
.floatleft {float:left;}
.floatright {float:right;}
.clear {clear:both;}
.bold {font-weight:bold;}
a {text-decoration:none; color:#324268; outline:none;}
a:active, a:focus{ outline:none; text-decoration:none!important;}
a:hover, a.selected {text-decoration:none; color:#333333;}
ul {list-style:none; margin: 0px; padding: 0px;}
li {list-style:none;}
.nonebox_shadow{box-shadow:0 0px 0px rgba(0, 0, 0, 0.05)!important;}
h1,h2,h3,h4,h5,h6{font-family: 'Montserrat', sans-serif;}
.btn_with{ background: #fff; padding: 5px 40px; -webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;}
/* ------- Header Area Strat ------- */
.header_area{ padding: 16px 0px 0px 0px;}
.logo{ padding: 0px 0px;}
.logo img{ max-width: 100%;}
.top_call{ float: right; border: #77913C solid 1px; -webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px; padding: 6px 28px; color: #77913C; font-size: 14px; font-weight: 500; margin-bottom: 20px;}
.top_call i{ margin-right: 2px; display: inline-block;}
/* ------- Header Area End ------- */
.hd_line{ height: 3px; width: 100%; -webkit-border-radius: 250px;
-moz-border-radius: 250px;
border-radius: 250px; background: #121212;}
/* ------- Home Banner Area Strat ------- */
.banner_area{ position: relative; color: #fff; overflow: hidden; text-align: center;}
.shado_banner{ background: url(../images/bg_banner.png) repeat-x left top; position: absolute; left: 0px; top: 0px; height: 26px; z-index: 2; width: 100%;}
.hm_banner{ position: relative; z-index: 1;}
.banner_box{ position: relative;}
.banner_img{ position: relative; z-index: 1;}
.temp{ position: absolute; z-index: 2; left: 0px; top: 19%; width: 100%;}
.banner_area h1{ font-size: 55px; font-weight: 800; padding-bottom: 20px;}
.banner_area .tital_h1 .hd_line{ background: #fff;}
.banner_area table tr td:first-child{ width: 100px; vertical-align: top; padding-top: 35px; padding-right: 15px;}
.banner_area p{ max-width: 683px; color: #B7B7B7; padding-bottom: 0px;}
.banner_area .btn_read_more{ padding-top: 50px;}
.banner_area .slick-arrow{ position: absolute; z-index: 999; bottom: 30px; top: auto; font-size: 30px; width: 40px; height: 19px;}
.banner_area .slick-arrow.slick-prev{ right: 110px; left: auto; background: url(../images/arrow_left.png) no-repeat left top;}
.banner_area .slick-arrow.slick-next{ right: 50px; background: url(../images/arrow_right.png) no-repeat left top;}
.banner_area .slick-arrow.slick-prev:hover{ background-image:url(../images/arrow_left_hover.png);}
.banner_area .slick-arrow.slick-next:hover{ background-image:url(../images/arrow_right_hover.png);}
.banner_area .slick-prev:before, .banner_area .slick-next:before{ font-size: 0px;}
/*.banner_area .slick-dots{ display: none!important;}*/

.slick-dotted.slick-slider{ margin-bottom: 0px!important;}
/*------- start slick slider -------*/
.slider { width: 100%; margin:0px auto; }
.slick-slide { margin: 0px 0px;}
.slick-slide img {width: 100%;}
.slick-prev:before,.slick-next:before { color: black;}
.slick-slide {transition: all ease-in-out .3s; opacity: 1; position:relative; }
.slick-slide .temp{transition: all ease-in-out .8s; z-index:999; position:absolute; top:-10%; opacity: 0;}
.slick-slide.slick-current .temp{transition: all ease-in-out .8s;top:70%; opacity: 1;}
.slick-slide.slick-current .temp .tital_h1{float: right;}
.slick-slide .temp .tital_h1{float: right;}
.slick-active { opacity: 1;}
.slick-current {opacity: 1; }
.regular div.slick-slide{position:relative; overflow:hidden;}
/*------- end slick slider -------*/

#slider .flex-nav-prev{display: none;}
#slider .flex-nav-next{display: none;}

.slick-prev{display: none!important;}
.slick-next{display: none!important;}




/* ------- Banner Area End ------- */
/************************* navigation css **************************************/
.navbar{z-index: 9999999!important;}
.navbar .collapse:not(.show) { display: block;}
.navbar-collapse, .navbar{align-items: top!important; -ms-flex-align: top!important; -moz-flex-align: top!important; -webkit-flex-align: top!important;}
.hideclose{display: none;}
/************************* navigation css end**************************************/
.show_767{ display: none;}
/* ..... Home Page Contener Area Strat ..... */
.mp_contener_area{ min-height: 600px; color: #898989;}
.mp_contener_area p{ line-height: 28px;}
.mp_contener_area h1{ color: #121212;}
.tital_h1 h1{ font-size: 40px; font-weight: 800; padding-bottom: 20px;padding-top: 20px; text-align: left;}
.mp_contener_area .tital_h1 .hd_line{ background: #121212;}
.tital_h1 table tr td:first-child{ width: 85px; vertical-align: top; padding-top: 52px; padding-right: 15px; }
.max_with606{ max-width: 606px;}
.hm_services_area{ padding: 85px 0px 100px 0px;}
.box1{ position: relative; padding-bottom: 60px;}
.img_box div{ background: #DB3110; margin-bottom: 30px;}
.img_box img{ max-width: 100%;}
.mp_contener_area h2{ font-size: 20px; color: #000000; font-weight: 400;text-transform: capitalize;}
.mp_contener_area h2 span{ font-size: 11px; color: #898989; display: block;}
.hm_service{ padding-top: 33px;}
.box1:hover .img_box img{opacity: 0.6;
    filter: alpha(opacity=60); /* For IE8 and earlier */}
.box1:hover h2{ color: #DB3110;}
.box1:hover h2 span{ color: #000000;}
.view_all a{  border-bottom: #121212 solid 2px; color: #000; text-transform: uppercase; padding-bottom: 3px;}
.view_all a:hover{ color: #DB3110; border-color: #DB3110;}
.fnt16{ font-size: 16px;}
.hm_about_area{ max-width: 1366px; margin: 0px auto; position: relative;}
.hm_about_area h1{ color: #fff; margin-bottom: 0px;}
.hm_about_area p{ padding-bottom: 40px;}
.img_about{ float: left; width: 70%; position: relative; z-index: 1;}
.img_about img{ max-width: 100%;}
.text_about{ float: right; width: 50%; background: #DB3110; color: #fff; position: absolute; z-index: 2; right: 0px; top: 70px;}
.contant_about{ padding: 80px 100px;}
.arrow_crical{ font-size: 35px; line-height: 0px;}
.arrow_crical a{ display: inline-block; width: 45px; height: 45px; border: #fff solid 2px; text-align: center;-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%; padding-top: 3px; color: #fff;}
.hm_product{ padding-bottom: 63px;}
.box2{ position: relative;}
.img_box2{ margin-bottom: 30px;}
.img_box2 img{ max-width: 100%;}
.text_box2 h2{ font-size: 15px; color: #000000; font-weight: 400;}
.text_box2 h2 span{ color: #898989; display: block; padding-bottom: 13px;}
.text_box2 h2 span i{ font-style: normal; color: #2AA0FB;}
.hm_product_area .tital_h1{ padding-bottom: 19px;}
.hm_product_area{padding: 103px 0px 86px 0px;}
.hm_product_area .slick-slide, .hm_client_area .slick-slide{ margin-right: 30px;}
.commn_arrow .slick-active{ opacity: 1;}
.commn_arrow .slick-prev::before, .commn_arrow .slick-next::before{ font-size: 0px;}
.commn_arrow .slick-arrow{ position: absolute; z-index: 999; top: -69px; font-size: 0px; width: 40px; height: 19px;}
.commn_arrow .slick-arrow.slick-prev{ right: 90px; left: auto; background: url(../images/arrow_left.png) no-repeat left top;}
.commn_arrow .slick-arrow.slick-next{ right: 30px; background: url(../images/arrow_right.png) no-repeat left top;}
.commn_arrow .slick-arrow.slick-prev:hover{ background-image:url(../images/arrow_left_hover.png);}
.commn_arrow .slick-arrow.slick-next:hover{ background-image:url(../images/arrow_right_hover.png);}
.commn_arrow .slick-prev:before, .banner_area .slick-next:before{ font-size: 0px;}
.commn_arrow .slick-dots{ display: none!important;}

.client_box_area img{width: 100%;}
.hm_client_area{ padding-bottom: 50px;}
.hm_client_area .slick-slide img{ width: auto; max-width: 100%; margin: 0px auto;}
.hm_client_area .slick-slide{ text-align: center;}
.hm_client{ padding: 30px 0px 0px 0px;}
/* ..... Home Page Contener Area End ..... */
/* ..... Inner Page Contener Area Strat ..... */
.inner_banner img{ max-width: 100%;}
.inner_banner .temp{ top: 38%;}
.inner_banner .tital_h1 h1{ font-size: 50px;}
.comman_padd{ padding-top: 83px;}

.img_with_brd{ position: relative; text-align: right;}
.img_with_brd span{position: relative; z-index: 1; }
.img_with_brd div{position: absolute; z-index: 2; right: 56px; top: 56px;}
.img_with_brd img{ max-width: 100%;}
.cor_balck{ color: #000;}
.inner_contener{}
.inner_contener .tital_h1 h1{ font-weight: 900;}
.inner_contener h2{ font-size: 22px; color: #000; font-weight: 700; position: relative; margin: 0px 0px 26px 0px; padding: 0px 0px 5px 0px;}
.inner_contener h2.lineh2 span{ position:absolute; width: 44px; height: 2px; background: #000; left: 0px; bottom: 0px;-webkit-border-radius: 15%;
-moz-border-radius: 15%;
border-radius: 15%;}
.inner_contener h3{ font-size: 16px; color: #000; font-weight: 700; padding: 0px 0px 5px 0px; margin: 0px;}

.client_area{ background:#F4F4F4; padding: 50px 0px;}
.paddbtm100{ padding-bottom: 100px;}
.tital_h1.center_h1{ text-align: center; margin: 0px 0px 30px 0px;}
.tital_h1.center_h1 .hd_line{ max-width: 85px; margin: 0px auto;}
.tital_h1.center_h1 h1{ margin: 0px; padding: 0px 0px 10px 0px;}
.qualitypolicy{ padding: 1px;}
.qualitypolicy img{max-width: 35%; }

.client_box{ position: relative;}
.client_box div{position: relative; margin-bottom: 23px;}
.client_box div img{ position: relative; z-index: 2; max-width: 100%;-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;}
.client_box div span { background: #fff; position: relative; z-index: 2; display: inline-block; max-width: 100%;-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;}
.client_box div i{position: absolute; z-index: 1; width: 85px; height: 85px;background: #fff; left: 0px; bottom: 0px; display: block;}
.inner_contener .client_box h3{ padding-bottom: 12px;}
.inner_contener .client_box h3 span{ display: block; font-size: 16px; color: #464646; font-weight: 400;}
.client_box p{ font-size: 16px; padding-bottom: 0px; margin-bottom: 0px;}
.img_responsive img{ max-width: 100%;}
.inner_contener h2.lineh2 span.set{ bottom: 29px;}
.vision_and_mission_area{ padding: 60px 0px;}
/*.hm_services_area p:last-child{ padding-bottom: 0px;}*/
.pull_push_area .col-pull-6 { right: 50%;}
.pull_push_area .col-push-6 { left: 50%;}
.career_area{ padding-bottom: 60px;}
.formarea .form-group{ position: relative;}
label.icon_lab{ position: absolute; left: 19px; top: 17px; font-size: 16px; color: #898989; z-index: 9;}
.formarea .form-control{ border: #DDE5EB solid 2px; -webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px; height: 54px; line-height: 56px; padding-left: 57px; font-size: 15px; font-weight: 400;}
.formarea .form-control:focus { border-color: #77913C;}
.formarea .form-group{ margin-bottom: 20px;}
.formarea textarea.form-control{ height: 133px; line-height: 20px; padding-top: 17px; resize:none;}
.inner_contener .btn{-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px; font-size: 18px; text-transform: uppercase;}
.btn_orange{ background: #D9300F; color: #fff; padding: 10px 40px;}
.btn_orange:hover{ background: #B52509; color: #ffff;}
.formarea .custom-file-input{ z-index: 9;}
.formarea .btnarea{ padding-top: 10px;}
.address_area table{ width: 100%; border-collapse: collapse; border: 0px;}
.address_area table p{ max-width: 290px; padding-bottom: 0px; line-height: 24px;}
.address_area table tr td{ padding-bottom: 10px;}
.address_area table tr:first-child td{ vertical-align: top;}
.address_area table tr:first-child td:first-child{ padding-top: 5px;}
.address_area table tr td:first-child div{ background: #D9300F; color: #fff;-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%; width: 25px; height: 25px; text-align: center; font-size: 13px; padding-top: 3px;}
.address_area table tr td:first-child{ width: 45px;}
/*.address_area table tr:last-child td:last-child*/.address_area table tr.last_tr td:last-child{ font-size: 15px;}
.contact_area{ position: relative;}
.soclial_link{ position: absolute; z-index: 2; right: 0px; top: 0px;}
.address_area{ position: relative; z-index: 1;}
.soclial_link ul li{float:left; padding-right: 30px;}
.soclial_link ul li:last-child{ padding-right: 0px;}
.soclial_link ul li i{ font-size: 28px;}
.soclial_link ul li.facebook i{ color: #3C5A9A;}
.soclial_link ul li.twitter i{ color: #55ADED;}
.soclial_link ul li.linked i{ color: #006599;}
.map_area1{ padding: 40px 0px 30px 0px;}
.paddnone{ padding: 0px;}
.tab_area{ position: relative;}
.bg_table{ position: absolute; left: 0px; top: 0px; background: #D2D2D2; height: 59px; z-index: 1; width: 100%;}
.tab_area .tab_reletive{ position: relative; z-index: 2;}
.tab_area .resp-tabs-container, .tab_area .resp-tab-content, .tab_area .resp-tab-active{ border: none!important;}
.tab_area .resp-tabs-list li{ padding:20px 20px 15px 20px; font-size: 16px; color: #000000; font-weight: 400; text-transform: uppercase; background:#D2D2D2; margin-right: 0px; }
.tab_area .resp-tabs-list li:hover{ background: #fff;}
.tab_area .resp-tabs-list li.resp-tab-active{padding:20px 20px 15px 20px!important; background: #fff!important; font-weight: 600;}
.tab_area .resp-tab-content{ padding: 80px 0px 0px 0px;}
.client_img{ padding-bottom: 80px;}
.client_img img{ max-width: 100%;}
.manufacturing_facilities_box .img_responsive{ border: #000 solid 1px; display: inline-block;}
.manufacturing_facilities_box h3{ padding-bottom: 10px;}

.tab_area .tab_reletive{ padding-bottom: 60px;}
.manufacturing_facilities_area .card-header{ padding: 0px; background:  #E3E3E3; border: 0px;}
.manufacturing_facilities_area .card-header button.btn-link{ width: 100%; text-align: left; color: #545454; padding: 16px 25px;}
.manufacturing_facilities_area .card-header button.btn-link:hover, .manufacturing_facilities_area .card-header button.btn-link:focus{text-decoration: none; color: #545454;}
.manufacturing_facilities_area .card-header:first-child, .manufacturing_facilities_area .card{ -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; border: 0px; margin-bottom: 1px;}
.manufacturing_facilities_area .card-header .btn-link.collapsed{ background: url(../images/icon_pulsh.png) no-repeat 98% center;}
.manufacturing_facilities_area .card-header .btn-link{ background: url(../images/icon_minas.png) no-repeat 98% center; white-space:normal;}
.manufacturing_facilities_area .card .card-header h5.mb-0 button{ font-size: 18px; font-weight: 700; text-transform: none;}
.manufacturing_facilities_area .card-body{ padding: 25px 0px;}
.table-striped tbody tr:nth-of-type(odd) {
    background-color: /*rgba(0, 0, 0, .03)*/#F6F6F6;
}
.table td, .table th{ padding: 9px 15px;}
.bullet{ margin: 0px; padding: 0px 0px 24px 0px;}
.bullet li{ background: url(../images/bullet.png) no-repeat left 3px; padding: 0px 0px 10px 15px;}
.paddbtm0{ padding-bottom: 0px!important;}
.contact_page h3{ padding-bottom: 7px;}
.padd_top30{ padding-top: 30px;}
.formarea label.error{ color: #ff0000; font-size: 13px; position: absolute; left: 0px; bottom: -26px;}
.formarea .form-control.error, .formarea .custom-file-input.error{ border-color: #ff0000!important;}
.formarea .custom-file-input.error + label + label.custom-file-label { border: #ff0000 solid 2px;}
.info2, .success, .warning2, .failure, .validation2{border:1px solid;margin:10px 0px;padding:15px 10px 15px 50px;background-repeat:no-repeat;background-position:10px center;-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.info2{color:#00529B;background-color:#BDE5F8;}
.success{color:#4F8A10;background-color:#DFF2BF;background-image:url(../../assets/images/success.png);}
.warning2{color:#9F6000;background-color:#FEEFB3;}
.failure{color:#D8000C;background-color:#FFBABA;background-image:url(../../assets/images/error.png);}
.alert-specialsuccess {
    color: #4f8a10;
    padding: 4px 0 3px 357px;
}

.alert-specialinfo {
    color: #3d8fd8;
    padding: 4px 0 3px 357px;
}
.word_caiptal input{ text-transform: capitalize;}
/* ..... Inner Page Contener Area Strat ..... */

.certiimg img{width: 100%;max-width: 400px;}
.certiimg {text-align: center;}
.certiimg a span{padding: 0px 25px;}
.paddtop50{padding-top: 50px;}
.paddbtm50{padding-bottom: 50px;}

.padd0{padding: 0;}

.serv_gallery{padding: 0px;}
.img_box1{margin-bottom:30px;}
.img_box1 img{width: 100%;}
.serv_content p{padding: 0 0px;padding-bottom: 20px;}

.sidemenu .accordion li.active{background:#DC300F!important; }
.sidemenu .accordion li.active a{color: #fff;}
.sidemenu .accordion li{background: #D2D2D2!important;border-bottom-color: #c3c3c3;}
.sidemenu .accordion li a{color: #000;text-transform: capitalize;padding: 15px 20px;}
.row-offcanvas button{background: #76923C!important;border: 0!important;}
.btn-primary.focus, .btn-primary:focus{box-shadow: inherit;}
.main_content{padding: 30px 0 50px 0;}

.service_head h3{font-size: 22px;padding-bottom: 25px;padding-left: 0px;}
.flexslider{margin-bottom: 15px;}
.flex-control-thumbs img{width: 95%;margin: 0 auto;}

.banner_box table{background: rgba(162, 37, 12, 0.7);}
.banner_box table tr td{padding: 8px 10px 15px;}

.flex-direction-nav a.flex-next:before{font-family: 'FontAwesome';content: '\f054';}
.flex-direction-nav a{height: 45px;}
.flex-direction-nav a:before{font-family: 'FontAwesome';content: '\f053';}

/* ------- Footer Area Strat ------- */
.footer_area{}
.footer_area .paddnone{ padding: 0px!important;}
.max_with_set1{ max-width: 779px; float: right; width: 100%;}
.footer_top{ background: #DFDFDF;padding: 46px 0px; }
.footer_area .bottom{ color:#2A2A2A; font-size:11px; padding:20px 0px 12px 0px; font-weight: 400;}
.footer_right{ position: relative; background: #DB310F;}
.map_area{ position: relative; z-index: 1;}
.map_area img{ max-width: 100%;}
.footer_address{ /*background: rgba(219, 49, 15, 0.80);*/ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 2; color: #fff; font-size: 14px;}
.addrees{ padding: 58px 10px 10px 60px;}
.footer_address h1{ font-size: 36px; color: #fff; font-weight: 700; padding-bottom: 15px; margin-bottom: 0px;}
.footer_contect a{ color: #2A2A2A;}
.footer_contect a:hover{ color: #77913C;}
.footer_area .footer_navi ul li{float: left; font-size: 14px; color: #2A2A2A; font-weight: 400; padding-right: 45px;}
.footer_area .footer_navi ul li a{ color: #2A2A2A;}
.footer_area .footer_navi ul li a:hover, .footer_area .footer_navi ul li.active a{ color: #DB310F;}
.footer_area .footer_navi ul li:last-child{ padding-right: 0px;}
.logo_footer img{ max-width: 100%;}
.footer_contect { font-size: 40px; text-align: right; padding-right: 30px; font-weight: 700;}
.footer_contect span{ font-size: 14px; display: block; font-weight: 400;}

.footer_area .bottom_left{ text-align: left;font-size: 11px;}
.footer_area .bottom_right{text-align:right; font-size: 11px; position: absolute; right: 90px; bottom: 20px;}
.footer_area .bottom_right table{ float:right; width:auto;}
.footer_area .bottom_right td{ padding-left:5px;}
.footer_area .bottom_right td{ padding-left:5px;}
.fotter_logo_soclial{ padding-bottom: 56px;}
.ft_content{ padding-bottom: 80px;}
.visible-md{ display: none;}
.show_img{ display: none;}
/* ------- Footer Area End ------- */
.blueimp-gallery>.close, .blueimp-gallery>.title, .blueimp-gallery-single>.prev, .blueimp-gallery-left>.prev, .blueimp-gallery-single>.next, .blueimp-gallery-right>.next, .blueimp-gallery-single>.play-pause{color: #fff!important;}
.brd_line img{border: #ddd solid 1px;}
.blueimp-gallery{ z-index: 9999999;}
.formarea .uploadresume .form-control{padding-left: }
.inner_contener .btn-none,.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle{ background: #f0f0f0!important; border: #DDE5EB solid 2px; margin-left: -2px; color: #000; padding: 6px 10px;}
.inner_contener .btn-none .career_btn{ font-size: 16px!important;}
/* ==================== Bootstrap Css Strat ==================== */
@media screen and (max-width: 1280px){
    .contant_about{ padding: 60px 80px;}    
}
@media screen and (max-width: 1170px){
    .contant_about{ padding: 40px 40px;}    
}
@media screen and (max-width: 1024px){
    .slick-slide .temp{ top: -10%;}
    .slick-slide.slick-current .temp{ top: 10%;}
    .max_with_set1{ max-width: 635px;}
    .footer_contect{ font-size: 36px;}
    .ft_content{ padding-bottom: 38px;}
    .footer_top{ padding: 35px 0px 30px 0px;}
    .hm_services_area .img_box{ display: inline-block; margin: 0px auto;}
    .box1{ text-align: center; padding-bottom: 30px;}
    .box1 .img_box div{ margin-bottom: 20px;}
    .contant_about{ padding: 20px 30px;}
    .text_about{ top: 37px;}
    .addrees{ padding-top: 40px;}
}
@media screen and (max-width: 1000px){
    .banner_area h1{ font-size: 40px; margin-bottom: 0px; padding-bottom: 15px;}
    .banner_area table tr td:first-child{ width: 65px; padding-top: 24px;}
    .banner_area .btn_read_more{ padding-top: 26px;}
    .banner_area .slick-arrow.slick-next{ right: 10px;}
    .banner_area .slick-arrow.slick-prev{ right: 60px;}
    .banner_area .slick-arrow{ bottom: 15px;}  
    .max_with_set1{ max-width: 96%; margin: 0px auto; float: none;}
    .footer_contect{ padding-right:0px;}
    .hidden-md{ display: none;}
    .map_area img{ width: 100%; height: 236px;}
    .addrees{ padding: 40px 30px; text-align: center;}
    .addrees p{ padding-bottom: 0px;}
    .visible-md{ display: block;}
    .show_1000{  color: #2A2A2A;}
    .footer_area .show_1000 .bottom_right{ position: relative; right: 0px; bottom: 0px;}
    .show_img{ display: block;}
    .hide_img{ display: none;}
    .footer_area .show_1000{ padding: 15px 0px 7px 0px;}
    .footer_navi{ text-align: center;}
    .footer_navi ul{ display: inline-block; margin: 0px auto;}
    .img_about{ float: none; width: 100%;}
    .text_about{ float: none; top: 0px; position: relative; width: 100%;}
    .contant_about{ padding:20px 30px 30px 20px;}
    .tital_h1 table tr td:first-child{ width: 70px; padding-right: 10px; padding-top: 31px;}
    .tital_h1 h1{ font-size: 32px; padding: 5px 0px;}
    .commn_arrow .slick-arrow.slick-next{ right: 20px;}
    .commn_arrow .slick-arrow.slick-prev{ right: 74px;}
    .hm_services_area, .hm_product_area{ padding: 50px 0px;}
    .hm_client_area{ padding-bottom: 50px;}
    .text-center.view_all.fnt16{ padding-top: 5px;}
    .img_with_brd{ max-width: 494px; margin: 0px auto;}
    .vision_and_mission_area .img_responsive{ text-align: center;}
    .inner_banner .temp{ top: 33%;}
    .comman_padd{ padding-top: 50px;}
    .paddbtm100, .vision_and_mission_area{ padding-bottom: 50px;}
    .pull_push_area .col-pull-6 { right: 0;}
.pull_push_area .col-push-6 { left: 0;}
    .career_from{ padding-top: 10px;}
    .comman_padd.paddnone{ padding: 0px;}
    .tab_area .resp-tabs-list li{ font-size: 13px;}
    .tab_area .resp-tabs-list li.resp-tab-active, .tab_area .resp-tabs-list li{ padding: 22px 10px 17px 10px!important;}
    .client_img{ padding-bottom: 50px;}
    .tab_area .resp-tab-content{ padding: 40px 0px 0px 0px;}
    .mp_contener_area{ min-height: 400px;}
    .manufacturing_facilities_box .img_responsive{ margin-bottom: 15px;}
    .slick-dots{ bottom: 25px;}
}

@media screen and (max-width: 767px){
    .row-offcanvas-left{left: 0;}
/*    .row-offcanvas-left.active {left: 37%;}*/
    .row-offcanvas-left{margin-top: 20px;}
    
    .header_area .container{ width: 100%; max-width: 100%;}
.navbar-header{text-align: right;}
.hideclose{display: block;}
.logo{ padding-bottom: 15px;}
.banner_area .container{ width: 100%; max-width: 100%;}  
.show_767{ display: block; text-align: center;}
.hidd_767{ display: none;}
.show_767 .top_call{margin: 0px auto 0px auto; text-align: left; float: none; display: inline-block;}
.mobile_bg{ background: #f0f0f0; padding: 5px 10px;}
.paddnone{ padding: 0px!important;}
    .footer_area, .footer_contect{ text-align: center;}
    .footer_contect{ padding-top: 20px;}
    .footer_area .footer_navi ul{ display: block;}
    .footer_area .footer_navi ul li{ float: none; padding: 0px; margin: 0px; border-top: #A8A8A8 solid 1px;}
    .footer_area .footer_navi ul li a{ display: block; padding: 5px;}
    /*.tital_h1 h1{ padding-bottom: 12px;}*/
    body{ font-size: 16px;}
    .contant_about{ padding:20px 15px;text-align: center;}
    /*.arrow_crical, .contant_about h1{text-align: center;}*/
    .commn_arrow .slick-arrow{ top: auto; bottom: -40px;}
    .commn_arrow .slick-arrow.slick-next{ right: 42%;}
    .commn_arrow .slick-arrow.slick-prev{ right: 52%;}
    .client_box{ text-align: center; margin-bottom: 30px;}
    .client_box div{ max-width: 170px; margin-left: auto; margin-right: auto;}
    .client_box_area .row .col-sm-12:last-child{ margin-bottom: 0px;}
    .img_with_brd{ margin: 20px 0px;}
    .inner_banner .temp{ top: 29%;}
    .inner_banner .tital_h1 h1{ font-size: 45px;}
    .formarea .btnarea{ text-align: center;}
    .bg_table{ display: none;}
    .inner_contener h2.resp-accordion{ border: none!important; padding: 15px; background: #77913C; color: #fff; margin-bottom: 0px; margin-top: 10px;}
    .mp_contener_area h2.resp-accordion span{ border-top-color:#fff;}
    .inner_contener h2.resp-accordion.resp-tab-active{ background: #DB3110!important; color: #fff;}
    .inner_contener h2.resp-accordion.resp-tab-active span{ border-bottom-color:#fff;}
    .resp-arrow{ margin-top: 9px;}
    .tab_area{ padding: 40px 0px 40px 0px;}
    .mp_contener_area{ min-height: 100px;}
    .manufacturing_facilities_box .img_responsive{ text-align: center;}
    .manufacturing_facilities_area .card-header button.btn-link{ padding: 10px 15px;}
    .hm_client_area{ padding-top: 20px;}
    .banner_area .slick-arrow{ display: none!important;}
    .slick-dots{ left: auto; width: 100%; text-align: center;}
    .slick-dots li, .slick-dots li button{ width: 10px; height: 10px;}
    .slick-dots li{ margin: 0px 3px;}
    .slick-dots{ bottom: 15px;}
}
@media screen and (max-width: 676px){
    .banner_area p{ display: none;}
    .banner_area .btn_read_more{ display: none;}
    .slick-slide .temp{ top: -10%;}
    .slick-slide.slick-current .temp{ top: 23%;}
    .max_with_set1{ max-width: 90%;}
    .hm_services_area, .hm_product_area{ padding: 40px 0px;}
    .hm_client_area{ padding-bottom: 40px;}
    
}
@media screen and (max-width: 570px){
    .footer_area .bottom_left, .footer_area .bottom_right{ text-align: center;}
    .footer_area .bottom_right table{ float:none; display:inline-block; margin:5px auto 0px auto;}
.footer_area .bottom_right td:last-child{ padding-top: 3px;}
    .inner_banner .temp{ top: 29%;}
    .inner_banner .tital_h1 h1{ font-size: 35px;}
    .formarea .form-control{ padding-left: 43px;}
    .inner_cleint_logo_area .col-sm-6{ width: 50%!important; max-width: 50%!important;}
    .tital_h1 h1{ font-size: 24px;}
    .tital_h1 table tr td:first-child{padding-top: 26px;}
    
}
@media screen and (max-width: 480px){
    .banner_area h1{ font-size: 22px;}
    .banner_area table tr td:first-child{ width: 58px; padding-right: 10px; padding-top: 25px;}
     .banner_area .slick-arrow{ background-size: 30px!important; width: 30px;}
    .banner_area .slick-arrow.slick-prev{ right: 53px;}
    .banner_area .slick-arrow{ bottom: 8px; height: 15px;}
    .footer_area .bottom .col-xs-8, .footer_area .bottom .col-xs-4{ width: 100%;} 
.footer_area .bottom_left, .footer_area .bottom_right{ text-align: center;}
.footer_area .bottom_right table{ float:none; display:inline-block; margin:5px auto 0px auto;}
.footer_area .bottom_right td:last-child{ padding-top: 3px;}
    .img_with_brd div{ top: 19%;}
    .soclial_link{ position: relative; padding: 30px 0px 0px 0px; text-align: center;}
    .inner_contener .soclial_link h2.lineh2, .address_area h2.lineh2{ display: inline-block;}
    .inner_contener .soclial_link h2.lineh2 span, .address_area h2.lineh2 span{ left: 0; right: 0; margin: 0px auto;}
    .soclial_link ul{ display: block; margin: 0px auto; text-align: center;}
    .soclial_link ul li{ display: inline-block; float: none;}
    .address_area{ text-align: center;}
    .address_area table tr td{ text-align: left;}
    .address_area table{ max-width: 325px; margin: 0px auto;}
    .inner_contener h2.resp-accordion{ font-size: 18px;} 
    .map_area1 iframe{ height: 300px!important;}
    .banner_box table tr td{padding-bottom: 11px;}
        
}
@media screen and (max-width: 470px){
    .hm_product_area .slick-slide, .hm_client_area .slick-slide{ margin-right: 0px; text-align: center;}
    .commn_arrow .slick-arrow.slick-next{ right: 38%;}
    .commn_arrow .slick-arrow.slick-prev{ right: 53%;}
    .img_box2{ margin-bottom: 15px;}
    .text_box2 h2 span{ padding-bottom: 8px;}
    .hm_services_area, .hm_product_area{ padding: 40px 0px;}
    .hm_client_area{ padding-bottom: 20px;}
    .hm_service{ padding-top: 20px;}
    .hm_client{ padding-top: 10px;}
    .inner_cleint_logo_area .col-sm-6{ width: 100%!important; max-width: 100%!important;}
    .client_img{ text-align: center;}
    .manufacturing_facilities_area .card .card-header h5.mb-0 button{ font-size: 16px;}
}
@media screen and (max-width: 400px){
    .row-offcanvas-left.active {left: 70%;}
    
    .banner_area h1{ font-size: 18px;}
    .banner_area table tr td:first-child{ width: 40px; padding-right: 5px; padding-top: 22px;}
    .footer_contect{ font-size: 30px;}
    .img_with_brd span img{ max-width: 62%;}
    .inner_banner .temp{ top: 26%;}
    .inner_banner .tital_h1 h1{ font-size: 30px;}
    .comman_padd, .vision_and_mission_area{ padding-top: 30px;}
    .paddbtm100, .vision_and_mission_area{ padding-bottom: 30px;}
    
}
@media screen and (max-width: 360px){
    .banner_area h1{ font-size: 16px;}
    .banner_area table tr td:first-child{padding-top: 22px;}
    
}
@media screen and (max-width: 330px){
    .footer_area .bottom_left, .footer_area .bottom_right{ font-size: 10px;}
    .footer_contect span{ font-size: 13px;}
    .commn_arrow .slick-arrow.slick-next{ right: 33%;}
    .commn_arrow .slick-arrow.slick-prev{ right: 54%;}
    .inner_banner .temp{ top: 24%;}
    .inner_banner .tital_h1 h1{ font-size: 26px;}
}

@media screen and (min-width: 768px){
    
    .row-offcanvas.row-offcanvas-left p.pull-left{display: none;}
}

@media (max-width: 767px){
    .container {
     max-width:inherit!important; 
    }
}

@media (min-width: 768px) and (max-width:1024px){
    .paddsmall0{padding: 0;}
    
}