/*------------------------------------------------------------------

[Table of contents]
1. Responsive

-------------------------------------------------------------------*/

@media only screen and ( max-width: 980px) {
    .search-box,
    .menu-web,
    .banner-category,
    .social-siderbar,
    .hidden-mobile,
    .menu-header>ul>li>ul,
    .menu-header>ul>li .sub-menu {
        display: none
    }
    .list-logo-top-v3 ul li {
        width: calc(100% / 4);
    }
    .container-web {
        overflow: hidden;
    }
    .icon-search-mobile,
    .icon-menu-bar,
    .banner-category-v2,
    .banner-category-v3,
    .button-show-sidebar,
    .menu-header>ul>li:hover ul,
    .menu-header>ul>li:hover .sub-menu {
        display: block;
    }
    .container-web,
    .slide-box-home,
    .box-banner-small,
    .banner-category-v2 {
        width: 100%;
        height: auto;
    }
    .thumbnail-slide-detail {
        width: calc(100% - 60px - 2%);
        max-width: 480px;
        margin: 0 auto;
    }
    .contact_us_header {
        padding: 8px 0 8px 15px
    }
    .logo {
        transform: translate(-50%, -50%);
        top: 50%;
        left: 50%;
        position: absolute;
    }
    .slide-v2,
    .box-banner-small-v2 {
        max-width: 600px;
        margin: 0 auto;
    }
    .box-banner-small-v2>div {
        width: calc(100% / 2);
        height: auto;
        float: left;
    }
    .right-top-checkout,
    .left-top-checkout,
    .left-content-shoping,
    .right-content-shoping {
        padding: 0;
    }
    .left-top-checkout {
        margin: 0 0 15px 0;
    }
    .cart-website {
        right: 30px;
    }
    .banner_full_width img {
        max-width: 100%;
    }
    .text-subscribe {
        width: 45%;
    }
    .social-box a:last-child {
        margin: 0 15px 0 2px;
    }
    .slide-box-home,
    .box-banner-small {
        margin: 0 auto;
        display: block;
        float: none;
    }
    .header-content {
        height: 75px;
        margin: 0;
    }
    .social-box {
        text-align: center;
    }
    .menu-title-box li a {
        font-size: 13px;
    }
    .slide-box-home,
    .box-banner-small {
        width: 100%;
        height: auto;
    }
    .list-products-category {
        width: calc(100% - 200px);
    }
    .contact_us_header,
    .menu-header-top {
        text-align: center;
    }
    .menu-header-top ul {
        display: table;
    }
    .slide-v3,
    .category-image {
        margin: 0 auto !important;
        max-width: 685px;
        float: none;
        width: auto;
    }
    .menu-header ul li a {
        font-size: 15px;
        line-height: 49px;
        padding: 0 20px;
    }
    .footer-v3 .support-box-info p:nth-of-type(1) {
        margin: 60px 0 0px 0;
    }
    .footer-v3 .support-box-info p:nth-of-type(2) {
        margin: 2px 0 10px 0;
    }
    .footer-v3 .support-box-info img {
        left: 50%;
        position: absolute;
        transform: translateX(-50%);
        -o-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
    }
    .footer-v3 .support-box-info p:nth-of-type(2),
    .footer-v3 .support-box-info p:nth-of-type(1) {
        float: none;
        width: auto;
    }
    .footer-v3 .support-box-info {
        text-align: center;
    }
    #slide-bar-category {
        position: fixed;
        top: 0;
        left: -285px;
        height: 100vh;
        z-index: 1000;
        background: #fff;
        width: 280px;
        overflow-x: scroll;
        padding: 5px !important;
        margin: 0;
        -webkit-box-shadow: 3px 0px 9px -5px rgba(0, 0, 0, 0.75);
        -moz-box-shadow: 3px 0px 9px -5px rgba(0, 0, 0, 0.75);
        box-shadow: 3px 0px 9px -5px rgba(0, 0, 0, 0.75);
    }
    .box-banner-small-v3 .banner-v3-home {
        width: calc(100% / 2);
        float: left;
    }
    /*-- CSS Responsive Table --*/
    .table-wish-list table tbody tr {
        border: none;
    }
    .table-wish-list tbody tr td:first-child,
    .table-wish-list thead {
        display: none;
    }
    .table-wish-list tbody tr td {
        position: relative;
        padding-left: 30%;
        border-bottom: 1px solid #dedede;
    }
    .table-wish-list tbody tr:nth-of-type(odd) {
        background: #eee;
    }
    .table-wish-list table tbody *:not(i) {
        display: block;
    }
    .table-wish-list tbody tr td:nth-of-type(2):before {
        content: "Product name";
    }
    .table-wish-list tbody tr td:nth-of-type(3):before {
        content: "Price";
    }
    .table-wish-list tbody tr td:nth-of-type(4):before {
        content: "Stock Status";
    }
    .table-wish-list tbody tr td:nth-of-type(5):before {
        content: "Add to Cart";
    }
    .table-wish-list tbody tr td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 50%;
        transform: translateY(-50%);
        left: 6px;
        width: 30%;
        white-space: nowrap;
        font-size: 18px;
    }
    .table-wish-list tbody tr td:nth-child(5) a {
        margin: 10px 0;
    }
    .table-wish-list table tbody p {
        padding: 10px 0;
        margin: 0;
    }
    .content-404>p:nth-of-type(1) {
        font-size: 30px;
    }
    .css_content img {
        max-width: 100%;
        max-height: 100%;
    }
    .content-row {
        flex-direction: column;
    }
    .action-compare a {
        margin: 0 10px 10px 0;
    }
    header .container-web {
        overflow: initial;
    }
    .cart-detail-header {
        top: 85px;
        right: 25px;
    }
}

