/*
Theme Name: Chargexo
Theme URI: http://chargexo.com
Author: Chargexo Team
Author URI: http://chargexo.com
Description: Chargexo Team
Version: 1.0
License: Private

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* =Notes
--------------------------------------------------------------
This stylesheet uses rem values with a pixel fallback. The rem
values (and line heights) are calculated using two variables:

$rembase:     14;
$line-height: 24;

---------- Examples

* Use a pixel value with a rem fallback for font-size, padding, margins, etc.
        padding: 5px 0;
        padding: 0.357142857rem 0; (5 / $rembase)

* Set a font-size and then set a line-height based on the font-size
        font-size: 16px
        font-size: 1.142857143rem; (16 / $rembase)
        line-height: 1.5; ($line-height / 16)

---------- Vertical spacing

Vertical spacing between most elements should use 24px or 48px
to maintain vertical rhythm:

.my-new-div {
        margin: 24px 0;
        margin: 1.714285714rem 0; ( 24 / $rembase )
}

---------- Further reading

http://snook.ca/archives/html_and_css/font-size-with-rem
http://blog.typekit.com/2011/11/09/type-study-sizing-the-legible-letter/


/* =Reset
-------------------------------------------------------------- */
@charset "utf-8";
/* CSS Document */

body{font-family: 'Roboto', sans-serif;color:#000; font-weight:normal;font-size:16px;line-height:24px;    -webkit-font-smoothing: antialiased;    -moz-osx-font-smoothing: grayscale;}
h1,h2,h3,h4,h5,h6{font-family: 'Roboto', sans-serif;font-weight:700; line-height:100%; margin:0; padding:0; }
h1{font-size:52px; line-height:65px; margin-bottom:20px; color:#fff; text-transform:uppercase;}
h2{font-size: 30px;margin-bottom: 30px;line-height: 36px;color: #EC6230;font-weight: 800;letter-spacing: 1px;}
button:focus, a:hover, a:focus, input:focus{text-decoration:none; outline:none;}
p{margin-bottom:30px;color: #585858;font-size:18px; line-height:24px; font-weight:normal; }
a{text-decoration:none; }
a:hover, a:focus{color:#ef7ca8;}
ul{margin:0; padding:0;}
ul li{list-style-type:none;}
img{max-width:100%;}
.header-part{
    position: static;
    top: -80px;
    left: 0;
    width: 100%;
    background: #fff;
    z-index: 99;
    padding:0 15px;
    -webkit-transition: all 0.3s ease; 
    -moz-transition: all 0.3s ease; 
    -o-transition: all 0.3s ease; 
    transition: all 0.3s ease;
}
.header-part.sticky{
    position: fixed;
    top:0;
    box-shadow: 0 0 6px 0px rgb(212, 212, 212);
}
.header-wraper{
    display: flex;
    align-items: center;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
}
.header-logo .logo{
    max-width: 150px;
    display: block;
}
.navbar-toggler{
    display: none;
}
.menu-part ul{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.menu-part ul li{
    margin-left: 20px;
}
.menu-part ul li:first-child{
    margin-left: 0;
}
.menu-part ul li a{
    padding: 20px 10px;
    display: block;
    color: #399d7f;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
}
.menu-part ul li a:hover,.menu-part ul li a.active{
    color: #f53509;
}
hr.side {
    margin: 0 auto;
}

.all-section{
    min-height: 100vh;
    padding: 50px 0;
}
.top-banner{
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: cover;
    position: relative;
    padding: 30px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.right-logo{
    position: absolute;
    right: 30px;
    top: 30px;
    max-width: 260px;
}
.banner-text h1{
    margin: 0;
    color: #fff;
    font-size: 4.2vw;
    text-transform: uppercase;
    line-height: 5vw;
    margin-top: 100px;
    position: relative;
}
.banner-text h1 span{
    font-size: 120px;
    font-weight: 400;
    position: absolute;
    top: -52px;
    left: -52px;
}
.section-title h2 span{
    color: #15B09E;
}
.section-title{
    padding-bottom: 20px;
}
.powering-text-part img{
    margin-bottom: 20px;
}
.powering-text-part p{
    font-size: 24px;
    line-height: 30px;
}
.powering-text-part{
    padding-bottom: 30px;
}
.vision-text{
    padding-right: 80px;
}
.vision-text img{
    max-width: 435px;
}
.vision-text p{
    max-width: 350px;
    margin: -160px 0 0 auto;
}
.mission-text{
    padding-left: 80px;
    position: relative;
    height: 100%;
}
.mission-text p{
    margin: 25px 0 0 0;
}
.mission-text:before{
    content: '';
    background: rgb(255,255,255);
    background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(23,170,157,1) 50%, rgba(255,255,255,1) 100%);
    width: 2px;
    height: 100%;
    position: absolute;
    left: -17px;
    top: 0;
}
.management-user-part{
    display: flex;
    align-items: flex-end;
    margin-bottom: 30px;
}
.management-user{
    width: 36%;
    position: relative;
}
.management-user:before{
    content: '';
    display: block;
    padding-top: 120%;
}
.management-user img{
    position: absolute;
    top: 0;
    left: 0;
    /*    width: 100%;*/
    height: 100%;
    object-fit: cover;
}
.management-user:after{
    content: '';
    background: url(images/plus-icon.png) no-repeat 0 0;
    width: 40px;
    height: 40px;
    position: absolute;
    top: -25px;
    right: -6px;
    display: block;
    background-size: 100%;
}
.management-info{
    width: 64%;
    padding-left: 15px;
}
.management-info h3{
    font-size: 26px;
    font-weight: 800;
    color: #EC6230;
    margin-bottom: 5px;
}
.management-info h4{
    font-size: 18px;
    line-height: 24px;
    color: #585858;
}
.management-box p{
    font-size: 16px;
    margin-bottom: 20px;
    color: #585858;
}
.our-blobal-list{
    padding-left: 25px;
    position: relative;
    height: 100%;
}
.our-blobal-list:before{
    content: '';
    width: 2px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgb(255,255,255);
    background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(23,170,157,1) 100%);
}
.our-blobal-list h3{
    font-size: 26px;
    font-weight: 800;
    color: #EC6230;
    margin-bottom: 30px;
}
.our-blobal-list p{
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 10px;
}
.our-blobal-list .our-blobal-years p{
    margin-bottom: 25px;
    display: flex;
    align-items: center;
}
.our-blobal-list p span{
    font-size: 38px;
    float: left;
    color: #15B09E;
    font-weight: bold;
    margin-right: 5px;
}
#technology .wc_tech_only_mobile{display:none;}
.technology-service{
    display: flex;
    align-items: center;

}
.technology-service-img{
    width: 56%;
}
.technology-service-info{
    margin-top: 40px;
}
.technology-service-list{
    width: 52%;
    margin-left: -20px;
    margin-top: 65px;
    margin-right: -50px;
}
.technology-service-info h3{
    font-size: 26px;
    font-weight: 800;
    color: #EC6230;
    margin-bottom: 10px;
}
.technology-service-info h3 span{
    margin-left: -24px;
}
.technology-service-info p{
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 20px;
}
.technology-section{
    background: url(images/technology-bg-img.png) no-repeat right 0px #F8F7F7;
    background-size: 79% 100%;
    padding-bottom: 10px;
    padding-top: 30px;
}
.technology-right-img img{
    max-width: 80%;
    margin: 0 auto;
    display: block;
    width: 100%;
}
.technology-right-img hr, hr{
    height: 2px;
    border: 0;
    background: rgb(231,230,230);
    background: linear-gradient(90deg, rgba(231,230,230,1) 0%, rgba(23,170,157,1) 50%, rgba(231,230,230,1) 100%);
    width: 88%;
    margin: 10px auto;
}
.flow-production-section{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0 0;
    /*    height: 960px;*/
}
.newroom-information-section{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0 0;
    height: 960px;

    position: relative;
}
.newroom-information-text{
    position: absolute;
    left: 38%;
    top: 23%;
    max-width: 332px;
}
.newroom-information-text p{
    color: #fff;
    font-size: 34px;
    line-height: 38px;
    font-weight: 300;
}
.corporate-map-info{
    background: #F1F1F1;
    border-radius: 5px;
    padding: 40px;
}
.corporate-map-info h3{
    font-size: 22px;
    font-weight: 800;
    color: #EC6230;
    margin-bottom: 10px;
}
.corporate-map-info p{
    margin: 0;
}
.map-info-list{
    padding: 30px 0;
}
.corporate-map-info p a{
    color: #585858;
}
.corporate-map-info p a:hover{
    color: #EC6230;
}

.battery-titile-part{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 60px;
}
.battery-titile-part h3:before {
    content: '';
    height: 2px;
    background: rgb(255, 255, 255);
    background: linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(236, 98, 48) 50%, rgb(255, 255, 255) 100%);
    width: 100%;
    display: block;
    margin-bottom: -10px;
}
.battery-titile-part h3{
    text-align: center;
    font-size: 22px;
    font-weight: 800;
    color: #EC6230;
    margin-bottom: 0;
    width: 80%;
}
.battery-titile-part h3 span, .battery-titile-part h2 span{
    background: #fff;
    padding: 10px 20px;
}
.business-verticals-section{
    background: url(images/business-section-bg.png) no-repeat left 0px;
    background-size: 100% 100%;
}
.business-left-service{
    padding-top: 60px;
    position: relative;
    margin-top: -37px;
}
.business-left-service:before{
    content: '';
    width: 2px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 60px;
    display: block;
    background: #A7A7A7;
    z-index: 0;
}
.business-left-box{
    display: flex;
    align-items: center;
    margin-bottom: 50px;
    position: relative;
}
.service-title{
    background: url(images/business-title-shape.png) no-repeat center 0px;
    background-size: cover;
    height: 150px;
    margin-top: -70px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.service-title h3{
    color: #fff;
    font-size: 26px;
    margin-bottom: 20px;
}
.left-border:before{
    content: '';
    background: rgb(23,170,157);
    background: linear-gradient(0deg, rgb(242, 242, 242) 0%, rgba(23,170,157,1) 50%, rgb(242, 242, 242) 100%);
    width: 2px;
    height: 100%;
    position: absolute;
    left: 11px;
    top: 0;
}
.business-product-img{
    border: 9px solid #0AB6A3;
    background: #fff;
    border-radius: 100%;
    width: 120px;
    height: 120px;
    margin-right: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.business-left-box h3{
    font-size: 20px;
    font-weight: 800;
    color: #EC6230;
    margin-bottom: 0;
}
.service-box-business{
    display: flex;
    flex-wrap: wrap;
}
.automotive-box{
    width: 50%;
    padding: 0 15px;
    margin-bottom: 30px;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-end;
}
.automotive-box.full-box{
    width: 100%;
}
.automotive-box h4{
    font-size: 20px;
    font-weight: 800;
    color: #EC6230;
    margin:10px 0 0;
    width: 100%;
}
.our-differentiat-service{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    position: relative;
}
.our-differentiat-box{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: 20%;
    padding: 0 10px;
}

.differentiat-icon{
    width: 90px;
    height: 90px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 30px auto;
    order: 2;
    -webkit-order: 2;
    -moz-order: 2;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10+ CSS styles go here */
    .differentiat-icon{
        margin: 0;
        margin-top:30px;
        margin-bottom:30px;
    }
}
.automotive-box.wc_truck img{
    height:70px;   
}
.differentiat-icon img{
    max-height: 60%;
    max-width: 60%;
}
.differentiat-icon:before{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    border: 2px solid #15B09E;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
}
.differentiat-info{
    width: 100%;
    text-align: center;
    min-height: 81px;
}
.differentiat-info h4{
    font-size: 20px;
    font-weight: 800;
    color: #EC6230;
    margin: 0 0 5px;
}
.differentiat-info p{
    margin: 0;
    min-height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.our-differentiat-box.order-top{
    padding-top: 90px;
}
.our-differentiat-box.order-top .differentiat-icon{
    order: 0;
    -webkit-order: 0;
    -moz-order: 0;
}
.our-differentiat-box.order-top .differentiat-info p{
    min-height: 75px;
}
.our-differentiat-service:before{
    background: url(images/differentiat-service-dot.svg) no-repeat center 0px;
    content: '';
    position: absolute;
    top: 220px;
    left: 0;
    display: block;
    width: 100%;
    height: 106px;
    background-size: 84%;
}
.banner-text,.all-section .container{
    position: relative;
    z-index: 2;
}
.all-section{
    overflow: hidden;
    position: relative;
}
.shape-img{
    position: absolute;
} 
.shape-img.bottom-right{
    bottom: 0;
    right: 10px;	
}
.shape-img.right-bottom{
    bottom: 0;
    right: -96px;	
}
.top-banner .shape-img.bottom-right{
    bottom: -126px;
    right: 10px;	
}
.shape-img.top-left{
    top: 10px;
    left: -60px;	
}
.shape-img.bottom-left{
    bottom: -56px;
    left: 0px;
}
.shape-img.top-right{
    top: -100px;
    right: 10px;
}
.management-section .shape-img.bottom-right{
    bottom: -96px;
    right: 10px;	
}
.management-section{
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: cover;
}
.mobile-production{
    display: none;
}
/*wc-css-start*/
section#about .powering-text-part p ,
section#technology p ,
section#management p {
    text-align: justify;
}
.our-blobal-years-content p {
    text-align: left !important;
}
#home .wc_home_top-left {
    position: absolute;
    top: -97px;
    left: 0px;
}
#home .wc_home_bottom-right {
    position: absolute;
    bottom: -94px;
    right: 0;
}
.wc_about_top-left {
    position: absolute;
    top: 0;
    left: -93px;
}

.wc_about_top-right {
    position: absolute;
    top: -100px;
    right: 0px;
}
.wc_about_bottom-right {
    position: absolute;
    bottom: 0px;
    right: 0px;
}
.wc_management_top-left, .wc_manufacturing_top-left {
    position: absolute;
    top: 0;
    left: -78px;
}
.wc_management_bottom-right {
    position: absolute;
    bottom: -78px;
    right: 0;
}
.wc_manufacturing_bottom-left{
    position: absolute;
    bottom: -94px;
    left: 0;
}
.wc_manufacturing_bottom-right {
    position: absolute;
    bottom: 132px;
    right: -94px;
}
.wc_newsroo_top-left {
    position: absolute;
    top: 0;
    left: -82px;
}
.wc_application_top-left {
    position: absolute;
    top: 0;
    left: -82px;
}
.wc_application_top-right {
    position: absolute;
    top: -99px;
    right: 0;
}
.wc_newsroo_bottom-right {
    position: absolute;
    bottom: -70px;
    right: 0;
}

.wc_contact_top-right {
    position: absolute;
    top: -75px;
    right: 0px;
}
.wc_contact_top-left{
    position: absolute;
    top: 0;
    left: -82px;
}

.technology-bg-img {
    position: absolute;
    right: 0;
    top: -74px;
}
#application .battery-titile-part h2 {
    font-size: 22px;
    font-weight: 800;
    color: #EC6230;
}


.scrolltop {
    display:none;
    width:100%;
    margin:0 auto;
    position:fixed;
    bottom:20px;
    right:10px;	
    z-index: 999999;
}
.scroll {
    position: absolute;
    right: 20px;
    bottom: 20px;
    background: #f1f1f1;
    padding: 12px;
    text-align: center;
    margin: 0 0 0 0;
    cursor: pointer;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    line-height: 1;
}
.scroll:hover {
    background: #f1f1f1;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s; 		
}
.scroll:hover .fa {
    padding-top:-10px;
}
.scroll .fa {
    font-size:30px;
    margin-top:-5px;
    margin-left:1px;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s; 	
}
#manufacturing{
    background-position: center; 
}
section#about {
    align-items: unset;
    display:block;
}
.vision-text p,.mission-text p{ text-align: justify; }
.wc-mb-verticals-section{ display: none; }
.wc_column4 .automotive-box {
    margin-bottom: 37px;
}
.wc_column2 .automotive-box {
    margin-bottom: 56px;
}
.wc_column1 .business-left-box{
    margin-bottom: 70px;
}
#about .vision-text p, #about .mission-text p {
    font-size: 16px;
}

