@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {
    .table-responsive-block table, .table-responsive-block thead, .table-responsive-block tbody, .table-responsive-block th, .table-responsive-block td, .table-responsive-block tr {
        display: block
    }

    .table-responsive-block thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px
    }

    .table-responsive-block tr {
        background: #fff;
        line-height: 20px;
        margin-bottom: 10px
    }

    .table-responsive-block td {
        border: none;
        position: relative;
        padding-left: 40%;
        text-align: right;
        font-weight: 700;
        overflow: hidden
    }

    .table-responsive-block td .price {
        width: 70%;
        display: block;
        float: right
    }

    .table-responsive-block td.last {
        padding: 0;
        line-height: 50px
    }

    .table-responsive-block td.last a {
        color: #ff8c04
    }

    .table-responsive-block td:before {
        position: absolute;
        top: 13px;
        left: 10px;
        width: 45%;
        padding-right: 10px;
        text-align: left;
        white-space: nowrap;
        font-weight: 400
    }

    .table-responsive-block .table-order td:nth-of-type(1):before {
        content: "Đơn hàng"
    }

    .table-responsive-block .table-order td:nth-of-type(2):before {
        content: "Ngày"
    }

    .table-responsive-block .table-order td:nth-of-type(3):before {
        content: "Chuyển đến"
    }

    .table-responsive-block .table-order td:nth-of-type(4):before {
        content: "Địa chỉ"
    }

    .table-responsive-block .table-order td:nth-of-type(5):before {
        content: "Giá trị"
    }

    .table-responsive-block .table-order td:nth-of-type(6):before {
        content: "Tình trạng"
    }

    .table-responsive-block #order_details td:nth-of-type(1):before {
        content: "Sản phẩm"
    }

    .table-responsive-block #order_details td:nth-of-type(2):before {
        content: "Mã sản phẩm"
    }

    .table-responsive-block #order_details td:nth-of-type(3):before {
        content: "Giá"
    }

    .table-responsive-block #order_details td:nth-of-type(4):before {
        content: "Số lượng"
    }

    .table-responsive-block #order_details td:nth-of-type(5):before {
        content: "Tổng"
    }

    .table-responsive-block #order_details td:nth-of-type(6):before {
        content: "Tình trạng"
    }

    .table-responsive-block .totalorders td:nth-of-type(1):before {
        content: "Tạm tính"
    }

    .table-responsive-block .totalorders td:nth-of-type(2):before {
        content: "Phí vận chuyển"
    }

    .table-responsive-block .totalorders td:nth-of-type(3):before {
        content: "Tổng tiền"
    }

    .table-responsive-block .totalorders td:nth-of-type(4):before {
        content: "Số lượng"
    }

    .table-responsive-block .totalorders td:nth-of-type(5):before {
        content: "Tổng"
    }

    .table-responsive-block .totalorders td:nth-of-type(6):before {
        content: "Tình trạng"
    }
}

@media (min-width: 1200px) {
    .container {
        width: 1200px
    }
}

@media (max-width: 1199px) {
    .searchboxlager .searchfromtop {
        display: none;
        border-radius: 0px;
        z-index: 999999;
        position: absolute;
        top: 90px;
        right: 65px !important;
        width: 320px;
        float: right !important;
        margin-right: 0px;
        margin-left: 0px
    }

    .searchboxlager .searchfromtop form {
        margin-bottom: 0px
    }

    .searchboxlager .searchfromtop form input {
        border-radius: 0px;
        margin-bottom: 0px
    }

    .searchboxlager .searchfromtop form input:focus {
        outline: none;
        box-shadow: none
    }
}

