@charset "utf-8";
@media (min-width: 1600px){
    .side1.col-lg-3 {
        width: 15%;
    }

    .content.col-lg-9 {
        width: 85%;
    }
}
@media (min-width: 768px){
    .product-info-area {
        padding-left: 8%;
    }
  
    .header .nav-search-li .nav-search-box .search-area {
        display: block !important;
        position: static;
    }
    .header   .small-btn-box .btn-search {
        display: none;
    }
    .nav-cart-info .nav-cart-list {
        width: 370px;
    }
    .header .navbar-nav .nav-item:last-child .nav-link:before {
        display: none;
    }

    .header .navbar-nav .nav-link:before {
        content: " ";
        display: block;
        position: absolute;
        background: url(../images/all/circle.svg) no-repeat;
        width: 5px;
        height: 19px;
        right: 0;
        bottom: 13px;
    }


}
@media (min-width: 992px) {
    .is_scroll .navbar .navbar-brand {
        width: 242px;
        height: 67px;
        margin: 50px 0 15px;
        background-size: cover;
    }

    .is_scroll .header .navbar {
        margin-top: -60px;
    }

}
@media (max-width: 1600px) {
    .about_process_1 .tit h4:before {
        width: 100%;
    
    }
    .ab_list_2 h3 {
        font-size: 34px;
    }
    .ab_list_2 h3 span {
        display: table;
        margin-bottom: 20px;
    }
    .ab_list_2 {
        width: 100%;
    }
    .ab_fur_2 .ab_fur_2_right {
        width: 100%;
    }
    .cart.finish .main > .container {
        max-width: 960px;
    }
    .sitemap ul {
        width: 100%;
    }
    .footer_box .right-area {
        right: -7%;
    }

    .peop_right {
        right: 0;
    }
    .peop_left {
        left: 0;
        top: 2%;
    }
    .hot_bg04 img {
        height: 250px !important;
    }
}


    @media (max-width: 1199px) {
        .product.show .dl_Ikcd>.container,
        .product.show .tab-area > .container,
        .product.show .container.gx-md-2,
        .news.show .mainSection > .container {
            max-width: 100%;
        }
        .news.show .kind-info {
            padding-left: 20px;
            padding-right: 20px;
        }
        .main > .container, .main-content > .container {
            padding: 0 20px;
        }
        .footer_box .right-area {
            right: -4%;
        }
        .home_about {
            padding: 160px 0 180px;
        }
        .hot_bg04 img {
            height: 212px !important;
        }
        .article-grid.info-absolute .item {
            padding: 0 20px;
        }
     
        .header .navbar {
            padding: 0 20px;
        }
        header .navbar-nav .nav-link {
            padding: 65px 20px 8px;
            font-size: 16px;
        }
    }


    @media (max-width: 991px) {
        .about_process {
        }
        .about_process {
            width: 100%;
            margin: 40px auto 120px;
        }
        .about_process_1 .tit h4 {
            font-size: 24px;
      
        }
        .ab_fur_2 .ab_fur_2_right h3 {
            font-size: 24px;
        }
        .ab_list_2 h3 {
            font-size: 32px;
        }
        .section.mt-5 > .container,
        .cart-pg-section > .section > .container {
            max-width: 100%;
        }
        .cart.finish .main > .container {
        /*    max-width: 720px;*/
        }
     
        .news .main .side {
            margin-bottom: 0;
        }
        .news .function-bar {
            margin-bottom: 0 !important;
        }
        .so_dlfef{
            padding:0 20px;
        }
        .side1 .collapse.show .sideAutoUcCollapse {
            margin-top: 20px;
        }
        .sideNavBtn span.txt-en {
            display: none;
        }
        .footer_box .right-area {
            right: 5%;
        }
            .footer .container {
                max-width: 100%;
                padding: 0 20px;
            }
        .peop_right {
            bottom: 0;
        }
        .home_about p {
            width: 80%;
            text-align: left;
        }
        .gallery-list.slick.list .item {
            padding: 0 10px;
        }
        .home_news  .container {
            max-width: 100%;
            padding:0 4%;
        }
        .gift-box {
            width: 280px;
        }
        .banner {
            padding-top: 138px;
        }
        .header .navbar .small-btn-box {
            top: 32px;
            right: 0;
        }
        .navbar .navbar-brand {
            margin: 10px auto 5px;
            display: block;
        }
        .header .navbar-nav .nav-link {
            padding: 5px 30px 8px;
            font-size: 16px;
        }
        .sideNavBtn a, .function-bar .btn.btn-primary {
            width: auto !important;
            padding: 5px 10px !important;
        }

        .side1 .collapse:not(.show) {
            display: none !important;
        }

     

        .function-bar {
            justify-content: space-between !important;
        }

        .sideNavBtn {
            display: block !important;
        }
    
    }