/*media_start*/
@media screen and (min-width: 1200px) and (max-width: 2100px) {
    section#technology {
        background-position-y:25px !important;
    }
}
@media only screen and (max-width: 1900px) {
    #newsroo{
        background-position: top center; 
    }
}
@media only screen and (max-width: 1650px) {
    .wc_newsroo_bottom-right,.wc_contact_top-right {
        width: 120px;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1550px){
    .vision-text p {
        max-width: 350px;
        margin: -135px 0 0 auto;
    }
}
@media only screen and (max-width: 1550px) {
    .wc_about_bottom-right {
        width: 120px;
    }
    .vision-text img {
        max-width: 350px;
    }
    .powering-service.mission-text img {
        width: 399px;
    }

    .wc_about_top-left,.wc_management_top-left,.wc_manufacturing_top-left,.wc_newsroo_top-left,.wc_application_top-left,.wc_contact_top-left{
        width: 120px;
        left: -59px;
    }
    .scroll img.wc_home_top-left {
        width: 20px;
    }
}
@media only screen and (max-width: 1329px) {
    .section-title{
        padding-left: 40px;
    }
    .vision-text {
        padding-right: 20px;
    }
    .mission-text {
        padding-left: 30px;
    }
    .newroom-information-section, 
    .flow-production-section{
        background-size: 100%;
        /*        height:750px;*/
        /*        min-height: inherit;*/
    }
    .menu-part ul li{
        margin-left: 0px;
    }
}
@media only screen and (max-width: 1300px) {
    .newroom-information-section{
        background-position:top !important;
    }
}
@media only screen and (min-width: 1330px) {
    .container{max-width:1300px;}
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
    section#technology {
        background-position-y: 15px !important;
    }
    .our-blobal-years br {
        display: none;
    }
}
@media only screen and (max-width: 1200px) {

    .wc_about_top-left,.wc_management_top-left,.wc_manufacturing_top-left,.wc_newsroo_top-left,.wc_application_top-left,.wc_contact_top-left{
        width: 120px;
        left: -59px;
    }
    .scroll img.wc_home_top-left {
        width: 20px;
    }
    .header-logo {
        max-width: 120px;
    }

}
@media only screen and (max-width: 1199px) {
    .vision-text p {
        max-width: 250px;
        margin: -135px 0 0 auto;
    }   
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
    .our-blobal-years .year4 br,.our-blobal-years .year1 br {
        display: none;
    }
}