@media (max-width: 991px) {
    #resultAjax{
        margin-top: 0;
    }
    .logo {
        display: block;
        font-size: 30px;
        line-height: 45px;
        max-width: 200px;
        margin: 0 auto
    }

    .oder_total_monney {
        overflow: hidden
    }

    .header_search {
        margin: 8px 15px !important
    }

    .top-cart-content {
        display: none !important
    }

    .search-cart {
        position: absolute;
        z-index: 999;
        right: 15px;
        top: -90px
    }

    .opacity_filter.opacity_filter_true {
        content: " ";
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5);
        position: fixed;
        top: 0px;
        left: 0px;
        z-index: 99999
    }

    .opacity_menu.open_opacity {
        content: " ";
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5);
        position: fixed;
        top: 0px;
        left: 0px;
        z-index: 999999
    }

    .show_open:before {
        font-family: 'themify';
        font-size: 16px;
        line-height: 36px;
        color: #fff !important;
        content: "\e622";
        font-style: normal
    }

    .hide_close:before {
        font-family: 'themify';
        font-size: 16px;
        line-height: 36px;
        color: #fff !important;
        content: "\e61a";
        font-style: normal
    }

    .menu-bar.hidden-md.hidden-lg {
        position: absolute;
        top: 45px;
        left: 15px;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        z-index: 1000;
        width: 50px
    }

    .menu-bar.hidden-md.hidden-lg .fa {
        color: #ff8c04;
        font-size: 20px
    }

    header .logo a {
        display: inline-block;
        text-align: left
    }

    .header-main {
        padding: 10px 0
    }

    .filter-container {
        margin-bottom: 50px
    }

    .thismobile {
        margin-bottom: 30px !important
    }

    .closed_filter {
        display: block;
        background: #ff8c04;
        height: 30px;
        width: 30px;
        line-height: 30px;
        text-align: center;
        position: absolute;
        right: 30px;
        top: 10px;
        z-index: 99999;
        cursor: pointer
    }

    .closed_filter .fa {
        font-size: 16px;
        color: #fff;
        line-height: 30px
    }

    .sidenav {
        width: 280px;
        height: 100%;
        position: fixed;
        z-index: 999999;
        top: 0px !important;
        background-color: #ff8c04;
        overflow-x: hidden;
        -webkit-box-shadow: 0px 2px 11px 1px rgba(168, 168, 168, 0.54);
        -moz-box-shadow: 0px 2px 11px 1px rgba(168, 168, 168, 0.54);
        box-shadow: 0px 2px 11px 1px rgba(168, 168, 168, 0.54);
        visibility: hidden;
        -webkit-transition: all 0.35s ease;
        -o-transition: all 0.35s ease;
        transition: all 0.35s ease;
        -webkit-transform: translateX(-280px);
        -ms-transform: translateX(-280px);
        -o-transform: translateX(-280px);
        transform: translateX(-280px)
    }

    .sidenav.open_sidebar_menu {
        visibility: visible;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
    }

    .sidenav .content_memu_mb {
        display: block;
        float: left;
        width: 100%
    }

    .sidenav .content_memu_mb .customer span {
        padding: 10px 0px;
        display: block;
        cursor: pointer
    }

    .sidenav .content_memu_mb .customer span a {
        font-size: 14px;
        line-height: 15px;
        color: #fff;
        display: block;
        margin: 0px 15px
    }

    .sidenav .content_memu_mb .customer .acc a:before {
        font-family: 'themify';
        content: "\e603";
        font-size: 16px;
        color: #fff;
        padding-right: 15px
    }

    .sidenav .content_memu_mb .customer .out a:before {
        font-family: 'themify';
        content: "\e62b";
        font-size: 16px;
        color: #fff;
        padding-right: 15px
    }

    .sidenav .content_memu_mb .link_list_mobile {
        margin: 0px 0px 0px
    }

    .sidenav .content_memu_mb .link_list_mobile .ct-mobile {
        border-bottom: solid 1px rgba(0, 0, 0, 0.075)
    }

    .sidenav .content_memu_mb .link_list_mobile .ct-mobile li {
        position: relative
    }

    .sidenav .content_memu_mb .link_list_mobile .ct-mobile li i {
        position: absolute;
        right: 5px;
        top: 0px;
        cursor: pointer;
        display: block;
        text-align: center;
        width: 30px
    }

    .sidenav .content_memu_mb .link_list_mobile .ct-mobile .level0 {
        border-top: solid 1px rgba(0, 0, 0, 0.075)
    }

    .sidenav .content_memu_mb .link_list_mobile .ct-mobile .level0 a {
        font-family: 'Opens Sans', sans-serif;
        display: block;
        font-size: 14px;
        line-height: 36px;
        padding: 0px 15px;
        color: #fff
    }

    .sidenav .content_memu_mb .link_list_mobile .ct-mobile .level0:last-child {
        border-bottom: 0px
    }

    .sidenav .content_memu_mb .link_list_mobile .ct-mobile .level0 .level1 {
        border-top: solid 1px rgba(0, 0, 0, 0.075)
    }

    .sidenav .content_memu_mb .link_list_mobile .ct-mobile .level0 .level1 a {
        font-family: 'Opens Sans', sans-serif;
        display: block;
        font-size: 14px;
        line-height: 36px;
        padding: 0px 15px 0px 35px;
        color: #fff
    }

    .sidenav .content_memu_mb .link_list_mobile .ct-mobile .level0 .level1:last-child {
        border-bottom: 0px
    }

    .sidenav .content_memu_mb .link_list_mobile .ct-mobile .level0 .level1:first-child {
        border-top: 0px
    }

    .sidenav .content_memu_mb .link_list_mobile .ct-mobile .level0 .level1 .level2 {
        border-top: solid 1px rgba(0, 0, 0, 0.075)
    }

    .sidenav .content_memu_mb .link_list_mobile .ct-mobile .level0 .level1 .level2 a {
        font-family: 'Opens Sans', sans-serif;
        display: block;
        font-size: 14px;
        line-height: 24px;
        padding: 5px 35px 5px 45px;
        color: #fff
    }

    .sidenav .content_memu_mb .link_list_mobile .ct-mobile .level0 .level1 .level2:last-child {
        border-bottom: 0px
    }

    .sidenav .content_memu_mb .link_list_mobile .ct-mobile .level0 .level1 .level2:first-child {
        border-top: 0px
    }

    .sidenav .content_memu_mb .link_list_mobile .ct-mobile .level0 .level1 .level2 .level3 {
        border-top: solid 1px rgba(0, 0, 0, 0.075)
    }

    .sidenav .content_memu_mb .link_list_mobile .ct-mobile .level0 .level1 .level2 .level3 a {
        font-family: 'Opens Sans', sans-serif;
        display: block;
        font-size: 14px;
        line-height: 24px;
        padding: 5px 35px 5px 75px;
        color: #fff
    }

    .sidenav .content_memu_mb .link_list_mobile .ct-mobile .level0 .level1 .level2 .level3:last-child {
        border-bottom: 0px
    }

    .sidenav .content_memu_mb .link_list_mobile .ct-mobile .level0 .level1 .level2 .level3:first-child {
        border-top: 0px
    }

    .sidenav .content_memu_mb .link_list_mobile .ct-mobile .level_ico a {
        padding: 0px 15px 0px 15px
    }

    .sidenav .top_menu_mobile {
        overflow: hidden;
        background: #fff;
        padding: 10px 0px
    }

    .sidenav .close_menu {
        display: block;
        height: 66px;
        background-image: url("//nhanhvn.dktcdn.net/100/286/794/themes/637857/assets/logo.png?1528190096836");
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        width: 200px;
        margin-top: -5px;
        margin-left: 15px;
        margin: 0 auto
    }

    .sidenav .head_title_menu {
        display: block;
        text-align: left;
        line-height: 24px;
        font-family: 'Opens Sans', sans-serif;
        font-size: 18px;
        color: #fff;
        padding: 7px 15px
    }

    .sidenav .fot_menu_mobile {
        overflow: hidden;
        float: left;
        width: 100%
    }

    .sidenav .fot_menu_mobile .link_list_action .login_mobile li {
        border-top: solid 1px rgba(0, 0, 0, 0.075)
    }

    .sidenav .fot_menu_mobile .link_list_action .login_mobile li:nth-child(1) {
        border-top: 0px
    }

    .sidenav .fot_menu_mobile .link_list_action .login_mobile li a {
        font-family: 'Opens Sans', sans-serif;
        display: block;
        font-size: 14px;
        line-height: 36px;
        padding: 0px 15px;
        color: #fff
    }

    .sidenav .fot_menu_mobile .link_list_action .login_mobile li a .fa {
        padding-right: 0px;
        width: 25px
    }

    #open-filters {
        color: #fff;
        background: #ff8c04;
        position: fixed;
        right: 0;
        top: 35% !important;
        width: 40px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        cursor: pointer;
        border-radius: 20px 0px 0px 20px;
        z-index: 99999;
        font-size: 18px;
        -webkit-transition: all 0.35s ease;
        -o-transition: all 0.35s ease;
        transition: all 0.35s ease
    }

    #open-filters:before, #open-filters:after {
        content: "";
        position: absolute
    }

    #open-filters .fter {
        display: block
    }

    #open-filters .fter:before, #open-filters .fter:after {
        content: "";
        position: absolute
    }

    #open-filters .fter:before {
        top: -16px;
        right: 0px;
        width: 20px;
        height: 30px
    }

    #open-filters .fter:after {
        bottom: -15px;
        right: 0px;
        width: 20px;
        height: 30px
    }

    #open-filters.openf {
        right: 256px
    }

    #open-filters.openf i:before {
        content: '\f00d'
    }

    #open-filters span {
        display: none
    }

    .dqdt-sidebar {
        position: fixed;
        width: 256px;
        background: #fff;
        top: 0;
        bottom: 0;
        right: 0;
        padding: 15px;
        overflow: auto;
        z-index: 100000;
        visibility: hidden;
        -webkit-transition: all 0.35s ease;
        -o-transition: all 0.35s ease;
        transition: all 0.35s ease;
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%)
    }

    .dqdt-sidebar.openf {
        visibility: visible;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
    }

    .wrp_border_collection .collection_container {
        padding: 0px 15px !important
    }

    .search_mobile {
        position: absolute;
        right: 90px;
        top: 12px;
        font-size: 18px;
        width: 20px
    }

    .form-group .button_cart_buy_enable:after, .form-group .button_cart_buy_disable:after {
        content: none
    }

    footer .follow_option {
        float: none;
        width: 100%;
        text-align: center;
        margin: 0 auto
    }

    .section_product_comeback .border_wrap {
        margin-top: -17px
    }

    .section_two_col .wrap_box_gift {
        margin-bottom: 110px
    }

    .title-page .title-head-page {
        line-height: 28px
    }

    .item_product_list .product-box.product-box-list .product-info .product-summary p {
        width: 100% !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .category-products.products {
        margin-top: -30px
    }

    .details-pro .social-sharing .social-normal {
        padding: 5px 0px;
        margin-top: 15px
    }

    .details-pro .contacts {
        float: left
    }

    .details-pro .contacts .block_phone {
        line-height: 20px;
        padding: 5px 0px
    }

    footer .bottom_footer .wrap_footer_bottom:after {
        right: -115px
    }

    .ul_post {
        margin-bottom: 20px
    }

    .aside-cate-blog {
        margin-top: 0px !important
    }
}

