/*reponsive*/

/*reponsive header command footer*/
@media (max-width: 1195px) {
    .giohang .language {
        width: 52px;
    }

    .container #gridData {
        padding: 0 8px;
    }

    .wrap {
        width: 92%;
    }

    .footer .page_footer {
        width: 96%;
    }

    .wrp {
        width: 70rem;
    }

    .title_tintuc,
    .title_sp-tuong-tu,
    .giohang {
        padding: 0 8px;
    }
    /*
    .banner {
        justify-content: space-around;
    }
*/
    .banner_content {
        padding-left: 0rem;
        width: 60%;
    }
    .menu .menu_root > li a span {
        font-size:14px;
    }
    .nav_mobile .menu .menu_root > li a span {
        font-size: 16px;
    }

    .giohang {
        padding-left: 28px;
    }

    .wrap #frmsearch {
        right: 6px;
    }

    .thong_tin_chi_tiet {
        padding: 0 8px;
    }

    .sp_tuong_tu .sp_goi-y {
        margin: 0 0;
    }

    .footer .info_footer {
        justify-content: space-around;
    }

    /* #product.cart .tableCart .row2 .totalPrice {
        margin: 10px -8px;
    }*/
}

    @media (min-width: 945px) and (max-width: 1026px) {
        .giohang .language {
            width: 52px;
        }

        .menu .menu_root li a {
            padding: 0 6px;
        }

        /*.banner {
            justify-content: space-evenly;
        }*/

        .giohang {
            padding: 0px 0 0 6px;
        }

        .banner_content-left, .banner_content-right {
            padding-left: 12px;
            padding-right: 12px;
            border-left: 1px solid #4e4e4e;
        }

        .tags_gioithieu-left .khoi_hinh .hinh_tam-giac {
            width: 18rem;
        }

        .contact_gioithieu .thongtin {
            width: 48%;
        }

        .contact_gioithieu .folow_mxh .fanpage_gioithieu {
            width: 46%
        }

        .footer .page_footer {
            width: 96%;
        }

        .footer .info_footer .info_left {
            width: 30rem;
        }

        .wrp {
            max-width: 60rem;
        }

        .sp_goi-y .img-mgl {
            width: 220px;
        }

        .sp_goi-y .mg-mgl {
            width: 228px;
        }
    }

    @media (max-width: 945px) {

        .nav_mobile-list .search {
            display:none;
        }
        .nav_mobile-list #frmsearch {
            display:block;
        }

        .top .banner_sanpham .container_search {
            top: 4%;
        }

        .container {
            margin: auto;
            width: 90%;
        }

        .top .banner_sanpham .slideHome .slick-arrow {
            display: none !important;
        }

        .footer .info_footer .info_right {
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .top .banner_sanpham .slideHome .slick-dots {
            right: 47%;
        }

        .gioithieu_loaidiachi {
            width: 26%;
        }

        .gioithieu_diachicuthe {
            width: 74%;
        }

        .select2-container--default .select2-selection--single .select2-selection__clear {
            display: none;
        }

        .sp_goi-y .sanpham {
            width: 100%;
        }

        .boxLeft .title .titleForgot {
            font-weight: 700;
            font-size: 25px;
        }

        .sp_tuong_tu .sp_goi-y .sanpham .mua_hang a:first-child {
            width: 25%;
        }

        /*   .sp_tuong_tu .sp_goi-y .sanpham .mua_hang a:hover, .sp_tuong_tu .sp_goi-y .sanpham .mua_hang a.active {
        margin: 0 20px;
    }*/

        .nut_mua_hang {
            justify-content: flex-end;
        }

        #accBox .wrapAcc .accRight .accRightInner .btnRegSubmit:hover {
            width: 55%;
        }

        .mo_ta-sp .thong_tin_chi_tiet .tieu_de-sp {
            margin-top: 0rem;
        }

        .sp_tuong_tu .sp_goi-y .sanpham .mua_hang {
            flex-direction: row-reverse;
        }

        .gio_hang .nut_quantri .right {
            width: 42%;
        }

        .nut_quantri .right .thanh_toan {
            width: 11rem;
        }

        .gio_hang .sp_giohang .sanpham_mua .sp .info_sp a {
            text-align: start;
        }

        .txtbars_mobile .dropdown_menu .display_flex .sanpham_lop .title_sanpham img {
            display: none;
        }

        .sanpham_sale {
            display: none;
        }

        .txtbars_mobile .dropdown_menu .display_flex .sanpham_khac .title_sanpham {
            margin-top: 30px;
        }

            .txtbars_mobile .dropdown_menu .display_flex .sanpham_khac .title_sanpham img {
                display: none;
            }

        .nav_bars-btn {
            display: block;
            width: 35px;
            height: 35px;
        }

        .sp_giohang .sanpham_mua {
            width: 98%;
        }

        .nav_input:checked ~ .mobile_close {
            display: block;
            transform: translateX(0);
        }

        .nav_input:checked ~ .nav_overlay {
            display: block;
            width: 101%;
        }

        .nav_input:checked ~ .nav_mobile {
            transform: rotateY(0);
            opacity: 1;
        }

        .menu {
            display: none;
        }

        .nav_mobile-list {
            padding: 0;
            display:flex;
           flex-direction:column-reverse;

        }

            .nav_mobile-list .menu {
                display: flex;
                background: none;
                height: 100%;
            }

                .nav_mobile-list .menu .container {
                    flex-direction: column-reverse;
                }

            .nav_mobile-list .menu_root {
                display: flex;
                flex-direction: column;
                overflow-x: auto;
                height: 77vh;
            }

                .nav_mobile-list .menu_root li {
                    padding: 16px 0;
                }

            .nav_mobile-list .wrap {
                right: 20px;
            }
            .nav_mobile-list .linkAndSearch {
                margin-bottom:20px;
            }

        .menu .container .linkAndSearch .wrap {
            top:0;
            padding-top:0;
        }
        .menu .container .linkAndSearch .wrap #frmsearch{
        position:static;
        }
            .dropdown_menu {
                margin: 0;
                width: 100%;
            }

            .dropdown_menu .display_flex {
                display: none;
            }

        .txtbars_mobile a:hover > .dropdown_menu .display_flex {
            display: block;
        }

        .search_mobile {
            display: none;
            margin: 10px auto;
            width: 89%;
            border-radius: 3px;
            border: 1px solid #c0c0c0;
            background-color: white;
        }

            .search_mobile .frmsearch {
                text-align: center;
                justify-content: center;
                display: inline-flex;
                width: 98%;
            }

                .search_mobile .frmsearch .srch {
                    border: none;
                    outline: none;
                    flex: 1;
                }

                .search_mobile .frmsearch .btnsearch {
                    border: none;
                    width: 26px;
                    height: 24px;
                    color: black;
                    border-radius: 3px;
                    background-color: white;
                    margin-left: 28px;
                }

            .search_mobile .btnsearch:hover {
                background-color: #005180;
            }

        #banner_mobile label {
            padding: 2rem 0;
        }
        #banner_mobile .nav_bars-btn {
            padding:1rem 0;
        }

        .banner {
            display: flex;
            width: 95%;
        }

            .banner .banner_content .banner_content-left, .banner .banner_content .banner_content-right {
                display: none;
            }

        .banner_content_menu {
            margin-left: 5%;
            margin-top: 5%;
        }


            .banner_content_menu .banner_content-right {
                margin-top: 5%;
            }

        .banner_content {
            padding-top: 8px;
            padding-left: 0;
        }

        .car_info ul {
            display: block;
            margin: auto;
            width: 75%;
        }

            .car_info ul .car_left,
            .car_info ul .car_right {
                display: flex;
                justify-content: space-around;
            }

                .car_info ul .car_left img,
                .car_info ul .car_right img {
                    width: 100%;
                    /*height: 1%;*/
                }

            .car_info ul .car_center img {
                width: 100%
            }

        /*.news {
        height: 47rem;
    }*/
        .news .tin_trang-chu .btn {
            margin-top: 10px;
        }

        .news .site_news .news-min-responsive {
            flex-direction: row;
        }

        .news .main_new {
            width: 100%;
        }

        .news .site_news {
            margin-top: 27rem;
            margin-left: 13%;
            width: 100%
        }


            .news .site_news .news_min img {
                height: 14rem;
                object-fit: cover;
            }

            .news .site_news .news_min {
                width: 100%;
            }

                .news .site_news .news_min .new_min-title,
                .news .site_news h2 {
                    color: black;
                }

            .news .site_news hr {
                background-color: black;
            }

        .category .category_product {
            width: 99%;
            margin-right: 0;
            justify-content: space-between;
        }

        /*.category .category_product .product_box:last-child {
            margin-right: 0;
        }*/
        /*css trang tin tức*/
        .main_tintuc {
            display: block;
        }

            .main_tintuc .small_news {
                display: inline-flex;
                justify-content: flex-start !important;
                align-items: center;
                width: 100%;
                height: 8rem;
                padding: 0;
            }

                .main_tintuc .small_news img {
                    width: 11rem;
                    height: 6rem;
                }

                .main_tintuc .small_news div {
                    padding: 10px;
                }
        /*css thanh toán*/
        .menu_thanh_toan {
            display: block;
        }

        /*css trang giới thiệu*/
        .contact_gioithieu {
            display: block;
        }

            /*.contact_gioithieu .thongtin {
            width: 100%;
        }*/

            .contact_gioithieu .folow_mxh .youtube_gioithieu {
                padding-left: 0;
            }

            .contact_gioithieu .folow_mxh .fanpage_gioithieu {
                padding-left: 0;
            }

        .tags_gioithieu-right,
        .tags_gioithieu-left {
            display: block;
            text-align: center;
        }

            .tags_gioithieu-right .khoi_hinh,
            .tags_gioithieu-left .khoi_hinh {
                display: none;
            }

            .tags_gioithieu-left .mota_tags,
            .tags_gioithieu-right .mota_tags {
                width: 95%;
                border: none;
                padding-left: 0;
                margin: auto
            }

        /*css trang sản phẩm*/
        .thuong_hieu_lop .thuong_hieu img:first-child {
            padding-left: 8px;
        }
        /*css footer*/
        .footer .info_footer {
            width: 100%;
        }

        .footer .page_footer {
            width: 90%;
        }

        .top .banner_sanpham .container .container-bottom .group {
            flex-direction: column;
        }

        .top .banner_sanpham .container {
            width: 81%;
        }

        .contact {
            margin-left: 86%
        }
        .footer img {
            height: 13rem;
        }
            /* hết css footer*/
        }

    @media (min-width: 821px) and (max-width: 945px) {

        /*css trang thanh toán*/
        .menu_thanh_toan .thong_tin-phai .thong_tin_thanh_toan form div {
            width: 97%;
        }
    }
