@media screen and (max-width: 1179px) {}



@media screen and (max-width: 1050px) {}



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

    .cat-menu-list ul li .icon-menu-drop {

        width: 50px;

        display: block;

        float: right;

        text-align: center;

        line-height: 45px;

    }



    .page-template-cart #bk-btn-installment,

    .page-template-cart #bk-btn-installment-amigo,

    .page-template-cart #bk-btn-paynow,

    .page-template-cart .bk-btn-installment,

    .page-template-cart .bk-btn-installment-amigo,

    .page-template-cart .bk-btn-paynow {

        width: 100% !important;

    }



    #bk-btn-installment,

    #bk-btn-installment-amigo,

    #bk-btn-paynow,

    .bk-btn-installment,

    .bk-btn-installment-amigo,

    .bk-btn-paynow {

        width: 100% !important;

    }



    .page-template-cart .bk-btn-installment {

        margin-left: 0px !important;

    }



    .bk-btn-installment {

        margin-left: 0px !important;

    }

}



@media (max-width: 1630px) {

    .container {

        width: 1220px;

        padding: 0px 10px;

        max-width: 100%;

    }



    .head_logo {

        width: 255px;

    }



    .head_search {

        width: 490px;

        margin-top: 20px;

    }



    .head_right {

        width: 390px;

        margin-top: 15px;

    }



    .fix-top .head_right {

        width: 390px;

        margin-top: 30px;

    }



    .head_right .hotline {

        width: 145px;

        padding-left: 25px;

    }



    .head_right .build-pc {

        width: 130px;

    }



    .fix-top .head_search {

        margin-left: 290px;

        margin-top: 45px;

    }



    .fix-top .menu-header .menu-danh-muc {

        margin-top: -55px;

    }



    .timkiem {

        width: 226px;

    }



    .box-tim-kiem {

        margin-top: 0px;

    }



    .fix-top .menu-danh-muc li a,

    .menu-danh-muc li a {

        padding: 10px 30px;

        font-size: 12px;

    }



    .menu-chinh li a {

        padding: 10px 13px;

        font-size: 12px;

    }



    .sub-mega-menu>li .box-sub-mega-menu {

        width: 960px;

        height: 495px;

    }



    .sub-mega-menu {

        width: 240px;

        height: 500px;

    }



    .fix-top .sub-mega-menu li a,

    .sub-mega-menu li a {

        font-size: 14px;

        background-position: 8px center !important;

        padding-left: 34px !important;

        padding: 3px 8px 3px 25px;

    }







    .sub-mega-menu>li:hover a::after {

        border-bottom: 17px solid transparent;

        border-top: 17px solid transparent;

    }



    .box-sub-mega-menu a {

        font-size: 14px !important;

    }



    .banner-home-right {

        width: 955px;

        float: right;

    }



    .home-slider-right {

        width: 710px;

        height: 320px;

    }



    .home-banner-right {

        width: 240px;

    }



    .banner-home-bot {

        width: 955px;

    }



    .banner-home-right img {

        height: auto;

    }



    .menuoff {

        top: 55px;

    }

}



@media screen and (max-width: 1580px) {

    .head_search {

        width: 489px;

    }



    .fix-top .head_search {

        margin-left: 272px;

        margin-top: 25px;

    }



    .fix-top .menu-header .menu-danh-muc {

        margin-top: -53px;

    }



    .fix-top .head_right {

        margin-top: 13px;

    }



    .hl-text .text-1 {

        font-size: 10px;

    }



    .hl-text .text-2 {

        font-size: 13px;

    }



    .head_right .cart,

    .head_right .hotline,

    .head_right .build-pc {

        margin-top: 9px;

    }



    .head_right .cart span.icon,

    .head_right .build-pc span.icon,

    .head_right .hotline span.icon {

        width: 37px;

        height: 37px;

    }



    .head_right .build-pc span.icon {

        margin-right: 6px;

        background-position: -60px -37px;

    }



    .head_right .hotline span.icon {

        background-position: -7px -36px;

    }



    .head_right .cart span.icon {

        margin-right: 8px;

        background-position: -117px -36px;

    }



    .head_right .hotline {

        width: 124px;

        padding-left: 23px;

    }



    .head_right .build-pc {

        width: 115px;

    }



    .head_right {

        height: 56px;

        width: 340px;

    }



    .head_right .cart .count-cart {

        width: 19px;

        height: 19px;

        line-height: 19px;

        font-size: 13px;

        top: -3px;

    }



    .head_logo {

        width: 316px;

    }



    .head_logo a img {

        width: 280px;

    }

}