@media (max-width: 767px) {
    .details-pro {
        padding: 0px
    }

    .form-group .button_cart_buy_enable#js-add-Cart{
        margin-left: 6%;
        width: 34%;
    }

    .form-group .button_cart_buy_enable{
        width: 60%;
    }
    .form-group .button_cart_buy_disable {
        width: 100%;
        padding: 0 20px
    }

    .wrap_contact .col-xs-12 {
        margin-bottom: 15px
    }

    .wrap_contact .col-xs-12:last-child {
        margin-bottom: 0px
    }

    .article-main .title-head-article {
        font-size: 20px;
        line-height: 28px
    }

    .ul_post {
        margin-bottom: 20px
    }

    fieldset.form-group.padding-bottom-0.col-xs-12.col-sm-12.col-md-12 {
        margin-bottom: 20px
    }

    .aside-cate-blog {
        margin-top: 0px
    }

    .sortPagiBar .border_sort select {
        background-position: right 10px center
    }

    #stop {
        margin-left: 25px
    }

    .pagination .page-link, .pagination .page_button {
        width: 25px;
        height: 25px;
        line-height: 25px;
        margin-bottom: 5px !important;
        display: inline-block
    }

    .pagination .page_button .fa {
        line-height: 25px;
        display: block;
        width: 25px;
        height: 25px;
        text-align: center
    }

    .pagination .page-item.active .page-link {
        line-height: 25px
    }

    .xs_padding {
        padding: 0px
    }

    .owl_product_comback .product_comeback_wrap .slick-dots li {
        margin: 0 5px
    }

    .owl_product_comback .product_comeback_wrap .slick-dots {
        right: 0px;
        top: -50px
    }

    .slick-dots li {
        width: 10px;
        height: 10px;
        margin: 0 5px
    }

    .slick-dots li button {
        width: 10px;
        height: 10px
    }

    footer .bottom_footer .wrap_footer_bottom {
        padding: 0px 15px
    }

    .details-pro .social-sharing .social-normal {
        padding: 5px 0px;
        margin-top: 15px
    }

    .details-pro .contacts .block_phone {
        line-height: 20px;
        padding: 5px 0px;
        position: relative
    }

    .details-pro .social-sharing {
        width: 100%;
        text-align: center
    }

    .details-pro .contacts {
        float: left;
        width: 100%;
        text-align: center
    }

    .block_phone {
        display: inline !important
    }

    .block_phone:before {
        left: -20px !important
    }

    .block_phone > span {
        padding-left: 20px
    }

    .searchboxlager .searchfromtop {
        right: -15px !important
    }

    .searchboxlager .searchfromtop form {
        margin-bottom: 0px
    }

    .searchboxlager .searchfromtop form input {
        border-radius: 0px;
        margin-bottom: 0px
    }

    .searchboxlager .searchfromtop form input:focus {
        outline: none;
        box-shadow: none
    }

    .hdmh {
        width: 100%;
        float: left
    }

    .details-pro .title-product {
        margin: 15px 0px !important;
        line-height: 38px
    }

    .list-blogs .blog-item {
        margin-bottom: 15px
    }

    .blog_cate {
        margin-top: 25px
    }

    .ll {
        height: 50px !important
    }

    .search-cart {
        position: absolute;
        z-index: 999;
        right: 15px;
        top: -50px;
        height: 60px !important
    }

    .search-cart .top-cart-contain .mini-cart .heading-cart .background_cart {
        width: 25px !important;
        height: 25px !important
    }

    .search-cart .top-cart-contain .mini-cart .heading-cart .background_cart {
        margin-right: 8px;
        margin-top: 8px
    }

    .search-cart .use_register {
        margin-right: 0px;
        right: 55px !important;
        top: 11px !important
    }

    .header_top .topbar_wrap .head_content .logo_top {
        width: 100%
    }

    .logo {
        font-size: 30px;
        line-height: 50px !important
    }
}