@media (min-width: 450px) and (max-width: 945px) {
    .news .site_news {
        margin:0;
    }

}
    @media (min-width: 835px) and (max-width: 913px) {
        .banner {
            width: 100%
        }

        .giohang {
            width: 50%;
        }

        .top .banner_sanpham .container {
            left: 7%;
            top: 7%;
            width: 82%;
        }

        .category .category_product .product_box {
            width: 7rem;
        }

        .news {
            height: 38rem;
        }

        .news-min-responsive {
            display: flex;
        }

        .car_info ul .car_left img, .car_info ul .car_right img {
            height: 14rem;
        }

        .car_info ul li img {
            margin: 4px 0;
        }

        .banner_content-left, .banner_content-right {
            display: none;
        }

        .tags_gioithieu-right img, .tags_gioithieu-left img {
            width: 100%;
        }

        .tags_gioithieu-right, .tags_gioithieu-left {
            max-height: 40rem;
        }

        .contact_gioithieu .thongtin {
            display: none;
        }

        .contact_gioithieu .folow_mxh .fanpage_gioithieu {
            padding-left: 20px
        }

        .contact_gioithieu .folow_mxh .youtube_gioithieu {
            width: 56%;
        }

        .list_sp .bo_loc {
            width: 13rem;
        }

        .sp_goi-y .sanpham {
            width: 46%;
        }

        .sp_tuong_tu .sp_goi-y .sanpham .mua_hang a:first-child {
            width: 40%;
        }

        .sp_goi-y .mg-mgl {
            width: 200px;
        }

        .sp_goi-y .img-mgl {
            width: 185px;
        }

        .mo_ta-hinh-anh .hinh_anh .anh_chinh {
            width: 20rem;
            height: 20rem;
        }
    }

    @media (min-width: 641px) and (max-width: 835px) {
        .container {
            margin: auto;
            width: 90%;
        }

        .BA_spKhac {
            width: 45%;
        }

        .top .banner_sanpham .container {
            position: unset;
            /*margin-top: 35px;*/
        }

        .giohang {
            width: 36%;
            padding-left: 8px;
        }

        .banner_content_menu {
            display: none;
        }

        .mobile_close {
            margin-left: 91.7%;
            top: 2.3rem;
        }

        .nav_mobile .nav_mobile-list li a {
            text-transform: uppercase;
        }

            .nav_mobile .nav_mobile-list li a:hover {
                background-color: #FA7D37;
            }

        .category .category_product .product_box {
            width: 5rem;
        }

        .top .banner_sanpham .container .container-top .right .title a {
            font-size: 15px;
        }

        .news .site_news {
            margin: auto;
            width: 100%;
        }

        .news-min-responsive {
            display: flex;
            flex-direction: column;
        }

        .car_info ul .car_left a, .car_info ul .car_right a {
            width: calc(100%/2);
        }

        .car_info ul li img {
            margin: 0px;
            margin-bottom: 6px;
        }

        .footer .info_footer .info_right .box_footer {
            height: 4rem;
            width: 11rem;
        }

        .intro .diachi_haiphong p {
            width: 22%;
        }

        .tags_gioithieu-left, .tags_gioithieu-right {
            display: flex;
            font-size: 16px;
        }

        .contact_gioithieu .thongtin {
            display: none;
        }

        .lop_theo_hang {
            flex-wrap: inherit;
        }
        /*css trang sản phẩm*/
        .rectangle .rectangle_left {
            width: 74%;
        }

        .top .banner_sanpham .container {
            width: 80%;
        }

        .list_sp .bo_loc {
            width: 14rem;
        }

        .sp_tuong_tu .sp_goi-y .sanpham {
            width: 30%;
        }

        .table-responsive .sp_goi-y .sanpham {
            width: 45%;
        }

        .sp_tuong_tu .sp_goi-y .sanpham .mua_hang a:first-child {
            width: 48%;
        }

        .mo_ta-hinh-anh .hinh_anh .anh_chinh {
            width: 46rem;
        }

            .mo_ta-hinh-anh .hinh_anh .anh_chinh img {
                width: 45rem;
                height: 24rem;
                padding: 0rem;
                max-width: 100%;
            }

        .thong_tin_chi_tiet {
            padding: 0 8px;
        }

        .sp_goi-y .img-mgl {
            width: 224px;
        }
        /* Trang Anh xe*/
        /*.main_anhxe {
        display: flex;
        width: 100%;
        flex-wrap: inherit;
    }
        .main_anhxe .small_news{
            display: block;
        }*/
        /*Trang tài khoản*/
        #accBox .wrapAcc .accLeft {
            width: 12rem;
        }

        padding-left
        /*css trang thanh toán*/
        .menu_thanh_toan .thong_tin-phai .thong_tin_thanh_toan form div {
            width: 97%;
        }

        /* .top .banner_sanpham .container .container-top .left .group {
        margin-top: 28px
    }*/
        /*hết css trang sản phẩm*/
        .wrap {
            width: 100%;
        }
    }

    @media (min-width: 300px) and (max-width: 835px) {

        /*css trang sản phẩm*/
        .lop_theo_loai_xe {
            display: block;
        }

            .lop_theo_loai_xe .loai_xe {
                margin: 1rem auto;
                width: 100%;
            }

                .lop_theo_loai_xe .loai_xe p {
                    width: 66%;
                }

        .top .banner_sanpham .container {
            width: 92%;
        }


        .lop_theo_hang ul {
            padding-left: 0;
            width: 100%;
        }

        /*.lop_theo_hang ul li {
                width: 32%;
                display: -webkit-inline-box;
                line-height: 3em;
            }*/

        /*css mô tả sp*/
        .mo_ta-sp .mo_ta-hinh-anh {
            display: block;
            max-height: 100%;
        }

        .mo_ta-hinh-anh .thong_tin_co_ban {
            padding: 0;
        }

        /*css footer*/


        .footer .info_footer .info_right img {
            margin: 0 10px;
        }

        .sp_goi-y tr th:first-child {
            width: 200px;
        }
    }

    @media (min-width: 640px) and (max-width: 770px) {
        #banner_mobile label {
            padding: 1rem 0;
        }

        .giohang {
            width: 44%;
            padding-left: 8px;
        }

        .contact_gioithieu .folow_mxh .youtube_gioithieu {
            width: 50%;
        }

        .contact_gioithieu .folow_mxh .fanpage_gioithieu {
            padding-left: 12px;
        }

        .intro .diachi_haiphong p {
            width: 25%;
        }

        .mo_ta-hinh-anh .hinh_anh .anh_chinh {
            width: 40rem;
        }

        .sp_goi-y .img-mgl {
            width: 200px;
        }

        .sp_goi-y .mg-mgl {
            width: 210px;
        }

        .nut_quantri .right .tiep_tuc {
            margin: 0;
        }

        .nut_quantri .right .thanh_toan {
            width: 12rem;
        }

        .mo_ta-hinh-anh .hinh_anh .anh_chinh img {
            width: 40rem;
            height: 24rem;
            padding: 0rem;
            max-width: 100%;
        }
    }

    @media (min-width: 421px) and (max-width: 640px) {
        .container {
            margin: auto;
            width: 94%;
        }

        /*.BA_spKhac::before {
            position: unset
        }*/

        .BA_spKhac {
            margin-top: 15px;
        }

        .main .describe .describe_block .thuong_hieu_lop .thuong_hieu {
            margin-left: 27px;
            display: flex;
            align-items: center;
        }
        /*css header*/
        .banner_sanpham .label_sanpham {
            width: 24.6rem;
            margin-left: 0;
        }

            .banner_sanpham .label_sanpham .label_title {
                width: 24.3rem;
                height: 3rem;
            }

                .banner_sanpham .label_sanpham .label_title .hinh_binh_hanh {
                    width: 7rem;
                    height: 44px;
                    margin-left: 8rem;
                }

                .banner_sanpham .label_sanpham .label_title .hinh_thang {
                    border-top: 43px solid #4a4a4a;
                    border-left: 24px solid transparent;
                    border-right: 0px solid transparent;
                    width: 7.5rem;
                    margin-left: 15.1rem;
                }

                .banner_sanpham .label_sanpham .label_title a {
                    padding: 9px 15px 8px 37px;
                    width: 9.2rem;
                }

            .banner_sanpham .label_sanpham .label_content a {
                width: 23rem;
                margin: 6px 4px;
            }

        /*css trang chủ*/
        .news {
            height: 60rem;
        }

            .news .site_news .news_min {
                display: block
            }

                .news .site_news .news_min .new_min-title h5 {
                    padding: 0;
                }


        /*css trang sản phẩm*/
        .rectangle .rectangle_left {
            width: 66%;
        }


        /*css trang tin chi tiết*/
        .trang_tin {
            display: block;
        }

            .trang_tin .main_tinchitiet {
                width: 100%
            }

            .trang_tin .tin_ben_le {
                padding-left: 0;
            }

        /*css trang giới thiệu*/
        .contact_gioithieu .folow_mxh {
            display: block;
        }

            .contact_gioithieu .folow_mxh .fanpage_gioithieu {
                display: block;
            }


        /*css trang thanh toán*/
        .menu_thanh_toan .thong_tin-phai .thong_tin_thanh_toan form div {
            width: 96%;
        }
        /*css footer*/
        .footer img {
            height: 14rem;
        }

        .wrap .thuong_hieu_lop {
            flex-direction: column !important;
        }

        .main .describe .describe_block .thuong_hieu_lop .thuong_hieu {
            width: 100%;
        }
    }

    @media (min-width: 300px) and (max-width: 520px) {
        .container {
            width: 98%;
        }

        .footer .info_footer .info_right {
            display: flex;
            flex-direction: row;
            align-items: center;
        }

        .news {
            height: 74rem;
        }

        .footer .info_footer {
            display: block;
        }

        .car_info ul li img {
            margin: -1px;
        }

        .car_info ul .car_left img, .car_info ul .car_right img {
            width: 99%;
        }

        .car_info ul {
            margin: 2px;
            width: 100%;
        }

        .category_title p {
            font-size: 19px;
        }

        .news .site_news {
            margin-left: 6%;
        }

        .category .category_product .product_box {
            margin: 16px;
        }

        /*.wImage .image {
            width: 65%;
        }*/

        .top .banner_sanpham .container {
            position: initial;
        }

        .nav_mobile .nav_mobile-list li a:hover {
            background-color: #FA7D37;
        }

        .banner_content_menu {
            display: none;
        }

        .nav_bars-btn {
            display: block;
            width: 4%;
            height: 35px;
        }

        .banner .logo img {
            height: 44px;
        }

        .banner_content {
            padding-top: 8px;
            display: block;
        }

        #product.cart .tableCart .row2 {
            display: flex;
            flex-direction: column;
        }

        #show ._thongtinthanhtoan .tong-chi-phi .sanpham_mua .sp .info_sp {
            text-align: start;
        }

        .menu_thanh_toan {
            width: 91%;
        }

            .menu_thanh_toan .thong_tin-phai {
                margin-top: 40px;
            }

        .codeSercu {
            display: flex;
            flex-direction: column-reverse;
        }

        #tong-chi-phi .sanpham_mua {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
        }

        #show ._thongtinthanhtoan .tong-chi-phi .sanpham_mua .sp {
            width: 100%;
        }

        #show ._thongtinthanhtoan .tong-chi-phi .sanpham_mua .thanhtien_thanhtoan {
            display: flex;
            width: 100%;
            flex-direction: row;
            justify-content: flex-end;
            align-items: center;
        }

        #myElement .sp_giohang .sanpham_mua .thanhtien_thanhtoan {
            display: flex;
            width: 100%;
            flex-direction: row;
            justify-content: flex-end;
            margin-top: 10px;
            align-items: center;
        }

            #myElement .sp_giohang .sanpham_mua .thanhtien_thanhtoan .tong {
                margin-right: 10px;
            }

        .codeSercu #txtimgcode {
            width: 50%;
        }

        .codeSercu .capcha_thanhtoan {
            width: 100%;
            margin-top: 10px;
        }

            .codeSercu .capcha_thanhtoan #myimg {
                width: 50%;
            }

        .small_title-gioithieu {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
        }

        .small_title-gioithieu {
            font-weight: 700;
        }

        .nav_mobile .nav_mobile-list .txtbars_mobile .nav_mobile_link {
            font-size: 1rem;
        }

        .noidung_tin h2 {
            font-size: 116%;
        }

        .news .tin_trang-chu .btn_footer {
            margin-left: 60%;
        }

        .capcha_chung {
            display: flex;
        }

            .capcha_chung .imgcapcha {
                width: 72%;
            }

        .danh_gia-chung a {
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .news .tin_trang-chu .btn {
            background-color: #ffd120;
            color: #000000;
            padding: 7px 25px;
            margin-right: 10%;
            border-radius: 3px;
            font-weight: 600;
            width: auto;
            height: auto;
        }

        .news .site_news .news_min .new_min-title {
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: space-between;
        }

        .news .site_news .news_min img {
            width: 95%;
            height: auto;
        }

        .nav_mobile .nav_mobile-list .txtbars_mobile {
            height: 40px;
        }

        .thong_tin_chi_tiet .tieu_de-sp h3 a span {
            display: flex;
            text-align: center;
        }

        .inputProfile {
            display: block;
            width: 98%;
        }

        .capcha-danhgia {
            width: 97%;
            display: block;
        }

        .sp_tuong_tu .sp_goi-y .sanpham .mua_hang {
            flex-direction: row-reverse;
        }

        #loginForm.listLogin .wrp .wrpLogin #basic-form {
            padding: 3.125rem 2rem;
        }

        #accBox .wrapAcc .accRight .accRightInner .btnRegSubmit:hover {
            width: 95%;
        }

        .select2-container--default .select2-selection--single .select2-selection__clear {
            display: none;
        }

        .capcha-danhgia .ma_bao_ve .imgcapcha {
            height: 38px;
        }

        #accBox .wrapAcc .accRight .accRightInner {
            padding: 0;
        }

            #accBox .wrapAcc .accRight .accRightInner .form-group {
                font-weight: 700;
                padding: 0 10px;
                display: flex;
            }

        #accBox .wrapAcc {
            display: block;
        }

            #accBox .wrapAcc .accLeft {
                width: 100%;
            }

        .btn_danhgia {
            width: 100%;
        }

        .inputProfile .text {
            border: 1px solid #4e4e4e70;
        }

        .nut_mua_hang .count a {
            width: 15px;
        }

        .thong_tin_co_ban .nut_mua_hang a:hover {
            font-size: 12px;
        }

        .thong_tin_co_ban .nut_mua_hang a {
            padding: 6px;
        }

        .thong_tin_chi_tiet .tieu_de-sp h3 {
            height: 3.5rem;
        }

        .banner_content-left,
        .banner_content-right,
        .giohang {
            margin: 12px auto;
            border: none;
            width: 96%;
            padding: 10px;
            justify-content: center;
            align-items: center;
        }

            .banner_content-left,
            .banner_content-right,
            .giohang .language {
                margin: 0 12px;
            }

        .banner_content-left, .banner_content-right, .giohang {
            width: 100%;
        }

        .banner .banner_content .banner_content-left,
        .banner .banner_content .banner_content-right {
            display: none;
        }

        .banner .banner_content .giohang {
            margin: 0;
            padding: 0;
            display: flex;
            flex-direction: row;
            justify-content: flex-end;
        }

        .banner_sanpham .label_sanpham {
            width: 100%;
            margin-left: -21px;
        }

            .banner_sanpham .label_sanpham .label_title {
                width: 98%;
                height: 3rem;
            }

                .banner_sanpham .label_sanpham .label_title .hinh_binh_hanh {
                    width: 34%;
                    height: 44px;
                    margin-left: 29%;
                }

                .banner_sanpham .label_sanpham .label_title .hinh_thang {
                    border-top: 43px solid #4a4a4a;
                    border-left: 24px solid transparent;
                    border-right: 0px solid transparent;
                    width: 30%;
                    margin-left: 61%;
                }

                .banner_sanpham .label_sanpham .label_title a {
                    padding: 9px 15px 8px 37px;
                    width: 9.2rem;
                }

            .banner_sanpham .label_sanpham .label_content a {
                width: 97%;
                margin: 6px auto;
            }
        /*Trang giới thiệu*/
        .intro .diachi_hanoi, .intro .diachi_haiphong, .intro .diachi_phuxuyen {
            display: block;
        }

        .container #gridData {
            padding: 0;
        }
        /*.tags_gioithieu-left {
        flex-wrap: wrap-reverse;
    }*/
        .tags_gioithieu-right img, .tags_gioithieu-left img {
            width: 100%;
        }

        .contact_gioithieu .thongtin {
            display: none;
        }

        .contact_gioithieu .folow_mxh .youtube_gioithieu,
        .contact_gioithieu .folow_mxh .fanpage_gioithieu {
            width: 90%;
        }

        .fanpage_gioithieu iframe[src*='facebook'], .fanpage_gioithieu iframe[src*='facebook'] ._2p3a {
            width: 100% !important;
            min-width: 100%
        }

        .intro ul li {
            font-size: 13px;
        }
        /*css trang listsp*/
        .sp_tuong_tu .sp_goi-y .sanpham .mua_hang a:first-child {
            width: 55%
        }

        .sp_tuong_tu .sp_goi-y .sanpham .mua_hang .btn_mua-hang {
            padding: 2px 2px;
        }

        .sp_goi-y .sanpham {
            width: 49%;
            padding: 2px;
        }

        .mo_ta-sp .mo_ta-hinh-anh {
            max-height: 100%;
        }

        .mo_ta-hinh-anh .hinh_anh .anh_chinh {
            width: 25rem;
        }

        .list_sp {
            display: block;
        }

        .wImage:before {
            padding-bottom: 20%;
        }

        .thuong_hieu_lop .thuong_hieu img {
            width: 25rem;
        }

        .thuong_hieu_lop {
            display: flex;
            margin-bottom: 2%;
            flex-direction: column;
            align-items: center;
            gap:14px;
        }

        .BA_spKhac::before {
            width:94%;
            height:1px;
            right:3%;
            top:60%;
        }

        .main .describe .describe_block .thuong_hieu_lop .thuong_hieu {
            width: 90%;
        }

        .lop_theo_hang {
            justify-content: flex-start;
        }

            .lop_theo_hang ul {
                width: 50%;
                margin: 0;
            }

        .sl
        .list_sp {
            display: block;
        }

        .list_sp .sp_tuong_tu {
            margin: 10px 0;
        }

        .list_sp .bo_loc {
            width: 100%;
        }

        .bo_loc .dropdown details {
            width: 100%;
        }

        .dropdown details summary p {
            width: 90%;
        }

        .dropdown details ul {
            display: flex;
            flex-wrap: wrap;
        }

            .dropdown details ul li {
                width: 8rem;
            }
        /* Mã gai lốp*/
        .sp_goi-y .mg-mgl {
            width: 192px;
        }

        .sp_goi-y .img-mgl {
            padding: 4px;
            width: 184px;
            height: 184px;
        }
        /* Trang tài khoản*/
        .sp_tuong_tu .sp_goi-y .sanpham .mua_hang a:hover,
        .sp_tuong_tu .sp_goi-y .sanpham .mua_hang a.active {
            margin: 0 6px;
        }
        /*css giỏ hàng*/
        .thanhtoandonhang {
            font-size: 16px;
        }

        .sp_giohang .sp .info_sp {
            padding: 6px;
        }

        .gio_hang a {
            font-size: 12px;
        }

        .small_title-gioithieu h3 {
            margin: 12px;
        }

        .gio_hang .sp_giohang {
            max-height: 34rem;
        }

        .sp_giohang .sanpham_mua {
            width: 68%;
        }

        .gio_hang .nut_quantri {
            justify-content: center;
            align-items: center;
            width: 100%;
            display: flex;
            flex-direction: column;
        }

            .gio_hang .nut_quantri .left {
                margin-top: 0;
                height: 36px;
                width: 100%;
            }

        .nut_quantri .left .btn_left {
            width: 100%;
        }

            .nut_quantri .left .btn_left form {
                width: 80%;
            }

            .nut_quantri .left .btn_left a {
                width: 30%;
            }

            .nut_quantri .left .btn_left form input {
                width: 100%;
            }

        .gio_hang .nut_quantri .left a {
            height: 100%;
        }

        .gio_hang .nut_quantri .right {
            display: flex;
            width: 100%;
        }

        .nut_quantri .right a {
            height: 31px;
        }
        /*css thanh toán*/
        .don_gio-hang .ten_don_hang .thong_tin_don {
            display: block;
        }

        .ten_don_hang .thong_tin_don .san_pham {
            width: 100%;
        }

        .ten_don_hang .thong_tin_don .gia_san_pham {
            width: 98%;
        }

        .footer .info_footer .info_left {
        }

        .soluong_sp {
            width: 30%;
            justify-content: end;
        }

        .thong_so_kt .thong_sokt_day_du table tbody tr td:first-child {
            width: 125px;
            ;
        }
    }

    @media (min-width: 300px) and (max-width: 450px) {
        .danh_gia-chung a {
            display: block;
        }

        .nav_bars-btn {
            width: 5%;
        }

        .footer .info_footer .info_right {
            display: flex;
            align-items: flex-start;
            flex-direction: column;
        }

        .danh_gia-chung a {
            padding: 8px 2px;
        }

        .thong_tin_chi_tiet .thong_so_kt .thong_sokt_day_du ul li {
            height: 50px;
            font-size: 14px;
            padding-top: 5px;
            line-height: 1.5em;
            min-height: 24.5px;
        }

        .category_title p {
            font-size: 17px;
        }

        .category .category_product .product_box {
            margin: 11px;
        }

        .banner_content-left, .banner_content-right, .giohang .language {
            margin: 0 0px;
        }

        .banner_content {
            padding-top: 6px;
        }

        #banner_mobile label {
            padding: 1rem 0;
        }

        .container {
            margin: auto;
            width: 90%;
        }

        .banner {
            width: 94%;
            display: flex;
        }

        .banner_content_menu {
            margin: auto;
        }

        .display_flex {
            display: flex;
            justify-content: flex-start;
            margin: 10px 0;
        }

        /*.mo_ta-sp .thong_tin_chi_tiet .tieu_de-sp {
        margin-top: 24rem;
    }*/
        /*css header*/
        .rectangle .rectangle_left {
            width: 53%;
        }

        .nut_quantri .right .tiep_tuc {
            margin: 0 0 0 7px;
        }

        /*.main .container .thuong_hieu_lop .thuong_hieu {
        display: flex;
    }*/

        /*.main .container .thuong_hieu_lop .thuong_hieu a {
            width: calc((100% - 10px)/2);
        }
*/
        .top .banner_sanpham .slideHome .slick-dots {
            right: 43%;
        }

        .sanpham_sale {
            display: none;
        }

        .banner_content-mobile {
            color: #f5deb3d6;
        }

        .nav_mobile .nav_mobile-list .txtbars_mobile .dropdown_menu .display_flex .sanpham_sale .danhmuc_sanpham .right {
            margin-top: 35px;
        }

        .sanpham_sale .danhmuc_sanpham img {
            display: none;
        }

        .top .banner_sanpham .container {
            width: 77%;
        }

        .describe_block {
            overflow: hidden;
        }
        /*
    .thuong_hieu {
        overflow: hidden;
    }*/

        .top .banner_sanpham .container .container-bottom .group select {
            width: 100%;
        }

        .top .banner_sanpham .container .container-bottom .group {
            flex-direction: column;
        }

        .contact_gioithieu .folow_mxh .youtube_gioithieu {
            width: 90%;
            height: auto;
        }

        .top .banner_sanpham .container .container-top {
            flex-direction: column;
        }

            .top .banner_sanpham .container .container-top .left, .top .banner_sanpham .container .container-top .right {
                width: 100%;
            }

        .rectangle .rectangle_left img {
            display: none;
        }

        .rectangle .rectangle_right {
        }

        .banner .logo img {
            width: 86%;
            height: 100%;
        }

        .sp_goi-y .sanpham {
            width: 20.16rem;
        }

        .dropdown details ul li {
            width: 19rem;
            margin-top: 10px;
        }

        .sp_tuong_tu .sp_goi-y {
            display: flex;
            justify-content: left;
            flex-wrap: wrap;
            align-items: center;
            overflow: auto;
        }

        .dropdown_menu {
            height: 66rem;
        }

        .sanpham_sale .danhmuc_sanpham {
            display: block;
        }
        /*css trang chủ*/
        .news {
            height: 66rem;
        }

            .news .site_news .news_min {
                display: block;
                margin-bottom: 30px;
            }

                .news .site_news .news_min .new_min-title h5 {
                    display: none;
                }
        /*css ListSp*/
        .sp_goi-y .img-mgl {
            padding: 4px;
            width: 167px;
            height: 160px;
        }

        .sp_goi-y .mg-mgl {
            width: 175px;
        }

        .thong_tin_chi_tiet .tieu_de-sp h3 a span {
            margin: 6px 1rem;
            font-size: 15px;
            color: black;
        }

        .mo_ta-sp .mo_ta-hinh-anh {
            height: auto;
            max-height: 100%;
        }

        .sp_giohang .tieude_sp_giohang {
            display: none;
        }

        .sp_giohang .sanpham_mua {
            width: 100%;
            display: block;
        }

        .sp_giohang .sp {
            width: 100%;
        }

        .sp_giohang .gia,
        .sp_giohang .soluong_sp {
            width: 70%;
        }

        .sp_giohang .sanpham_mua .tong {
            width: 95%;
        }

        .txtbars_mobile .dropdown_menu .display_flex .sanpham_lop .title_sanpham img {
            display: none;
        }
        /*css mô tả sp*/
        .mo_ta-hinh-anh .hinh_anh {
            width: 100%;
        }

            .mo_ta-hinh-anh .hinh_anh .anh_chinh {
                width: 21rem;
            }
        /*css tin tức*/
        .main_tintuc .small_news {
            height: 9rem;
        }

            .main_tintuc .small_news a {
                font-size: 14px;
            }

        /*css trang tin chi tiết*/
        .trang_tin {
            display: block;
        }

        .tin_phu p {
            display: flex;
            flex-direction: row;
            align-items: center;
            font-size: 14px;
        }

        .trang_tin .main_tinchitiet {
            /*width: 100%*/
            width: 100%;
        }

        .trang_tin .tin_ben_le {
            padding-left: 0;
            width: 100%;
        }

        .banner_sanpham img {
            height: 15rem;
        }
        /*css trang giới thiệu*/
        .contact_gioithieu .folow_mxh {
            display: block;
        }

            .contact_gioithieu .folow_mxh .fanpage_gioithieu {
                display: block;
            }

        .main_tinchitiet .dau_trang h2 {
            padding-top: 2.5rem;
        }
        /*css trang thanh toán*/
        .menu_thanh_toan .thong_tin-phai .thong_tin_thanh_toan form div {
            width: 94%;
        }
        /*css footer*/
        .footer .info_footer {
            display: block;
        }

        .footer img {
            height: 19rem;
        }

        .top .banner_sanpham .container {
            position: unset;
            margin-top: 20px;
        }

        .footer .info_footer .info_left {
            max-width: 18rem;
        }
    }

    @media (max-width: 376px) {
        .nav_bars-btn {
            width: 8%;
        }

        .wrap {
            width: auto;
        }

        .mo_ta-hinh-anh .thong_tin_co_ban .nut_mua_hang {
            gap: 12px;
        }

        .banner {
            width: 88%;
        }

        .banner {
            width: 88%;
            display: flex;
        }

        .banner_content-left, .banner_content-right, .giohang {
            width: 118%;
        }

        .footer .info_footer .info_right .box_footer {
            padding: 3px 0;
        }

        .intro ul li {
            font-size: 12px;
        }

        .category .category_product .product_box {
            margin: 8px;
        }

        .sp_goi-y .img-mgl {
            width: 160px
        }

        .sp_goi-y .mg-mgl {
            width: 164px;
        }
    }

    @media (max-width: 361px) {
        .category .category_product .product_box {
            margin: 5px;
        }

        .news .tin_trang-chu .btn {
            background-color: #ffd120;
            color: #000000;
            padding: 7px 25px;
            margin-right: 6%;
            border-radius: 3px;
            font-weight: 600;
            width: auto;
            height: auto;
        }

        .news .tin_trang-chu .btn_footer {
            margin-left: 57%;
        }

        .footer .info_footer .box_footer b {
            padding-left: 36px;
        }

        .footer .info_footer .box_footer p {
            padding-left: 4px;
        }

        .footer .info_footer .info_right img {
            width: 9rem;
        }

        .footer .copyright p {
            font-size: 12.7px;
        }

        .mo_ta-hinh-anh .thong_tin_co_ban .nut_mua_hang {
            gap: 7px;
        }

        .thong_tin_chi_tiet .tieu_de-sp h3 a span {
            margin: 0px;
        }
    }

    @media (min-width: 415px) and (max-width: 420px) {
        .news {
            height: 43rem;
        }
    }
    @media (max-width:400px){
        .menu .container .linkAndSearch .wrap {
            left:6px;
        }
    }

    @media (max-width: 739px) {
        .top .banner_sanpham {
            height: 720px;
        }

        .wrap #frmsearch {
            right: 0;
            width: 250px;
        }
        .nav_mobile-list .menu .container {
        gap:30px;
        }
        
        .menu .container .linkAndSearch .wrap {
            top:calc( 100% + 10px);

        }
        .BA_spKhac {
            width: 100%;
            margin-left: 0 !important;
        }

        .news {
            height: 100%;
        }

            .news .bgr_news {
                height: 30rem;
            }

            .news .site_news {
                margin: auto;
            }

                .news .site_news .news_min .new_min-title {
                    width: 97%;
                    flex-direction: column;
                    align-items: start;
                    margin-top: 10px;
                    gap: 10px;
                }

                    .news .site_news .news_min .new_min-title h5 {
                        /*display: contents;*/
                        overflow: hidden;
                        color: #fff;
                        text-overflow: ellipsis;
                        -webkit-line-clamp: 2;
                        display: -webkit-box;
                        -webkit-box-orient: vertical;
                    }

                .news .site_news .news_min img {
                    height: 172px;
                }

        #banner_mobile label {
            padding: 20px 0;
            display: block;
        }

        .new_min-title .btn_tintuc {
            align-self: flex-end;
        }

        .site_news.car_info {
            padding: 0;
        }

        .car_info {
            padding: 0 20px;
        }

        .category_title p {
            font-size: 16px;
            margin: 10px 0:
        }

        .footer img {
            height: 29rem;
        }

        .footer .info_footer .info_left {
            max-width: 100%;
            display: flex;
            flex-direction: column;
            gap: 10px;
            margin-bottom: 10px;
        }

            .footer .info_footer .info_left p {
                flex-direction: column;
            }

        .footer .info_footer .info_right {
            gap: 10px;
        }

        .small_thuonghieu {
            margin: 20px 0 !important;
        }

        .small_logo-thuonghieu {
            width: calc((100% - 28px) / 3) !important;
        }

        .block-filter-sort .filter-sort__list-filter {
            overflow-x: unset !important;
        }

        .sp_goi-y .sanpham .anh_sp img {
            height: 25%;
        }

        .nut_mua_hang {
            flex-direction: column;
        }


        #news #searchForm .row {
            flex-direction: column;
        }
            #news #searchForm .row .form-control {
                width:92%;
            }
        .nav_bars-btn {
            height:auto;
        }
    }

@media (min-width: 1023px) and (max-width: 1182px) {
    .top .banner_sanpham .container {
        width: 92%;
    }
}