@media screen and (max-width: 786px) {
    :root {
        --gap: 10px;
    }
    .head h2{
        font-size: 26px;
        white-space: unset;
        line-height: 1.4;
    }
    .head p{
        font-size: 0.9rem;
        line-height: 1.4;
    }
    .border_btn{
        padding: 0.7rem 2rem;
        font-size: 15px;
    }

    .content, .large_content, .full_content{
        padding: 0 1.2rem;
    }
    header{
        overflow: hidden;
        height: auto;
    }
    .flex_50{
        flex-flow: wrap;
    }
    .flex_50>*{
        width: 100%;
    }
    .full_content>.flex{
        flex-flow: wrap;
    }
    .full_content>.flex>.left, .full_content>.flex>.right{
        width: 100%;
    }
    .content>.flex{
        flex-flow: wrap;
    }
    .content>.flex>.left, .content>.flex>.right{
        width: 100%;
    }

    .large_content>.flex{
        flex-flow: wrap;
    }
    .large_content>.flex>.left, .large_content>.flex>.right{
        width: 100%;
    }

    .home_advantage{
        overflow: hidden;
    }
    .home_categories{
        overflow: hidden;
    }
    .home_packing{
        overflow: hidden;
    }
    .home_blog{
        overflow: hidden;
    }
    .home_sourcing{
        overflow: hidden;
    }
    /* footer{
        overflow: hidden;
    } */
    header .logo{
        width: 100%;
    }
    header .logo img{
        width: 200px;
        margin-bottom: 1rem;
        margin-left: auto;
        margin-right: auto;
    }

    header .right .header_bottom nav{
        position: fixed;
        left: 0;
        top: 0;
        width: 80%;
        height: 100%;
        background-color: white;
        z-index: 9999;
        padding: 3rem 0;
        left: -150%;
        overflow: auto;
        transition: all 0.4s;
    }
    header .right .header_bottom nav.active{
        left: 0;
    }
    header .right nav div>ul{
        display: block;
    }
    header .right .header_bottom nav>div>ul>li>a{
        color: #333;
        font-size: 18px;
        display: block;
    }
    header .right .header_bottom nav>div>ul>li{
        margin-bottom: 1.5rem;
    }
    header >div >.flex{
        flex-flow: wrap;        
        justify-content: center;
        
    }
    header .header_top>.flex{
        flex-flow: wrap;
        justify-content: center;
    }
    header .header_top>.flex >*{
        width: 100%;
    }
    header .right{
        flex: unset;
        padding-right: 0;
    }
    header .header_top>.flex >.request_btn{
        width: auto;
        margin-right: 0;
        margin-bottom: 1rem;
    }
    header .right .header_top .flex{
        justify-content: center;
    }
    .headserform form#search{
        justify-content: left;
        width: 100%;
        margin-bottom: 1rem;
    }
    .headserform input#s{
        width: 100%;
        display: inline-block;
        max-width: unset;
        line-height: 1.5;
    }
    header>div{
        padding: 20px;
        overflow: hidden;
    }
    .headserform button.submit{
        margin-right: 0;
    }
    header .right .header_top{
        margin-bottom: 0;
        overflow: hidden;
    }
    header .right .header_top ul.flex{
        display: block;
        text-align: left;
    }
    header .right .header_top .flex a{
        margin-bottom: 1rem;
        display: block;
    }
    header .right .header_bottom .inquiry_cart{
        margin-left: 0;
    }
    header .right .header_bottom{
        align-items: flex-start
    }
    header .right .header_bottom nav + .flex{
        flex-flow: wrap;
    }
    header .right .header_bottom nav + .flex a{
        display: block;
        width: 100%;
    }
    header .right .header_bottom nav + .flex a.inquiry_cart{
        order: 9;
        margin-top: 1.5rem;
    }
    .home_banner{
        height: auto;
        padding-bottom: 3rem;
    }
    .home_banner h1{
        font-size: 30px;
    }
    .mobile_header{
        padding: 13px 0;
        background-color: #000;
        position: sticky;
        top: 0;
        z-index: 50;
    }
    .mobile_header .menu-icon{
        width: 30px;
        height: 30px;
        background: url('../img/menu.svg') no-repeat center/contain;
    }
    .overlay-menu{
        position: fixed;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        left: 0;
        top: 0;
        z-index: 98;
        visibility: hidden;
        opacity: 0;
        transition: all 0.3s;
    }
    .overlay-menu.active{
        visibility: visible;
        opacity: 1;
    }
    .home_banner p{
        font-size: 0.9rem;
        line-height: 1.5rem;
    }
    .home_banner a{
        margin-top: 2rem;
    }
    .home_advantage{
        padding: 4rem 0;
    }
    .home_advantage ul{
        grid-template-columns: repeat(1, 1fr);
    }
    .home_advantage ul li{
        padding-top: 30px;
    }
    .home_advantage ul li strong{
        font-size: 18px;
    }
    .home_advantage ul li p{
        font-size: 15px;
        line-height: 1.5rem;
    }
    .home_categories .head h2{
        font-size: 26px;
        white-space: unset;
        line-height: 1.4;
        text-align: center;
    }
    .home_categories .head{
        margin-bottom: 1rem;
    }
    .home_categories .cate_main p.center a{
        font-size: 18px;
    }
    .home_categories .cate_main ul{
        grid-template-columns: repeat(2, 1fr);
    }
    .home_categories .cate_main ul li p{
        position: unset;
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .home_categories .cate_main ul li:hover p{
        color: #333;
    }
    .home_categories .cate_main ul li .img{
        height: 69%;
    }
    
    .home_categories .cate_main ul li{
        aspect-ratio: 373 / 450;
    }
    .home_categories .cate_main ul li p{
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .home_categories .cate_main ul li.viewall p{
        font-size: 13px;
        font-weight: 400;
    }
    .home_categories .cate_main ul li.viewall p:after{
        width: 14px;
        height: 14px;
    }
    .home_solutions ul{
        flex-flow: wrap;
    }
    .home_solutions ul li{
        width: 100%;
        flex: unset;
        aspect-ratio: 1/1;
    }
    .home_solutions ul li a p{
        font-size: 15px;
        line-height: 1.5rem;
    }
    .home_intro .flex{
        flex-flow: wrap;
    }
    .home_intro .flex .left{
        width: 100%;
    }
    .home_intro .right{
        width: 100%;
        margin-top: 1rem;
    }
    .home_intro .left strong{
        font-size: 18px;
    }
    .home_intro .left .border_btn{
        margin-top: 1rem;
    }
    .home_intro .left p.center{
        text-align: left;
    }
    .home_intro .flex + .flex{
        margin-top: 2rem;
    }
    .home_intro .head h2{
        font-size: 26px;
    }
    .home_intro .head{
        width: 100%;
    }
    .home_intro .head + .right{
        width: 100%;
        text-align: left;
    }
    .home_packing .packing_main>ul{
        grid-template-columns: repeat(1, 1fr);
    }
    .home_packing .packing_main>ul>li{
        padding: 1.2rem;
    }
    .home_packing .packing_main>ul>li p{
        margin-bottom: 1rem;
    }
    .home_packing .packing_main{
        margin-top: 2rem;
    }
    .home_packing .packing_main>ul>li ul.flex li{
        width: 100%;
    }
    .home_sourcing .left{
        padding: 1.2rem;
    }
    .home_sourcing .left h2{
        font-size: 25px;
        line-height: 1.3;
    }
    .home_sourcing .right{
        margin-left: 0;
        padding: 1.2rem;
    }
    .home_sourcing .right li strong{
        font-size: 18px;
    }
    .home_around{
        padding: 4rem 0;
    }
    .home_around .around_main{
        margin-top: 2rem;
    }
    .home_around .around_main ul{
        grid-template-columns: repeat(2, 1fr);
        gap: 1rem;
    }
    .home_around .around_main ul li{
        aspect-ratio: unset;
    }
    .home_around .around_main ul li>div{
        height: auto;
    }
    .home_around .around_main ul li>div:nth-of-type(2){
        padding: 0.5rem;
        background-color: transparent;

    }
    .home_around .around_main ul li>div:nth-of-type(2) p{
        font-size: 0.9rem;
        line-height: 1.5rem;
        color: #333;
    }
    .home_around .around_main ul li>div:nth-of-type(1){
        padding: 20px 0 0;
    }
    .home_around .around_main ul li a{
        padding-left: 20px;
        padding-right: 20px;
    }
    .home_inspiring .right{
        padding-left: 0;
        padding-right: 0;
    }
    .home_inspiring .inspiring_swiper li>div{
        position: unset;
        width: 100%;
        padding: 1.5rem;
    }
    .home_inspiring .inspiring_swiper .swiper_btns_po{
        display: none;
    }
    .home_inspiring .inspiring_swiper li>div a{
        font-size: 20px;
        line-height: 1.4;
    }
    .home_inspiring .right p{
        font-size: 16px;
        line-height: 1.4rem;
        margin-bottom: 15px;
    }
    .home_inspiring .right .border_btn{
        font-size: 0.9rem;
        margin-top: 1rem;
    }
    .home_inspiring .flex + .flex{
        margin-top: 1rem;
    }
    .home_inspiring .full_content div.flex:nth-of-type(2n) .right{
        padding-left: 0;
        padding-bottom: 2rem;
    }
    .home_inspiring .full_content div.flex:nth-of-type(2n) .right{
        order: 9;
    }
    .home_about{
        padding: 4rem 0;
    }
    .home_about .left .img div{
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        max-width: unset;
        padding: 1.2rem;
        background-color: rgba(0, 0, 0, 0.5);
        padding-top: 3rem;
    }
    .home_about .left .img{
        position: relative;
    }
    .home_about .left .img div h2{
        font-size: 1.5rem;
        line-height: 1.3;
    }
    .home_about .left .img div .border_btn{
        font-size: 15px;
    }
    .home_about .right{
        padding-left: 0;
        padding-top: 1.5rem;
    }
    .home_about .right li strong, .home_about .right li strong a{
        font-size: 18px;
    }
    .home_about .right li p{
        font-size: 15px;
    }
    .home_blog .head a{
        font-size: 18px;
    }
    .home_blog .head>.flex{
        align-items: center;
    }
    .home_blog .blog_main ul{
        grid-template-columns: repeat(1,1fr);
    }
    .home_blog .head{
        margin-bottom: 1rem;
    }
    .home_blog .blog_main ul li .infos{
        padding: 1.2rem;
    }
    .home_blog .blog_main ul li .infos strong{
        line-height: 1.5;
    }
    .footer_contact .head{
        padding: 1.5rem;
    }
    .footer_contact{
        position: relative;
        z-index: 999;
    }
    .footer_contact .head .border_btn{
        font-size: 15px;
        margin-top: 1.5rem;
    }
    .footer_contact .head p{
        font-size: 0.9rem;
    }
    .footer_main .content>.flex{
        flex-flow: wrap;
    }
    .footer_main .cols.contact_infos, .footer_main .cols{
        flex: unset;
        width: 100%;
    }
    .footer_main .cols strong{
        font-size: 16px;
        font-weight: 400;
        padding: 0.7rem 1rem;
        border: 1px solid #eee;
        border-radius: 5px;
        margin-bottom: 1rem;
        display: flex;
        align-items: center;
    }
    .footer_main .cols strong:after{
        content: "";
        width: 16px;
        height: 16px;
        margin-left: auto;
        transition: all 0.3s;
        transform: rotate(90deg) translateX(-3px);
        filter: contrast(0) brightness(30);
        background: url('../img/arrow.svg') no-repeat center/contain;
        display: inline-block;
    }
    .footer_main .cols.active strong:after{
        transform: rotate(0deg) translateX(-3px);
    }
    .footer_main .cols ul{
        display: none;
        padding: 0.5rem 0;
    }
    .footer_main .cols a{
        font-size: 15px;
    }
    .footer_main .cols.contact_infos li{
        font-size: 15px;
    }
    .footer_main{
        padding-bottom: 30px;
    }
    .footer_contact h2{
        color: #fff;
    }
    .footer_copyright .content>div>.flex{
        flex-flow: wrap;
    }
    .footer_copyright .content>div>.flex>*{
        width: 100%;
        justify-content: center;
    }
    .footer_copyright .content>div>.flex>.flex{
        flex-flow: wrap;
        justify-content: center;
        text-align: center;
    }
    .footer_copyright .content>div>.flex>.flex>*{
        width: 100%;
        font-size: 15px;
        margin-top: 1rem;
    }
    .footer_copyright a, .footer_copyright p{
        font-size: 14px;
    }
    .footer_copyright ul li{
        margin-left: 0.5rem;
    }
    .footer_copyright ul.social{
        margin-top: 1rem;
    }

    .page_banner h1{
        font-size: 30px;
    }
    .page_banner .flex{
        min-height: unset;
        padding: 2rem 0;
    }
    .page_banner .breadcrumbs{
        padding-top: 0;
    }
    .about_nav ul li{
        font-size: 16px;
        white-space: nowrap;
        margin-right: 1rem;
    }
    .about_nav ul li a::before{
        display: none;
    }
    .about_nav ul{
        padding: 1rem 0;
    }
    .about_nav ul{
        overflow: auto;
    }
    .about_intro .head::before, .about_intro .head::after{
        width: 40px;
    }
    .about_intro .head strong{
        padding: 0;
        font-size: 18px;
    }
    .head a{
        font-size: 18px;
        display: block;
        width: 100%;
    }
    .about_intro .item{
        flex-flow: wrap;
        margin-top: 2rem;
    }
    .about_intro .item .intro{
        width: 100%;
        padding: 0;
    }
    .about_intro .item .media{
        width: 100%;
        padding: 0;
        margin-top: 1rem;
    }
    .about_quality .head{
        padding: 30px 0;
    }
    .about_quality .head{
        gap: 0;
    }
    .about_quality .nums ul{
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
        padding: 30px 20px;
    }
    .about_quality .nums ul li span{
        font-size: 26px;
    }
    .about_quality .nums ul li i{
        font-size: 16px;
    }
    .about_quality .nums ul li p{
        font-size: 15px;
        margin-top: 0.5rem;
    }
    .about_quality .nums .inner{
        padding-bottom: 0;
    }
    .about_mission_vision .left h2{
        font-size: 26px;
        margin-bottom: 1.5rem;
    }
    .about_mission_vision .left ul li i{
        width: 60px;
    }
    .about_mission_vision .left ul li h3{
        font-size: 18px;
    }
    .about_passion{
        padding-top: 0;
    }
    .about_passion .gap{
        width: 100%;
    }
    .about_passion .head{
        width: 100%;
        padding: 0;
        margin-top: 1rem;
    }
    .about_passion .img{
        width: 100%;
        padding: 0;
    }

    .why_banner h1{
        font-size: 30px;
        line-height: 2.5rem;
    }
    .why_banner.large .flex{
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .why_banner .flex{
        min-height: unset;
        padding: 2rem 0;
    }
    .accessory_intro .right h2{
        font-size: 25px;
        margin-top: 1rem;
        line-height: 1.2;
    }
    .accessory_source{
        overflow: hidden;
    }
    .accessory_intro .left{
        padding: 0;
    }
    .accessory_intro{
        padding: 2rem 0;
    }
    .categories_main{
        padding: 3rem 0;
    }
    .categories_main .categories_product{
        margin-top: 2rem;
    }
    .categories_product ul{
        grid-template-columns: repeat(2, 1fr);
        gap: 1rem;
    }
    .accessory_source .flex .left h2{
        font-size: 26px;
    }
    .accessory_source .flex .right{
        padding: 0;
        margin-left: 0;
    }
    .accessory_source .flex .right img{
        width: 100%;
    }
    .aftersale_intro .right{
        padding: 0;
    }
    .aftersale_intro .right img{
        width: 100%;
    }
    .aftersale_end .main ul{
        flex-flow: wrap;
    }
    .aftersale_end .main li{
        flex: unset;
        width: 100%;
        padding-bottom: 66px;
        margin-bottom: 4rem;
    }
    .aftersale_end .main li p{
        font-size: 16px;
    }
    .aftersale_end h2{
        margin-bottom: 1rem;
    }
    .aftersale_contact .left{
        flex: unset;
        text-align: center;
    }
    .aftersale_contact .left img{
        width: 60%;
    }
    .aftersale_contact .right .btns a{
        font-size: 13px;
    }
    .blog_list{
        padding: 3rem 1.2rem;
    }
    .posts .post{
        padding: 0;
    }
    .blog_list .posts{
        grid-template-columns: repeat(1, 1fr);
        gap: 1rem;
    }
    .posts .post .info p{
        font-size: 1rem;
        line-height: 1.3;
    }
    .posts .post .info{
        padding: 1.2rem ;
    }
    .page_breadcrumbs .breadcrumbs span{
        flex-flow: wrap;
    }
    .case_related{
        overflow: hidden;
        padding: 2rem 0;
    }
    .case_main .head h1{
        font-size: 26px;
    }
    .case_main{
        padding: 2rem 0;
    }
    .case_main .head p{
        font-size: 16px;
        line-height: 1.5rem;
        margin-bottom: 1.5rem;
    }
    .case_main table tr td:first-child{
        width: 100%;
    }
    .case_main table tr td{
        width: 100%;
        padding: 0;
    }
    .case_main table tr{
        display: flex;
        flex-flow: wrap;
    }
    .case_main table tr td h2{
        font-size: 18px;
        margin-bottom: 1rem;
    }
    .case_main table tr td p{
        font-size: 0.9rem;
        line-height: 1.5rem;
    }
    .case_related .main{
        margin-top: 1rem;
    }
    .case_related .main ul{
        grid-template-columns: repeat(1, 1fr);
        gap: 1.2rem;
    }
    .case_items .case_item .info .time{
        font-size: 0.9rem;
        margin-bottom: 0;
    }
    .case_items .case_item .info{
        gap: 0rem !important;
        padding: 1rem 0;
    }
    .case_items .case_item .info strong{
        font-size: 1rem;
        margin-top: 0.5rem;
    }
    .categories_intro{
        padding: 3rem 0;
    }
    .categories_intro .left{
        padding-top: 0;
    }
    .categories_intro .left img{
        width: 100%;
        height: auto;
    }
    .categories_intro .right{
        padding-left: 0;
        padding-top: 1.5rem;
    }
    .categories_intro .head p{
        margin-bottom: 1rem;
    }
    .categories_custom{
        padding: 2rem 0;
    }
    .categories_custom .industry_list ul{
        grid-template-columns: repeat(1, 1fr);
    }
    .categories_custom .industry_list ul li strong{
        text-align: left;
        margin-bottom: 0.7rem;
        font-size: 1rem;
    }
    .categories_custom .industry_list ul li p{
        font-size: 0.9rem ;
    }
    .categories_manufacturer ul li.special h2{
        font-size: 26px;
        line-height: 1.3;
    }
    .categories_manufacturer ul{
        gap: 20px;
        grid-template-columns: repeat(1, 1fr);
    }
    .categories_manufacturer ul li:not(.special){
        padding: 20px;
    }
    .categories_manufacturer ul li:not(.special) p{
        font-size: 0.9rem;
        line-height: 1.5rem;
    }
    .categories_step{
        overflow: hidden;
    }
    .categories_inquiry h2{
        font-size: 20px;
        margin-bottom: 1rem;
    }
    .categories_custom .industry_list{
        margin-top: 1.5rem;
    }
    .categories_manufacturer ul li:not(.special) strong{
        font-size: 18px;
    }
    .categories_step ul{
        margin-top: 1rem;
        gap: 20px;
        overflow: auto;
    }
    .categories_step ul li{
        min-width: 200px;
    }
    .categories_step ul li p{
        font-size: 0.9rem;
        line-height: 1.5rem;
    }
    .categories_step ul li .img img{
        width: 130px;
    }
    .categories_benefit{
        padding-bottom: 30px;
    }
    .categories_benefit .head{
        margin-bottom: 1.5rem;
    }
    .categories_benefit .main .flex{
        flex-flow: wrap;
    }
    .categories_benefit .main .flex .left{
        width: 100%;
    }
    .categories_benefit .main .flex .right{
        width: 100%;
        padding: 0%;
        margin-top: 2rem;
    }
    .categories_benefit .right li img{
        margin-top: -2px;
    }
    .categories_text h2{
        font-size: 25px;
        margin-bottom: 0.8rem;
    }
    .categories_text p{
        font-size: 0.9rem;
        line-height: 1.5rem;
    }
    .categories_text strong{
        margin-bottom: 10px;
    }
    .categories_intro2{
        padding: 3rem 0;
    }
    .categories_intro2 .left .img{
        padding: 0;
    }
    .categories_intro2 .right h2{
        padding: 0;
        font-size: 25px;
    }
    .categories_intro2 .right div{
        max-width: 100%;
        transform: translateX(0);
    }
    .categories_intro2 .right p{
        font-size: 0.9rem;
        line-height: 1.5rem;
    }
    .categories_advantage .main ul{
        grid-template-columns: repeat(1, 1fr);
    }
    .categories_advantage .main ul li{
        padding: 1.2rem;
    }
    .categories_advantage .main ul li img{
        width: 30px;
    }
    .categories_advantage .main ul li strong{
        font-size: 18px;
        margin: 0.5rem 0;
    }
    .categories_advantage .main ul li p{
        font-size: 0.9rem;
        line-height: 1.5rem;
    }
    .contact_main .head{
        width: 100%;
        padding: 0;
    }
    .contact_main .inquiry{
        width: 100%;
        padding: 0;
        margin-top: 1rem;
    }
    .inquiry .con{
        padding: 1.2rem;
    }
    .inquiry form{
        padding: 0;
    }
    .inquiry form input[type="submit"]{
        font-size: 17px;
    }
    .inquiry form .tip{
        font-size: 0.9rem;
    }
    .inquiry h2{
        padding: 0;
        margin-bottom: 1rem;
    }
    .why_banner .breadcrumbs{
        padding: 0 1rem;
    }
    .decorating_intro{
        padding: 1rem 0;
    }
    .decorating_intro .head span{
        font-size: 0.85rem;
    }
    .decorating_intro .head h2{
        font-size: 22px;
        line-height: 1.4;
    }
    .decorating_labeling{
        padding: 1rem 0;
    }
    .decorating_labeling .right{
        padding: 0;
        margin-top: 1rem;
    }
    .circle_text{
        font-size: 0.85rem;
    }
    .decorating_labeling .right h2{
        font-size: 26px;
        line-height: 1.4;
    }
    .decorating_labeling .main{
        margin-top: 1rem;
    }
    .decorating_labeling .main ul li{
        font-size: 0.9rem;
        line-height: 1.5rem;
    }
    .decorating_text_block .left h2{
        font-size: 20px;
    }
    .decorating_text_block li{
        font-size: 0.9rem;
        line-height: 1.5rem;
        margin-bottom: 10px;
    }
    .decorating_text_block .left + .img{
        padding: 0;
        width: 100%;
    }
    .decorating_text_block .flex + ul{
        margin-top: 1rem;
    }
    .decorating_text_block .con{
        padding: 2rem 0;
    }
    .decorating_page{
        padding: 2rem 0;
    }
    .decorating_page .main ul{
        grid-template-columns: repeat(1, 1fr);
    }
    .decorating_page .main ul li{
        padding: 1.2rem;
    }
    .decorating_page .main ul li strong{
        font-size: 20px;
    }
    .decorating_page .main ul li p{
        font-size: 0.9rem;
        line-height: 1.5rem;
    }
    .design_intro{
        padding: 2rem 0;
    }
    .design_intro h2{
        padding: 0;
        margin-bottom: 1rem;
    }
    .design_intro .right p{
        margin-bottom: 15px;
    }
    .design_custom .main ul{
        grid-template-columns: repeat(1, 1fr);
    }
    .design_custom .main ul li strong{
        font-size: 20px;
    }
    .design_custom .main ul li .infos p, .design_custom .main ul li .infos p a{
        font-size: 0.9rem;
        line-height: 1.5rem;
    }
    .design_concept{
        padding: 2rem 0;
    }
    .design_concept h2{
        padding-bottom: 1rem;
        margin-bottom: 1rem;
    }
    .design_concept .head{
        margin-bottom: 1.5rem;
    }
    .design_concept .main{
        padding: 1.2rem;
    }
    .design_concept .main .flex{
        flex-flow: wrap;
    }
    .design_concept .main h3{
        font-size: 20px;
    }
    .design_concept .main p{
        font-size: 0.9rem;
        line-height: 1.5rem;
    }
    .design_why{
        padding: 2rem 0;
        padding-top: 150px;
    }
    .design_why .right{
        padding: 0;
        margin-top: 1.5rem;
    }
    .design_why .left{
        padding-right: 0;
    }
    .design_why .right li{
        font-size: 16px;
        line-height: 1.4;
    }
    .design_why .right li:before{
        width: 18px;
        height: 18px;
        min-width: 18px;
    }
    .design_step{
        padding: 2rem 0;
    }
    .design_step .head{
        margin-bottom: 2rem;
    }
    .design_step .flex{
        flex-flow: wrap;
    }
    .design_step .flex>.left{
        width: 100%;
        padding: 0;
    }
    .design_step .flex>.right{
        width: 100%;
        padding: 0;
        margin-top: 1rem;
    }
    .design_step .flex>.right strong{
        font-size: 18px;
        margin-bottom: 0.5rem;
    }
    .design_step .flex>.right p{
        font-size: 0.9rem;
        line-height: 1.5rem;
    }
    .design_step .con + .con{
        margin-top: 1.5rem;
    }
    .design_step .content div.con:nth-of-type(2n+1) .right{
        padding: 0;
    }
    .design_step .content div.con:nth-of-type(2n+1) .left{
        order: unset;
    }
    .design_step .content div.con:nth-of-type(2n+1) .left{
        padding: 0;
    }
    .downloads_list{
        padding: 2rem 0;
    }
    .downloads_list .main{
        margin-top: 1.5rem;
    }
    .downloads_list .main ul{
        grid-template-columns: repeat(2, 1fr);
    }
    .enquiry-cart_main{
        padding: 2rem 0;
    }
    .enquiry-cart_main .head{
        padding: 0;
    }
    .enquiry-cart_main .inquiry{
        padding: 0;
    }
    .enquiry-cart_main .head h1{
        font-size: 30px;
    }
    .faqs-main{
        padding: 2rem 0;
    }
    .faqs-main .left{
        padding: 1.2rem;
    }
    .faqs-main .left li{
        margin-bottom: 1rem;
    }
    .faqs-main .right{
        padding: 0;
        padding-top: 1.5rem;
    }
    .faqs-main .right strong{
        font-size: 20px;
        margin-bottom: 1rem;
    }
    .faqs-main .right strong:before{
        width: 15px;
        height: 15px;
    }
    .faqs-main .right>div>ul>li>p{
        padding: 0.8rem 1rem;
        font-size: 16px;
    }
    .faqs-main .right>div>ul>li div.infos{
        padding: 1rem;
        font-size: 0.9rem;
        line-height: 1.5rem;
    }
    .gallery_imgs{
        padding: 2rem 0;
    }
    .gallery_imgs h1{
        font-size: 30px;
        line-height: 1.4;
    }
    .gallery_imgs .main{
        margin-top: 1.5rem;
    }
    .gallery_imgs .main ul{
        grid-template-columns: repeat(2, 1fr);
        gap: 1rem;
    }
    .gallery_more{
        padding: 2rem 0;
    }
    .gallery_more .main{
        margin-top: 1.5rem;
    }
    .gallery_more .main ul{
        gap: 1rem;
        grid-template-columns: repeat(1, 1fr);
    }
    .gallery_items .gallery_item .info strong{
        font-size: 18px;
    }
    .gallery_more .main ul li .info{
        gap: 0rem;
    }
    .gallery_items .gallery_item .info p{
        font-size: 0.9rem;
        line-height: 1.5rem;
    }
    .text_video{
        padding: 2rem 0;
    }
    .text_video .left{
        padding: 0;
    }
    .text_video .left p, .text_video .left p a{
        font-size: 0.9rem ;
        line-height: 1.5rem;
        display: inline-block;
    }
    .manufacturing_num{
        margin-top: 0;
        padding: 2rem 0;
    }
    .text_video .right{
        margin-top: 1rem;
    }
    .text_video .right .video .play-icon{
        width: 50px;
        height: 50px;
    }
    .manufacturing_num div.main{
        padding: 0;
        box-shadow: none;
    }
    .manufacturing_num div.main ul{
        flex-flow: wrap;
    }
    .manufacturing_num div.main li span{
        font-size: 30px;
    }
    .manufacturing_num div.main li{
        flex: unset;
        width: 100%;
        padding: 0;
    }
    .manufacturing_num div.main li + li{
        margin-top: 1.5rem;
    }
    .manufacturing_num div.main li strong{
        font-size: 0.9rem;
    }
    .manufacturing_num div.main li p{
        font-size: 0.9rem;
        line-height: 1.5rem;
    }
    .manufacturing_step{
        padding: 2rem 0;
    }
    .manufacturing_step h2{
        margin-bottom: 1.2rem;
    }
    .manufacturing_step .main .con{
        margin-top: 0;
    }
    .manufacturing_step .main .con .flex{
        flex-flow: wrap;
    }
    .manufacturing_step .flex .head{
        flex: unset;
        padding: 0;
    }
    .manufacturing_step .flex .right{
        padding: 0;
        width: 100%;
    }
    .manufacturing_step .main .con strong{
        font-size: 18px;
        line-height: 1.4;
        margin-bottom: 0.5rem;
    }
    .manufacturing_step .main .con .right .steps div p{
        font-size: 16px;
    }
    .manufacturing_step .main .con .right .steps div{
        margin-bottom: 1rem;
    }
    .manufacturing_step .icon_step ul{
        overflow-y: auto;
    }
    .manufacturing_professional .head h2{
        font-size: 22px;
        line-height: 1.4;
    }
    .manufacturing_professional .main ul li p{
        font-size: 16px;
    }
    .manufacturing_professional .main ul li p:after{
        display: none;
    }
    .post_main .head h1{
        font-size: 30px;
        line-height: 1.4;
    }
    .post_main .head{
        min-height: unset;
    }
    .post_main .top{
        padding: 0;
    }
    .post_main .desc{
        padding: 0;
        flex-flow: wrap;
    }
    .post_main .desc p{
        width: 100%;
        padding: 0;
        font-size: 0.9rem;
        line-height: 1.5rem;
    }
    .post_main .desc .img{
        width: 100%;
        padding: 0;
    }
    .post_main .top .author, .post_main .top .share{
        padding-left: 0;
        padding-right: 0;
    }
    .post_main .top .author p{
        margin-bottom: 0;
    }
    .post_main .time{
        width: 90%;
    }
    .post_main .table{
        padding: 0;
        margin-top: 1rem;
    }
    .post_main .table strong{
        padding: 0.7rem 1.2rem;
    }
    .post_main .post_detail{
        padding-bottom: 2rem;
    }
    .post_main .post_detail h2{
        font-size: 1.2rem;
        line-height: 1.4;
        margin-bottom: 0.3rem;
    }
    .post_main .post_detail p{
        font-size: 0.9rem;
        line-height: 1.5rem;
        margin-top: 0.5rem;
    }
    .post_main .post_detail li {
        font-size: 0.9rem;
        line-height: 1.5rem;
    }
    .post_main .post_detail h3{
        font-size: 1rem;
    }
    .post_main .post_detail a{
        font-size: 0.9rem;
    }
    .quality_intro{
        padding: 2rem 0
    }
    
    .quality_intro p{
        width: 100%;
        font-size: 0.9rem;
        line-height: 1.5rem;
        padding: 0;
    }
    .quality_intro .head .flex{
        flex-flow: wrap;
    }
    .quality_intro h2{
        width: 100%;
        font-size: 20px;
    }
    .quality_details{
        padding-top: 0;
        padding-bottom: 2rem;
    }
    .quality_details .left strong{
        font-size: 20px;
        margin-bottom: 0.8rem;
    }
    .quality_details .left p{
        font-size: 0.9rem;
        line-height: 1.5rem;
    }
    .quality_details .right{
        padding: 0;
        margin-top: 1.2rem;
    }
    .quality_details .right ul{
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
    .quality_details .right ul li img{
        width: 100%;
    }
    .quality_details .right p{
        margin-bottom: 0;
        font-size: 1rem;
    }
    .quality_details .right table{
        margin-top: 1rem;
    }
    .quality_details .right table td, .quality_details .right table th{
        font-size: 16px;
        padding: 1rem;
    }
    .quality_team{
        padding: 2rem 0;
    }
    .quality_team .main ul{
        flex-flow: wrap;
    }
    .quality_team .main ul li{
        width: 100%;
    }
    .quality_team .main ul li img{
        width: 100%;
    }
    .quality_team .main{
        margin-top: 30px;
    }
    .research_intro{
        padding: 2rem 0;
    }
    .research_intro .flex img{
        width: 100%;
    }
    .research_intro .right{
        padding: 1.2rem 0;
        padding-bottom: 0;
    }
    .research_intro .right p{
        font-size: 0.9rem;
        line-height: 1.5rem;
        margin-bottom: 1rem;
    }
    .research_competences{
        padding: 2rem 0;
    }
    .research_competences h2{
        margin-bottom: 1rem;
    }
    .research_competences h3{
        font-size: 18px;
    }
    .research_competences .flex_report{
        gap: 1rem;
        flex-flow: wrap;
    }
    .research_competences .flex_report .text_con{
        width: 100%;
    }
    .research_competences .text_con p{
        font-size: 0.9rem;
        line-height: 1.5rem;
    }
    .competences_icon{
        margin-top: 1rem;
    }
    .competences_icon ul{
        flex-flow: wrap;
    }
    .competences_icon ul li{
        flex: unset;
        width: 50%;
        margin-bottom: 1rem;
    }
    .competences_icon ul li p{
        font-size: 15px;
    }
    .sample_intro{
        padding: 2rem 0;
    }
    .sample_service .main{
        padding: 1.2rem;
    }
    .sample_service .main .flex{
        flex-flow: wrap;
    }
    .sample_service .left ul{
        gap: 1.2rem;
    }
    .sample_service .left ul li{
        text-align: center;
    }
    .sample_service .left ul li p{
        font-size: 15px;
    }
    .sample_service .left{
        width: 100%;
    }
    .sample_service .right .word{
        display: none;
    }
    .sample_service .right{
        width: 100%;
        padding-top: 1rem;
    }
    .sample_service .right h2{
        font-size: 18px;
    }
    .sample_service .right h2 + h2{
        margin-top: 1rem;
    }
    .sample_inquiry{
        padding-top: 244px;
    }
    .sample_inquiry h2{
        margin-bottom: 1rem;
    }
    .sample_inquiry .main{
        padding: 1.2rem;
    }
    .sample_inquiry .main li{
        padding-left: 30px;
    }
    .sample_inquiry .main li:before{
        left: -6px;
    }
    .sample_inquiry .main li strong{
        font-size: 18px;
        margin-bottom: 0.7rem;
    }
    .sample_inquiry .main li p{
        font-size: 0.9rem;
        line-height: 1.5rem;
    }
    .sample_inquiry .main li .flex{
        flex-flow: wrap;
        margin-top: 1rem;
    }
    .sample_inquiry .main li .flex .border_btn{
        width: 100%;
        text-align: center;
    }
    .sample_inquiry .sample-form{
        padding: 1.2rem;
    }
    .service_side{
        padding: 2rem 0;
    }
    .service_side img{
        margin-bottom: 1.5rem;
    }
    .service_side .head{
        width: 100%;
        margin-bottom: 1rem;
    }
    .service_side .head h2{
        max-width: 100%;
        padding-bottom: 1rem;
    }
    .service_side p{
        font-size: 0.9rem;
        line-height: 1.5rem;
    }
    .service_side .head + div{
        width: 100%;
    }
    .services_list .main ul li strong{
        font-size: 17px;
    }
    .services_list .main ul li p{
        font-size: 0.9rem;
        line-height: 1.5rem;
    }
    .services_list .main ul li span{
        display: none;
    }
    .product_bread .breadcrumbs>span{
        flex-flow: wrap;
    }
    .product_preview{
        padding: 2rem 0;
    }
    .product_preview .right{
        padding: 0;
        padding-top: 1.2rem;
    }
    .product_preview .right h1{
        font-size: 25px;
        margin-bottom: 1rem;
    }
    .product_preview .right strong{
        font-size: 18px;
    }
    .product_preview .right .feature p{
        font-size: 0.9rem;
        line-height: 1.5rem;
    }
    .product_preview .right .product_intro > div.con>div,
    .product_preview .right .feature{
        font-size: 0.9rem;
        line-height: 1.5rem;
    }
    .product_preview .right .border_btn{
        font-size: 15px;
        padding: 0.7rem 2rem;
    }
    .product_preview .product_advantage strong + strong{
        margin-left: 0;
    }
    .product_advantage .flex{
        gap: 1rem;
    }
    .product_preview .product_advantage p{
        font-size: 0.9rem;
        line-height: 1.5rem;
    }
    .product_infos li{
        min-width: 150px;
    }
    .product_infos li img{
        max-width: 80px;
    }
    .product_infos ul.flex{
        overflow: auto;
    }
    .product_infos ul.flex li p{
        font-size: 15px;
        margin-top: 0.5rem;
    }
    .product_desc{
        padding: 2rem 0;
    }
    .product_desc h2, .product_spec h2{
        font-size: 25px;
        margin: 0;
    }
    .product_desc p{
        font-size: 0.9rem;
        line-height: 1.5rem;
    }
    .product_spec table{
        margin-top: 1rem;
    }
    .product_spec table td{
        font-size: 15px;
        padding: 0.7rem;
    }
    .product_spec{
        padding-bottom: 2rem;
    }
    .product_need{
        padding: 2rem 0;
    }
    .product_need .main ul{
        grid-template-columns: repeat(2, 1fr);
    }
    .product_related{
        padding: 2rem 0;
    }
    .product_related .swiper_btn div{
        width: 35px;
        height: 35px;
    }
    .product_related .main{
        margin-top: 2rem;
    }
    .related_swiper li p{
        padding: 0;
        font-size: 15px;
    }
    .related_swiper li .img{
        margin-bottom: 10px;
    }
    .warehouse_intro{
        padding: 2rem 0;
    }
    .warehouse_intro .left img{
        width: 100%;
    }
    .warehouse_intro .right{
        padding: 0;
        margin-top: 1rem;
    }
    .head h2 + p{
        margin-top: 0;
    }
    .warehouse_advantage h2{
        margin-bottom: 1rem;
    }
    .warehouse_advantage h2:after{
        display: none;
    }
    .warehouse_advantage li p{
        font-size: 0.9rem;
        line-height: 1.5rem;
    }
    .warehouse_advantage ul{
        gap: 1rem;
    }
    .warehouse_advantage{
        padding-bottom: 2rem;
    }
    .warehouse_result{
        padding: 2rem 0;
    }
    .warehouse_result .head h2{
        font-size: 26px;
        padding-bottom: 1rem;
        margin-bottom: 1rem;
    }
    .warehouse_result .head{
        margin-bottom: 1rem;
    }
    .warehouse_result .img{
        width: 100%;
        padding: 0;
    }
    .warehouse_result .right{
        padding: 0;
        margin-top: 1rem;
    }
    .warehouse_result .right p{
        font-size: 0.9rem;
        line-height: 1.5rem;
        margin-bottom: 10px;
    }
    .warehouse_result ul.flex{
        margin-top: 1.5rem;
        gap: 20px;
    }
    .warehouse_result ul.flex li{
        padding: 1.2rem;
    }
    .warehouse_result ul.flex li strong{
        font-size: 18px;
    }
    .warehouse_result ul.flex li p{
        font-size: 0.9rem;
        line-height: 1.5rem;
    }
    .case_list{
        padding: 2rem 0;
    }
    .case_list .case_items{
        padding: 0;
        gap: 20px;
    }
    .case_items .case_item .info p{
        font-size: 0.9rem;
        line-height: 1.5rem;
    }
    .factory_intro{
        padding: 2rem 0;
    }
    .factory_intro .img{
        width: 100%;
        padding: 0;
    }
    .factory_intro .head{
        padding: 0;
        width: 100%;
    }
    .factory_intro .head h2{
        line-height: 1.4;
    }
    .head .divider{
        margin: 0;
    }
    .factory_intro .nums{
        margin-top: 1rem;
    }
    .factory_intro .nums h3{
        font-size: 18px;
        line-height: 40px;
    }
    .factory_intro .nums ul{
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
    }
    .factory_intro .nums ul li span, .factory_intro .nums ul li i{
        font-size: 1.5rem;
    }
    .factory_intro .nums ul li{
        padding: 1rem ;
    }
    .factory_intro_auto{
        padding: 2rem 0;
    }
    .factory_intro_auto .flex{
        flex-flow: wrap;
    }
    .factory_intro_auto .head{
        width: 100%;
        padding: 0;
    }
    .factory_intro_auto .img{
        width: 100%;
        padding: 0;
        margin-top: 1rem;
    }
    .factory_gallery{
        padding: 2rem 0;
    }
    .factory_gallery .main ul{
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
    .factory_gallery .main{
        margin-top: 1.5rem;
    }
    .factory_gallery .main ul li{
        min-height: 160px;
    }
    .factory_gallery .main ul li p{
        font-size: 14px;
    }
    .gallery_list{
        padding: 2rem 0;
    }
    .gallery_list .gallery_items{
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
    }
    .gallery_intro{
        padding: 1.2rem;
    }
    .gallery_intro .flex{
        flex-flow: wrap;
    }
    .gallery_intro .img{
        width: 100%;
        padding: 0;
    }
    .gallery_intro .head{
        width: 100%;
        padding: 0;
        margin-top: 1.5rem;
    }
    .gallery_intro .head .btn{
        margin-top: 0;
        text-align: center;
    }
    .gallery_intro .head p{
        margin-bottom: 0.5rem;
    }
    .leadership_intro{
        padding: 2rem 0;
    }
    .leadership_intro .head{
        width: 100%;
        padding: 0;
    }
    .leadership_intro p{
        width: 100%;
        font-size: 0.9rem;
        padding: 0;
        line-height: 1.5rem;
    }
    .leadership_list .item{
        margin-top: 0;
        margin-bottom: 0rem;
        flex-flow: wrap;
    }
    .leadership_list .item .pic{
        width: 100%;
        padding: 0;
    }
    .leadership_list .item .head{
        padding: 0;
        width: 100%;
    }
    .leadership_list .item .head strong{
        font-size: 18px;
        line-height: 1.3;
    }
    .why_intro .head{
        width: 100%;
    }
    .why_intro .flex{
        padding: 2rem 0;
    }
    .head span.subtitle{
        font-size: 16px;
    }
    .why_intro .head h2{
        margin: 10px 0;
        
    }
    .why_intro .img{
        width: 100%;
    }
    .why_case .head{
        padding: 0;
    }
    .why_case .main{
        margin-top: 1.5rem;
    }
    .why_case .main ul{
        grid-template-columns: repeat(1, 1fr);
    }
    .why_case .main ul li{
        padding: 1.2rem;
    }
    .why_case .main ul li p{
        font-size: 0.9rem;
        line-height: 1.5rem;
    }
    .why_case .main ul li strong{
        font-size: 18px;
    }
    .why_case .main p.center{
        margin-top: 1rem;
    }
    .why_factory .img .pic{
        width: 100%;
        padding: 0;
    }
    .why_factory .head{
        padding: 0;
        padding-top: 1rem;
    }
    .why_trendsLab .flex{
        padding: 1.2rem 0;
    }
    .why_trendsLab .head{
        width: 100%;
    }
    .why_trendsLab .img{
        width: 100%;
    }
    .why_sustainability{
        padding: 2rem 0;
    }
    .why_sustainability .con{
        padding: 1.2rem;
    }
    .why_sustainability h2{
        font-size: 26px;
        line-height: 1.3;
    }
    .why_sustainability .head a{
        font-size: 17px;
        text-align: center;
        padding: 12px;
    }
    .why_sustainability .head p{
        margin-bottom: 0;
    }
    .why_story{
        padding: 2rem 0;
    }
    .why_story .img{
        width: 100%;
    }
    .why_story .head{
        width: 100%;
    }
    .why_story .flex{
        padding: 0;
    }
    .story_text{
        padding: 2rem 0;
    }
    .story_text h2{
        width: 100%;
        padding: 0;
    }
    .story_text p{
        width: 100%;
        padding: 0;
        padding-top: 1rem;
    }
    .story_intro{
        padding-top: 0;
    }
    .story_intro .img{
        width: 100%;
        padding: 0;
    }
    .story_intro .head{
        padding: 0;
        width: 100%;
    }
    .story_intro .head strong{
        font-size: 18px;
    }
    .story_history{
        padding: 2rem 0;
    }
    .story_history .head h2{
        color: #333;
        visibility: visible !important;
    }
    .story_history .head{
        grid-template-columns: repeat(1,1fr);
        padding: 0;
    }
    .story_history .head strong{
        min-width: unset;
        font-size: 1.5rem;
        margin-top: 1rem;
    }
    .story_history .main{
        margin-top: 1.5rem;
        padding: 0;
    }
    .story_history .main .swiper_box .con{
        padding: 1.2rem;
        background-image: unset;
    }
    .story_history .main .swiper_box{
        width: 100%;
    }
    .story_history .story_history_swiper .swiper-slide{
        flex-flow: wrap;
    }
    .story_history .story_history_swiper .swiper-slide .img{
        width: 100%;
        margin-bottom: 1rem;
    }
    .story_history .story_history_swiper .swiper-slide .intro{
        width: 100%;
        min-height: unset;
        padding-bottom: 0;
    }
    .story_history .story_history_swiper .swiper-slide .intro h3{
        font-size: 22px;
        margin-bottom: 1rem;
    }
    .story_history .story_history_swiper .swiper-slide .intro p{
        margin-top: 0;
        padding-top: 0;
        font-size: 0.9rem;
        line-height: 1.5rem;
    }
    .story_history .swiper_btns{
        display: none;
    }
    .swiper_bottom{
        display: none;
    }
    .sustainability_environment .head{
        grid-template-columns: repeat(1, 1fr);
        gap: 1rem;
    }
    .sustainability_environment .head h2{
        padding: 0;
    }
    .sustainability_environment .head p{
        padding: 0;
    }
    .sustainability_objectives .flex .head{
        width: 100%;
    }
    .sustainability_objectives .img{
        padding: 0;
    }
    .sustainability_objectives .flex{
        padding: 15px 0;
    }
    .sustainability_objectives .flex .head, .sustainability_objectives .inner .head{
        padding: 0;
    }
    .sustainability_objectives .img img{
        margin-top: 1rem;
    }
    .sustainability_recovery{
        padding: 2rem 0;
    }
    .sustainability_recovery .head{
        padding: 0;
    }
    .sustainability_recovery .main{
        padding: 0;
        grid-template-columns: repeat(1, 1fr);
        gap: 15px;
    }
    .sustainability_recovery .main .left, .sustainability_recovery .main .middle, .sustainability_recovery .main .right{
        display: block;
        padding: 0;
    }
    .sustainability_recovery .main .left .item, .sustainability_recovery .main .middle .item, .sustainability_recovery .main .right .item{
        width: 100%;
        display: block;
        padding: 1.2rem;
    }
    .sustainability_recovery .main .left .spacer, .sustainability_recovery .main .middle .spacer, .sustainability_recovery .main .right .spacer{
        height: 15px;
    }
    .sustainability_recovery .main .left .item::after, .sustainability_recovery .main .middle .item::after, .sustainability_recovery .main .right .item::after{
        display: none;
    }
    .sustainability_recovery .main .left .item p, .sustainability_recovery .main .middle .item p, .sustainability_recovery .main .right .item p{
        font-size: 0.9rem;
        line-height: 1.5rem;
        margin-top: 0.5rem;
    }
    .sustainability_recovery .intro{
        margin-top: 2rem;
        padding: 0;
    }
    .sustainability_recovery .intro p{
        font-size: 0.9rem;
        line-height: 1.5rem;
    }
    .trendslab_innovation{
        padding: 2rem 0;
    }
    .trendslab_innovation .head{
        width: 100%;
        padding: 0;
    }
    .trendslab_innovation .text{
        padding: 1.2rem;
        font-size: 1rem;
        width: 100%;
        line-height: 1.5rem;
        margin: 0;
        margin-top: 1rem;
    }
    .trendslab_innovation .text::before, .trendslab_innovation .text::after{
        display: none;
        
    }
    .trendslab_latest .imgs{
        width: 100%;
        padding: 0;
    }
    .trendslab_latest .head{
        width: 100%;
        padding: 0;
        margin-top: 1.5rem;
    }
    .trendslab_latest .imgs ul li p{
        font-size: 0.9rem;
    }
    .trendslab_decoration .head{
        width: 100%;
        padding: 0;
    }
    .trendslab_decoration .imgs{
        width: 100%;
        padding: 0;
        margin-top: 1rem;
    }
    .trendslab_decoration .head ul li{
        font-size: 0.9rem;
        margin-bottom: 0.5rem;
    }
    .trendslab_inspiration{
        padding: 2rem 0;
        padding-top: 0;
    }
    .trendslab_inspiration .head .btn{
        text-align: center;
    }


    header .right .header_bottom nav>div>ul>li .sub-menu{
        position: unset;
        /* display: block; */
        background-color: #F7F5E9;
        padding: 1rem;
        margin-top: 1rem;
        width: 80%;
    }
    header .right .header_bottom nav>div>ul>li .sub-menu li{
        margin-bottom: 0.7rem;
    }
    header .right .header_bottom nav>div>ul>li.menu-item-has-children:after{
        position: absolute;
        right: 20px;
        top: 7px;
        filter: brightness(0);
    }
    header .right .header_bottom nav>div>ul>li.menu-item-has-children a{
        display: inline-block;
    }

    .modal .modalcontent{
        width: 100%;
        
        height: 100%;
      }
      .quote-content .right{
        padding: 1.2rem;
        width: 100%;
      }
      .quote-content{
        height: 100%;
        padding-top: 3rem;
        border-radius: 0;
      }
      .modal .modalcontent{
        border-radius: 0;
        height: auto;
        top: unset;
        bottom: -200%;
        transform: translate(-50%,0);
      }
      .modal-q .modal .modalcontent{
        bottom: 0;
        top: unset;
        max-height: 90vh;
        overflow: auto;
        transform: translate(-50%,0);
      }
      .quote-content{
        max-height: unset;
      }
      .quote-content .left{
        display: none;
      }
      .categories_product ul.grid3{
        grid-template-columns: repeat(2,1fr);
      }
      .glass-nav{
        padding: 20px 0;
        
      }
      .glass-nav ul{
        overflow: auto;
        gap: 20px;
        width: 100%;
      }
      .glass-nav ul a{
        font-size: 15px;
        font-weight: 400;
        white-space: nowrap;
      }
      .glass-nav ul a:before{
        margin-right: 0.5rem;
        width: 14px;
        height: 14px;
      }
      .design_custom h2{
        font-size: 26px !important;
    }

    .design_step .content div.con:nth-of-type(2n) .right{
        padding: 0 !important;
    }
    .design_step .content div.con:nth-of-type(2n) .left{
        padding: 0 !important;
    }
    .design_custom .head{
        margin-bottom: 1.5rem !important;
    }
    .aftersale_contact .right{
        padding: 0 !important;
    }
}