@media (min-width: 544px) and (max-width: 767px) {
    .search-cart .top-cart-contain .mini-cart .heading-cart .background_cart {
        margin-right: 8px;
        margin-top: 0px !important
    }
}

@media (max-width: 543px) {
    .owl_product_sale .saler_item {
        padding: 20px 0px 0px !important;
        min-height: 330px !important
    }

    .search_mobile {
        position: absolute;
        right: 70px !important
    }

    .search-cart .use_register span.drop .fa {
        display: none !important
    }

    .search-cart .use_register {
        right: 40px !important;
        top: 11px !important
    }

    section.sidebar.left-content.col-lg-12 {
        padding: 0
    }

    .logo {
        display: block;
        font-size: 20px
    }

    .search-cart .top-cart-contain .mini-cart {
        padding: 13px 0px !important;
        height: 60px !important
    }
}

@media (max-width: 480px) {
    .logo {
        margin-top: 5px !important
    }
}

@media (max-width: 425px) {
    footer .bottom_footer .wrap_footer_bottom {
        min-height: 380px
    }

    footer .bottom_footer .wrap_footer_bottom:after {
        width: 300px;
        height: 185px;
        right: 0;
        bottom: -26px
    }

    footer .bottom_footer .wrap_footer_bottom h4 {
        font-size: 18px
    }
}