@media only screen and (max-width: 991px) {
    .wc_about_top-left,.wc_management_top-left,.wc_manufacturing_top-left,.wc_newsroo_top-left,.wc_application_top-left,.wc_contact_top-left{
        width: 90px;
        left: -41px;
    }
    .scroll img.wc_home_top-left {
        width: 15px;
    }
    .wc_contact_top-right,.wc_newsroo_bottom-right,.wc_application_top-right,.wc_manufacturing_bottom-right,.wc_manufacturing_bottom-left,.wc_about_bottom-right,#home .wc_home_bottom-right,.wc_about_top-right,.wc_management_bottom-right,.wc_home_top-left{
        width: 100px;
    }
    #home .wc_home_bottom-right,.wc_newsroo_bottom-right{bottom: -49px;}
    #home .wc_home_top-left{ top: -50px;}
    .wc_about_top-right,.wc_contact_top-right{top: -52px;} 
    .wc_management_bottom-right {bottom: -48px;}
    .shape-img.top-left img{width:100px;}
    .shape-img.right-bottom img,.shape-img.bottom-left{width:100px;}
    .wc_manufacturing_bottom-left{bottom:-49px;}
    .wc_manufacturing_bottom-right{right:-49px;}
    .shape-img.right-bottom {
        bottom: 0;
        right: -50px;
    }
    .wc_application_top-right {    top: -52px;}

}
@media only screen and (max-width: 575px) {
    .section-title h2 {
        text-align: center;
    }
    .wc_about_top-left,.wc_management_top-left,.wc_manufacturing_top-left,.wc_newsroo_top-left,.wc_application_top-left,.wc_contact_top-left,.wc_contact_top-right,.wc_newsroo_bottom-right,.wc_application_top-right,.wc_manufacturing_bottom-right,.wc_manufacturing_bottom-left,.wc_about_bottom-right,#home .wc_home_bottom-right,.wc_about_top-right,.wc_management_bottom-right,.wc_home_top-left,.shape-img.right-bottom img,.shape-img.bottom-left,.shape-img.top-left img{
        width: 80px;
    }
    .wc_about_top-left,.wc_management_top-left,.wc_manufacturing_top-left,.wc_newsroo_top-left,.wc_application_top-left,.wc_contact_top-left{
        left: -45px;
    }
    #home .wc_home_bottom-right{bottom: -46px;}
    .shape-img.top-left {
        top: 10px;
        left: -46px;
    }
    .wc_manufacturing_bottom-left{bottom:-46px;}
    .wc_manufacturing_bottom-right{right:-46px;}
    .shape-img.bottom-left {
        bottom: -46px;
    }
    .mission-text{
        margin-top: 20px;
    }
    .automotive-box.full-box {
        width: 100%;
    }
    #about{
        background: none !important;
    }
    .all-section{
        padding: 30px 0px 60px;
    }
    .section-title{
        padding: 0 0 20px;
    }
    .management-box{
        margin-top: 30px;
    }
    .management-user{
        margin:0 0 15px;
    }
    .map-info-list {
        padding: 10px 0;
    }
    .powering-text-part img {
        margin-bottom: 10px;
    }
    .powering-text-part p {
        font-size: 18px;
        line-height: 26px;
    }
    .powering-text-part {
        padding-bottom: 0;
    }
    .vision-text img {
        width:290px;
        max-width: 100%;
    }
    .vision-text p {
        max-width: 100%;
        margin: 0;
        padding-left: 0;
    }
    .mission-text img{
        max-width: 100%;
    }
    p{
        font-size: 16px;
    }
    .management-section .shape-img.bottom-right{
        max-width: 160px;
    }
    .shape-img.top-left{
        max-width: 100px;
    }
    .technology-service{
        display: block;
    }
    .technology-service-img{
        width: 100%;
    }
    .flow-production-section{
        padding: 30px 0 0;
        min-height: inherit;
    }
    .technology-service-list{
        width: 100%;
        margin:20px 0 0 0;
    }
    .shape-img.right-bottom{
        max-width: 150px;
    }
    .battery-titile-part{
        display: block;
    }
    .battery-titile-part h3 ,#application .battery-titile-part h2{
        width: 100%;
        font-size: 20px !important;
        margin-top: 30px;
    }
    .business-left-service{
        display: block;
    }
    /*    .business-left-box{
            margin-bottom: 20px;
        }*/
    .our-differentiat-box{
        width: 50%;
    }
    .newroom-information-section{
        min-height: initial;
        padding-bottom: 0;
        height:auto;
    }
    .shape-img.top-right{
        max-width: 150px;
    }
    #technology .wc_tech_only_mobile{display:block;}
    #technology .wc_tech_only_desk{display:none;}
}






