@media screen and (max-width: 768px) {
    .basic-body {
        padding: 30px 10vw;
    }
    .for_com {
        display: none !important;
    }
    .for_mobile {
        display: block;
    }

/*    ----nav-bar----*/
    .nav-bar {
        background-image: url('/PubImages/navbar_mobile.png');
        justify-content: space-between;
    }
    .nav-bar .logo {
        padding: 5px 55px 15px 20px;
        width: 50%;
    }
    .nav-bar .logo img {
        width: 100%;
    }
    .nav-bar .menu {
        display: none;
    }

/*    ----Menu----*/
    .menu_mobile {
        display: inline;
    }
    .menu_mobile i {
        font-size: 24px;
        margin: 10px 15px 0 0;
    }

    .menu_body_mobile {
        display: block;
        position: fixed;
        width: 100vw;
        height: 100vh;
        background-color: white;
        transform: translateX(-100%);
        transition: 0.5s;
    }
    .menu_body_mobile.is_show {
        transform: translateX(0);
        transition: 0.5s;
    }

    .menu_body_mobile-imgbtn {
        padding: 10px;
        display: flex;
        justify-content: space-between;
        border-bottom: 1px solid #e9e9e9;
    }
    .menu_body_mobile-imgbtn img {
        width: 40%;
    }
    .menu_body_mobile-imgbtn i {
        font-size: 36px;
        margin: 10px 10px 0 0;
    }

    .menu_body_mobile-list {
        padding: 5% 10%;
    }
    .menu_body_mobile-list-option {
        margin-bottom: 1.5rem;
        font-size: 20px;
        position: relative;
    }
    .menu_body_mobile-list-option a {
        color: #525f72;
    }
    .menu_body_mobile-list-option i {
        position: absolute;
        top: 20%;
        right: 0;
        transition: 0.2s;
    }
    .menu_body_mobile-list-option.is_show {
        margin-bottom: 0.5rem;
    }
    .menu_body_mobile-list-option.is_show i {
        transform: rotate(-90deg);
    }

    .menu_body_mobile-list-children {
        height: 0;
        font-size: 16px;
        padding-left: 1rem;
        overflow: hidden;
        transition: 0.2s;
    }
    .menu_body_mobile-list-children.is_show {
        height: 120px;
        margin-bottom: 1.5rem;
        transition: 0.2s;
    }

    .menu_body_mobile-list-children-option {
        margin-bottom: 0.5rem;
    }
    .menu_body_mobile-list-children-option a {
        color: #525f72;
    }

/*    ----Hearder----*/
    .header-section {
        background-image: url('/PubImages/company_house_mobile.png');
        height: 50vh;
    }

    .rotate-icon {
        display: none;
    }

/*    ----Footer----*/
    .footer-logo img {
        width: 20%;
    }
    .footer-section {
        margin-top: 3rem;
    }
    .footer-section-contact-us__info {
        letter-spacing: 0;
        font-weight: 400;
        font-size: 0.7rem;
    }

    .footer-section-contact-us__info_line1 {
        margin-top: 0;
        flex-direction: column;
    }

    .footer-section__social .social_icon {
        justify-content: center;
    }
    .footer-section__social .social_icon img {
        width: 35%;
    }

    .footer-section-contact-us__info a:hover {
        opacity: 1;
    }

    .footer-section-contact-us__info_line1 > div {
        margin-bottom: 1rem;
    }
    .footer-section-contact-us__info_line2 {
        margin-bottom: 1rem;
    }

/*    ----Home----*/

    .home-text-title {
        left: 2vw;
        top: -90px;
    }
    .home-text-title h2 {
        text-shadow: 2px 2px 2px black;
        letter-spacing: 1px;
        font-size: 18px;
    }

    .home-text p:first-child {
        margin-top: 0;
    }
    .home-text p {
        line-height: normal;
        font-size: 12px;
        font-family: "acumin-variable", sans-serif;
    }

    .home-text-img {
        margin-top: 0;
        padding-left: 0;
    }
    .home-text-img img {
        margin-bottom: 0.5rem;
    }
    .home-text-img p {
        padding: 0 0 0 40px;
    }

    .home-heaf-title {
        padding-bottom: 0;
        margin: 1rem 0;
        background-image: url('/Images/Home/line1111.png');
    }
    .home-heaf-title h1 {
        font-size: 16px;
    }

    .home-heaf-body {
        padding: 0 1rem;
    }
    .home-heaf-body a img {
        margin: 5px 0;
    }

    .home-heaf-line {
        background-image: url('/Images/Home/line2222.png');
        padding-top: 0;
        margin-bottom: 0;
        margin: 1rem 0;
    }
    .home-heaf-line h1 {
        font-size: 18px;
    }

    .home-com-info-year {
        margin-bottom: 0;
    }
    .home-com-info-year i {
        font-size: 16px;
    }
    .home-com-info-year-img {
        width: 65%;
    }

    .home-com-info-b {
        font-size: 24px;
        font-weight: 400;
    }
    .home-com-info-b ~ h4 {
        font-size: 10px;
    }

    .home-certificate-page {
        padding-top: 0;
    }
    .home-certificate-page .col-xxl-4 {
        padding: 10px;
    }

    .home-certificate-description {
        margin-top: 5px;
    }
    .home-certificate-description h1,
    .home-certificate-description h2,
    .home-certificate-description h5 {
        text-align: center;
        margin-bottom: 5px;
        margin-top: 0.7rem;
    }
    .home-certificate-description h1 {
        font-size: 20px;
    }
    .home-certificate-description h5 {
        font-size: 14px;
        letter-spacing: 0;
    }
    .home-certificate-description h2 {
        font-size: 18px;
        margin-bottom: 1rem;
    }

    .home-patent {
        align-items: center;
        background-image: url('');
    }
    .home-patent img {
        width: 30vw;
    }
    .home-patent h1 {
        font-size: 20px;
    }
    .home-patent h4:first-of-type {
        font-size: 12px;
        padding: 10px 0;
        background-image: url('/Images/Home/patent_bg.png');
        background-size: 100% 100%;
    }

    .home-patent-btn {
        font-size: 12px;
        margin-top: 0;
    }

/*    ----SCM----*/
    .scm-body {
        margin-top: 5rem;
    }

    .scm-body-y_text {
        margin: 1rem 0;
        font-size: 14px;
    }

    .scm-body-text {
        padding: 0;
        font-size: 12px;
    }

    .scm-body-block {
        padding: 1rem 0;
    }

    .scm-body-block-btn {
        padding: 10px 30px;
    }
    .scm-body-block-btn h5 {
        font-size: 12px;
    }
    .scm-body-block-btn:hover {
        background-image: url('/Images/Home/scm_btn_w.png');
    }
    .scm-body-block-btn:hover h5 {
        color: black;
    }

    .scm-body-block-info {
        height: 0;
        padding-left: 0;
        position: relative;
        overflow: hidden;
        transition: 0.2s;
    }
    .scm-body-block-info.is_show {
        height: 100px;
        transition: 0.2s;
    }
    .scm-body-block-info img {
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        width: auto;
    }
    .scm-body-block-info p {
        display: block;
        font-size: 10px;
        letter-spacing: 0;
        line-height: normal;
    }

    .scm-body-block-smp-title {
        margin: 0;
        text-align: center;
        
    }
    .scm-body-block-smp-title h2 {
        font-size: 14px;
        padding: 0;
        width: auto;
    }

    .scm-body .col-4 {
        padding: 0;
    }

    .scm-body-block-smp-text {
        margin-top: 1rem;
        font-size: 10px;
    }
    .scm-body-block-smp-line {
        margin: 0;
    }

/*    ----Brand Story----*/

    .brand-body {
        margin-top: 5rem;
    }
    .brand-body-title h1 {
        font-size: 20px;
    }

    .brand-body-block1-title,
    .brand-body-block2-title,
    .brand-body-block3-title,
    .brand-body-block4-title {
        padding: 1rem 0;
    }
    .brand-body-block1-title h4,
    .brand-body-block2-title h4,
    .brand-body-block3-title h4,
    .brand-body-block4-title h4{
        font-size: 16px;
    }

    .brand-body-block1-text,
    .brand-body-block2-text,
    .brand-body-block3-text,
    .brand-body-block4-text {
        padding: 0;
    }
    .brand-body-block1-text p,
    .brand-body-block2-text p,
    .brand-body-block3-text p,
    .brand-body-block4-text p {
        font-size: 12px;
    }

    .brand-body-block3-text span, .brand-body-block4-text span {
        font-size: 14px;
    }

    .brand-body-block1 {
        background-size: auto 70%;
        background-position-y: bottom;
    }
    .brand-body-block2 {
        background-size: auto 30%;
        background-position-y: bottom;
    }
    .brand-body-block3,
    .brand-body-block4 {
        background-size: auto 40%;
        background-position-y: bottom;
    }

/*    ----SustainableOperation----*/

    .so-body {
        margin-top: 5rem;
    }

    .so-body-info-text {
        padding: 0;
        font-size: 12px;
    }

    .so-body-info-title,
    .so-body-info-title.is_click {
        margin: 0.5rem 0;
        font-size: 14px;
    }

    .so-body .mobile_class {
        margin-top: 2rem;
    }

    .so-body-sign_mobile {
        padding: 1rem 0;
        position: relative;
    }
    .so-body-sign_mobile p {
        font-size: 12px;
        margin-bottom: 0.5rem;
    }
    .so-body-sign_mobile img {
        position: absolute;
        width: 30vw;
        top: 50%;
        right: 0;
        transform: translateY(-50%)
    }

    .so-body-maxim_mobile {
        margin: 1rem 0 2rem 0;
    }
    .so-body-maxim_mobile h6 {
        font-size: 16px;
        color: #dcbc6e;
        font-style: italic;
        text-align: center;
    }

    .so-body-btnblock-btn {
        font-size: 14px;
        padding: 8px;
        width: 100%;
        display: block;
        text-align: center;
    }

    .so-body p[data-info_mobile] {
        height: 0;
        transition: 0.5s;
        overflow: hidden;
    }
    .so-body p[data-info_mobile].is_click {
        height: 370px;
        transition: 0.5s;
    }

/*    ----Organization----*/

    .org-body {
        margin-top: 5rem;
    }

    .org-body p {
        font-size: 12px;
        line-height: 20px;
        margin-bottom: 3rem;
    }
    .org-body h1 {
        font-size: 16px;
        margin-bottom: 2rem;
    }

    .org-body-img {
        padding: 0;
        margin-top: 1rem;
        margin-bottom: 1rem;
    }

/*    ----Product----*/
    .product-header {
        height: auto;
    }

    .product-titleblock {
        padding: 2rem 5%;
    }
    .product-titleblock-title h3 {
        font-size: 14px;
        margin-bottom: 2rem;
    }
    .product-titleblock .mobile_class {
        padding: 0 30%;
        margin-bottom: 1rem;
    }
    .product-titleblock p {
        font-size: 12px;
    }

    .product-body {
        padding: 0 5%;
    }
    .product-body-bg {
        display: block;
        background-image: url('');
        padding: 0;
    }

    .product-body-btnblock {
        width: 100%;
        padding: 0;
        flex-direction: row;
        flex-wrap: wrap;
        margin-bottom: 1rem;
    }

    .product-body-btnblock a {
        font-size: 11px;
        padding: 10px 3px;
        width: 50%;
    }

    .product-body-imgblock {
        width: 100%;
        background-image: url('/Images/PRODUCT/bg.png');
        background-size: 100% 100%;
    }

    .product-body-imgblock h2 {
        margin-bottom: 0;
        font-size: 16px;
    }

    .product-body-imgblock-img {
        margin-bottom: 1rem;
    }

    .product-body-btnblock a:hover {
        background-image: url('/Images/PRODUCT/btn_b.png');
    }

/*    .product-body-mobile-title_b {
        display: flex;
        justify-content: center;
    }
    .product-body-mobile {
        margin-bottom: 2rem;
    }
    .product-body-mobile h6 {
        background-image: url('/Images/PRODUCT/btn_w.png');
        background-size: 100% 100%;
        padding: 10px 30px;
        text-align: center;
        min-width: 150px;
    }

    .product-body-mobile-title h5 {
        text-align: center;
        font-size: 12px;
    }*/

    .product-footertext {
        padding: 1% 5% 5% 5%;
    }

    .product-footerimg_b {
        padding: 0 5vw;
    }

/*    ----Distributors----*/

    .distributors-body {
        padding: 15vh 0 0 0
    }

    .distributors-title {
        font-size: 16px;
        margin-bottom: 2rem;
    }

    .distributors-map {
        width: 100%;
    }
    .distributors-map #map {
        height: 200px;
    }

    .distributors-imgblock {
        width: 100%;
        padding: 1rem 5vw;
        display: flex;
        flex-wrap: wrap;
    }
    .distributors-imgblock h2 {
        width: 100%;
        font-size: 16px;
        text-align: center;
        margin: 0 0 1rem 0;
    }
    .distributors-imgblock > div {
        width: 50%;
    }

    .distributors-title1 {
        margin: 1rem 0;
        font-size: 16px;
    }

    .distributors-table {
        padding: 0 5vw;
    }
    .distributors-table table td {
        font-size: 10px;
        padding: 10px 0;
    }
    .distributors-table table .td_title {
        font-size: 16px;
    }