@media (max-width: 375px) {
    .owl_product_comback .product_comeback_wrap .slick-dots {
        right: -12px
    }
}

@media (min-width: 426px) and (max-width: 767px) {
    footer .bottom_footer .wrap_footer_bottom {
        min-height: 320px
    }

    footer .bottom_footer .wrap_footer_bottom:after {
        right: 110px;
        bottom: -26px
    }
}

@media (max-width: 1199px) {
    header nav .mega-content {
        width: 940px
    }

    header nav .mega-content .level1.item {
        text-align: left
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .search.f-right {
        margin-right: 50px
    }
}

@media (max-width: 991px) {
    header > .container {
        position: relative
    }

    .menu-bar.hidden-md.hidden-lg {
        position: absolute;
        right: 15px;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        z-index: 1000
    }

    header .logo a {
        display: inline-block;
        text-align: left
    }

    .header_top .topbar_wrap .head_content {
        height: 80px;
        position: relative
    }

    .header_top .topbar_wrap .head_content .logo_top {
        height: 80px
    }

    .header_top .topbar_wrap .head_content .logo_top a {
        line-height: 80px
    }

    .header_top .topbar_wrap .head_content .header_top_cart {
        position: absolute;
        right: 0px;
        height: 80px;
        top: 0;
        line-height: 80px
    }

    .search-cart .use_register {
        float: left;
        margin-right: 0px;
        position: absolute;
        right: 60px;
        top: 12px;
        height: 80px
    }

    .search-cart .use_register .login_and_register {
        right: -15px
    }

    .search-cart .use_register span.drop {
        display: inline-block;
        position: absolute;
        top: 45px;
        right: -5px
    }

    .search-cart {
        position: absolute;
        z-index: 999;
        right: 15px;
        top: 0
    }

    .search-cart .top-cart-contain .mini-cart .heading-cart .cart_num {
        top: 30px
    }

    .top-cart-contain {
        padding: 0;
        right: 0;
        height: 80px;
        line-height: 40px;
        position: absolute;
        top: 0px
    }

    .top-cart-contain .mini-cart {
        padding: 0px !important;
        height: 80px !important
    }

    .top-cart-contain .mini-cart .background_cart .icons:before {
        top: 35px !important
    }

    header nav .nav-item {
        display: block;
        width: 100%;
        text-align: left;
        margin: 0
    }

    header nav .nav-item .dropdown-menu {
        display: none !important;
        position: static;
        border: none
    }

    header nav .nav-item.open a {
        background: none !important
    }

    header nav .nav-item.open > .dropdown-menu {
        display: block !important;
        margin: 0;
        padding: 0
    }

    header nav li.menu-line {
        display: none;
        border: none
    }

    header nav .nav-item > a {
        line-height: 20px;
        padding: 5px 15px 3px
    }

    header nav #nav-mobile .nav-item > .dropdown-menu {
        padding: 0 0 0 15px;
        position: static;
        width: 100%;
        float: none;
        border: none;
        padding-right: 7px
    }

    header nav .nav-item:hover > .dropdown-menu li.open > .dropdown-menu {
        display: block !important
    }

    .header-main {
        padding: 10px 0
    }

    #nav {
        padding-right: 0;
        display: none;
        padding-right: 0;
        padding: 10px 0;
        border: 1px solid #ebebeb;
        margin-bottom: 15px
    }

    #nav.open {
        display: block
    }

    #nav .nav-link > .fa {
        float: right;
        line-height: 22px;
        margin-right: -15px;
        width: 40px;
        text-align: center;
        transform: translateY(-5px);
        -webkit-transform: translateY(-5px);
        -moz-transform: translateY(-5px)
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .header_top .topbar_wrap .head_content .logo_top {
        width: 25% !important
    }

    .header_top .topbar_wrap .head_content .logo_top a img {
        margin-left: 0px !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .header_top .topbar_wrap .head_content .logo_top {
        width: 40% !important
    }

    .header_top .topbar_wrap .head_content .logo_top a {
        width: 220px;
        line-height: 90px
    }

    .search_full {
        margin-top: 15px
    }

    .header_search_ .search_full .form_search .input-group-btn button {
        margin-top: 15px
    }
}