@media only screen and (max-width: 300px) {
    .our-blobal-years .year4 br{
        display: none;
    }
}

/*wc-css-end*/


@media (min-width: 1366px) and (max-width: 1540px) {
    .technology-service-list{
        margin-top: 0;
    }
    h2{ margin-bottom: 15px; font-size: 28px;   }
    #about .section-title h2, #about .col-12 .powering-text-part {
        margin-bottom: 40px ;
    }
    .wc_col_left, .wc_col_right {
        margin-top: 30px;
    }

    #technology .technology-right-img img {
        max-width: 350px;
    }
    #technology.technology-section{
        background-size: 79% 81%;
    }
    section#application { padding-top: 30px;}
    #application .business-left-service {
        padding-top: 100px;
    }
    #application  .service-title h3{ font-size: 20px;margin-bottom: 10px;  }
    section#about .wc_about_bottom-right {
        position: absolute;
        bottom: 80px;
        right: 0px;
    }

    .management-user {width: 30%;}
    .management-user:after {
        width: 30px;
        height: 30px;
        top: -20px;
        right:8px;               
    }
    .management-user:before{ padding-top:100%;  }
    .section-title{ padding-bottom:0px;  }
    section#management .section-title {
        padding-bottom: 15px;
    }



    .our-differentiat-service:before{ top: 192px;  }
    .differentiat-icon {
        width: 60px;
        height: 60px;
    }

    section#about .powering-text-part p {
        margin-bottom: 0;
    }
    section#about {
        align-items: inherit;
    }
    section#management {
        padding-top: 25px;
    }
    body section#technology{      padding-top: 10px !important; }
    .management-info h3,.our-blobal-list h3{ font-size: 20px;     }
    .management-info h4{ font-size: 16px;    }
    .our-blobal-list p span{ font-size: 30px;  }
    .shape-img.top-left{ top: 0;      }
    .technology-service-info h3{ font-size: 22px;  }
    .business-product-img{ width: 100px;height: 100px;  }
    .business-left-box{ margin-bottom: 25px;  }
    .business-left-service:before{ left: 52px;  }
    #application .service-title {
        height: 120px;
        max-width: 250px;
        margin-left: auto;
        margin-right: auto;
        margin-top: -50px;
    }
    .battery-titile-part{ margin-bottom: 40px;  }
    .differentiat-info h4{ font-size: 18px; }
    .differentiat-info p {
        font-size: 14px;
        line-height: 20px;
        min-height: initial
    }
    #innovation,section#contact{ padding-top: 20px;  }
    .our-differentiat-box.order-top .differentiat-info p{ min-height: unset;  }
    .corporate-map-info .map-info-list:first-child {
        padding-top: 0;
    }
    .map-info-list{ padding: 15px 0;  }
    #contact .row.align-items-center {
        align-items: unset !important;
    } 
    #contact .section-title h2 {
        margin-bottom: 10px;
    }
    /*    .corporate-map img{ max-width: 100%;}*/
    .corporate-map-info .map-info-list:last-child { padding-bottom: 0;  }
    .corporate-map-info{ padding: 25px;  }
    /*    .corporate-map-info p{ font-size: 14px;  }*/
}