/*    ----Factory----*/

    .factory-advantages {
        margin: 0 -5vw 2rem -5vw;
        width: calc(100% + 10vw);
    }

    .factory-btnblock {
        flex-direction: column;
        align-items: flex-end;
        margin: 0 -5vw;
    }

    .factory-btnblock-title {
        width: 100%;
        background-size: 80% 100%;
        margin-bottom: 2rem;
    }
    .factory-btnblock-title b {
        font-size: 16px
    }

    .factory-btnblock-body {
        width: 70%;
    }

    .factory-btnblock-body-btn {
        margin-bottom: 1rem;
    }

    .factory-btnblock-line {
        top: auto;
        bottom: 0;
        left: 0;
        transform: translateX(0);
        height: 85%;
    }

    .factory-video-block {
        margin-top: 1.5rem;
    }

    .factory-video-title {
        font-size: 20px;
    }

    .factory-video-info {
        font-size: 12px;
    }
    .factory-video-info p {
        margin-top: 0;
    }

    .factory-video {
        margin: 0;
    }

/*    ----PATENT----*/
    .patent-body {
        margin-top: 3rem;
    }

    .patent-body-title {
        margin-bottom: 0;
        background-size: 100% auto;
        background-position-y: center;
    }
    .patent-body-title h1 {
        font-size: 20px;
    }

    .patent-body-imgblock-img #wheelsMobile,
    .patent-body-imgblock-img #brakesMobile,
    .patent-body-imgblock-img #coiloverMobile {
        height: 150px;
    }

    .patent-body-imgblock-img #wheelsMobile a,
    .patent-body-imgblock-img #brakesMobile a,
    .patent-body-imgblock-img #coiloverMobile a {
        width: 30%;
    }

    .patent-body-imgblock-img #wheelsMobile img,
    .patent-body-imgblock-img #brakesMobile img,
    .patent-body-imgblock-img #coiloverMobile img {
        border: 1px solid;
    }

    .patent-body-imgblock-img .right-img1 {
        right: 15%;
    }
    .patent-body-imgblock-img .left-img1 {
        left: 15%;
    }

    .patent-body-maxim {
        margin: 2rem 0;
    }
    .patent-body-maxim h3 {
        font-size: 16px;
    }

    .patent-body-b_img {
        margin: 0 -10vw 1rem -10vw;
    }

    .patent-body-btnblock {
        margin: 0 -5vw;
        width: auto;
    }
    .patent-body-btnblock a {
        font-size: 12px;
        width: 30%;
        padding: 4px;
    }
    .patent-body-btnblock img {
        width: 2%;
    }