@media (max-width: 991px) {
    .logo {
        font-size: 30px;
        line-height: 65px
    }
}

@media (max-width: 543px) {
    .topbar .a-left {
        display: none
    }

    .topbar ul.list-inline.f-right {
        float: left !important
    }

    .search.f-right {
        float: none;
        width: 100%
    }
}

@media (max-width: 420px) {
    .col-xs-6.footer-header {
        width: 100%
    }
}

@media (max-width: 767px) {
    .header_top .topbar_wrap .head_content .logo_top a {
        line-height: 90px
    }

    .search_full {
        margin-top: 15px
    }

    .header_search_ {
        padding: 0
    }

    .header_search_ .search_full .form_search .input-group-btn {
        top: 15px;
        right: 10px
    }

    .top-cart-contain .mini-cart .background_cart .icons:before {
        top: 15px !important
    }

    .top-cart-contain {
        right: 0px
    }

    .search-cart .top-cart-contain .mini-cart .heading-cart .background_cart i {
        top: 40px
    }

    .zoomWrapper img {
        position: static !important
    }

    .section_category_slide .owl_category .item .wrp_category.display_flex > a {
        height: auto !important
    }

    .footer-inner .row div:nth-child(1) .footer-widget h4 {
        border-top: 0px
    }

    .iwi {
        text-align: left;
        width: 100%;
        margin-top: 25px
    }

    .details-product .share_add {
        padding-left: 0px
    }

    .social_share_product {
        text-align: left
    }
}