@media (min-width: 900px) and (max-width: 1366px) {
    .automotive-box img{ max-width: 90px;} 
    .automotive-box h4{     font-size: 16px;  margin-top: 5px;     }
    .wc_column3 .automotive-box {
        margin-bottom: 30px;
    }
    .wc_column2 .automotive-box {
        margin-bottom: 20px;
    }
    .wc_column1 .business-left-box{
        margin-bottom: 50px;
    }
    .wc_column4 .automotive-box {
        margin-bottom: 10px;
    }
}
@media (min-width: 768px) and (max-width: 900px) {
    .automotive-box img{ max-width: 70px;}   
    .automotive-box h4{     font-size: 12px;  margin-top: 5px;     } 
    .wc_column1 .business-left-box {
        margin-bottom: 35px;
    }
    .wc_column2 .automotive-box {
        margin-bottom: 30px;
    }
    .wc_column4 .automotive-box {
        margin-bottom: 24px;
    }
    .wc_column3 .automotive-box {
        margin-bottom: 30px;
    }
}
@media (min-width: 768px) and (max-width: 1366px) {

    #about .vision-text p, #about .mission-text p {
        font-size: 14px;
    }
    h2{ margin-bottom: 10px; font-size: 28px;}
    #about .section-title h2, #about .col-12 .powering-text-part {
        margin-bottom: 40px ;
    }
    #technology .technology-service-img img {
        width: 300px;
    }

    #technology .technology-right-img img {
        max-width: 260px;
    }
    section#application { padding-top: 20px;              }
    #technology .technology-service-info p {
        margin-bottom: 0px;
        font-size: 14px;
        line-height: 17px;
    }
    .wc_application_top-right{ max-width: 150px;    }
    #technology .technology-service-list {
        margin-top: 30px;
    }

    #technology .technology-service-info {
        margin-top: 20px;
    }
    #technology.technology-section{
        background-size: 79% 89%;

    }
    section#about .wc_about_bottom-right {
        position: absolute;
        bottom: 20px;
        right: 0px;
    }
    section#management .management-user-part {
        margin-bottom: 15px;
    }
    section#management .management-box p{ margin-bottom:10px;   font-size:14px;  line-height: 20px; }

    .management-user {width: 25%;}
    .management-user:after {
        width: 30px;
        height: 30px;
        top: -20px;
        right: 8px;               
    }
    .management-user:before{ padding-top:100%;  }
    section#management .our-blobal-list p{ font-size: 14px;margin-bottom: 10px;line-height: 20px;  }
    .section-title{ padding-bottom:0px;  }
    section#management .section-title {
        padding-bottom: 15px;
    }
    #application .section-title h2 {
        margin-bottom: 10px;
    }
    #application .business-left-service {
        padding-top: 50px;
    }
    #application  .service-title h3{ font-size: 20px;margin-bottom: 10px;  }
    #application  .service-title{ height:140px;  }


    .automotive-box { margin-bottom: 10px;  }
    .our-differentiat-service:before{     top: 195px;  }
    .differentiat-icon {
        width: 60px;
        height: 60px;
    }
    #contact .section-title h2 {
        margin-bottom: 10px;
    }
    section#about .powering-text-part p {
        margin-bottom: 0;
    }
    .wc_about_top-left, .wc_management_top-left, .wc_manufacturing_top-left, .wc_newsroo_top-left, .wc_application_top-left, .wc_contact_top-left,.shape-img.top-left{ width: 85px;      }
    section#about {
        align-items: inherit;
    }
    section#management {
        padding-top: 25px;
    }
    body section#technology{      padding-top: 10px !important; }
    .management-info h3,.our-blobal-list h3{ font-size: 20px;     }
    .management-info h4{ font-size: 16px;    }
    .our-blobal-list p span{ font-size: 30px;  }
    .shape-img.top-left{ top: 0;left: -41px;      }
    .technology-service-info h3{ font-size: 22px;  }
    .business-product-img{ width: 90px;height: 90px;  }
    .business-left-box{ margin-bottom: 25px;  }
    .business-left-box h3{ font-size: 20px; }
    .battery-titile-part h2{font-size: 22px;}
    .business-left-service:before{ left:46px;  }
    #application .service-title {
        height: 120px;
        max-width: 250px;
        margin-left: auto;
        margin-right: auto;
        margin-top: -50px;
    }
    .battery-titile-part{ margin-bottom: 40px;  }
    .differentiat-info h4{ font-size: 18px; }
    .differentiat-info p {
        font-size: 14px;
        line-height: 20px;
        min-height: initial
    }
    #innovation,section#contact{ padding-top: 20px;  }
    .our-differentiat-box.order-top .differentiat-info p{ min-height: unset;  }
    .corporate-map-info .map-info-list:first-child {
        padding-top: 0;
    }
    .map-info-list{ padding: 15px 0;  }
    #contact .row.align-items-center {
        align-items: unset !important;
    }   
    .corporate-map img{ max-width: 95%;}
    .corporate-map-info .map-info-list:last-child { padding-bottom: 0;  }
    .corporate-map-info{ padding: 25px;  }
    .corporate-map-info p{ font-size: 14px;  }
}

