@media screen and (min-width: 768px) and (max-width: 1500px) {
    .blog_posts .content > .flex{
    flex-flow: wrap;
    }
}
@media screen and (max-width: 786px) {
    html{
        font-size: 16px !important;
    }
    .content{
        padding: 0 1.2rem;
    }
    .head p{
        font-size: 0.9rem;
        line-height: 1.5rem;
    }
    .header_top{
        padding: 1rem 0;
    }
    .header_top .logo img{
        width: 6rem;
    }
    .header_top .search_block{
        position: absolute;
        display: none;
    }
    .header_top .icons_con .flex{
        gap: 1rem;
    }
    .header_top .icons_con .icon_item{
        width: 1.2rem;
        height: 1.2rem;
    }
    .header_bottom{
        position: fixed;
        width: 88%;
        height: 100%;
        left: 0;
        top: 0;
        transform: translateX(-100%);
        transition: all 0.3s;
    }
    .menu_show .header_bottom{
        transform: translateX(0%);
    }
    .header_bottom .center>div>ul{
        display: block;
        text-align: left;
        padding: 2rem 1.2rem;
    }
    .header_bottom .center>div>ul>li>a{
        padding: 0;
        font-size: 1rem;
        line-height: 1.8;
        display: block;
        padding: 1rem 0;
    }
    .header_bottom .center>div>ul>li:after{
        display: none;
    }
    .header_bottom .center>div>ul>li.current-menu-item>a, .header_bottom .center>div>ul>li.current-menu-parent>a, .header_bottom .center>div>ul>li>a:hover{
        background-color: transparent;
        color: var(--theme_color);
    }
    .header_top .icons_con .icon_item.mobile_menu_icon{
        background-image: url('../img/mobile-menu.svg');
        background-size: 140%;
    }
    .only_mobile{
        display: block !important;
    }
    .home_banner li.swiper-slide{
        padding: 5rem 0;
    }
    .home_banner .head .title{
        font-size: 1.8rem;
        line-height: 1.5;
        margin-bottom: 0;
    }
    .home_banner .head p{
        font-size: 0.9rem;
        line-height: 1.5rem;
        margin-top: 0;
        margin-bottom: 1.5rem;
    }
    .white_btn{
        padding: 1rem 2rem;
        font-size: 1rem;
    }
    .swiper_btns div{
        width: 1.2rem;
        height: 1.2rem;
    }
    .home_support{
        padding: 3rem 0;
        padding-bottom: 0;
    }
    .home_support .main ul{
        grid-template-columns: repeat(1,1fr);
        gap: 1.5rem;
    }
    .home_support .main ul li strong{
        font-size: 1.2rem;
        margin-bottom: 0rem;
    }
    .home_support .main ul li p{
        font-size: 0.9rem;
        line-height: 1.5rem;
        margin-bottom: 0.5rem;
    }
    .circle_btn{
        font-size: 1rem;
    }
    .circle_btn:before{
        height: 1.5rem;
    }
    .home_support .main ul li:hover .circle_btn:before{
        width: 1.5rem;
        margin-right: 0.5rem;
    }
    .head h2{
        font-size: 1.5rem;
        line-height: 1.4;
        margin-bottom: 1.5rem;
    }
    .home_products .categories_con ul{
        grid-template-columns: repeat(2,1fr);
        gap: 1.2rem;
    }
    .home_products .categories_con ul li .img{
        width: 5rem;
        height: 5rem;
    }
    .home_products .categories_con ul li a{
        padding: 3rem 1rem;
    }
    .home_products .categories_con ul li strong{
        font-size: 1.2rem;
        line-height: 1.4;
        margin-top: 0.5rem;
        font-size: 1rem !important;
    }
    .home_products .cells_con ul{
        grid-template-columns: repeat(2,1fr);
        gap: 1.2rem;
    }
    .home_products .cells_con ul li a{
        padding: 2rem 1.2rem;
        padding-bottom: 5rem !important;
    }
    .home_products .cells_con ul li a strong{
        font-size: 1rem !important;
        line-height: 1.5;
        margin-bottom: 0.2rem;
    }
    .home_products .cells_con ul li a p{
        font-size: 0.9rem;
        line-height: 1.4rem;
    }
    .home_products .cells_con ul li a .circle_icon{
        position: unset;
        margin-top: 1rem;
        width: 2rem;
        height: 2rem;

        position: absolute !important;
        left: 1rem !important;
        bottom: 2rem !important;
    }
    .home_cases>.content>.flex{
        flex-flow: wrap;
    }
    .home_cases .left{
        width: 100%;
    }
    .home_cases .right{
        width: 100%;
        margin-top: 2rem;
    }
    .home_cases{
        padding: 2rem 0;
    }
    .btn{
        font-size: 0.9rem;
        padding: 0.7rem 1.5rem;
    }
    .home_cases .right li .flex{
        gap: 2rem;
        justify-content: space-between;
    }
    #sytech-newsletter-subscription .btn{
        font-size: 0.9rem;
    }
    .home_cases .right li p{
        font-size: 1rem;
        line-height: 1.5;
    }
    .home_cases .right li .icon{
        width: 2rem;
        height: 2rem;
        min-width: 2rem;
    }
    .home_cases .right li .icon:after{
        width: 1rem;
        height: 1rem;
    }
    .home_cases .right li a{
        padding: 1rem 0;
    }
    .home_solutions{
        padding: 2rem 0;
    }
    .home_solutions > .content > .flex{
        flex-flow: wrap;
    }
    .home_solutions .left{
        width: 100%;
        height: 100%;
    }
    .home_solutions .left p{
        font-size: 0.9rem;
        line-height: 1.5rem;
        margin-top: 0;
        margin-bottom: 0.5rem;
    }
    .home_solutions .left .btn{
        margin-top: 1rem;
    }
    .home_solutions .right{
        width: 100%;
        margin-top: 1.5rem;
    }
    .home_solutions .right .bg{
        background-repeat: no-repeat !important;
        background-size: cover !important;
        background-position: center !important;
    }
    .home_solutions .right .bg .right_btn{
        padding: 1rem;
        display: none;
    }
    .home_solutions .right .bg .infos{
        left: 1.2rem;
        height: 1.2rem;
    }
    .home_solutions .right .bg .infos span{
        font-size: 0.9rem;
    }
    .home_solutions .right .bg .infos p{
        font-size: 1.2rem;
        line-height: 1.5;
        max-width: 100%;
    }
    .home_solutions .solutions_ban ul{
        gap: 1.2rem;
    }
    .home_solutions .solutions_ban ul li a{
        padding: 2rem 1.2rem;
        height: 100%;
    }
    .home_solutions .solutions_ban ul li a span{
        font-size: 0.9rem;
    }
    .home_solutions .solutions_ban ul li a strong{
        font-size: 1.1rem;
        line-height: 1.5rem;
    }
    .home_solutions .solutions_ban ul li a>.flex{
        flex-direction: column;
        gap: 1rem;
        align-items: flex-start;
    }
    .home_solutions .solutions_ban ul li a .icon{
        width: 2rem;
        height: 2rem;
    }
    .home_solutions .solutions_ban{
        margin-top: 1rem;
    }
    .footer_advantage{
        padding: 2rem 0;
    }
    .footer_advantage ul{
        width: 100%;
        overflow: auto;
        flex-direction: column;
    }
    .footer_advantage ul li .icon{
        width: 2rem;
        height: 2rem;
        min-width: 2rem;
        transform: translateY(0);
    }
    .footer_advantage ul li strong{
        font-size: 1.1rem;
        margin-bottom: 0.3rem;
    }
    .footer_advantage ul li p{
        font-size: 0.9rem;
        line-height: 1.4rem;
    }
    .footer_advantage ul li .flex{
        gap: 1rem;
    }
    .footer_advantage ul li + li{
        margin-top: 1rem;
    }
    .footer_main{
        padding: 3rem 0;
    }
    .footer_main .object_col.contact_col{
        margin-right: 0;
    }
    .footer_main .object_col.contact_col strong{
        font-size: 1.3rem;
    }
    .footer_main .object_col.contact_col strong + p{
        font-size: 0.9rem;
        line-height: 1.5rem;
    }
    .footer_main .object_col.contact_col form input[type="email"]{
        width: calc(100% - 9rem);
        font-size: 1rem;
        padding: 0.8rem;
    }
    .footer_main .object_col.contact_col form input[type="submit"]{
        width: 7rem;
        font-size: 1rem;
        padding: 0.8rem;
    }
    .footer_main .object_col.contact_col form{
        display: flex;
        margin: 1rem 0;
    }
    .footer_main .object_col.contact_col>.flex{
        flex-flow: wrap;
    }
    .footer_main > .content > .flex{
        flex-flow: wrap;
    }
    .footer_main .object_col{
        flex: unset;
        width: 100%;
    }
    .footer_main .object_col.contact_col .contact_infos a{
        font-size: 1rem;
        line-height: 1;
    }
    .footer_main .object_col.contact_col .contact_infos li{
        margin-top: 0.5rem;
    }
    .footer_main .object_col.contact_col .socials{
        transform: translateY(0);
        margin-top: 1.5rem;
    }
    .footer_main .object_col.contact_col .socials ul{
        gap: 1.2rem;
    }
    .footer_main .object_col.contact_col .socials ul li a{
        width: 1.2rem;
        height: 1.2rem;
    }
    .footer_main .object_col strong{
        font-size: 1.2rem;
    }
    .footer_main .object_col:not(.contact_col) strong{
        margin: 1rem 0;
        margin-bottom: 0.5rem;
        display: flex;
        padding: 0.6rem 1rem;
        background-color: white;
        color: #000;
        border-radius: 5px;
        font-size: 1rem;
        align-items: center;
    }
    .footer_main .object_col:not(.contact_col) strong:after{
        content: "";
        width: 0.8rem;
        height: 0.8rem;
        display: inline-block;
        background: url('../img/select.svg') no-repeat center/contain;
        margin-left: auto;
        transition: all 0.3s;
    }
    .footer_main .object_col:not(.contact_col) strong + div{
        padding: 0 1rem;
        display: none;
    }
    .footer_main .object_col div>ul>li>a{
        font-size: 0.9rem;
        line-height: 1.5rem;
    }
    .footer_main .object_col.active strong:after{
        transform: rotate(180deg);
    }
    .footer_copyright{
        font-size: 0.9rem;
        line-height: 1.5rem;
        padding: 1rem 0;
    }
    .footer_copyright > .content > .flex{
        flex-flow: wrap;
        text-align: center;
        justify-content: center;
    } 
    .footer_copyright ul{
        justify-content: center;
        gap: 1rem;
        width: 100%;
    }
    .over_menu{
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-color: rgba(0, 0, 0, 0.5);
        z-index: 9;
        opacity: 0;
        pointer-events: none;
    }
    .menu_show .over_menu{
        opacity: 1;
        pointer-events: all;
    }


    .login_pop{
        position: fixed;
        bottom: 0;
        left: 0;
        transform: translate(0,0);
        top: unset;
        max-width: 100%;
    }
    .account_icon_con:hover .login_pop{
        transform: translate(0,0);
        
    }

    .breadcrumb>span > span:nth-of-type(1) a:after{
        width: 1rem;
        height: 1rem;
    }
    .breadcrumb a, .breadcrumb span{
        font-size: 0.9rem;
    }

    .breadcrumbs>span > span:nth-of-type(1) a:after{
        width: 1rem;
        height: 1rem;
    }
    .breadcrumbs a, .breadcrumbs span{
        font-size: 0.9rem;
    }
    .page_banner{
        padding-bottom: 5rem;
    }
    .page_banner .head{
        margin-top: 3rem;
        max-width: unset;
    }
    .page_banner .head h1{
        font-size: 1.6rem;
        line-height: 1.5;
    }
    .page_banner .head p{
        font-size: 0.9rem;
        line-height: 1.5rem;
        margin-top: 1rem;
    }
    .distributor_main{
        padding: 3rem 0;
        padding-bottom: 0;
    }
    .distributor_main > .content > .flex{
        flex-flow: wrap;
    }
    .distributor_main .left{
        width: 100%;
    }
    .distributor_main .right{
        width: 100%;
        padding: 2rem 0;
    }
    .distributor_main .left li .head_title{
        padding: 1rem ;
    }
    .distributor_main .left li .head_title p{
        font-size: 1rem;
    }
    .distributor_main .left li .head_title:after{
        width: 1.5rem;
        height: 1.5rem;
    }
    .distributor_main .left li .lists{
        gap: 1.2rem;
    }
    .distributor_main .left li .lists .item .item_title{
        padding: 1rem;
        font-size: 1rem;
    }
    .distributor_main .left li .lists .item .item_title img{
        width: 1.5rem;
    }
    .distributor_main .left li .lists .item .infos{
        padding: 1.2rem;
    }
    .distributor_main .left li .lists .item .infos strong:first-of-type{
        font-size: 1rem;
        margin-bottom: 1.5rem;
    }
    .distributor_main .left li .lists .item .infos p{
        font-size: 0.9rem;
        line-height: 1.5rem;
        margin-top: 0.2rem;
    }
    .distributor_main .left li .lists .item .infos strong{
        display: block;
        font-size: 1rem;
    }
    .distributor_main .left li .lists .item .infos a{
        font-size: 0.9rem;
        margin-top: 1.5rem;
    }
    .distributor_main .right .btn{
        font-size: 0.9rem;
        padding: 1rem;
    }
    .distributor_network{
        padding: 3rem 0;
        background-color: #f7f6f9;
        margin-bottom: 0;
    }
    .distributor_network .content:after{
        display: none;
    }
    .distributor_network .head h2{
        margin-bottom: 1rem;
    }
    .distributor_network .head{
        margin-bottom: 1rem;
        max-width: 100%;
    }
    .distributor_network .img img{
        width: 100%;
        height: auto;
    }
    .distributor_network .img{
        margin-bottom: 2rem;
    }
    .distributor_network strong{
        font-size: 1.2rem;
    }
    .circle_btn:hover:before{
        width: 1.5rem;
    }
    .about_us{
        padding: 3rem 0;
    }
    .about_us .main{
        margin-top: 2rem;
    }
    .about_us .main > .flex{
        flex-flow: wrap;
    }
    .about_us .left{
        width: 100%;
    }
    .about_us .right{
        width: 100%;
        padding: 0;
    }
    .about_us .head h1{
        font-size: 1.6rem;
        margin-bottom: 1rem;
    }
    .about_us .left .desc{
        font-size: 0.9rem;
        line-height: 1.5rem;
    }
    .about_us .right .video .play_btn{
        width: 4rem;
        height: 4rem;
    }
    .about_mission{
        padding: 3rem 0;
    }
    .about_mission > .content > .flex{
        flex-flow: wrap;
    }
    .about_mission .left, .about_mission .right{
        width: 100%;
    }
    .about_mission .left .img{
        height: 270px;
        border-radius: 10px;
        overflow: hidden;
    }
    .about_mission .left .img img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .about_mission .right h2{
        margin-top: 2rem;
        margin-bottom: 1rem;
    }
    .about_mission .right li .icon{
        width: 3rem;
        min-width: 3rem;
        margin-right: 1rem;
    }
    .about_mission .right li strong{
        font-size: 1.2rem;
        margin-bottom: 0.5rem;
    }
    .about_mission .right p{
        font-size: 0.9rem;
        line-height: 1.5rem;
    }
    .about_mission .right li + li{
        margin-top: 1rem;
    }
    .about_value{
        padding: 2rem 0;
    }
    .about_value .head{
        margin-bottom: 2rem;
    }
    .about_value .main ul{
        grid-template-columns: repeat(2,1fr);
        gap: 1.2rem;
    }
    .about_value .main ul li .infos{
        padding: 1.2rem;
    }
    .about_value .main ul li .infos strong{
        font-size: 1.2rem;
        margin-bottom: 0.5rem;
    }
    .about_value .main ul li .infos p{
        font-size: 0.9rem;
        line-height: 1.3rem;
        margin-bottom: 0.5rem;
    }
    .about_value .main ul li:hover .circle_btn:before{
        width: 1.5rem;
    }
    .about_explore{
        padding: 3rem 0;
    }
    .about_explore .main>.flex{
        flex-flow: wrap;
        gap: 0;
    }
    .about_explore .right, .about_explore .left{
        width: 100%;
    }
    .about_explore .left .head li{
        margin-left: 1.2rem;
    }
    .about_explore .left .head p{
        text-align: left;
        line-height: 1.3rem;
    }
    .about_explore .left .head .btn{
        margin-top: 1rem;
        margin-bottom: 2rem;
    }
    .about_distributor{
        padding: 3rem 0;
    }
    .about_distributor .left{
        width: 100%;
        padding: 0;
    }
    .about_distributor .content>.flex{
        flex-flow: wrap;
    }
    .about_distributor .left .infos{
        position: unset;
        margin-top: 0.5rem;
    }
    .about_distributor .left .infos strong{
        font-size: 1.2rem;
    }
    .about_distributor .left .infos p{
        font-size: 0.9rem;
    }
    .about_distributor .right{
        width: 100%;
        margin-top: 2rem;
    }
    .about_distributor .right .infos{
        padding: 1.2rem;
    }
    .about_distributor .right .infos strong{
        font-size: 1.2rem;
        margin-bottom: 0.6rem;
    }
    .about_distributor .right .infos p{
        font-size: 1rem;
        line-height: 1.4;
    }
    .blog_banner{
        padding-bottom: 4rem;
    }
    .blog_banner .head{
        margin-top: 2rem;
    }
    .blog_banner .head h1{
        font-size: 1.6rem;
        line-height: 1.5;
        margin-bottom: 1rem;
    }
    .blog_banner .head p{
        font-size: 0.9rem;
        line-height: 1.5rem;
    }
    .blog_categorys{
        padding: 3rem 0;
    }
    .blog_categorys .category_list ul{
        gap: 1.2rem;
        display: grid;
        grid-template-columns: repeat(2,1fr);
    }
    .blog_categorys .category_list ul li{
        width: 100%;
    }
    .blog_categorys .category_list ul li strong{
        font-size: 1rem;
        margin-bottom: 0;
    }
    .blog_infos{
        padding: 3rem 0;
    }
    .blog_infos ul li a{
        flex-direction: column;
        gap: 1rem;
        padding: 1.2rem;
    }
    .blog_infos ul{
        display: grid;
        grid-template-columns: repeat(2,1fr);
        gap: 1.2rem;
    }
    .blog_infos ul li a strong{
        font-size: 1rem;
    }
    .blog_infos ul li a p{
        font-size: 0.9rem;
        line-height: 1.3rem;
    }
    .blog_infos ul li a .image{
        min-width: unset;
        height:  100px;
        border-radius: 5px;
        overflow: hidden;
    }
    .blog_infos ul li a .infos button{
        font-size: 0.9rem;
        padding: 0.5rem 1rem;
    }
    .blog_posts{
        padding: 3rem 0;
    }
    .blog_posts .content > .flex{
        flex-flow: wrap;
        gap: 1.5rem;
    }
    .blog_posts .left, .blog_posts .right{
        width: 100%;
    }
    .blog_posts .left .head strong{
        margin-top: 0;
        font-size: 1.5rem;
        margin-bottom: 1rem;
    }
    .blog_posts .left .head p{
        font-size: 0.9rem;
        line-height: 1.5rem;
    }
    .blog_list ul{
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 1.2rem;
    }
     .blog_list ul li, .blog_list ul li a{
        width: 100%;
        min-width: unset;
     }
    .blog_list ul li a{
        padding: 1rem;
    }
    .blog_list ul li a strong{
        font-size: 1rem;
        margin: 0.5rem 0;
    }
    .blog_list ul li a p{
        font-size: 0.9rem;
        line-height: 1.4rem;
    }
    .blog_list ul li a button{
        width: 2rem;
        height: 2rem;
        margin-left: 0;
        margin-top: 1rem;

    }
    .blog_list ul li a .image{
        width: 100%;
        aspect-ratio: 1/0.7;
        overflow: hidden;
        border-radius: 10px;
    }
    .blog_list ul li a .image img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }


    .subtotal_con{
        padding: 1.5rem 0;
    }
    .subtotal_con .con .count_subtotal{
        font-size: 1rem;
        white-space: nowrap;
    }
    .subtotal_con .con .count_subtotal span{
        font-size: 1.1rem;
    }
    .subtotal_con .con>.flex{
        flex-flow: wrap;
    }
    .subtotal_con .con>.flex .btns{
        display: flex;
        align-items: center;
        flex-flow: wrap;
    }
    .subtotal_con .con .btn{
        font-size: 0.9rem;
        padding: 0.5rem 1rem;
        margin-top: 1rem;
    }
    .cart_main .main > .flex{
        flex-flow: wrap;
    }
    .cart_main .left{
        width: 100%;
    }
    .cart_main .right{
        width: 100%;
        margin-top: 1.5rem;
        padding: 1.2rem;
    }
    .cart_main ul .table_head div{
        font-size: 1rem;
    }
    .cart_main .left ul li:not(.table_head){
        padding: 1.2rem;
        gap: 1.2rem;
        overflow: auto;
    }
    .cart_main .left ul li a.flex{
        flex-direction: column;
        align-items: flex-start;
    }
    .cart_main .left ul li .img{
        width: 4rem;
        height: 4rem;
        min-width: 4rem;
        margin-right: 0;
        margin-left: 0;
        display: block;
    }
    .cart_main .left ul li a.flex .infos strong{
        font-size: 1rem;
        margin-top: 0.5rem;
        margin-bottom: 0.5rem;
        white-space: nowrap;
    }
    .cart_main .left ul li a.flex .infos span{
        font-size: 0.9rem;
        white-space: nowrap;
    }
    .cart_main .left ul li a.flex .infos p{
        font-size: 1rem;
        margin-top: 1rem;
        white-space: nowrap;
    }
    .cart_main .left ul li.table_head{
        display: none;
    }
    .cart_main .left ul li p{
        font-size: 1.1rem;
        white-space: nowrap;
    }
    .cart_main .left ul li input{
        width: 3rem;
        font-size: 1rem;
    }
    .cart_main .left ul li .delete{
        width: 1.2rem;
        height: 1.2rem;
    }
    .cart_main .right .right_con .title{
        font-size: 1.1rem;
        margin-bottom: 0.5rem;
    }
    .cart_main .right .coupon_con input{
        font-size: 1rem;
        padding: 0.7rem 1rem;
    }
    .cart_main .right .coupon_con .btn{
        margin-bottom: 0;
    }
    .cart_main .right .right_con p{
        font-size: 0.9rem;
        line-height: 1.5rem;
    }
    .woocommerce-cart-form > .flex{
        flex-direction: column;
    }
    .cart_main .right .right_con{
        padding: 1.5rem 0;
    }
    .cart_main .right .shipping_con label{
        font-size: 1rem;
        margin: 1rem 0 .5rem;
    }
    .cart_main .right .shipping_con .address_infos input, .cart_main .right .shipping_con .address_infos select{
        font-size: 1rem;
        padding: 0.6rem 1.2rem;
    }
    .cart_main .right .shipping_con .address_infos select{
        background-size: 1rem;
    }
    .cart_main .right .shipping_con .address_infos{
        margin-bottom: 1.5rem;
    }
    .cart_main .right .shipping_con .shipping_price p{
        font-size: 1.2rem;
    }
    .cart_main .right .shipping_con .shipping_price strong{
        font-size: 1.5rem;
    }
    .cart_main .right .summary_con ul{
        padding: 0;
    }
    .cart_main .right .summary_con ul li p{
        font-size: 1rem;
        line-height: 1.4;
    }
    .cart_main .right .summary_con ul li p:nth-of-type(1){
        width: 180px;
    }
    .cart_main .right .summary_con ul li + li{
        margin-top: 1rem;
    }
    .cart_main .right .total_con > .flex{
        padding: 0;
    }
    .cart_main .right .total_con > .flex strong{
        font-size: 1.2rem;
    }
    .cart_main .right .total_con > .flex .total{
        font-size: 1.5rem;
    }
    .cart_main .right .total_con .btn{
        font-size: 1.1rem;
        padding: 0.8rem 1rem;
    }
    .cart_main .right .total_con button{
        font-size: 1.1rem;
    }
    .cart_main{
        padding-bottom: 5rem;
    }

    .contact_banner{
        padding-bottom: 3rem;
    }
    .contact_banner .head h1{
        font-size: 1.6rem;
        line-height: 1.4;
        margin-bottom: 1rem;
    }
    .contact_banner .head{
        margin-top: 3rem;
    }
    .contact_banner .head p{
        font-size: 0.9rem;
        line-height: 1.5rem;
    }
    .contact_banner .head p a{
        font-size: 1.0rem;
        
    }
    section.contact_infos{
        padding: 3rem 0;
    }
    .contact_infos .lists{
        grid-template-columns: repeat(1,1fr);
    }
    .contact_infos .lists .item a{
        padding: 1.2rem;
    }
    .contact_infos .lists .item a strong{
        font-size: 1.2rem;
        line-height: 1.4;
    }
    .contact_infos .lists .item a li{
        font-size: 1rem;
    }
    .contact_infos .lists .item a .btn{
        margin-top: 2rem;
    }
    .contact_form .main>.flex{
        flex-flow: wrap;
    }
    .contact_form .left{
        width: 100%;
    }
    .contact_form .right{
        width: 100%;
    }
    .contact_form .left .form{
        padding: 2rem 1.2rem;
    }
    .contact_form .left .head h2{
        font-size: 1.2rem;
        margin-bottom: 0.5rem;
    }
    .contact_form .form span label{
        font-size: 1rem;
    }
    .contact_form .form input, .contact_form .form select{
        font-size: 1rem;
        padding: 0.5rem 1rem;
    }
    .contact_form .form span + span{
        margin-top: 1rem;
    }
    .contact_form .form select{
        background-size: 1rem;
    }
    .contact_form .form textarea{
        
        font-size: 1rem;
        padding: 0.5rem 1rem;
    }
    .contact_form .form input[type='submit']{
        font-size: 1rem;
        padding: 1rem 2rem;
    }
    .contact_form .right .infos{
        padding: 2rem 1.2rem;
    }
    .contact_form .right .infos h3{
        font-size: 1rem;
        margin-bottom: 0.5rem;
    }
    .contact_form .right .infos p{
        font-size: 0.9rem;
        line-height: 1.5;
    }
    .contact_form .right .infos p:last-of-type{
        margin-top: 1.5rem;
    }
    .contact_form .right .infos .socials{
        margin-top: 1.5rem;
        gap: 1rem;
    }
    .contact_form .right .infos .socials a{
        width: 1rem;
        height: 1rem;
    }
    .post_banner h1{
        font-size: 1.6rem;
        line-height: 1.4;
        margin-top: 2rem;
    }
    .post_main{
        padding: 2rem 0;
    }
    .post_main p{
        font-size: 0.9rem;
        line-height: 1.5rem;
        margin: 0.7rem 0;
    }
    .post_main img{
        max-width: 100%;
    }
    .post_share .share_box > strong{
        margin-bottom: 1rem;
    }
    .post_share .share_box ul li a{
        width: 2rem;
        height: 2rem;
    }
    .post_share .share_box ul li a:after{
        background-size: 50% 50% !important;
    }
    .post_share .post_other_info{
        margin: 1rem 0;
    }
    .post_share .post_other_info ul li a:before{
        width: 1rem;
        height: 1rem;
    }
    .post_share .post_other_info ul li a{
        padding-left: 1.5rem;
        font-size: 0.9rem;
    }
    .post_related{
        padding: 0 0 4rem;
    }
    .post_related .content{
        padding: 4rem 1.2rem;
    }
    .post_related .content .head strong{
        font-size: 1.3rem;
    }
    .post_list ul{
        gap: 1.2rem;
        overflow: auto;
        max-width: 100%;
    }
    .post_list ul li{
        min-width: 250px;
    }
    .post_list ul li a{
        padding: 1.2rem;
    }
    .post_list ul li a .image{
        width: 100%;
        height: auto;
        aspect-ratio: 1/0.7;
    }
    .post_list ul li a strong{
        font-size: 1rem;
        line-height: 1.5;
        margin-bottom: 0;
    }
    .post_list ul li a p{
        font-size: 0.9rem;
        line-height: 1.5rem;
    }
    .product_preview .main{
        padding: 3rem 0;
    }
    .product_preview .main > .flex{
        flex-flow: wrap;
    }
    .product_preview .main .left, .product_preview .main .right{
        width: 100%;
    }
    .product_preview .main .left > .flex{
        flex-flow: wrap;
    }
    .product_preview .main .left .swiper_left, .product_preview .main .left .infos_right{
        width: 100%;
    }
    .product_preview .main .left .swiper_left > p{
        font-size: 1rem;
        margin-top: 2rem;
    }
    .product_preview .main .left .infos_right h1{
        font-size: 1.5rem;
        line-height: 1.8rem;
        margin-top: 0.5rem;
    }
    .product_preview .main .left .infos_right h1 .new{
        width: 2rem;
        height: 1rem;
    }
    .product_preview .main .left .infos_right .attr{
        margin-top: 1.5rem;
    }
    .product_preview .main .left .infos_right .attr li strong{
        font-size: 1rem;
    }
    .product_preview .main .left .infos_right .attr li p{
        font-size: 1rem;
    }
    .product_preview .main .left .infos_right .attr li + li{
        margin-top: 0.6rem;
    }
    .product_preview .main .left .infos_right .recommend{
        margin-top: 1.5rem;
        font-size: 1rem;
        padding: 1rem;
    }
    .product_preview .main .left .infos_right .recommend_con a{
        font-size: 1rem;
        padding: 1rem;
    }
    .product_preview .main .left .infos_right .recommend:after{
        width: 1rem;
        height: 1rem;
        right: 1rem;
    }
    .product_preview .others_infos{
        margin-top: 1.2rem;
    }
    .product_preview .others_infos .icons ul .icon{
        width: 2.5rem;
        height: 2.5rem;
        margin-right: 0.5rem;
    }
    .product_preview .others_infos .icons ul li p{
        font-size: 1rem;
    }
    .product_preview .others_infos .icons ul{
        margin-bottom: 1.5rem;
    }
    .others_infos .con p{
        font-size: 0.9rem;
        line-height: 1.5rem;
    }
    .product_preview .right{
        margin-top: 2rem;
    }
    .product_preview .right .actions_block{
        padding: 2rem 1.2rem;
    }
    .product_preview .right .actions_block .price ins{
        font-size: 1.5rem;
    }
    .product_preview .right .actions_block .price span{
        font-size: 1.2rem;
    }
    .product_preview .right .actions_block .quantity button, .product_preview .right .actions_block .quantity input{
        width: 2.5rem;
        height: 2.5rem;
        background-size: 1rem;
        font-size: 1.1rem;
    }
    .product_preview .right .actions_block .quantity{
        margin-top: 1rem;
    }
    .product_preview .right .price_range li{
        padding: 0.5rem 1rem;
    }
    .product_preview .right .price_range li p{
        font-size: 1rem;
    }
    .product_preview .right .price_range li span{
        width: 1.1rem;
        height: 1.1rem;
    }
    .product_preview .right .stock, .product_preview .right .stock + p{
        font-size: 1.2rem;
    }
    .product_preview .right .actions_btns{
        margin-top: 1.5rem;
    }
    .product_preview .right .actions_btns .add_to_cart{
        font-size: 1.2rem;
        padding: 0.7rem 2rem;
    }
    .product_preview .right .actions_btns .add_to_cart:before{
        width: 1.5rem;
        height: 1.5rem;
    }
    .product_preview .right .actions_btns .add_to_list{
        font-size: 1.2rem;
    }
    .product_preview{
        padding-bottom: 0;
    }
    .product_details{
        padding: 0 0 2rem;
    }
    .product_details .title{
        padding: 1rem;
        font-size: 1rem;
    }
    .product_details .title:before{
        width: 1.2rem;
        height: 1.2rem;
    }
    .product_details .infos{
        padding: 1.2rem;
    }
    .product_details .infos .item .flex p:nth-of-type(1), .product_details .infos .item .flex p:nth-of-type(2){
        font-size: 0.9rem;
        line-height: 1.5rem;
    }
    .product_details .infos .item + .item{
        margin-top: 1rem;
    }
    .product_related{
        padding: 1.5rem 0;
    }
    .product_related .head h2{
        font-size: 1.5rem;
        margin-bottom: 1.5rem;
    }
    .product_related li.swiper-slide p{
        font-size: 1rem;
        line-height: 1.5rem;
        margin-top: 1rem;
    }
    .product_related li.swiper-slide p .new{
        width: 2rem;
        height: 1rem;
    }
    .product_related .swiper_realted_product{
        margin-bottom: 2rem;
    }
    .product_resource{
        padding-bottom: 3rem;
    }
    .product_resource .main{
        padding: 2rem 1.2rem;
    }
    .product_resource .main .head h2{
        font-size: 1.5rem;
    }
    .product_resource .main .documents_con ul{
        grid-template-columns: repeat(1,1fr);
        gap: 1.2rem;
    }
    .product_resource .main .documents_con li a{
        padding: 1.2rem ;
    }
    .product_resource .main .documents_con li strong{
        font-size: 1rem;
        line-height: 1.5;
    }
    .product_resource .main .documents_con li span{
        font-size: 1rem;
    }
    .product_resource .main .documents_con li span::before{
        width: 1.2rem;
        height: 1.2rem;
    }
    .products_main .breadcrumb{
        padding: 1.5rem 0;
    }
    .products_main .main{
        padding-top: 0;
        padding-bottom: 5rem;
    }

    .products_main .left{
        position: fixed;
        width: 90%;
        height: 100%;
        top: 0;
        left: 0;
        background-color: white;
        box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
        z-index: 20;
        padding: 2rem 1.2rem;
        transform: translateX(-100%);
        transition: all 0.3s;
    }
    .filter_active .products_main .left{
        transform: translateX(0%);
    }
    .products_main .right{
        width: 100%;
        margin-left: auto;
    }
    .products_main .head h1{
        font-size: 1.5rem;
        margin-bottom: 0.5rem;
    }
    .products_main .head p{
        font-size: 0.9rem;
        line-height: 1.5rem;
        margin-bottom: 1rem;
    }
    .products_main .sort_con{
        padding: 1rem 1rem;
        white-space: nowrap;
        width: 100%;
        
    }
    .products_main .sort_con > .flex{
        flex-flow: wrap;
        gap: 1rem;
    }
     .products_main .sort_co .turn_page{
        width: 100%;
     }
    .products_main .sort_co .turn_page .flex{
        justify-content: center;
        width: 100%;
    }
    .products_main .sort_con .count{
        margin: 0;
        font-size: 0.9rem;
    }
    .products_main .sort_con p{
        font-size: 0.9rem;
        margin-right: 0.5rem;
    }
    .products_main .sort_con .sort select, .products_main .sort_con select{
        font-size: 0.9rem;
        min-width: 10rem;
        background-size: 1rem;
        padding: 0.5rem 1rem;
    }
    .products_main .sort_con .icon_sort{
        width: 1rem;
        height: 1rem;
    }
    .products_main .sort_con .turn_page span, .products_main .sort_con .turn_page a{
        font-size: 0.9rem;
    }
    .products_list li a{
        flex-flow: wrap;
    }
    .products_list ul{
        display: grid;
        grid-template-columns: repeat(2,1fr);
        gap: 1.2rem;
    }
    .products_list li .img{
        width: 100%;
        margin-right: 0;
        border-radius: 10px;
        overflow: hidden;
        aspect-ratio: 1/0.7;
        min-width: unset;
    }
    .products_list li strong{
        font-size: 1rem;
        line-height: 1.4;
        margin-top: 1rem;
        margin-bottom: 0.5rem;
        position: relative;
    }
    .products_list li strong .new{
        width: 2rem;
        height: 1rem;
        position: absolute;
        right: 0;
        bottom: calc(100% + 1rem);
    }
    
    .products_list li p{
        font-size: 0.9rem;
        line-height: 1.5rem;
        margin-bottom: 0.5rem;
    }
    .products_list li a{
        padding: 0 0;
    }
    .products_list li{
        border: none;
    }
    .btn_more{
        padding: 0.7rem 2rem;
        font-size: 1rem;
    }

    .filter_btn{
        display: block;
        width: 1.3rem;
        height: 1.3rem;
        margin-left: -1rem;
        margin-right: 1rem;
        background: url('../img/filter-btn.svg') no-repeat center/contain;
    }
    .products_main .categories_select a{
        padding: 1rem;
        font-size: 1rem;
    }
    .products_main .left{
        overflow: auto;
    }
    .products_main .left .search_con{
        margin-top: 1rem;
        padding-top: 1rem;
    }
    .products_main .left .search_con input[type="text"]{
        padding: 0.7rem 1.2rem;
        font-size: 1rem;
        line-height: unset;
    }
    .products_main .left .search_con input[type="submit"]{
        width: 2.5rem;
    }
    .products_main .left .filter_block{
        padding: 1.2rem;
        margin-top: 1.5rem;
    }
    .products_main .left .filter_block .title{
        margin-bottom: 1rem;
    }
    .products_main .left .filter_block .title strong{
        font-size: 1.2rem;
    }
    .products_main .left .filter_block .title.selected span{
        width: 1rem;
        height: 1rem;
    }
    .products_main .left .filter_block ul li .checkbox{
        width: 1.2rem;
        min-width: 1.2rem;
        height: 1.2rem;
    }
    .products_main .left .filter_block ul li .num{
        font-size: 1rem;
    }
    .products_main .left .filter_block ul li + li{
        margin-top: 1rem;
    }
    .products_main .left .filter_block .con{
        padding: 1.2rem 0;
    }
    .products_main .left .filter_block .con_search{
        margin-top: 1rem;
    }
    .products_main .left .filter_block .show_more{
        margin-top: 1rem;
        font-size: 1rem;
    }
    .products_main .left .filter_block .con_search .results_lists li p{
        font-size: 1rem;
    }
    .overlay_filter{
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        z-index: 10;
        opacity: 0;
        pointer-events: none;
        transition: all 0.3s;
    }

    .filter_active .overlay_filter{
        opacity: 1;
        pointer-events: all;
    }
    .promotion_banner .head{
        margin-top: 2rem;
    }
    .promotion_banner .head h1{
        font-size: 1.5rem;
        margin-bottom: 0;
    }
    .promotion_instant .promotion_instant_background{
        padding: 2rem 1.2rem;
    }
    .promotion_instant .promotion_instant_background h2{
        font-size: 1.3rem;
    }
    .promotion_instant .promotion_instant_background strong{
        font-size: 1.1rem;
    }
    .promotion_instant .promotion_instant_background span{
        font-size: 0.9rem;
    }
    .promotion_labels{
        padding: 2rem 0;
    }
    .promotion_labels ul{
        overflow: auto;
    }
    .promotion_labels ul li{
        flex: unset;
        min-width: 280px;
    }
    .promotion_labels ul li a > strong{
        font-size: 1.1rem;
        line-height: 1.4;
    }
    .promotion_labels ul li span{
        font-size: 0.9rem;
        line-height: 1.4rem;
        width: 100%;
        max-width: 100%;
    }
    .promotion_labels ul li button{
        margin-top: 1rem;
    }
    .resources_list ul li a > p{
        font-size: 0.9rem;
    }
    .resources_list ul li a >strong{
        font-size: 1.1rem;
        line-height: 1.5;
        margin-bottom: 1rem;
    }
    .resources_list ul li a .excerpt .flex{
        gap: 1.5rem;
    }
    .resources_list ul li a .excerpt .flex p{
        font-size: 0.9rem;
        line-height: 1.5rem;
    }
    .resources_list ul li a .excerpt .flex p a{
        margin-top: 0;
        font-size: 1rem;
        padding: 0;
        margin-top: 1rem;
    }
    .resources_list ul li a .excerpt .flex p a:before{
        width: 1rem;
        height: 1rem;
    }
    .resources_list ul li a .infos{
        margin-top: 1rem;
    }
    .resources_list ul li a .infos .flex{
        gap: 1rem;
    }
    .resources_list ul li a .infos strong{
        font-size: 1.1rem;
    }
    .resources_list ul li a .infos p{
        font-size: 1rem;
    }
    .resources_list ul li a{
        padding: 1rem 0;
    }
    .service_banner{
        padding: 2.5rem 0 5rem;
    }
    .service_banner .head{
        margin-top: 4rem;
    }
    .service_banner .head h1{
        font-size: 1.6rem;
        line-height: 1.4;
        margin-bottom: .5rem;
    }
    .service_banner .head p{
        font-size: 0.9rem;
        line-height: 1.5rem;
    }
    .service_main{
        padding: 2rem 0;
    }
    .service_main .content > strong{
        font-size: 1.5rem;
        padding-bottom: 1rem;
        margin-bottom: 1rem;
    }
    .service_main .table_nav{
        padding: 1rem 1.2rem;
        overflow: auto;
    }
    .service_main .table_nav ul{
        width: max-content;
    }
    .service_main .table_nav ul li a{
        white-space: nowrap;
        font-size: 0.9rem;
        padding: 0.5rem 2rem;
    }
    .service_main .content > .flex{
        flex-flow: wrap;
        gap: 1rem;
    }
    section .box_content p{
        font-size: 0.9rem;
        line-height: 1.5rem;
        margin: 1rem 0;
    }
    .service_main .product_list_service ul li a{
        font-size: 1rem;
    }
    .service_main .product_list_service .btn{
        font-size: 1rem;
        padding: 0.7rem 1rem;
    }
    section .service_head{
        font-size: 1rem;
        padding: 1rem 1.2rem;
    }
    section .box_content img{
        max-width: 100%;
    }
    .faq_box .faq_title{
        font-size: 1rem;
        line-height: 1.5;
        padding: 1rem 3rem 1rem 0;
    }
    .faq_box .faq_title:after{
        width: 1.2rem;
        height: 1.2rem;
        right: 1rem;
        top: 1rem;
    }
    .faq_box .anser{
        font-size: 0.9rem;
        line-height: 1.5rem;
        margin-bottom: 1.5rem;
    }
    .service_resource{
        padding-bottom: 3rem;
    }
    .service_resource .main{
        padding: 2rem 1.2rem;
    }
    .service_resource .main .head h2{
        font-size: 1.5rem;
    }
    .service_resource .main .documents_con ul{
        grid-template-columns: repeat(1,1fr);
        gap: 1.2rem;
    }
    .service_resource .main .documents_con li a{
        padding: 1.2rem ;
    }
    .service_resource .main .documents_con li strong{
        font-size: 1rem;
        line-height: 1.5;
    }
    .service_resource .main .documents_con li span{
        font-size: 1rem;
    }
    .service_resource .main .documents_con li span::before{
        width: 1.2rem;
        height: 1.2rem;
    }


    .thanks_main .flex {
        min-height: unset;
        padding: 3rem 0;
    }
    .thanks_main .head {
        padding: 0;
    }
    .thanks_main .head h1 {
        font-size: 25px;
        line-height: 1.5;
    }
    .thanks_main .icon {
        width: 3rem;
        height: 3rem;
        margin-bottom: 1rem;
    }
    .thanks_main .btns {
        margin-top: 20px;
        gap: 1rem;
    }
    .thanks_main .btns .btn_b {
        margin-top: 0;
        min-width: unset;
    }
    .thanks_main .btns .btn_line {
        font-size: 14px;
        line-height: 1.5;
        padding: 10px 20px;
    }


    
    .default_head{
      padding: 5rem 0;
    }
    .default_head h1{
      font-size: 2rem;
    }
    .default_body{
      padding: 3rem 0;
      font-size: 0.9rem;
      line-height: 1.5rem;
    }
    
    .default_body h2 {
      font-size: 1.2rem;
      line-height: 1.5;
      font-weight: 700;
      margin: 1rem 0 1rem;
    }
    .default_body h3 {
      font-size: 1.1rem;
      line-height: 1.5;
      font-weight: 700;
      margin: 1rem 0;
    }
    .default_body p {
      margin: 1rem 0;
    }
    
    
    .default_body ul li {
      position: relative;
      padding-left: 2.4rem;
      margin-bottom: 1rem;
    }
    .default_body ul li:last-child {
      margin-bottom: 0;
    }
    .default_body ul li::before {
      width: 1.4rem;
      height: 1.4rem;
      position: absolute;
      left: 0;
      top: 0.8rem;
      border-radius: 50%;
      background-color: var(--theme_color);
      content: '';
    }
    .header_bottom .center>div>ul>li .sub-menu{
        position: unset;
        transform: translate(0,0);
        opacity: 1;
        pointer-events: all;
        box-shadow: none;
        background-color: #efefef;
        margin-right: 2rem;
        border-radius: 10px;
        margin-right: auto;
        display: none;
        padding: 1.2rem !important;
        min-width: unset;
        max-width: 90%;
        transition: none !important;
    }
    .header_bottom .center>div>ul>li.active .sub-menu{
        padding: 1.2rem !important;
    }
    .header_bottom .center>div>ul>li .sub-menu > li{
        transform: translateY(0);
    }
    .header_bottom .center>div>ul>li .sub-menu > li > a{
        font-size: 1rem;
        line-height: 1.5;
        padding: 0;
    }
    .header_bottom .center>div>ul>li.menu-item-has-children>a{
    display: inline-block;
    }
    .header_bottom .center>div>ul>li.menu-item-has-children:before{
        content: "";
        width: 14px;
        height: 14px;
        position: absolute;
        right: 15px;
        top: 22px;
        background: url('../img/num_plus.svg') no-repeat center/contain;
        transition: all 0.3s;
    }
    .header_bottom .center>div>ul>li.menu-item-has-children.active:before{
        transform: rotate(135deg);
    }

    .model_popup .model_popup_content{
        width: 100vw;
        height: 100vh;
        padding: 3rem 1.2rem;
        min-width: unset;
    }
    .model_popup .head strong{
        font-size: 1.5rem;
    }
    .model_popup .form input{
        padding: 0.5rem 1rem;
        font-size: 1rem;
    }
    .model_popup .form span label{
        font-size: 1rem;
    }
    .model_popup .form input[type='submit']{
        padding: 1rem 2rem;
    }
    .circle_btn::before{
        height: 1.5rem !important;
    }

    .video_pop .pop_content {
        height: auto;
        width: 90vw;
    }
    .video_pop {
        padding: 0;
    }
    .video_pop .pop_content iframe {
        min-width: 90vw;
        min-height: 194px;
    }
    .video_pop .mask .close {
        right: 1rem;
    }
    .about_us .left .desc li{
        margin-left: 1rem;
    }
    .about_explore .left .head .btn, .about_distributor .btn, .page-id-10 .btn{
        font-size: 0.95rem;
        padding: 0.7rem 1.5rem;
    }
    #loading-indicator{
        font-size: 0.9rem;
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
 

    .cart_popup .cart_popup_con{
        top: unset;
        bottom: -200%;
        transform: translate(-50%,0);
    }
    .show_cart_popup .cart_popup .cart_popup_con{
        top: unset;
        bottom: 0;
        transform: translate(-50%,0);
    }
    .cart_popup_con{
        width: 100% !important;
        max-height: 80vh;
        overflow: auto;
    }
    .cart_popup .cart_popup_con .head{
        padding: 1.2rem;
    }
    .cart_popup .cart_popup_con .head strong{
        font-size: 1.2rem;
    }
    .cart_popup .cart_popup_con .head span.close{
        width: 1rem;
        height: 1rem;
    }
    .cart_popup .cart_popup_con .cart_popup_main{
        padding: 1.2rem;
    }
    .cart_popup .cart_popup_con .cart_popup_main .img{
        width: 4rem;
        min-width: 4rem;
    }
    .cart_popup .cart_popup_con .cart_popup_main li strong{
        font-size: 0.9rem;
        line-height: 1.3rem;
        margin-bottom: 0.5rem;
    }
    .cart_popup .cart_popup_con .cart_popup_main li .infos span{
        font-size: 0.9rem;
        line-height: 1.3rem;
    }
    .cart_popup .cart_popup_con .cart_popup_main li .infos .price, .cart_popup .cart_popup_con .cart_popup_main li .infos .price span{
        font-size: 1rem !important;
    }
    .cart_popup .cart_popup_con .cart_popup_main li .infos span + span{
        margin-top: 0.2rem;
    }
    .cart_popup .cart_popup_con .cart_popup_main li .infos .price span{
        margin-top: 0 !important;
    }
    .cart_popup .cart_popup_con .cart_popup_main li .actions .delete{
        width: 1.1rem;
        height: 1.1rem;
    }
    .cart_popup .cart_popup_con .cart_popup_main li .actions .quantity input{
        width: 2rem;
        height: 2rem;
        font-size: 1.1rem;
    }
    .cart_popup .cart_popup_con .cart_popup_main li .actions .quantity button.minus, .cart_popup .cart_popup_con .cart_popup_main li .actions .quantity button.plus{
        width: 2rem;
        height: 2rem;
        background-size: 1rem;
    }
    .cart_popup .cart_popup_con .cart_popup_main ul + p{
        font-size: 1rem;
        margin-top: 1rem;
    }
    .cart_popup .cart_popup_con .cart_popup_main a{
        font-size: 0.9rem;
    }
    .cart_popup .cart_popup_con .others{
        padding: 1.5rem 1.2rem;
    }
    .cart_popup .cart_popup_con .others .total{
        font-size: 1.2rem;
    }
    .cart_popup .cart_popup_con .others .total strong{
        font-size: 1.5rem;
    }
    .cart_popup .cart_popup_con .others .btn{
        font-size: 0.9rem;
        padding: 0.8rem 1.5rem;
    }

    .post_share .post_other_info ul li:before{
        width: 1.5rem;
        height: 1.5rem;
    }
    .post_share .post_other_info ul li{
        flex-flow: wrap;
        gap: 0.1rem;
        padding-left: 1.2rem;
    }
    form#sytech-newsletter-subscription{
        gap: 0.5rem;
    }

    .header_menu{
        display: none !important;
    }

    .header_top .search_block{
        width: 100%;
        top: 129%;
        left: 0;
        box-shadow: 0 15px 15px rgba(0, 0, 0, 0.1);
    }
    .header_top .search_block input[type="text"]{
        font-size: 13px;
    }
    .header_top .search_block input[type="submit"]{
        width: 2.5rem;
        height: 2.5rem;
    }
    .search_icon{
        width: 20px;
        height: 20px;
        background: url('../img/search-icon.svg') no-repeat center/contain;

    }


    .quote_modal .quote_box {
    border-radius: 10px;
    flex-wrap: wrap;
  }
  .quote_modal .quote_box .close {
    width: 14px;
    height: 14px;
    right: 20px;
    top: 20px;
  }
  .quote_modal .img {
    border-radius: 10px;
  }
  .quote_modal form {
    gap: 16px;
    padding: 30px 20px;
  }
  .quote_modal form .title {
    font-size: 20px;
    letter-spacing: unset;
    margin-bottom: 10px;
  }
  .quote_modal form input {
    font-size: 14px;
    height: 46px;
    padding: 0 20px;
  }
  .quote_modal form .drop_area {
    padding: 14px;
    margin-top: 0;
  }
  .quote_modal form .drop_area .text strong {
    font-size: 16px;
  }
  .quote_modal form .drop_area .text p {
    font-size: 14px;
    margin-top: 10px;
  }
  .quote_modal form .drop_area .text .btn {
    font-size: 14px;
    line-height: 2;
    margin-top: 10px;
  }
  .quote_modal form span:has(input[type=submit]) {
    margin-top: 10px;
  }
  .quote_modal form input[type=submit] {
    min-width: 120px;
    font-size: 14px;
    padding: 0 20px;
    line-height: 40px;
  }
}