@media screen and (min-width: 768px) {

    .menu-mobile-icon {
        display: none;
    }

    .toggle-btn {
        display: none;
    }

    .product-hot .caption-list .caption-list-child .item .image fingure {
        max-height: 230px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .niemtin {
        display: none !important;
    }

    .product-hot .product-container {
        max-height: 525px;
        overflow: hidden;
    }
}

@media screen and (min-width: 992px) and (max-width: 1024px) {
    .menu-top-content > ul > li.menu-item > .menu-link {
        padding: 0 25px !important;
    }

    .product-hot .product-container {
        max-height: 525px;
        overflow: hidden;
    }
}

@media screen and (min-width: 900px) and (max-width: 992px) {
    .menu-top-content > ul > li.menu-item > .menu-link {
        padding: 0 17px !important;
    }

    .product-hot .product-container {
        max-height: 525px;
        overflow: hidden;
    }
}

@media screen and (min-width: 830px) and (max-width: 900px) {
    .menu-top-content > ul > li.menu-item > .menu-link {
        font-size: 13px !important;
        padding: 0px 17px;
    }
}

@media screen and (min-width: 800px) and (max-width: 829px) {
    .menu-top-content > ul > li.menu-item > .menu-link {
        font-size: 13px !important;
        padding: 0px 12px;
    }
}

@media screen and (max-width: 800px) {
    .ahotline {
        display: block !important;
    }

    .menu {
        display: none !important;
    }

    .menu-mobile-icon {
        display: block;
    }

    .menu-mobile-icon {
        margin-top: 0;
        position: absolute;
        right: 15px;
        top: 10px;
    }

    .captionRightLogo {
        margin-top: 0px !important;
    }
}

@media screen and (max-width: 900px) {
    .popup {
        display: none;
    }

    .huongdan {
        display: none !important;
    }

    .emailProduct .list {
        float: left !important;
    }

    .header_top .captionRight {
        width: 100% !important;
    }

    .header_top .captionLeft {
        display: none !important;
    }

    .header_top .captionRight .hotline {
        float: left !important;
    }

    .product-hot .product-container {
        max-height: none;
        overflow: inherit;
        min-height: inherit;
    }
}

@media screen and (max-width: 767px) {
    .phone{
        display:none;
    }
    .ahotline {
        display: block !important;
        z-index: 100;
    }

    .footer_above_fixed .callme a {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        font-size: 14px;
        padding-right:0;
    }

    .toggle-btn {
        visibility: visible;
        position: absolute;
        right: 0;
        top: 0;
        cursor: pointer;
        color: #983094;
        height: 49px;
        width: 16px;
        text-align: center;
        line-height: 49px;
    }

        .toggle-btn:before {
            color: #983094;
            font-weight: 700;
        }

    .mobile-collapse {
        display: none;
    }

    .header_top .captionLeft, .logoheader .niemtin, .menu {
        display: none;
    }

    .logoheader {
        height: auto !important;
        position: relative;
    }

    .page-header-top-giohang .tongtien {
        display: none !important;
    }

    .captionRightLogo {
        right: 0;
        /*width: auto !important;*/
    }

    .page-header-top-giohang {
        margin-top: 30px;
    }

    header .boxSearchLeft {
        margin-top: 40px;
        width: 80%;
    }

    .closetop-menu-mobile {
        font-size: 30px;
        color: #fff !important;
        position: absolute;
        top: 2px;
        line-height: 1;
        left: 0;
        width: 30px;
        text-align: center;
        height: 30px;
    }

    .FooterTren .cot2, .FooterTren .cot22, .FooterTren .cot3 {
        margin-top: 30px;
    }

    .FooterTren .list {
        margin-top: 20px;
    }

    .FooterTren {
        background: #fafbfd;
        padding: 30px 0;
    }

    .FooterDuoi #hidemobile {
        display: none;
    }

    .FooterDuoi .cot1 {
        text-align: center !important;
    }

    .product-hot .caption-f a {
        text-align: center;
        padding-top: 8px;
        padding-bottom: 8px;
    }

    .product-hot .caption-menu-child .ls-ul .item {
        width: 100% !important;
        border-bottom: 1px solid #eee !important;
    }

        .product-hot .caption-menu-child .ls-ul .item:last-child {
            border-bottom: none;
        }

    .product-hot .caption-list .caption-list-child, .product-hot .caption-menu-child .ls-ul {
        width: 100% !important;
    }

        .product-hot .caption-menu-child .ls-ul .item:hover {
            color: #222 !important;
            margin-bottom: 0 !important;
            border-bottom: 1px solid #eee !important;
            width: 100% !important;
        }

        .btn-add-cart, .product-hot .caption-list .caption-list-child .item:hover .gia {
            display: block !important;
        }

    .danhmuc-product .caption {
        text-align: center !important;
    }

    .FooterDuoi {
        height: 110px;
        line-height: 22px;
        padding: 10px 0;
    }

    .product .list .list-archive .g-product .item:hover .gia,
    .product .list .list-archive .g-product .item:hover .btn-add-cart {
        display: block !important;
    }

    .pager {
        text-align: center !important;
    }

    .banner-mang-luoi {
        padding-bottom: 80px !important;
        background: none !important;
    }

    .mgr-trangtrong .tim-kiem-area .tim-kiem-box {
        background: rgba(0, 0, 0, 0.51) !important;
    }

    .banner-mang-luoi .container {
        display: none;
    }

    .content-mangluoi .item .motangan, .content-mangluoi .item .desc .title {
        text-align: left !important;
    }

    .product-hot .caption-list .caption-list-child .item {
        float: left;
        margin-bottom: 15px;
    }

        .product-hot .caption-list .caption-list-child .item .image img {
            width: 100% !important;
            height: auto !important;
            max-height: auto !important;
        }

    .product-hot .product-container .caption-list {
        padding: 0 !important;
    }

    .product-hot .caption-list .caption-list-child .item .title {
        text-align: center;
        min-height: 44px;
    }

    .product-hot .caption-list .caption-list-child .item .gia {
        margin-top: 0;
    }

    .btn-add-cart a {
        font-size: 10px;
    }

    .product-hot .caption-list .caption-list-child .col-lg-4.col-md-4.col-sm-4.col-xs-6:nth-child(2n+1) {
        padding-right: 2px;
    }

    .product-hot .caption-list .caption-list-child .col-lg-4.col-md-4.col-sm-4.col-xs-6:nth-child(2n) {
        padding-left: 2px;
    }
}