@media (max-width: 543px) {
    .product-box .product-thumbnail.display_flex {
        display: -webkit-flex;
        -webkit-align-items: center;
        display: -ms-flexbox;
        max-height: 140px;
        height: 140px
    }

    .search-cart .top-cart-contain .mini-cart .heading-cart .background_cart i {
        top: 20px
    }

    .product-box .product-info {
        padding-bottom: 5px
    }

    .owl_product_comback .product_comeback_wrap .owl_product_item_content .slick-slide {
        padding: 20px 0px 0px
    }

    .wrap_bd {
        padding: 30px 15px 15px !important
    }

    .wrp_list_product .item_small {
        padding: 20px 0px !important
    }

    .sale_list_product .item_large {
        padding: 20px 0px !important
    }

    .section_category_slide .owl_category .owl-nav .owl-prev, .section_category_slide .owl_category .owl-nav .owl-next {
        top: 30% !important
    }

    .product-box.product-box-list .product-thumbnail > a {
        max-height: none
    }

    .product-box .product-thumbnail > a img {
        height: auto !important
    }
}

@media (max-width: 430px) {
    .collection p.title-head-info {
        position: static
    }

    .collection h1.title-head {
        margin-bottom: 5px
    }
}

@media (max-width: 480px) {
    .product-tab .tab-link {
        margin-right: 10px
    }
}

@media (max-width: 375px) {
    .owl_product_comback .product_comeback_wrap .owl_product_item_content .slick-slide .saler_item .product-box .product-thumbnail .display_flex {
        max-height: 160px !important;
        height: 110px !important
    }

    .sodiachi .btn.btn-50 {
        width: 100%;
        margin-bottom: 10px
    }

    .logo {
        display: block;
        font-size: 30px;
        line-height: 45px;
        max-width: 150px;
        margin: 0 auto
    }
}

@media (max-width: 768px) {
    .quick-view {
        display: none !important
    }
}

@media (min-width: 1200px) {
    .collection_reponsive .col-lg-3:nth-child(4n+1) {
        clear: left
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .collection_reponsive .col-md-3:nth-child(4n+1) {
        clear: left
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .collection_reponsive .col-sm-4:nth-child(3n+1) {
        clear: left
    }
}

@media (max-width: 767px) {
    .collection_reponsive .col-xs-6:nth-child(2n+1) {
        clear: left
    }
}

@media (min-width: 1200px) {
    .cls_search .col-lg-3:nth-child(4n+1) {
        clear: left
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .cls_search .col-md-3:nth-child(4n+1) {
        clear: left
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .cls_search .col-sm-4:nth-child(3n+1) {
        clear: left
    }

    #aside_blog .banner {
        text-align: left
    }
}

@media (max-width: 767px) {
    .cls_search .col-xs-6:nth-child(2n+1) {
        clear: left
    }

    form.form_search {
        margin: 0;
        margin-bottom: 1px
    }

    .wrap_owl_product_ .owl_product_.owl-carousel .owl-nav .owl-prev, .wrap_owl_product_ .owl_product_.owl-carousel .owl-nav .owl-next {
        display: none
    }

    .nhanhvn-product-reviews-form {
        min-width: 100% !important
    }
}

.section_product_loopp .wrap_owl_product_ {
    position: relative
}

.wrap_owl_product_ .owl_product_.owl-carousel .owl-nav .owl-prev {
    top: 50%;
    left: 0;
    right: initial !important
}

.wrap_owl_product_ .owl_product_.owl-carousel .owl-nav .owl-next {
    right: 0 !important;
    top: 50%
}