@media (max-width: 767px) {
    .about_process {
        margin: 10px auto 80px;

    }
    .about_process_1 .tit h4:before {
        width: 99%;
    }
    .about_process_1 .tit {
        padding: 30px 20px;
        height: 280px;
    }
    .about_process_1 .tit h4 {
        margin-bottom: 10px;
        text-align: center;
    }
    .ab_fur_2 .ab_fur_2_right h3 {
        margin-bottom: 10px;
    }
    .about_process_1 h6 {
        width: 60px;
        height: 60px;
        left: -17px;
        font-size: 26px;

    }
    .about_process_1 .pic {
        border-radius: 10px 10px 0 0;
    }
    .about_process_1 {
        flex-wrap: wrap-reverse;
    }
    .about_process_1 .pic img {
        width: 60%;
        padding: 30px 0;
    }
    .about_process_1 {
        height: auto;
  
    }
    .about_process_1 .pic,
    .about_process_1 .tit {
        width: 100%;
    }
  
    .ab_fur_2 .ab_logo {
        width: 50%;
    }
    .ab_list_2 {
        flex-wrap: wrap;
        margin-top: 0;
    }
    .ab_fur_2 .about_introduct {
        flex: 1 0 100%;
        margin-bottom: 30px;
    }
    .ab_fur_2 .ab_fur_2_left h4 {
        line-height: 32px;
        margin: 20px 0 20px;
    }
    .about_box p {
        font-size: 14px;
        line-height: 24px;
    }
    .page-content {
        padding-top: 10px;
    }


    .cart.finish .qty-area, .cart.finish .info-item {
        font-size: 16px;
    }
    .blue {
        font-size: 15px;
    }
    .news.search .tab-area .tab-title a.active {
        padding: 9px 10px;
    }
    .cart.finish .main > .container {
        padding:0 20px;
    }
    .cart p.p_cush {
        margin-bottom: 0;
    }
    p.p_cush {
        font-size: 16px;
    }
    .contact  .list-creative > li {
        padding: 20px 0;
    }
    .contact .form-group .col-form-label {
        font-size: 16px;
    }
    .product.show .tab-area > .container {
        padding: 0;
    }
    .tab-area.tab-accordion .tab-accordion-header a {
        color: #fff;
    }
    .tab-area.tab-accordion .tab-accordion-header {
        background-color: #4f97d9;
        border-radius: 10px ;
    }
    .product.show .btn-area a.btn {
        width: 100%;
    }
    .product.show p.p_cush {
        font-size: 16px;
        margin-left: 0;
        width: 100%;
     /*   margin-bottom: 10px;
        text-align: center;*/
    }
    .product.show .btn-area .d-flex {
        flex-wrap:wrap-reverse;
    }
    .ezshare-box ul:before {
        font-size: 14px;
       
    }
    .h5 {
        font-size: 28px;
    }
    .tab-area.tab-accordion .tab-accordion-body {
        background: #fff;
        border-radius: 0 0   10px 10px;
    }
    .product.show .slick .slick-prev {
        left: -20px;
    }
    .product.show .slick .slick-next {
        right: -20px;
    }
    .news.show .da_ki {
        margin: 0 auto 7px;
    }
    .article-grid.info-absolute .item .info .title {
        padding-top: 0;
    }
    .hot_fx .pic {
        margin: 10px;
    }
    .list-inline-item:not(:last-child) {
        margin-right: 0.2rem;
    }
    .home_news  h3.h3 {
        margin-bottom: 9px;
    }

    .item .date {
/*        margin: 0 auto;
*/        display: table;
        padding: 4px 5px;
        font-size: 12px;
        transform: translateY(11px);
    }
    .banner .slick-dots {
        bottom: 9px;
    }
    .peop_left {
        top: -4%;
    }
    .footer-logo{
        margin-bottom:10px!important;
    }
    .social-box {
        margin-bottom: 15px;
    }
    .footer-info {
        display: flex;
        flex-direction: column-reverse;
    }
    .footer .footer_content .sitemap {
        margin-top: 0;
    }
    .fl_fot .fl_cart a,
    .fl_fot .fl_cont a {
        padding: 10px 0;
    }
    .fl_fot .gotop a {
        padding: 20px 0 0;
    }
    .fl_fot .fl_bo a img {
        width: 25%;
        margin-bottom: 5px;
    }
    .fl_fot .fl_bo a {
        width: auto;
        height: 100%;
        border-radius: 0;
        display: block;
    }
    .fl_fot .fl_bo {
        flex: 1;
        margin: 0;
    }
    .fl_fot {
        right: 0;
        bottom: 0;
        left: 0;
        display: flex;
    }

    .article-grid .item .info .title a {
        font-size: 16px;
        line-height: normal;
        padding-top:5px;
    }
    a.more_x i {
        width: 17px;
        height: 17px;
      
    }


    .footer-seo{
        margin-bottom:0!important;
    }
    .footer .copyrights-info {
        font-size: 12px;
        margin-top: 10px;
    }
    .footer .footer-info ul li {
        font-size: 14px;
    }
    .footer .footer_content .sitemap > ul > li {
        padding: 4px 0;
    }
    .footer .footer_content .sitemap > ul > li a {
        font-size: 14px;
    }
    .footer_box .right-area {
        right: 0;
        width: 100%;
        position: static;
    }
    .footer_box .left-area {
        width: 100%;
    }
    .footer_box {
        flex-wrap: wrap;
    }
    .peop_right {
        right: 10px;
    }
    .footer .footer_content {
        border-top: 35px solid #af5c32;
        padding-bottom: 65px;
    }
    .footer .footer_content.aos-animate:after {
        top: -82px;
    }
    .footer .footer_content:after {
        width: 163px;
        height: 62px;
   
   
    }
    .home_about a.more_x {
        padding: 10px 5px;
        margin: 0;
    }


    .home_about {
        padding: 130px 20px 100px;
     
    }
        .home_about p {
            width: auto;
            font-size: 14px;
            margin-bottom:20px;
        }
        .home_about h4 {
            font-size: 18px;
            line-height: 32px;
            text-align: left;
        }
    .home_about h4 span {
        display: unset;
    }
    .peop_right_box,
    .peop_left_box {
        width: 140px;
    }
    .peop_right_1{
        margin: 0 0 0 auto;
    }
    .peop_right_1,
    .peop_left_1 {
        width: 70%;
    }
    .peop_right_2,
    .peop_left_2 {
        background-size: cover !important;
        width: 141px;
        height: 115px;
    }
    .home_product.home_product2 {
        padding: 0 0;
   
    }
        .hot_bg04 img {
        height: 182px !important;
    }
    .hot_fx .hot_fx_right, .hot_fx .hot_fx_left {
        flex: 1 0 100%;
    }
    .hot_fx{
        flex-wrap:wrap;
    }
    .hot_fx_bg {
        width: 90px;
        height: 90px;
        top: -6%;
    }
    .home_news .slick-multi-cusarrow .slick-btn .btn-next {
        right: -20px;
    }
  .home_news  .slick-multi-cusarrow .slick-btn .btn-prev {
        left: -20px;
    }
    .article-grid.info-absolute .item {
        padding: 0 5px;
        margin-bottom: 0!important;
    }
    body .bx_shared {
        padding-bottom: 50px;
    }
    .gallery-list .item .info {
        padding: 10px 0 0;
    }
    a.more_x {
        width: 154px;
        font-size: 16px;
   
    }
  
    .person {
        animation: unset;
        opacity:1;
    } 
    .gift-box_mid {
        top: 20px;
    }
    .gift-box {
        width: 80px;
    }
    .gallery-list .item .title {
        font-size: 16px;
        margin-top: 5px;
        margin-bottom: 5px;
    }
        .slick-multi-cusarrow .slick-btn .btn-prev, .slick .slick-prev {
        left: -10px;
  
    }
    .slick-multi-cusarrow .slick-btn .btn-next,
    .slick .slick-next {
        right: -10px;
     
    }
    .home_product{
        padding-left:0;
        padding-right:0;
    }
    .slick-multi-cusarrow .slick-btn .btn-next,
    .slick .slick-next,
    .slick-multi-cusarrow .slick-btn .btn-prev,
    .slick .slick-prev {
        width: 35px;
        height: 35px;
        background-size: 30% !important;
    }
    .gallery-list.slick.list .item {
        padding: 0;
    }
    h3.h3 {
        font-size: 28px;
       
    }

    .flag {
        width: 235px;
        height: 43px;
        background-size: cover;
        margin-bottom: 20px;
    }
        .header .bsnav-mobile .navbar {
        background: url(../images/all/prod_bg.jpg) no-repeat;
    }
    .navbar .small-btn-box ul {
        align-items: unset;
        margin-right: 5px;
    }
   
    .header .nav-search-li .nav-search-box .search-area .form-inline {
        flex-direction: unset;
        padding: 0 5%;
    }
    .nav-search-li .nav-search-box .search-area {
        border-radius: 0;
        width: 100%;
    }
    .navbar .small-btn-box a i {
        background: url(../images/all/search.svg) no-repeat #c36333 center;
        width: 30px;
        height:30px;
        border-radius: 30px;
    }
    .navbar .small-btn-box a i:before {
        display: none;
    }
    .banner {
        padding-top: 58px;
    }
    .navbar .navbar-brand {
        width:181px;
        height: 43px;
        margin:10px 0;
    
    }
    .header .navbar .small-btn-box {
        position: relative;
        top: 4px;
    }
    .header .btn-group.lang .dropdown-item {
        font-size: 14px;
        padding: 8px 15px;
    }
    .header .navbar {
        padding: 0 10px;
    }
    .bsnav-mobile.right .navbar .navbar-nav .nav-item .caret, .bsnav-mobile.left .navbar .navbar-nav .nav-item .caret {
        display: block;
        position: absolute;
        right: 15px;
        top: 50%;
    }
    .header .navbar.newtop.logo-show:not(.logo-ani-show) .navbar-brand .logo, .header .navbar.newtop.logo-show:not(.logo-ani-show-bg) .navbar-brand .logo {
        display: unset;
    }
    .rwd-table.mob-mode tr:nth-child(odd) {
        background: rgb(238 238 238);
    }

    .rwd-table.mob-mode td:before {
        font-weight: 400;
        min-width: 30%;
        color: #000;
    }

    .rwd-table td:first-child a,
    .rwd-table td:first-child:before {
        color: #ffffff;
    }

    .order-list table.mob-mode td:first-child {
        background: #161616;
        border: solid 1px #161616;
    }

    .rwd-table.mob-mode td {
        padding: 10px 10px;
    }

    body .navbar-toggler.toggler-spring.active .navbar-toggler-icon {
        background-image: unset;
    }
    .btn.btn-secondary,
    .btn.btn-primary {
        font-size: 14px;
    }
   
    .bsnav-mobile .navbar-nav .nav-item .navbar-nav .navbar-nav li a {
        padding-left: 28px;
    }

    .bsnav-mobile .navbar-nav .nav-item .navbar-nav {
        background: #ffffff00;
        margin-left: 0;
        margin-right: 0;
    }

        .bsnav-mobile .navbar-nav .nav-item .navbar-nav .nav-link {
            padding: 10px 10px;
            color: #000;
            font-size: 16px;
        }

    .bsnav-mobile .navbar-nav .nav-item .nav-link {
        padding: 12px 0;
    }

    .bsnav-mobile .navbar-nav {
        padding: 0 0;
        text-align: left;
    }
    body .navbar .navbar-toggler {
        width: 23px;
        margin-right: 0;
    }

    .navbar-toggler.toggler-spring .navbar-toggler-icon::after {
        top: 17px;
    }

    .navbar-toggler.toggler-spring .navbar-toggler-icon::before {
        top: 8px;
    }

    .navbar-toggler .navbar-toggler-icon, .navbar-toggler .navbar-toggler-icon::after, .navbar-toggler .navbar-toggler-icon::before {
        height: 1.5px;
    }

    }