@charset "utf-8";
@media (min-width: 576px){

}
@media (min-width: 768px){
    .nav-cart-info .nav-cart-list {
        width: 370px;
    }


}
@media (min-width: 992px) {
    .side1.col-lg-3 {
        width: 20%;
    }

    .content.col-lg-9 {
        width: 80%;
    }
}
@media (min-width: 1600px) {


    .side1.col-lg-3 {
        width: 15%;
    }
    .content.col-lg-9 {
        width: 85%;
    }
}


    @media (max-width: 1800px) {
		.lang_US     .footer .footer-info .copyrights {
        width: 100%;
        display: block;
        padding-top: 20px;
        border-top: 1px solid #c2c2c2;
        margin-top: 20px;
        text-align: center;
        position: static;
    }
	
        .ab_box_2 .pic {
            width: 50%;
        }
		.footer .footer-info ul.tat_x li:nth-child(2n+1) {
    width: 30%;
}
        .footer .footer-info ul.tat_x li {
            width: 60%;
        }
        .ab_box_2 .tit {
            width: 50%;
            padding: 0 0% 0 5%;
        }

        .ab_bg05 img {
            width: auto;
        }
        .main > .container, .main-content > .container {
            padding: 0 20px;
        }
        .breadcrumb {
            padding: 15px 20px;
        }
        .home_cont .cont_bg {
            top: -50%;
        }

        .footer .footer-info ul.tat_x {
            width: 60%;
        }

        .footer .footer-info .copyrights {
            position: absolute;
            right: 0;
            bottom: 0;
            width:auto;
        }

        .footer {
            padding: 20px 20px;
        }

        .header .navbar {
            padding: 0px 20px;
        }

        .about_02 {
            width: 50%;
        }
    }


    @media (max-width: 1199px) {
	.lang_US .footer .footer-info .footer_logo {
        width: 20%;
    }
        .ab_bg02 img {
            width: 50%;
           
        }
        .header .navbar-nav .nav-link {
            padding: 25px 15px 25px;
        }

        .footer .footer-info .footer_logo {
            width: 30%;
        }

        .footer .footer-info ul.tat_x {
            width: 60%;
        }

        .footer .footer-info .copyrights {
            width: 100%;
            display: block;
            padding-top: 20px;
            border-top: 1px solid #c2c2c2;
            margin-top: 20px;
            text-align: center;
            position: static;
        }

        .footer .footer-info {
            flex-wrap: wrap;
            position: relative;
            padding-bottom: 0;
        }


        .home_about .tit {
            width: 60%;
        }
    }

    @media (max-width: 991px) {
      
        .footer .footer-info ul.tat_x {
            width: 70%;
        }

        .home_core > .container {
            max-width: 100%;
        }

        .header .navbar .small-btn-box {
            margin-left: 0;
            position: absolute;
            right: 0;
            bottom: 7px;
        }

        .header .navbar-nav .nav-link {
            padding: 15px 15px 12px;
        }

        .navbar .navbar-brand {
            margin: 5px auto 0;
        }

        .sideNavBtn a, .function-bar .btn.btn-primary {
            width: auto !important;
            padding: 5px 10px !important;
            font-size: 14px;
        }

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

        .side .collapse.navbar-collapse.show {
            margin-bottom: 20px;
            background-color: #fff;
        }

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

        .sideNavBtn {
            display: block !important;
        }
        .main .side {
            margin-bottom: 0;
        }
    }