@media screen and (max-width: 1366px) {

    .head_search {

        width: 490px;

    }



    footer .img-email {

        margin-left: 10px;

    }



    .box-email #email-newsletter {

        width: calc(100% - 100px);

    }



    .fix-top .head_search {

        margin-left: 290px;

        margin-top: 20px;

    }



    .float-post .image img {

        width: 100px;

    }



    .float-post .name,

    .float-post .desc {

        width: 240px;

    }

}



@media screen and (max-width: 1024px) {



    .sub-mega-menu {

        display: none;

    }



    .menu-chinh li a {

        padding: 10px 8px;

    }



    .menu-danh-muc li a {

        padding: 10px 5px;

    }



    .head_logo {

        width: 200px;

    }



    .head_search {

        width: 370px;

        margin-top: 20px;

    }



    .head_right {

        width: 400px;

        margin-top: 20px;

    }



    .box-span-timkiem .style-type {

        width: 149px;

    }



    .box-span-timkiem .btn-search {

        width: 60px;

        padding: 5px;

    }



    footer .img-email {

        margin-left: 20px;

        margin-right: 20px;

        width: 100%;

        text-align: center;

    }



    footer .text-footer {

        text-align: center;

    }



    .box-in-email {

        width: 700px;

        margin: auto;

        float: right;

    }



    .banner-home-right {

        width: 100%;

    }



    .home-banner-right {

        width: 251px;

    }



    .banner-home-bot {

        width: 100%;

    }



    .home-slider-right {

        width: 748px;

        height: 340px;

    }



    .fix-top {

        position: inherit;

    }



    .box-email #email-newsletter {

        width: calc(100% - 360px);

    }



    .fix-top {

        position: unset;

        width: 100%;

        display: none;

    }



    .MagicZoomBigImageCont,

    .MagicZoomHint,

    .MagicZoomPup {

        display: none !important;

    }



    .float-post .name,

    .float-post .desc {

        width: 579px;

    }



    .menu-chinh li a {

        font-size: 11px;

    }

}