@media only screen and ( max-width: 768px) {
    .nav-prev {
        left: 0;
    }
    .menu-header>ul>li:hover .mega-menu-v2 {
        left: -200px;
    }
    .menu-header>ul>li:hover .mega-menu {
        left: -240px;
    }
    .table-wish-list tbody tr td:nth-child(3),
    .table-wish-list tbody tr td:nth-child(4),
    .table-wish-list thead tr th:nth-child(2),
    .table-wish-list thead tr th:nth-child(3) {
        text-align: left;
    }
    .nav-next {
        right: 0;
    }
    .nav-slide-brand button {
        padding: 20px 5px;
        font-size: 4.5em;
    }
    .nav-slide-brand button:hover,
    .nav-slide-brand button {
        border: none;
    }
    .nav-slide-brand {
        top: 54px;
        z-index: 9;
    }
    .slide-v2,
    .box-banner-small-v2 {
        max-width: 600px;
    }
    .box-banner-small-v2>div {
        width: calc(100% / 2);
        float: left;
    }
}

@media only screen and ( max-width: 767px) {
    .container-web {
        padding: 0 15px;
    }
}

@media only screen and ( max-width: 480px) {
    .right-category-bar p {
        font-size: 14px;
    }
    .btn-back {
        flex-direction: column;
    }
    .table-wish-list tbody tr td:before {
        width: 40%;
    }
    .table-wish-list tbody tr td {
        padding-left: 40%;
    }
    .btn-back a {
        margin: 10px 0 0 0;
    }
    .active-box-category,
    .box-content-product-home-v3,
    .product-son,
    .list-products-category {
        display: table;
    }
    .text-subscribe p,
    .menu-header-top>ul,
    .image-product,
    .text-subscribe i,
    .icon_logo_footer {
        float: none !important;
    }
    .menu-header-top>ul,
    .image-product,
    .text-subscribe i {
        margin: 0 auto !important;
    }
    .footer-v3 .support-box-info {
        margin: 0;
    }
    .clear-padding-480,
    .left-content-detail {
        padding: 0;
    }
    .cart-website {
        right: 0;
    }
    .total-number-about p:nth-of-type(2) {
        font-size: 14px;
    }
    .total-number-about p:nth-of-type(1) {
        font-size: 30px;
    }
    .total-number-about,
    .content-404>p:nth-of-type(1) {
        margin: 40px 0 30px 0;
    }
    .title-tabs li {
        font-size: 12px;
        padding: 0 5px;
    }
    .copyright,
    .deal-hot-v2,
    .deal-hot-v2 div,
    .text-subscribe,
    .form-subscribe,
    .product-category-list {
        display: block;
    }
    .list-logo-top-v3 ul li {
        width: calc(100% / 3);
    }
    .support-box .support-box-info:nth-of-type(2) {
        border: none;
    }
    .deal-hot-v2,
    .deal-hot-v2 div,
    .list-products-category {
        height: auto;
        min-height: auto;
    }
    .deal-hot-v2>div:nth-of-type(1) {
        width: calc(100% + 10px);
    }
    .content-left,
    .content-right {
        padding: 10px 0;
    }
    .good-deals-v2 img {
        left: 10px !important;
    }
    .good-deals-v2 .text-default-color {
        padding: 0 0 0 35px;
    }
    .contact_us_header img {
        margin: -1px 10px 0 0;
    }
    .text-subscribe,
    .form-subscribe {
        margin: 0 auto 10px auto;
        width: 90%;
        text-align: center;
        float: none;
    }
    .text-subscribe i {
        margin: 0 10px 0 15%;
    }
    .list-logo-category,
    .menu-title-box ul,
    .banner-category-v3,
    .menu-header,
    .slide-modal {
        display: none;
    }
    .percent-content-3 {
        width: calc(100% / 2);
    }
    .list-products-category,
    .grid-content-blogs,
    .deal-hot-v2>div:nth-of-type(2),
    .box-content-product-home-v3,
    .info-product-list,
    .bar-category .row div:nth-of-type(1),
    .bar-category .row div:nth-of-type(2) {
        width: 100%;
    }
    .product-son {
        margin: 0 auto;
        text-align: center;
    }
    .icon-search-mobile {
        right: 45px;
    }
    .active-box-category {
        position: relative;
    }
    .copyright {
        text-align: center;
    }
    .footer-icon-bottom {
        margin: 10px 0 0 0;
        display: block;
        text-align: center;
        float: none;
    }
    .box-content-product-home-v3 .percent-content-3 {
        min-height: calc(100% / 3);
    }
    .text-footer {
        margin: 15px 0;
        padding: 0px 30px;
    }
    .banner-top-category-page {
        height: auto;
    }
    .product-code p:nth-of-type(1) {
        margin: 0px 12px 0 0;
        padding: 0 12px 0 0;
    }
    .box-banner-small-v3,
    .add-cart-modal {
        margin: 10px 0px !important;
    }
    .form-login-checkout {
        flex-direction: column;
    }
    .form-login-checkout ul,
    .form-login-checkout a {
        margin: 10px 0 0 0 !important;
    }
    .cart-detail-header {
        right: 0;
    }
    .cart-detail-header:before {
        right: 5px;
    }
    .box-content-product-home-v2 .active-box-category {
        display: block;
    }
    .option-button-modal {
        flex-direction: column;
    }
    .compare-content {
        overflow: auto;
    }
    .pagging ul li:last-child a,
    .pagging ul li:first-child a {
        padding: 0 5px;
    }
    .pagging ul li {
        margin: 0 2px;
    }
    .title-404 img {
        height: 130px;
        width: 130px;
    }
    .text-intro {
        font-size: 20px;
    }
    .box-search-mobile button {
        width: 40px;
        font-size: 25px;
    }
    .search-box button i {
        height: 35px;
        display: block;
        padding: 4px 0;
    }
    .search-box input {
        width: calc(100% - 160px);
    }
}