@media screen and (max-width: 500px) {
    .msection_height_mar {
        margin-bottom: 0 !important;
    }

    .product-hot .product-container {
        max-height: none;
        overflow: inherit;
        min-height: inherit;
    }

    .ahotline {
        display: block !important;
        z-index: 100;
    }

    header .boxSearch {
        width: 100%;
    }
    .FooterDuoi {
        height: 130px;
     
    }
    .content-mangluoi .item {
        width: 100% !important;
    }

        .content-mangluoi .item .image {
            margin-bottom: 10px;
            width: 100% !important;
            margin-right: 0;
        }
}

@media screen and (max-width: 400px) {
    .product-hot .product-container {
        max-height: none;
        overflow: inherit;
        min-height: inherit;
    }

    .ahotline {
        display: block !important;
        z-index: 100;
    }
    /*.product .list .list-archive .g-product { width: 100% !important;}*/
    .product .list .list-archive .item .title {
        text-align: center !important;
        max-height: 50px;
        overflow: hidden;
    }

    .header_top .hotline {
        display: none !important;
    }

    .product-hot .product-container {
        box-shadow: none !important;
    }
}

@media screen and (max-width: 330px) {
    .product-hot .product-container {
        max-height: none;
        overflow: inherit;
        min-height: inherit;
    }

    .ahotline {
        display: block !important;
        z-index: 100;
    }

    .product-hot .caption-list .caption-list-child .col-lg-4.col-md-4.col-sm-4.col-xs-6:nth-child(2n+1) {
        padding-right: 5px;
    }

    .product-hot .caption-list .caption-list-child .col-lg-4.col-md-4.col-sm-4.col-xs-6:nth-child(2n) {
        padding-left: 5px;
    }
}

@media screen and (min-width: 1367px) {
    .lsBoxTinTuc, .huongdanmuahangbox, .thongtin {
        background-size: 100% auto !important;
    }
}