/*    ----VideosCollection----*/

    .videos-collection-title {
        margin-top: 4rem;
        margin-bottom: 2rem;
        width: 60%;
        font-size: 16px;
        padding: 5px 0;
    }

    .videos-collection-img {
        height: 30vh;
    }
    .col-lg-6:nth-of-type(2n+1) .videos-collection-img {
        padding-right: 0;
    }
    .col-lg-6:nth-of-type(2n) .videos-collection-img {
        padding-left: 0;
    }

/*    ----ContactUs----*/

    .contact-us-body {
        padding-top: 6rem;
    }

    .content-us-title {
        font-size: 16px;
        margin-bottom: 1rem;
    }

    .content-us-body-p {
        font-size: 14px;
        margin-bottom: 2rem;
    }

    .content-us-body__content input,
    .content-us-body__content div.col-6:nth-child(2n) input,
    .content-us-body__content div.col-6:nth-child(2n + 1) input {
        font-size: 12px;
        margin: 10px;
        letter-spacing: 1px;
    }
    .content-us-body__content h6 {
        font-size: 12px;
        letter-spacing: 1px;
        margin: 10px 16px;
    }
    .content-us-body__content textarea {
        margin: 0 10px;
        font-size: 12px;
    }

    .content-us-body__content-submit {
        padding: 20px 10px;
    }

    .content-us-body__info {
        margin-bottom: 2rem;
    }
    .content-us-body__info > div {
        width: 50%;
    }

    .content-us-body__info p {
        font-size: 10px;
        line-height: 16px;
    }

    .girlblock {
        width: 95%;
        overflow-y: auto;
        overflow-x: hidden;
    }

    .girlblockbody {
        flex-direction: column;
    }

    .girlblockbody-img {
        width: 100%;
        padding-bottom: 0;
    }

    .girlblockbody-inputblock {
        width: 100%;
        padding-top: 0;
    }

    .girlblock .content-us-body__content-submit {
        padding: 20px 15px;
    }

    .girlblock_temp.show {
        opacity: 0;
    }
}