@media only screen and ( max-width: 320px) {
    .date-blog {
        flex-direction: column;
    }
    .date-blog p {
        line-height: 3em;
    }
    .compare-content {
        overflow: auto;
    }
    .cart-detail-header {
        top: 100px;
    }
    .list-products-category>div {
        height: auto;
    }
    /*-- CSS Table --*/
    .table-wish-list tbody tr td:nth-child(5) a {
        width: 130px;
    }
    .title-404 {
        font-size: 11em;
    }
    /*-- End Table Responsive --*/
    .menu-header-top li a {
        padding: 3px 15px;
    }
    .clear-padding-320 {
        padding: 0;
    }
    .list-lib-image-about ul li,
    .list-logo-top-v3 ul li {
        width: calc(100% / 2);
    }
    .button-product-list ul li:first-child a {
        padding: 0 15px;
    }
    .logo {
        margin: -20px 0 0 0;
    }
    .icon-search-mobile,
    .icon-menu-bar,
    .cart-website {
        margin: 25px 0 0 0;
    }
    .support-box-info,
    .list-products-category-v1 .product-no-ranking {
        width: 100%;
    }
    .text-subscribe i {
        float: none !important;
    }
    .product-in-cart-col-3,
    .product-in-cart-col-2 p {
        margin: 0 auto;
    }
    .support-box .border,
    .support-box-info {
        border: none !important;
    }
    .btn-shoping-cart,
    .product-in-cart {
        flex-direction: column;
    }
    .btn-shoping-cart a {
        margin: 10px 0 !important;
    }
    .product-in-cart-col-2 {
        text-align: center;
    }
    .product-in-cart-col-1 {
        margin: 10px auto;
    }
    .btn-shoping-cart a,
    .product-in-cart-col-2,
    .product-in-cart-col-3 {
        width: 100%;
    }
}