/* Mobile */

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



    .show-room-mobile,

    .mobile-hide {

        display: block;

    }



    .title-box-list-cat .count-product-list {

        width: 100%;

        text-align: center;

    }



    .title-box-list-cat .select-product-list {

        width: 100%;

        text-align: center;

        padding: 10px;

        border: 2px solid #f00;

        border-radius: 10px;

        margin-top: 10px;

    }



    .slide-cat {

        display: none;

    }



    .tab-title-news {

        margin: 0px 15px 30px;

    }



    .page-news {

        padding-left: 0;

        padding-right: 0;

    }



    .news-footer .item-new {

        padding-left: 15px;

        padding-right: 15px;

    }



    .discount-info-pc .sale {

        margin-top: 0;

    }



    .video-content .btn-youtube {

        right: 10px;

        margin-top: -64px;

    }



    .video-content .video-detail .col-md-4 {

        order: 1;

    }



    .edit-col-mobile,

    .edit-col-mobile .list-box-list-cat,

    [class*='col-'] {

        padding: 0px 0px;

    }



    .head_search {

        width: 100%;

        max-width: 100%;

        margin-bottom: 15px;

        margin-top: 0px;

    }



    .top_bar {

        display: none;

    }



    .box-span-timkiem select {

        display: none;

    }



    .box-span-timkiem {

        width: 100%;

    }



    .box-span-timkiem .timkiem {

        width: 80%;

        padding: 0px 0px 0px 10px;

    }



    .timkiemsp {

        padding: 0;

    }



    .head_logo a img {

        display: none;

    }



    .tag-search {

        display: none;

    }



    .head_logo {

        display: none;

    }



    .head_right {

        display: none;

    }



    .menu-header {

        display: none;

    }



    .home-banner-right {

        display: flex;

        justify-content: space-between;

        width: 100%;

    }



    .home-banner-right .img-item-banner {

        width: calc(50% - 5.5px);

        margin-right: 0;

    }



    .banner-home-right img {

        height: auto;

        width: 100%;

    }



    .banner-home-bot {

        display: none;

    }



    .banner-home-right {

        width: 100%;

        max-width: 100%;

    }



    .home-slider-right {

        width: 100%;

        max-width: 100%;

        height: auto;

        margin-bottom: 8px;

    }



    .title-tab .price-pc {

        overflow-x: auto;

        width: 100%;

    }



    .title-tab .text-title {

        width: 100%;

        padding-right: 0px;

        margin-right: 0px;

    }



    .title-tab .text-title::after {

        display: none;

    }



    .check-cart .text-info-pc {

        display: none;

    }



    .discount-info-pc .sale {

        font-size: 12px !important;

        width: 100%;

        /* display: block; */

        text-align: right;

    }



    .footer .text-footer h3 a {

        display: block;

        margin-top: 6px;

    }



    #tooltip {

        display: none !important;

    }



    .box-span-timkiem .btn-search {

        width: 19%;

        padding: 5px 30px;

    }



    .header-menu-mobile {

        background-color: #fff;

        display: flex;

        padding: 0 13px;

        justify-content: space-between;

        align-items: center;

        height: 60px;

        position: fixed;

        width: 100%;

        top: 0;

        left: 0;

        z-index: 9999;

        overflow: hidden;

    }



    .admin-bar .header-menu-mobile {

        margin-top: 46px;

    }



    .header-menu-mobile .menu-mobile {

        width: 24px;

        height: 19px;

        position: relative;

    }



    .header-menu-mobile .menu-mobile .menu-mobile__item-line {

        position: absolute;

        width: 100%;

        left: 0;

        height: 3px;

        background-color: #f00;

        transition: .2s;

    }



    .header-menu-mobile .menu-mobile .menu-mobile__item-line:nth-child(1) {

        top: 0;

        transform-origin: 0 50%;

    }



    .header-menu-mobile .menu-mobile .menu-mobile__item-line:nth-child(2) {

        top: 50%;

        transform: translateY(-50%);

    }



    .header-menu-mobile .menu-mobile .menu-mobile__item-line:nth-child(3) {

        bottom: 0;

        transform-origin: 0 50%;

    }



    .header-menu-mobile .menu-mobile.active .menu-mobile__item-line:nth-child(1) {

        transform: rotate(42deg);

    }



    .header-menu-mobile .menu-mobile.active .menu-mobile__item-line:nth-child(2) {

        opacity: 0;

    }



    .header-menu-mobile .menu-mobile.active .menu-mobile__item-line:nth-child(3) {

        transform: rotate(-42deg);

    }



    .header-menu-mobile .header-mobile-logo {

        display: block;

        margin-left: 19px;

        transform: translateY(0px);

        visibility: visible;

        transition: all 0.2s ease 0s;

    }



    .header-menu-mobile .header-mobile-logo img {

        display: block;

        max-width: 160px;

        height: auto;

    }



    .header-mobile-cart a {

        display: block;

        position: relative;

        width: max-content;

        margin-right: 19px;

        margin-top: 11px;

    }



    .header-mobile-cart a img {

        max-width: 23px;

        width: 23px;

        display: block;

    }



    .header-mobile-cart .count-cart-mobile {

        position: absolute;

        width: 21px;

        height: 20px;

        line-height: 21px;

        border-radius: 50%;

        text-align: center;

        color: #fff;

        background-color: #fdb039;

        top: -5px;

        right: -5px;

        font-size: 12px;

    }



    .header {

        margin-top: 61px;

    }



    .menu-mobile-list.active {

        transform: translateX(0%);

    }



    .menu-mobile-list {

        position: fixed;

        width: 100%;

        background-color: #fff;

        z-index: 100;

        top: 60px;

        left: 0;

        overflow: auto;

        display: block;

        height: calc(100vh - 60px);

        transition: .3s;

        transform: translateX(-100%);

    }



    .admin-bar .menu-mobile-list {

        top: 105px;

    }



    .cat-menu-list .menu-list-product {

        padding: 0 10px;

        height: 45px;

        display: flex;

        align-items: center;

        border-bottom: solid 1px #eee;

    }



    .menu-list-product-title {

        padding-left: 20px;

        font-size: 13px;

    }



    .menu-list-product img {

        width: 28px;

        height: auto;

    }



    .cat-menu-list ul {

        display: block;

        margin-bottom: 0px;

    }



    .cat-menu-list ul li ul {

        display: none;

    }



    .cat-menu-list ul.active {

        display: block;

    }



    .cat-menu-list ul li {

        padding: 0px 10px;

        line-height: 45px;

        position: relative;

        list-style: none;

        width: 100%;

        display: inline-block;

    }



    .cat-menu-list ul li a {

        display: block;

        float: left;

        width: 300px;

        line-height: 28px;

        padding: 10px 40px;

        background-position: 10px center !important;

        background-size: 20px auto !important;

        font-size: 18px;

        color: #222222;

        position: relative;

    }



    .cat-menu-list ul li .icon-menu-drop {

        width: 50px;

        display: block;

        float: right;

        text-align: center;

        line-height: 45px;

    }



    .cat-menu-list ul li ul li {

        list-style-type: none;

    }



    .cat-menu-list ul li ul li {

        list-style-type: none;

    }



    .cat-menu-list ul li ul {

        width: 100%;

        float: left;

    }



    .cat-menu-list ul li ul li {

        width: 100%;

        float: left;

    }



    .sub-menu-mobile {

        display: none;

    }



    .sub-menu-mobile.active {

        display: block;

    }



    .sub-menu-mobile {

        background: #f3f3f3;

    }



    .main-menu-item-info .sub-item-info {

        display: flex;

        padding: 0 10px;

        align-items: center;

        font-size: 13px;

        padding-top: 25px;

    }



    .main-menu-item-info .sub-item-info .icon-item {

        width: 28px;

    }



    .main-menu-item-info .sub-item-info span {

        font-size: 14px;

    }



    .main-menu-item-info .sub-item-info .info-text .phone {

        font-size: 16px;

        color: #ff424e;

        font-style: italic;

        font-weight: 600;

    }



    .box-email #email-newsletter {

        width: calc(100% - 105px);

        margin: auto;

    }



    .row {

        margin: unset;

    }



    footer .img-email {

        width: 100%;

        text-align: center;

        margin: unset;

    }



    footer .text-footer {

        text-align: center;

    }



    .box-in-email {

        width: 320px;

    }



    .MagicZoomBigImageCont,

    .MagicZoomHint,

    .MagicZoomPup {

        display: none !important;

    }



    .status-buy-sell li+li {

        border-left: unset;

        padding-left: 0;

    }



    .box-price .price span {

        font-size: 16px;

        margin-left: 50px;

        float: right;



    }



    .box-price .price-hot span {

        font-size: 20px;

        margin-left: 5px;

        float: right;

    }



    .box-price .price-hot {

        font-size: 20px;

    }



    .box-price .price-hot span.hot {

        width: 100%;

        display: block;

        text-align: center;

        margin: unset;

        float: revert;

    }



    .call-cart .cart {

        width: 100%;

        margin-bottom: 15px;

    }



    .call-cart .tragop {

        width: 100%;

    }



    .box-single-product .title-single h1 {

        font-size: 18px;

        line-height: 1.4;

    }



    .box-in-single-product {

        padding: 5px;

    }



    .hidden-mb {

        display: none;

    }



    .content-product .content-in {

        height: 350px;

    }



    .box-content-single-product .content-single-product {

        padding: 0;

    }



    .float-post .image img {

        width: 100px;

    }



    .float-post .name,

    .float-post .desc {

        width: 579px;

    }



    .product-quantity {

        width: 100px;

    }



    .filter-cat {

        display: block;

        background: #f00;

        text-align: center;

        margin-bottom: 0px;

    }



    .mobile-slide-container {

        padding: 0;

    }



    .mobile-section {

        margin-top: 0px;

    }



    .title-pc {

        margin-top: 0px;

    }



    #cat-menu-filter {

        position: fixed;

        width: 100%;

        background-color: #fff;

        z-index: 90;

        top: 60px;

        left: 0;

        overflow: auto;

        height: calc(100vh - 60px);

        transition: .3s;

        transform: translateX(-100%);

    }



    .active#cat-menu-filter {

        transform: translateX(0%);

        padding-bottom: 100px;

    }



    .close-filter-menu-mobile {

        font-size: 12px;

        float: right;

        margin-top: 6px;

        color: #f00;

        display: block;

    }



    .irt-flash-sale {

        margin-bottom: 30px;

    }



    .irt-flash-sale .product-sale {

        background-repeat: no-repeat;

        overflow: hidden;

        padding: 30px 13px 31px 20px;

        background-size: cover;

        min-height: auto;

    }



    .irt-flash-sale .product-sale .box-products {

        width: 100%;

    }



    .product-sale .box-title {

        text-align: right;

        position: relative;

        top: -10px;

    }

}



@media screen and (max-width: 416px) {

    .admin-bar #cat-menu-filter {

        top: 110px;

    }



    .float-post .name,

    .float-post .desc {

        width: 220px;

    }



    .float-post .name a {

        font-size: 16px;

    }



    .box-cart-list-item .box-img-item {

        width: 25%;

    }



    .box-info-item-cart {

        width: 75%;

    }



    .box-change {

        width: 100%;

        text-align: center;

    }



    .video-content .btn-youtube {

        right: 20px;

        margin-top: 0px;

    }



    .video-content .video-detail .item-left:first-child {

        margin-top: 60px;

    }



    .video-content .video-detail .item-left {

        margin-left: 10px;

        margin-right: -10px;

    }

}