.inner-banner .production_unit .relative{display:-webkit-box;display:-ms-flexbox;display:flex;}
.inner-banner .production_unit .relative .solid_bg_title{background:#008c44; padding:30px; color:#fff; font-weight:600; font-size:28px; margin-right:30px; min-width:300px;}
.prod_unit_banner .production_unit .relative h1{font-size: 2.8rem;font-weight: 800; color: #008c44; position:relative; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
.inner-banner .production_unit .relative h1 span{padding: 0; position: relative;}
.inner-banner .production_unit .relative h1 span:before{border-bottom:7px solid #ffea00;position:absolute;content:''; width:100%;height:1px; bottom:-20px;z-index:1;left:0px;right:0;}
.prod_unit_banner .production_unit{position:static; padding:50px 0;}
.production_unit_section_two{padding:70px 0 0;}
.production_unit_section_two h2{font-size: 1.75rem; text-align: left}
.production_unit_section_two .production_bold_txt{font-weight:600;}
.production_unit_section_two .production_bold_txt p{font-size:18px; line-height:35px; margin-bottom: 15px;}
.production_unit_section_two .production_bold_txt p span{color: #008c44}
.production_unit_section_two .production_slider{max-width:1366px; margin:50px auto;}



.production_common_slider .slick-slide{opacity:0.9; -webkit-transform:scale(0.85); transform:scale(0.85); -webkit-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;}
.production_common_slider .slick-active.slick-center{-webkit-transform:scale(1);transform:scale(1); opacity: 1; -webkit-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;}
.production_common_slider .slick-prev, .production_common_slider .slick-next{width:26px; height:30px; opacity: 1; background:none; top:47%; z-index:1;}
.production_common_slider .slick-prev{left:21%;}
.production_common_slider .slick-next{right:21%}
.production_common_slider .slick-prev:after, .production_common_slider .slick-next:after{content:'\f104'; position: absolute; width: 26px; height: 30px; top: 0; left: 0px; font-family: 'Font Awesome 5 Pro'; color: #b2b2b2; font-size: 40px; line-height: 30px;}
.production_common_slider .slick-next{-webkit-transform:rotate(180deg);transform:rotate(180deg); }
.production_common_slider .slick-prev.slick-disabled, .production_common_slider .slick-next.slick-disabled{opacity: .55; cursor: default;}
/**/
.kandla_to_kalol{width:100%; display:-webkit-box; display:-ms-flexbox; display:flex; padding:30px 0; background: #f5f5f5; margin-top: 50px; padding: 80px 0 50px}
.kandla_to_kalol p{font-size:1.2rem; line-height:2; margin-bottom: 15px;}
.kandla_to_kalol .map_gujrat{display:-webkit-box;display:-ms-flexbox;display:flex; height:100%; position:relative;}
.kandla_to_kalol .animation_element{width:100%; position:relative; margin:0 auto;}
.kandla_to_kalol .animation_element h3{text-align:center;color:#008c44;font-size:1.5625rem;font-weight:700;padding-bottom:25px;}
.kandla_to_kalol .animation_element .arrow{position:absolute;left:170px;top:60px;}

.kandla-techhead{text-align: center; font-weight: 500; color: #000; border-left: 1px solid #ccc}
.kandla-techtxt{border-left: 1px solid #ccc; text-align: center}

/**/
.kalol_production_capacity{padding:70px 0;}
.kalol_production_capacity img{max-width:100%;}
.kalol_production_capacity .capacity_descrip .headingmain h2{font-size:1.75rem; text-align:left; padding-bottom: 15px;}
.kalol_production_capacity p{font-size:1.2rem; line-height:2; margin-bottom: 15px;}
/**/
.navtabSec{width:100%; display:-webkit-box; display:-ms-flexbox; display:flex; clear:both; padding:60px 0 0; -webkit-transition:all .5s ease; transition:all .5s ease;}
.navtabSec .nav{width:100%; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-pack:distribute; justify-content:space-around; padding:0 0 10px; border-bottom:1px solid #ddd;}
.navtabSec .nav li{font-size:1.2rem; font-weight:600; position:relative;}
.navtabSec .nav li:after{}
.navtabSec .nav li a{color:#333; display:block;}
.navtabSec .nav li.active:after{content:""; position:absolute; left:-15%; bottom:-12px; width:130%; height:5px; background:#ffea00;}
.navtabSec.fixedMenu{position:fixed;top:40px;background:#fff;z-index:1;}
/**/
.production_tab_content{padding:10px 0 0px;}
.production_tab_content .tabsContentHolder{width:100%; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column;}
.production_tab_content .tabsContent{width:100%; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; padding:30px 0; font-size:1.2rem;}
.production_tab_content .tabsContent p{font-size:1.2rem; line-height:30px;}
.production_tab_content .tabsContent h4,.production_tab_content .tabsContent p b{font-size:1.3rem; font-weight:500; margin:0 0 15px;}
.production_tab_content .tabsContent .mrTP{margin-top:10px; font-weight: 600;}
.production_tab_content .tabsContent .mrBT{margin-bottom:30px;}
.production_tab_content .tabsContent ul li{padding:7px 0 7px 25px; position:relative;} 
.production_tab_content .tabsContent ul li:before{content:""; width:6px; height:6px; background:#000; border-radius:6px; display:block; position:absolute; left:0; top:15px;}
.production_tab_content .tabsContent table{width:100%; border-collapse:collapse;}
.production_tab_content .tabsContent table thead{background:#f2f2f2; }
.production_tab_content .tabsContent table th{font-weight:500; padding:5px 15px;text-transform:uppercase; }
.production_tab_content .tabsContent table tbody{border:1px solid #ccc;}
.production_tab_content .tabsContent table td{padding:5px 15px; border-bottom: 1px solid #ccc;}

.production-captbl table{width:100%; border-collapse:collapse; font-size: 11px;}
.production-captbl table thead{background:#ccc;}
.production-captbl table th{font-weight:300; padding:5px 15px;text-transform:uppercase; font-weight: 600;}
.production-captbl table tbody{border:1px solid #ccc;}
.production-captbl table td{padding:5px 15px; border-bottom: 1px solid #ccc;}
.prod-unitlisting{margin: 20px 0 0 0;}

.timelineimg{max-width: 1362px; margin: 0 auto; overflow-x: hidden;}
.timelineimg img{width: 100%;}

.timeline-yearbox{width: 230px;}
.timeline-yearbox-inner{height: 100%; background: #fff; width: 90%; height: 300px;}
.timeline-txtbox{text-align: center; padding: 20px;}
.timeline-text p, .timeline-text {
    font-size: 0.75rem;
    color: #000;
    font-weight: 500;
    border-bottom: 1px solid #889B15;
    padding-bottom: 10px;
    margin-bottom: 10px;
    line-height: 1.5;
}
.timeline-text p{
    border-bottom:0;
    padding-bottom:0;
    margin-bottom:0
}
.timeline-text {border-bottom: 1px solid #889B15; padding-bottom: 10px; margin-bottom: 10px;}
/* .timeline-text span{color: #008c44} */
.timeline-text-topborer{border-top: 1px solid #889B15; padding-top: 10px; margin-top: 10px;}
.timeline-bottomcolor-box{width: 90%; height: 25px; position: relative; margin-bottom: 50px}
.timeline-bottomcolor-box:before{content:''; position: absolute; left: 0; bottom: -45px; border-style: solid; border-width: 0 40px 45px 0;}
.timelinebottombox1{background: #7e9d82;}
.timelinebottombox1:before{ border-color: transparent #558273 transparent transparent;}
.timelinebottombox2{background: #3c9790;}
.timelinebottombox2:before{ border-color: transparent #31a09e transparent transparent;}
.timelinebottombox3{background: #c7a739;}
.timelinebottombox3:before{ border-color: transparent #cfa637 transparent transparent;}
.timelinebottombox4{background: #b0bd64;}
.timelinebottombox4:before{ border-color: transparent #a1b046 transparent transparent;}
.timelinebottombox5{background: #FFD443;}
.timelinebottombox5:before{ border-color: transparent #FAC307 transparent transparent;}
.timelinebottombox6{background: #FFCC5B;}
.timelinebottombox6:before{ border-color: transparent #FFCF4F transparent transparent;}
.timelinebottombox7{background: #FFCC5B;}
.timelinebottombox7:before{ border-color: transparent #FFCF4F transparent transparent;}
.timelinebottombox8{background: #FFCC5B;}
.timelinebottombox8:before{ border-color: transparent #FFCF4F transparent transparent;}

.timeline-circle-wrap{width: 100%; position: relative; padding: 0;}
.timeline-circle{width: 105px; height: 105px; border-radius: 50%; border:8px solid #ebebeb; text-align: center; padding: 20px 0 0 0; text-transform: uppercase; position: relative; }
.yearname{font-size: 0.875rem; font-weight: 400; color: #fff; letter-spacing: 0.5px; display: block;}
.yearno{font-size: 2rem; color: #fff; display: block; line-height: 1.2}
.timeline-circle-wrap:after{content: ''; width: 54%; height: 10px; left: 105px; top: 47%; position: absolute;}

.timelineimg .prduction-timeline .swiper-slide{min-width:230px;}

.year72-bg{background:#83a284;}
.year72line-color:after{background: #1ca8ad;}

.year74-bg{background:#3F958E; z-index: 1;}
.year74line-color:after{background: #889B15;}

.year0506-bg{background:#D9A434; z-index: 1;}
.year0506line-color:after{background: #BE9610;}

.year97-bg{background:#889B15;}
.year97line-color:after{background: #D9A434;}

.year1517-bg{background:#BE9610; z-index: 1;}
.year1517line-color:after{background: #D3B263;}

.year06-bg{background:#D3B263;}
.year06line-color:after{background: #FFD442;}


.revealOnScroll { opacity: 0; }

.yearcircle-width{width: 145px; z-index: 1;}
.yearcircle-width .yearno{font-size: 1.5rem !important;}

.unittxt{text-align: center; font-weight: 600; background-color: #f5f5f5;}

.subhead-trends-production{font-size: 1rem; text-transform: uppercase; padding-bottom: 7px; margin: 0 0 30px 10px; font-weight: 600; color: #000; border-bottom: 1px solid #3c9790;}


/**/
.plantHead{background:#f5f5f5; padding:90px 0;}
.plantHead .planthead_pic{display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end; padding-right:15px;}
.plantHead .planthead_pic img{max-width:100%;}
.plantHead .planhead_descrip{display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; width:100%; height:100%; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;}
.plantHead .planhead_descrip .titleTxt{width:100%; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; margin:0 0 30px;}
.plantHead .planhead_descrip .titleTxt h1{margin:0; padding:0; font-size:1.8rem; color:#000; font-weight:500;}
.plantHead .planhead_descrip .titleTxt h1 span{display:block; font-size:1.2rem;}
.plantHead .planhead_descrip  p{font-size:1.2rem; line-height:35px; margin:0 0 15px;}
.plantHead .planhead_descrip .followlinks{clear:both; margin:50px 0 0;}
.plantHead .planhead_descrip .followlinks a{color: #424242; position: relative; font-size: 1rem; font-weight: 600;}
.plantHead .planhead_descrip .followlinks a *{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.plantHead .planhead_descrip .followlinks a{position: relative; padding:5px 45px 0 0; background:transparent  url('../../images/production-unit/twitter_icon.html') no-repeat right 5px center;}
.plantHead .planhead_descrip .followlinks a:before{content: ''; position: absolute; left: 0; bottom: -4px; height: 1px; background: #424242;  width: 65%; -webkit-transition: all 0.2s ease-out 0s;  transition: all 0.2s ease-out 0s;}
.plantHead .planhead_descrip .followlinks a:hover:before{width: 100%}

.bgnone{background: none}
.awards-txtprod, .awards-txtprod p{text-align: center; font-weight: 500; margin-bottom: 40px;}

.rowRotate{ flex-direction: row-reverse;}
/**/
.kalol_accolades_list{width:100%; padding:70px 0 0;}

/**/
.GallerySec{margin:-70px 0 0; padding:70px 0 0; width:100%; position: relative;}
.GallerySec .graybg{background-color:#f1efef; padding:0 0 50px; }
.GallerySec .gallerySlider{max-width:1366px; margin:20px auto 80px; }

/**/
.map_section{width:100%; display:-webkit-box; display:-ms-flexbox; display:flex; margin:0; padding:0; position:relative; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column;}
.map_section .mapouter{position:relative;text-align:right; height:550px; width:100%;}
.map_section .mapouter #gmap_canvas {overflow:hidden; background:none!important; width:100%; height:100%; position:absolute; left:0; top:0;}
.map_section .address_pannel{width:670px; height:calc(100% - 150px); background:#fff; position:absolute;top:50px; left:100px; padding:50px; border-radius:2px;}
.map_section .buzzlink{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex; clear:both; margin:0 0 15px; padding-left:40px;}
.map_section .buzzlink li{background:#008c44; color:#fff; text-transform:uppercase; font-size:.8rem; margin:0 10px; padding:5px 15px; border-radius:15px;}
.map_section .contactDtl{width:100%; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.map_section .contactDtl li{background-repeat:no-repeat; background-position:lef center; width:100%; display:-webkit-box; display:-ms-flexbox; display:flex; padding-left:50px;padding-bottom:15px; -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-box-flex:1; -ms-flex:1 0 61%; flex:1 0 61%; margin-bottom:5px; font-size:1.3rem;}
.map_section .contactDtl h2, .map_section .contactDtl h2 p{font-size:1.5rem; font-weight:600; color:#000; margin:0; padding:0;}
.map_section .contactDtl .addrs{background-image:url(../../images/production-unit/address_pointer.html);}
.map_section .contactDtl .telephones{background-image:url(../../images/production-unit/call_icon.html);}
.map_section .contactDtl .telephones p{font-size: 1.3rem;}
.map_section .contactDtl .fax{background-image:url(../../images/production-unit/fax_icon.html); -ms-flex-preferred-size:60%; flex-basis:60%}
.map_section .contactDtl .getdirection{background-image:url(../../images/production-unit/direction_icon.html); -ms-flex-preferred-size:30%; flex-basis:30%}
.map_section .contactDtl .pipalia{background-image:url(../../images/production-unit/user_icon.html); -ms-flex-preferred-size:45%; flex-basis:45%;}
.map_section .contactDtl .miles{-ms-flex-preferred-size:40%;flex-basis:40%;}

.prod-unitmiddle-nav{margin-top: 40px;}
.prod-unitmiddle-nav .fdpnav{border-top: 0; width: 100%; background: #fff;}
.prod-unitmiddle-nav.fixedmenu-ini{top: 35px;}
.prod-unitmiddle-nav .fdpnav > .container{opacity: 1!important;}

.certification-txt{padding: 0;}
.certification-txt p{margin-bottom: 20px; line-height: 30px; font-size:1.2rem; font-weight:400;}
ul.certi-listing{line-height: 30px; font-size:1.2rem; font-weight:400; margin-bottom: 60px}
ul.certi-listing li{padding: 7px 0 7px 25px; position: relative;}
ul.certi-listing li:before{content: ""; width: 6px; height: 6px; background: #000; border-radius: 6px; display: block; position: absolute; left: 0; top: 19px;}

.stick-pu {
    position: fixed;
    top: 72px;
    padding: 0 !important;
    transition: all 0.5s;    
  }
.pu-stickheight{height: 70px}

@media screen and (max-width:1340px){
    .production_common_slider .slick-next{right: 18.5%;} 
    .production_common_slider .slick-prev{left: 18.5%;}
}

@media screen and (max-width:1255px){
    /* .prduction-timeline .swiper-slide{width: 30% !important}*/
    .timeline-yearbox{width: 260px;}
    .timeline-yearbox-inner, .timeline-bottomcolor-box{width: 100%}
}

@media screen and (max-width:1024px){
    .plantHead .planthead_pic{padding-right:0;}
    .plantHead .planthead_pic{-webkit-box-align:center;-ms-flex-align:center;align-items:center;}    
    .production_common_slider .slick-next{right: 10.7%;} 
    .production_common_slider .slick-prev{left: 10.7%;}
}
@media screen and (max-width: 990px){
    .timeline-text p, .timeline-text { font-size: 0.85rem!important;}
    .production_slider, .GallerySec .gallerySlider{width:75%;}
    .production_slider .slick-prev, .gallerySlider .slick-prev{left:-9%;}
    .production_slider .slick-next, .gallerySlider .slick-next{right:-9%;}
    .GallerySec .graybg{padding:30px 0;}
    .production_unit_section_two .production_bold_txt p{font-size:16px;}
    .kandla_to_kalol p, .kalol_production_capacity p, .navtabSec .nav li, .production_tab_content .tabsContent p,
    .production_tab_content .tabsContent .mrTP, .production_tab_content .tabsContent table th, .production_tab_content .tabsContent table td,
    .plantHead .planhead_descrip p, .map_section .contactDtl li{font-size:1rem;}
    .plantHead .planhead_descrip .followlinks{margin:15px 0 0;}
    .kalol_production_capacity .headingmain h2{font-size:1.8rem;}
    .plantHead .planhead_descrip .followlinks{font-size:1.3rem}
    .map_section .address_pannel{width:600px; padding:30px; position: static;}
    .map_section .mapouter{height:500px;}
    .prod_unit_banner .production_unit .relative h1{font-size: 2rem;}
    .inner-banner .production_unit .relative .solid_bg_title{min-width:250px;}
    .kandla_to_kalol .animation_element  span img{max-width:20px; height:auto;}
    .kandla_to_kalol .animation_element .kalol{width:50px; height:50px; left:200px; top:55px;}
    .kandla_to_kalol .animation_element .kandla{width:50px; height:50px; left:100px; top:35px;}
    .kandla_to_kalol .animation_element h3{font-size:1.3rem;}
    .kandla_to_kalol .animation_element .arrow{left:115px; top:93px; width:100px;}
    .kandla_to_kalol .animation_element .arrow img{max-width:100%;}
    .production_unit_section_two{padding-top:40px;}
    .production_unit_section_two .production_slider{margin-bottom: 20px}
    .plantHead{padding: 40px 0;}
    .plantHead .planthead_pic img{margin: 0 auto}
    .plantHead .planhead_descrip{text-align: center;}
    .production_tab_content .tabsContent ul li, .production_tab_content .tabsContent h4, .production_tab_content .tabsContent p b{font-size: 1.1rem;}
    .production_tab_content{padding-bottom: 20px;}
    .prod-unitmiddle-nav{max-width: 100%; overflow: hidden; overflow-x: scroll;}
    .prod-unitmiddle-nav .fdpnav ul{width: 1000px;}
    .prod-unitmiddle-nav.fixedmenu-ini{top: 45px;}
    .stick-pu{overflow-x: scroll;}
    
   
}
@media screen and (max-width:767px){
    .inner-banner .production_unit{position:static; padding:50px 0;}
    .inner-banner .production_unit .relative .solid_bg_title{padding:30px; min-width:250px; max-width:250px;}
    .inner-banner .production_unit .relative h1{font-size:1.5rem; width:400px; margin-left:30px; padding:20px 0 0; color:#008c44; text-shadow:none;}
    .inner-banner .production_unit .relative h1:before{bottom:10px; border-bottom-width:5px;}
    .plantHead .planthead_pic{margin-bottom:30px;}
    .inner-banner .production_unit .container.relative{width:100%; padding-left:0; max-width:100%; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column;}
    .kalol_production_capacity .feature_photo{margin-bottom:30px;}
    .navtabSec nav{width:100%; display:block; float:left; clear:both; max-width:100%; overflow-x: auto;}
    .navtabSec .nav{border-bottom:0; padding:0; width:800px; -ms-flex-wrap:nowrap; flex-wrap:nowrap;} 
    .navtabSec .nav li{width:auto; height:30px; line-height:1; font-size:1rem; margin-right:30px; padding:0 20px;}
    .navtabSec .nav li.active:after{bottom:0; width:100%; height:4px;}    
    .navtabSec.fixedMenu{top:30px;}
    .map_section .address_pannel{max-width:100%;}
    .map_section .address_pannel{position:static;}
    .production_unit_section_two .production_slider{margin:30px auto;}
    .production_unit_section_two{padding:30px 0 0;}
    .production_tab_content .tabsContent h4{margin:30px 0 5px;}
    .production_tab_content .tabsContent{padding:0;}
    .navtabSec{border-bottom:1px solid #ccc; margin-bottom:30px;}
    .plantHead .planhead_descrip .titleTxt{text-align:center;}
    .plantHead .planhead_descrip .titleTxt h1 span{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}
    .plantHead .planhead_descrip .followlinks a{margin:0 auto;}
    .map_section .contactDtl .getdirection{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1; background:none;}
    .map_section .contactDtl .getdirection span{padding:10px 30px; background:#008c44; color:#fff; cursor:pointer; display:inline-block;}
    .map_section .contactDtl .fax, .map_section .contactDtl .pipalia{-ms-flex-preferred-size:100%;flex-basis:100%;}
    .map_section .contactDtl .miles{display:none;}
    .map_section .contactDtl li{margin-bottom:15px;}
    .kalol_production_capacity .headingmain h2{text-align:left;}
    .inner-banner .production_unit .relative h1 span::before{bottom: -10px; border-width: 5px;}
    .GallerySec .gallerySlider{margin: 0 auto 30px}
    .prod-unitmiddle-nav.fixedmenu-ini{top: 45px;}
    .prod-unitmiddle-nav .fdpnav{border:none;}
    .prod-unitmiddle-nav .fdpnav ul{border-bottom:0;}
    .prod-unitmiddle-nav .fdpnav ul li.active-link:after{top: 38px}
    .production_tab_content .tabsContent table td{font-size: 1rem !important;}
}

@media screen and (max-width:640px){
    .map_section .contactDtl .getdirection, .map_section .contactDtl .miles{-ms-flex-preferred-size:100%;flex-basis:100%;}
    .kandla_to_kalol{padding:0 0 30px;}
    .timelineimg{padding-top: 40px;}
    .kalol_production_capacity .capacity_descrip .headingmain h2{font-size: 1.5rem; padding-bottom: 10px;}
    .timeline-yearbox{width: 90%}
}
@media screen and (max-width:480px){
    .inner-banner .production_unit .container.relative{-webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column;}
    .inner-banner .production_unit .relative .solid_bg_title{max-width:200px; margin-bottom:10px;}
    .inner-banner .production_unit .relative h1{margin-left:30px; margin-right:30px;}
    .inner-banner .production_unit .relative h1:before{bottom:-5px;}
    .inner-bannertxt.production_unit{top:15%;}
    .map_section .contactDtl h2{font-size:1.1rem;}
    .map_section .buzzlink{padding-left:20px;}
    .map_section .contactDtl li{font-size:.9rem;}
    .map_section .contactDtl li{background-size:20px auto; padding-left:30px;}
    .map_section .buzzlink li{margin:0 2px;font-size:.7rem;}
    .map_section .address_pannel{left:30px;}
    .production_common_slider .slick-prev, .production_common_slider .slick-next, .production_common_slider .slick-prev, .production_common_slider .slick-next{top: 42.8%;}
    .timeline-txtbox {padding: 15px 10px;}
    .prod-unitmiddle-nav .fdpnav ul{width:800px}
    .prod-unitmiddle-nav .fdpnav ul.kalolTabWidth{width: 1060px;}
    .prod-unitmiddle-nav .fdpnav ul.aonlaTabWidth{width: 780px;}
    
}

@media screen and (max-width:400px){
    .prod-unitmiddle-nav .fdpnav ul{width:720px}
    .prod-unitmiddle-nav .fdpnav ul.kalolTabWidth {width: 1005px;}
    .prod-unitmiddle-nav .fdpnav ul.aonlaTabWidth{width: 1060px;}
}

@media screen and (max-width:361px){
    .prod-unitmiddle-nav .fdpnav ul{width:700px}
    .prod-unitmiddle-nav .fdpnav ul.kalolTabWidth {width: 975px;}
    .prod-unitmiddle-nav .fdpnav ul.aonlaTabWidth{width: 690px;}
}

@media screen and (max-width:340px){
    .prod-unitmiddle-nav .fdpnav ul{width:860px}
    .prod-unitmiddle-nav .fdpnav ul.kalolTabWidth { width: 882px;}
    .prod-unitmiddle-nav .fdpnav ul.aonlaTabWidth{width:830px;}
}