@media (max-width: 767px) {
	.lang_US .footer .footer-info .footer_logo,
    body .footer .footer-info .footer_logo {
        width: 90%;
        margin-bottom: 10px;
    }
    .footer .footer-info .copyrights {
        font-size: 12px;
    }

        .footer .footer-info ul.tat_x li, .footer .footer-info ul.tat_x li a {
            font-size: 14px;
        }
        .header .navbar-nav .nav-link {
            font-size: 16px;
        }
        .ab_box_0 p {
            font-size: 14px;
            line-height: 24px;
        }
        .ab_bg02 {
            bottom: 0%;
        }
            .ab_bg02 img {
            width: 30%;
        }
        .ab_box_1 .tit p {
            width: auto;
        }
        .ab_box_0  h3.h3 {
            font-size: 28px;
        }
        .ab_box_1 .pic,
        .ab_box_2 .pic{
            margin-bottom:20px;
        }
        .ab_box_2 .tit,
        .ab_box_2 .pic,
        .ab_box_1 .tit,
        .ab_box_1 .pic {
            width: 100%;
        }
        .ab_box_2 .d-flex {
            flex-wrap:wrap-reverse;
        }
        .ab_box_1 .d-flex {
            flex-wrap: wrap;
        }
        .pr_sear .d-flex .me-2 {
            margin-right: 0 !important;
        }
        .pr_sear .d-flex input {
            height: 50px;
            font-size: 14px;
        }
        .pr_sear .d-flex a {
            width: 100%;
            margin-top: 10px;
        }
        .pr_sear .d-flex {
            flex-direction: column;
        }
        .product .pagination {
            margin-top: 30px;
        }
        .blue {
            color: #ffffff;
        }
        .product table.table td h5 {
            background-color: #fff;
            color: #1478bd;
            font-size: 12px;
        }

        body .reflow-table.reflow-table-sm td:before {
            min-width: 50px;
            font-size: 12px;
            padding-top: 1px;
        }
        .product table.table td.w-1:before{
            display:none;
        }
        .product table.table td.w-1 {
            background-color: rgba(30, 145, 209, 1);
            color: #fff;
            display:block;
        }
        .product table.table td.w-2 {
            width: 100%;
        }
        .product table.table td p{
            font-size:14px;
        }

        .product table.table td {
            padding: 10px;
            width: 100%;
            display: flex;
        }
        .list-creative .list-terms label {
            font-size: 16px;
        }
        .list-creative > li {
            padding: 15px 0;
        }
        .news.show .h1 {
            font-size: 28px;
       
        }
        .function-bar{
            margin-bottom:10px!important;
        }
        .kind-info .h2 {
            padding: 13px 1%;
        }
        .news .article-grid .pic {
            margin-bottom: 5px;
        }
        .news .article-grid .item {
            margin-bottom:30px;
        }
        .article-grid .item .info .desc, .article-grid .item .info .desc a {
            font-size: 14px;
        }
        .breadcrumb-section {
            margin-bottom: 40px !important;
        }
        .breadcrumb {
            padding: 8px 20px;
        }
        .home_vision h4 {
            line-height: 32px;
        }
        .home_vision h3 {
            margin: 30px auto 20px;
            width: 210px;
            padding: 14px 10px;
        }

        .header .bsnav-mobile .navbar {
            background: linear-gradient(90deg,rgba(30, 145, 209, 1) 0%, rgba(18, 114, 184, 1) 100%);
        }

        .home_cont ul li h5 {
            font-size: 16px;
        }

        .home_cont ul li h3 {
            margin-bottom: 30px;
            line-height: normal;
        }

            .home_cont ul li h3 span {
                display: block;
            }

        .home_cont ul {
            text-align: center;
        }

        .footer-seo {
            margin-bottom: 0 !important;
        }

.lang_US .footer .footer-info ul.tat_x,
.lang_US .footer .footer-info ul.tat_x li:nth-child(2n+1),
        .footer .footer-info ul.tat_x li,
        .footer .footer-info ul.tat_x li:nth-child(2n+1) {
            width: 100%;
        }

        .footer .footer-info ul.tat_x {
            width: 100%;
        }

        .footer .footer-info .footer_logo {
            width: 100%;
            margin-bottom: 20px;
        }

        .home_cont ul li:nth-child(1) {
            padding-right: 0;
            padding-top: 100px;
        }

            .home_cont ul li:nth-child(1):before {
                left: 0;
                top: 0;
                width: 115px;
                height: 91px;
                background-size: cover;
            }

        .home_cont ul li {
            width: 100%;
        }

        .home_cont .cont_bg img {
            height: 800px !important;
            width: 100%;
            position: relative;
            overflow: hidden;
            object-fit: cover;
            object-position: center center;
        }

        .home_cont {
            padding: 20px 0 60px;
            height: auto;
        }

        .home_vision .container {
            position: relative;
            z-index: 10;
        }

        .home_vision::after {
            content: " ";
            display: block;
            position: absolute;
            background-color: #ffffff4d;
            top: 0;
            width: 100%;
            height: 100%;
        }

        .home_vision {
            background-position-x: 37%;
            padding: 50px 0 30px;
        }

        .home_about p,
        .home_prod p {
            font-size: 14px;
        }

        .home_prod .numb {
            left: 20px;
            top: 20px;
            font-size: 50px;
        }

        body .home_prod_left {
            margin-bottom: 20px;
        }

        .home_prod_right, .home_prod_left {
            flex: 1 0 100%;
            margin: 0;
        }

        .home_prod .d-flex {
            flex-wrap: wrap;
        }

        .home_core ul li .pic img {
            width: 70%;
        }

        .home_core ul li .pic {
            width: 85px;
            height: 85px;
        }

        .home_core ul li {
            flex: 1 0 100%;
            margin: 0 0 70px;
        }

        .h2 {
            font-size: 32px;
            margin-bottom: 30px;
        }

        .home_core ul {
            flex-wrap: wrap;
            margin-bottom: 0;
        }

        .home_about .more_x {
            margin-top: 30px;
        }

        .more_x {
            margin: 0 auto;
        }

        .more_x {
            font-size: 16px;
            padding: 10px 10px;
            width: 155px;
        }

        h3.h3 {
            margin-bottom: 20px;
            font-size: 32px;
            font-size: 32px;
        }

        .home_about:before {
            bottom: -25%;
        }

        .home_about {
            background: url(../images/all/about_03.jpg) no-repeat left top;
            background-size: contain;
        }

        .about_02 {
            width: 100%;
        }

        .home_about .d-flex .tit,
        .home_about .d-flex .pic {
            width: 100%;
        }

        .home_about .d-flex {
            flex-wrap: wrap-reverse;
            padding: 50px 15px 190px;
        }

        .banner .slick-dots {
            bottom: 5px;
        }

        .navbar .navbar-brand {
            margin: 0;
        }

        .banner {
            padding-top: 56px;
        }
        .header .btn-group.lang .dropdown-menu {
            left: -10px;
        }
        .header .btn-group.lang .dropdown-menu .dropdown-item {
            padding: 10px 20px !important;
        }
        .navbar .small-btn-box a {
            background: unset;
            border-color: unset;
            color: #1478bd;
            font-size: 16px;
            margin-right: 0;
            padding-right: 4px !important;
            padding-top: 0 !important;
            padding-bottom: 0 !important;
            padding-left: 6px !important;
        }

        .navbar .small-btn-box ul {
            margin-right: 0;
            margin-top: -6px;
            background-size: 36%;
        }

        .header .navbar .small-btn-box {
            right: 15px;
            top: 13px;
        }

        .header .navbar {
            padding: 10px 15px;
        }

        .home_core {
            background-attachment: scroll;
            padding: 60px 15px 60px;
            background-size: cover;
        }

        .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-primary {
            font-size: 14px;
            padding: 4px 10px;
        }

        .bsnav-mobile .navbar-nav .nav-item .navbar-nav .navbar-nav {
            background: rgba(30, 145, 209, 1);
        }

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

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

        .bsnav-mobile .navbar-nav .nav-item .nav-link {
            padding: 12px 0;
            color: #fff;
            border-bottom: solid 1px #ffffff4f;
        }

        .bsnav-mobile .nav-item .caret {
            border-top: solid 5px #ffffff;
        }

        .bsnav-mobile .navbar-nav {
            padding: 10px 0 0;
            text-align: left;
        }

        body .navbar .navbar-toggler {
            width: 23px;
            margin-right: 9px;
            margin-left: 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;
        }
    }