@media only screen and (max-width: 1199px) {
    .management-info h3,
    .service-title h3,
    .technology-service-info h3,
    .our-blobal-list h3{
        font-size: 20px;
    }
    .management-info h4 {
        font-size: 15px;
        line-height: 20px;
    }
    .menu-part ul li a{
        font-size: 12px;
    }

    .flow-production-section {
        /*        height: 550px;*/
    }
    .service-title{
        height: 130px;
    }
    .differentiat-info p{
        font-size: 12px;
        line-height: 20px;
    }
    .our-differentiat-service:before{
        top: 190px;
    }
    .our-differentiat-box.order-top {
        padding-top: 55px;
    }
    .newroom-information-section{
        height: 555px;
    }
}
@media only screen and (max-width: 991px) {
    .header-part .container{
        max-width: 100%;
    }
    .header-part{
        padding: 0;
    }
    .menu-part ul li a{
        padding: 15px 5px;
        font-size: 10px;
    }
    .technology-service-list{
        margin-right: 0;
    }
    .header-logo{
        max-width: 120px;
    }
    .right-logo{
        max-width: 170px;
    }
    .banner-text h1 span{
        top: -26px;
        left: -32px;
        font-size: 80px;
    }
    .top-banner .shape-img.bottom-right{
        max-width: 200px;
    }
    .vision-text img {
        max-width: 86%;
    }
    .powering-service.mission-text{
        padding-left: 20px;
    }
    .vision-text p{
        margin: 0;
        max-width: 100%;
    }
    .top-banner{
        padding-bottom: 60px;
    }
    .management-user-part{
        display: block;
        margin-bottom: 10px;
    }
    .our-blobal-list p span{
        font-size: 26px;
    }
    .our-blobal-list h3{
        margin-bottom: 20px;
    }
    .management-user {
        width: 100%;
        position: relative;
        max-width: 130px;
        margin: 0 auto 15px;
    }
    .management-info {
        width: 100%;
        padding-left: 0;
    }
    .our-blobal-list .our-blobal-years p{
        margin-bottom: 20px;
    }
    .all-section .container{
        max-width: 100%;
    }
    .newroom-information-section {
        height:auto;
        min-height: 555px;
    }
    .flow-production-section {
        /*        height: 530px;*/
    }

    .wc_manufacturing_bottom-right{
        bottom: 28px;
    }
    .section-title h2{
        font-size: 22px;
    }
    .wc_manufacturing_top-left{
        width: 90px;
        left: -49px;
    }
    .technology-right-img{
        text-align: center;
    }
    .technology-right-img img{
        display: inline-block;
    }
    .technology-right-img hr{display:none;}

}
@media only screen and (max-width: 800px) {
    .our-differentiat-service:before {
        top: 215px;
    }
}
@media only screen and (max-width: 768px) {
    #technology .technology-service-img img{
        max-width:300px;
        margin: 0 auto;
        display: block;
    }
}
@media only screen and (max-width: 767px) {  
    .wc_app_only_mobile .battery-titile-part{
        margin-bottom:30px;
    }
    .our-differentiat-service:before {
        top: 220px;
    }
    .battery-titile-part h3{
        display:none;
    }
    #application .battery-titile-part h2 {
        text-align: center;
        font-size: 22px;
        font-weight: 800;
        color: #EC6230;
        margin-bottom: 0;
        width: 80%;
        margin: 0 auto;
    }
    .battery-titile-part h2:before {
        content: '';
        height: 2px;
        background: rgb(255, 255, 255);
        background: linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(236, 98, 48) 50%, rgb(255, 255, 255) 100%);
        width: 100%;
        display: block;
        margin-bottom: -10px;
    }
    .wc_app_only_mobile{display:block !important;}
    .wc_app_only_mobile .battery-titile-part h3{display:block; margin:0 auto;}
    section#home {
        min-height: auto;
    }
    .menu-part{
        display: none;
    }
    .header-logo{
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        max-width: 100%;
    }
    .header-part{
        padding: 10px 0;
    }
    .navbar-toggler{
        width: 30px;
        display: block;
        padding: 0;
    }
    .navbar-toggler span{
        width: 100%;
        height: 3px;
        display: block;
        margin-top: 5px;
        background: #15B09E;
        -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;
    }
    .navbar-toggler span:first-child{
        margin-top: 0;
    }
    .navbar-toggler.active span:nth-of-type(2){
        display: none;
    }
    .navbar-toggler.active span:nth-of-type(1){
        transform: rotate(45deg);
    }
    .navbar-toggler.active span:nth-of-type(3){
        transform: rotate(-45deg);
        margin-top: -3px;
    }
    .menu-part{
        position: absolute;
        top: 44px;
        left: 0;
        background: #fff;
        z-index: 99;
        width: 100%;
        border-top: 1px solid #cde6df;
        border-bottom: 1px solid #cde6df;
        height: calc(100vh - 54px);
        overflow-y: scroll;
        padding: 10px 0;
    }
    .menu-part ul li a {
        padding: 10px 15px;
        font-size: 14px;
    }
    .menu-part ul{
        display: block;
    }
    .vision-text p {
        max-width: 100%;
        margin: -100px 0 0 auto;
        padding-left: 150px;
    }
    .mission-text p br,
    .vision-text p br{
        display: none;
    }
    .mission-text img{
        max-width: 300px;
        margin:0 0 10px;
        display: block;
    }
    .mission-text{
        padding: 0;
        margin-top: 60px;
        padding-top: 30px;
        margin-bottom: 40px;
    }
    .mission-text:before{
        left: 0;
        top: 0;
        width: 100%;
        height: 2px;
        background: linear-gradient(90deg, rgba(231,230,230,1) 0%, rgba(23,170,157,1) 50%, rgba(231,230,230,1) 100%);
    }
    .our-blobal-list{
        padding-top: 30px;
        padding-left: 0;
    }
    .our-blobal-list:before{
        left: 0;
        top: 0;
        width: 100%;
        height: 2px;
        background: linear-gradient(90deg, rgba(231,230,230,1) 0%, rgba(23,170,157,1) 50%, rgba(231,230,230,1) 100%);
    }
    .technology-service-list{
        margin-right: 0;
    }
    .technology-right-img img{
        max-width: 360px;
    }
    .vision-text img {
        max-width: 250px;
    }
    h2 {
        font-size: 17px;
        margin-bottom: 10px;
        line-height: 26px;
    }
    .flow-production-section {
        height: auto;
        background:#f8f7f7 !important;
    }
    .mobile-production{
        display: block;
    }
    .management-section{
        background-size: auto;
    }
    .technology-service-list{
        margin-top: 0;
    }
    .technology-service-info {
        margin-top: 30px;
    }
    .battery-titile-part img{
        max-width: 130px;
    }
    .verticals-section .col{
        -ms-flex-preferred-size: 1;
        flex-basis: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }
    .business-left-service:before{
        display: none;
    }
    .business-left-service{
        display: flex;
        justify-content: space-between;
        padding-top: 10px;
    }
    .verticals-section .row{
        display: block;
    }
    .business-verticals-section{
        background: none;
        padding-bottom: 0;
    }
    .business-left-box h3{
        font-size: 20px;
        width: 100%;
        text-align: center;
    }
    .service-title {
        height: 110px;
        max-width: 230px;
        margin: -30px auto 10px;
    }
    .business-left-box{
        flex-wrap: wrap;
        justify-content: center;
    }
    .business-product-img{
        margin:0 0 10px 0;
    }
    .left-border:before{
        width: 100%;
        height: 2px;
        top: 17px;
        z-index: -1;
        left: 0;
    }
    .our-differentiat-box{
        width: 33%;
        display: block;
    }
    .our-differentiat-service:before{
        display: none;
    }
    .differentiat-icon{
        order: 0;
        -webkit-order: 0;
        -moz-order: 0;
    }
    .our-differentiat-box.order-top {
        padding-top: 0;
    }
    .automotive-box.full-box {
        width: 50%;
    }
    .business-colum-service{ 
        padding-top: 20px;
    }
    .newroom-information-section{
        background: #f9fdfc !important;
        padding-top: 20px;
        padding-bottom: 0;
        height: auto;
        min-height: inherit;
    }
    .corporate-map-info{
        padding: 0 20px;
    }
    .banner-text h1{
        font-size: 30px;
        line-height: 30px;
    }
    .flow-production-section{
        padding: 30px 0 0;
        min-height: inherit;
    }
    /*    .verticals-section { display: none; }*/
    .wc-mb-verticals-section.verticals-section { display: none; }
    .wc-mb-verticals-section .business-colum-service .business-left-box {
        background: #cde6df;
        padding: 10px;
    }
    #application .wc_column1 .business-left-box h3 br {
        display: none;
    }
}
@media only screen and (max-width: 400px) {
    .business-left-service {
        display: block;
    }
    .business-left-service .business-left-box{
        margin-bottom: 30px;
    }
    .business-left-service .business-left-box:last-child{
        margin-bottom: 50px;
    }

}
@media only screen and (max-width: 375px) {
    .vision-text img {
        max-width: 86%;
    }

    .powering-service.mission-text img {
        max-width: 100%;
    }
}