/*RESPONSIVE*/
@media screen and (min-width:1367px) and (max-width:1920px) {
    .module-reason.stick {
        width: 68%;
        padding: 5px 12% 5px 0;
    }
}

@media screen and (min-width:1200px) and (max-width:1365px) {
    .main-menu .RadMenu .rmRootGroup .rmRootLink {
        padding: 0 28px;
    }

    .module-qc .a {
        text-align: center;
        padding: 0 10px;
    }
}

@media screen and (min-width:992px) and (max-width:1199px) {
    .search-menu {
        display: none;
    }

    .search-content {
        margin-right: 50px;
    }

    .input-email {
        width: 65%;
    }

    .img-mail {
        margin-right: 0;
    }

        .img-mail img {
            width: 80%;
        }

    .title-mail {
        font-size: 15px;
    }

    .desc-mail {
        font-size: 12px;
    }

    .menu-item-tns-home {
        margin-bottom: 15px;
    }

    .product-comming .p-item .item-box .infor-product {
        top: 47%;
    }

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

    .box-search {
        width: 500px;
    }

    .main-menu .menu-primary {
        width: 75%;
    }

    .tns-menu-sidebar {
        width: 25%;
    }

    .title-menu-ver {
        width: 25%;
    }

    .brands {
        font-size: 24px;
    }


        .brands img {
            width: 100%;
        }

    .main-menu .RadMenu .rmRootGroup .rmRootLink {
        padding: 0 11px;
    }

    .main-menu .RadMenu .rmRootGroup .rmFirst .rmRootLink .rmText {
        margin-right: 0;
    }

    .page-contact .contactInfo {
        left: 0;
        padding-top: 0;
        position: relative;
        top: 70px;
        z-index: 10;
        width: 45%;
        float: left;
    }

    .contactInfo .contact-info {
        width: 100%;
    }

    .page-contact .contactForm .form-horizontal .form-group {
        width: 100%;
    }

    .page-contact .contactForm .form-horizontal {
        width: 90%;
    }

    .tns-inforcontact {
        height: 50px;
    }

    .tns-infocontact-detail {
        padding-left: 45px;
    }

    .header .tns-hotline-header {
        right: 20px;
        padding-right: 20px;
    }

        .header .tns-hotline-header .tns-hotline-fixed {
            width: 150px;
        }

            .header .tns-hotline-header .tns-hotline-fixed .tns-hotline-background .tns-hotline-title-fixed {
                font-size: 10px;
            }

            .header .tns-hotline-header .tns-hotline-fixed .tns-hotline-background .tns-hotline-detail {
                font-size: 15px;
            }

    .header-content .menu-content .tns-hotline .tns-hotline-title {
        font-size: 12px;
    }

    .header-content .menu-content .tns-hotline .tns-hotline-detail a {
        font-size: 24px;
    }

    .header-content .menu-content {
        margin-right: 30px;
    }

    header.header-home {
        position: relative;
    }

    .header-content .shipping {
        padding-left: 45px;
        width: auto;
    }

    .header-content .hotline {
        padding-left: 45px;
        width: auto;
    }
    /*menu*/
    .main-menu .RadMenu .rmRootGroup .rmRootLink .rmText {
        font-size: 14px;
    }

    .main-menu .RadMenu .rmRootGroup .rmRootLink {
        padding: 0 10px;
    }

    .main-menu .RadMenu .rmRootGroup .rmFirst .rmRootLink .rmText {
        margin-right: 0;
    }
    /*ctsp*/
    .product-detail .offer {
        float: none;
        margin: auto;
        padding-right: 0;
        text-align: center;
        display: inline-block;
    }

        .product-detail .offer .price {
            margin-right: 0;
            width: 100%;
            text-align: center;
        }

        .product-detail .offer .addcart {
            text-align: center;
            float: left;
        }
    /*dstin*/
    .n-item .n-desc {
        margin-top: 5px;
    }
}

@media screen and (max-width:991px) {
    .search-menu {
        display: none;
    }

    .mean-container a.meanmenu-reveal {
        left: auto !important;
        right: 0 !important;
    }

    .product-comming.tns {
        margin-top: 400px;
    }

    .search-content {
        margin-right: 50px;
    }

    .thanh-toan {
        padding-right: 0;
        padding-left: 0;
    }

    .module-qc .a:last-child {
        padding: 0 10px;
    }

    .module-qc .a:first-child {
        padding: 0 10px;
    }

    .role-header a {
        padding: 0 5px;
    }

    .header-phone {
        margin-right: 20px;
    }

    .header.header-home.tns .main-menu .menu-primary {
        display: block;
    }

    .mean-container .mean-nav ul li {
        background: #23297a;
    }

        .mean-container .mean-nav ul li a:hover {
            background: #656dda;
        }

        .mean-container .mean-nav ul li a.mean-expand {
            background: #656dda;
        }

            .mean-container .mean-nav ul li a.mean-expand:hover {
                background: #23297a;
            }

    .header-content {
        margin-right: 10px;
    }

    select#ddlListProduct {
        width: 155px;
    }

    .box-search {
        width: 400px;
    }

        .box-search .input-text {
            padding-left: 150px;
        }

    .logo-ct {
        padding-left: 0;
    }

    .info-footer {
        padding-left: 15px;
        padding-top: 10px;
    }

    .doc-tac {
        margin-bottom: 10px;
    }

    .logo-footer-slide {
        margin-top: 20px;
    }

    .receiver-mail {
        padding: 10px 0;
    }

    .img-mail img {
        width: 80%;
    }

    .title-mail {
        font-size: 15px;
        margin-top: 10px;
    }

    .desc-mail {
        font-size: 14px;
        clear: both;
    }

    .input-email {
        width: 50%;
    }

    .module-reason.stick {
        display: none;
    }

    .menu-item-tns-home {
        margin-bottom: 10px;
    }

    .tns-items-reason .item {
        margin-bottom: 10px;
    }

    .tns-menu-sidebar {
        width: 29%;
    }

    .title-menu-ver {
        width: 30%;
    }

    .product-detail .product-image figure img {
        height: auto;
    }

    .product-detail .product-image {
        padding-left: 0;
    }

    .brands img {
        width: 100%;
    }

    .modal-custom .modal-dialog {
        width: 90%;
    }

    .contactInfo .contact-info {
        width: 100%;
    }

    .module-news .article-desc {
        width: 100%;
    }

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

    .page-baogia .contactInfo {
        width: 100%;
    }

    .page-contact .contactInfo {
        left: 0;
        padding-top: 0;
        position: relative;
        top: 70px;
        z-index: 10;
        width: 45%;
        float: left;
    }

    .page-contact .contactForm .form-horizontal .form-group {
        width: 100%;
    }

    .page-contact .contactForm .form-horizontal {
        width: 90%;
    }

    .tns-inforcontact {
        height: 50px;
    }

    .tns-infocontact-detail {
        padding-left: 45px;
    }

    .header .tns-hotline-header {
        right: 20px;
        padding-right: 20px;
        height: 35px;
    }

    header::before {
        height: 35px;
    }

    .header .tns-hotline-header .tns-hotline-fixed {
        width: 150px;
    }

        .header .tns-hotline-header .tns-hotline-fixed .tns-hotline-background .tns-hotline-title-fixed {
            font-size: 10px;
        }

        .header .tns-hotline-header .tns-hotline-fixed .tns-hotline-background .tns-hotline-detail {
            font-size: 15px;
        }

    .header-content .menu-content .tns-hotline .tns-hotline-title {
        font-size: 12px;
    }

    .header-content .menu-content .tns-hotline .tns-hotline-detail a {
        font-size: 24px;
    }

    .header-content .menu-content {
        margin-right: 30px;
    }

    header {
        position: relative;
    }

        header.header-home {
            position: relative;
        }

    .header-content .shipping {
        display: none;
        padding-left: 50px;
        width: auto;
    }

    .header-content .hotline {
        padding-left: 50px;
        width: auto;
    }

    .mobile-menu {
        margin-top: 0;
    }

    .language a.en {
        position: absolute;
        right: 15px;
    }

    .menu-primary .mean-bar {
        position: absolute;
        right: 15px;
    }

    /*footer*/
    .social {
        float: right;
    }

    .copyright-content .design {
        display: none;
    }

    .gach {
        display: none;
    }

    #back-to-top span {
        bottom: 42px;
    }

    /*home-product*/
    .p-item {
        margin-bottom: 30px;
    }

    .home-product {
        padding-top: 30px;
    }

        .home-product .tab-heading {
            margin-bottom: 30px;
        }
    /*article-home*/
    .article-home {
        margin-bottom: 30px;
        margin-top: 30px;
    }

    .article-items {
        margin-top: 15px;
    }
    /*service*/
    .service {
        padding: 30px 0;
    }

        .service .sercive-title a {
            margin: 0 0 15px;
        }

        .service .service-content .item .title a {
            font-size: 18px;
            height: 46px;
        }
    /*ctsp*/
    .product-panel .nav > li > a {
        padding: 10px;
    }

    .product-detail .offer {
        float: none;
        margin: auto;
        padding-right: 0;
        text-align: center;
        display: inline-block;
    }

        .product-detail .offer .price {
            margin-right: 0;
            width: 100%;
            text-align: left;
        }

        .product-detail .offer .addcart {
            text-align: center;
            /*width: calc(100% - 95px);*/
            float: none;
        }
    /*dstin*/
    .n-item .n-desc {
        margin-top: 5px;
    }
    /*cttin*/
    .page-content {
        padding: 30px 0;
    }
    /*contact*/
    .contactInfo {
        padding-right: 0;
    }

    .contact-info h3 {
        margin: 15px 0 5px;
    }

    .adv-home .owl-next {
        height: 55px;
        width: 50px;
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
    .brands {
        font-size: 19px;
    }

    .bn-text-content .wrap-content.left {
        margin-top: 15%;
    }

    .bn-text-content .wrap-content.right {
        margin-top: 15%;
    }

    .bn-text-content .wrap-content.center {
        margin: 15% auto 0;
    }

    .tns-pager {
        width: 68%;
    }
}

@media screen and (max-width:767px) {
    .banner.banner-home .owl-nav .fa {
        font-size: 50px;
    }

    .product-comming.tns {
        margin-top: 700px;
    }

    .product-detail .offer > div {
        text-align: left;
    }

    .title-toggle-product {
        font-size: 17px;
        padding: 0;
        color: #23297a;
        text-transform: uppercase;
        font-family: Arial;
        font-weight: bold;
        display: block;
        float: left;
    }

    .main-desc {
        width: 100%;
    }

    .logo-ct {
        width: 100%;
    }

    .p-item .item-box .infor-product {
        padding-bottom: 15px;
    }

    .module-listing-book .fw.tab-heading.panel-heading a {
        font-size: 15px;
    }

    .module-qc {
        padding: 15px 0 25px;
    }

    .mean-container .mean-nav {
        margin-top: 39px;
    }

    .module-qc .a:nth-child(3) {
        margin-top: 10px;
    }

    .title-menu-ver {
        width: 50%;
    }

    .tns-menu-sidebar {
        width: 47%;
    }

    header .logo {
        padding-bottom: 0;
    }

    .menu-content.menu-content-home {
        display: none;
    }

    .header-content {
        margin-right: 0;
    }

    .search-content {
        margin-right: 0;
    }

    .box-search {
        width: 100%;
    }

    .page-header-top-giohang {
        margin-top: 15px;
        position: absolute;
        right: 0;
        top: -55px;
    }

    .header-content {
        right: 0;
        width: 100%;
        position: relative;
    }

    header .logo {
        width: 100%;
    }

    .role-header {
        display: none;
    }

    .header-home .select-light {
        top: 45px;
    }

    .page-product .product-listing {
        padding-top: 15px;
        margin-bottom: 0;
    }

    .select-light {
        height: 25px;
        width: 215px;
        line-height: 25px;
        top: 85px;
    }

        .select-light::after {
            left: -23px;
            border-top: 25px solid #c9982c;
            border-left: 23px solid transparent;
        }

    .module-news .article-desc {
        width: 50%;
    }

    .brands {
        font-size: 11px;
    }

    .page-header-top-giohang {
        padding-right: 20px;
    }

    .tns-slogan img {
        width: 100%;
    }

    .page-contact .contactInfo {
        top: 0;
        z-index: 10;
        width: 100%;
    }

    .page-contact .contactForm {
        width: 100%;
        float: right;
    }

    .page-article #sidebar {
        padding-left: 0;
    }

    .news-view {
        width: 100%;
    }

    .module-news-event .n-item-sidebar.first figure {
        width: 100%;
    }

    .module-news-event .n-item-sidebar.normal {
        margin-left: 15px;
    }

    .videos-home .item.first figure {
        width: 100%;
    }

    .module-video {
        padding: 0;
    }

    .copyright-content {
        text-align: left;
    }

    .box-hotline-footer {
        display: none;
    }

    .tns-button-toggle {
        display: block;
    }

    .title-toggle-product {
        font-size: 17px;
        padding: 0;
        color: #23297a;
        text-transform: uppercase;
        font-family: Arial;
        font-weight: bold;
        display: block;
        float: left;
    }

    .tns-toggle-product {
        color: #23297a;
        height: 20px;
        cursor: pointer;
        width: 20px;
        text-align: center;
        line-height: 20px;
        position: absolute;
        right: 10px;
        top: 0;
    }

    .tns-toggle {
        display: block;
        color: #23297a;
        height: 20px;
        cursor: pointer;
        width: 20px;
        text-align: center;
        line-height: 20px;
        position: absolute;
        right: 0;
        top: 10px;
    }

    .menu-footer {
        padding-left: 15px;
        padding-right: 10px;
    }

    .tns-sidebar {
        float: left;
        display: none;
    }

    header .logo img {
        max-width: 200px;
    }

    .header-content .hotline {
        display: none;
    }

    .bn-text-content .wrap-content.left {
        margin-top: 15%;
    }

    .bn-text-content .wrap-content.right {
        margin-top: 15%;
    }

    .bn-text-content .wrap-content.center {
        margin: 15% auto 0;
    }
    /*home-product*/
    .home-product .tab-content {
        margin-left: -15px;
        margin-right: -15px;
    }

    .home-product .tab-heading {
        margin-bottom: 15px;
    }

    .home-product .nav li > a {
        font-size: 16px;
        padding: 14px 10px;
    }

    .home-product .box-title .text, .article-home .box-title .text {
        font-size: 22px;
    }

    .product-list .p-item:nth-child(2n+1) {
        clear: left;
    }

    .p-item .item-box figure {
        border: 1px solid rgb(223, 223, 223);
        height: auto;
        overflow: hidden;
        position: relative;
    }
    /*about-home*/
    .video-home {
        width: 50%;
    }

    .adv-home {
        width: 50%;
    }
    /*article-home*/
    .article-item {
        width: 100%;
    }

        .article-item.first {
            width: 100%;
        }

            .article-item.first img {
                width: 100%;
            }
    /*service*/
    .service .sercive-title a {
        font-size: 40.43px;
    }

    .service .service-content .item {
        margin-bottom: 15px;
        width: 50%;
    }

        .service .service-content .item .title a {
            font-size: 16px;
            height: auto;
            max-height: inherit;
        }
    /*ctsp*/
    .product-detail .product-image {
        padding-right: 15px;
    }

    .product-info .title {
        margin-bottom: 0;
        margin-top: 30px;
    }

    /*cttin*/
    .related-article .related-title {
        margin: 15px 0 5px;
    }

    aside {
        margin-top: 30px;
    }

    .p-item .item-box {
        padding: 0;
    }
    /*contact*/
    .sitename {
        margin-top: 15px;
    }
    /*dstin*/
    .page-article .article-listing, .page-article .article-detail {
        padding-right: 0;
    }

    .n-item {
        margin-bottom: 15px;
    }

        .n-item .n-desc {
            margin-top: 5px;
        }

        .n-item .n-title > a {
            font-size: 16px;
        }
    /*contact*/
    .form-horizontal .form-group div {
        padding: 0;
    }

    .contactForm .btn-contact .btn.btn-primary {
        margin-right: 0;
    }

    .contactForm .form-group.btn-contact {
        margin-top: 15px;
    }

    .adv-home .owl-next {
        height: 40px;
        width: 38px;
    }
}

@media screen and (min-width:481px) and (max-width:667px) {
    .subscribe-desc {
        width: 100%;
    }

    .subscribe-control {
        width: 100%;
    }

    .header.stick .tns-header {
        margin-bottom: 10px;
    }

    .main-menu {
        height: 40px;
    }

    .title-menu-ver {
        display: none;
    }

    .mean-container a.meanmenu-reveal {
        top: 0;
    }

    .tns-slogan {
        padding-top: 0;
        clear: both;
        width: 60%;
    }

    .header-content {
        padding: 0 0 15px 0;
    }

    .tns-pager {
        width: 75%;
    }

    .module-news .article-item figure {
        width: 100%;
    }

    .gall-content figure .fancybox img {
        width: 90%;
        height: 350px;
    }

    .module-news .article-desc {
        width: 100%;
    }

    .module-reason .title-module a {
        font-size: 22px;
    }

    .module-introduce .title-module .text {
        font-size: 45px;
    }

    .module-introduce .title-module {
        padding-bottom: 10px;
        margin-bottom: 0;
        background: url(images/tns_line.png) no-repeat center 47px;
    }

    .module-introduce .content .desc {
        font-size: 14px;
    }

    .module-introduce .content .slogan {
        font-size: 15px;
    }

    .tns-user {
        margin-right: 25px;
    }

    .header .tns-hotline-header {
        display: none;
    }

    header::before {
        display: none;
    }

    .header-content .menu-content .tns-hotline .tns-hotline-detail a {
        font-size: 21px;
    }

    .header-content .menu-content .tns-hotline {
        padding-left: 45px;
    }

    .header-content .menu-content {
        margin-right: 5px;
    }

    .header-content .menu-content {
        margin-top: 10px;
    }

    header .logo {
        padding-top: 10px;
    }

    .product-info .title {
        font-size: 22px;
    }

    .n-item .n-desc {
        height: 80px;
        overflow: hidden;
    }
    /*about-home*/
    .video-home {
        padding-right: 0;
        width: 100%;
    }

    .adv-home {
        padding-left: 0;
        width: 100%;
    }
    /*service*/
    .service {
        display: none;
    }
}

@media screen and (max-width:480px) {
    ::-webkit-input-placeholder { /* WebKit browsers */
        color: transparent;
    }

    .module-listing-book .fw.tab-heading.panel-heading .nav {
        display: block;
    }

    .module-listing-book .fw.tab-heading.panel-heading .item.active {
        display: block !important;
    }

    .module-listing-book .fw.tab-heading.panel-heading a.more-product {
        display: none;
    }

    .drop-product {
        display: block;
        float: right;
        font-size: 20px;
        color: #000;
        z-index: 100;
        position: absolute;
        right: 0px;
        top: 13px;
        cursor: pointer;
    }

    .module-listing-book .product-list.panel-product .owl-nav {
        display: block;
    }

    .module-listing-book .owl-prev, .module-listing-book .owl-next {
        width: 12%;
    }

    .module-listing-book .owl-nav .fa {
        font-size: 60px;
    }

    .mean-container a.meanmenu-reveal {
        right: auto !important;
        left: 20px !important;
    }

    .title-danhmuc {
        padding-top: 10px;
    }

    .product-comming .caption-title a {
        padding-top: 0;
    }

    .header.stick .search-content {
        margin-top: 0;
    }

    .product-comming .p-item .item-box .infor-product {
        top: 45%;
        right: 3%;
        width: 60%;
        padding: 15px 5px;
        height: 95%;
        margin: 10px 0;
    }

    .product-comming .p-item .item-box .p-title {
        margin: 0 0 21px;
    }

        .product-comming .p-item .item-box .p-title h3 {
            font-size: 14px;
        }

    .product-comming .desc-home {
        font-size: 13px;
    }

    select#ddlListProduct {
        display: none;
    }

    .tns_contact__info i {
        height: 60px;
        width: 60px;
        line-height: 60px;
        font-size: 25px;
    }

    .module-listing-book .fw.tab-heading.panel-heading {
        line-height: 1.5;
    }

        .module-listing-book .fw.tab-heading.panel-heading .item {
            width: 100%;
        }

    .title-desc {
        font-size: 13px;
        padding-top: 10px;
        clear: both;
    }

    .info-footer {
        padding-left: 12px;
    }

    .divPage {
        padding-top: 25px;
    }

    .menu-footer {
        padding-right: 2px;
    }

    .subscribe-desc {
        width: 100%;
    }

    .subscribe-control {
        width: 100%;
    }

    .box-tuvan-footer {
        display: none;
    }

    .module-reason figure img {
        margin-bottom: 0;
    }

    .tns-header {
        margin-bottom: 10px;
    }

    .main-menu {
        height: 39px;
    }

    .mean-container a.meanmenu-reveal {
        top: 0;
    }

    .title-menu-ver {
        display: none;
    }

    header .logo {
        padding-bottom: 0;
    }

    .menu-content.menu-content-home {
        display: none;
    }

    .header-content {
        margin-right: 0;
    }

    .search-content {
        right: -10px;
        margin-right: 0;
        position: absolute;
        top: 12px;
        z-index: 100000;
        width: 85%;
    }

    .box-search {
        background: #fff;
        height: 35px;
    }

        .box-search .input-text {
            padding-left: 10px;
            line-height: 0.5;
            position: absolute;
            top: 0;
        }

    .page-header-top-giohang {
        margin-top: 15px;
        position: absolute;
        right: 0;
        top: -55px;
    }

    .header-content {
        right: 0;
        width: 100%;
        position: relative;
    }

    header .logo {
        width: 100%;
    }

    .tns-slogan {
        padding-top: 0;
        clear: both;
        width: 80%;
    }

    .header-content {
        padding: 0 0 15px 0;
    }

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

    .product-listing .divPage .paged {
        float: none;
    }

    .pager-last {
        text-align: center;
        width: 100%;
        margin-top: 15px;
    }

    .tns-pager {
        width: 100%;
    }

    .tns-call-mobile {
        display: block;
    }

        .tns-call-mobile img {
            bottom: 40px;
            position: fixed;
            left: 20px;
            z-index: 999;
            width: 60px;
            height: 60px;
        }

    .contactInfo .contact-info span {
        font-size: 16px;
    }

    .contactInfo .contact-info .title {
        font-size: 17px;
    }

    .tns-hotline-mobile {
        display: block;
    }

    .main-footer {
        padding-top: 0;
    }

    .contactForm .form-group.btn-contact {
        margin: 0;
    }

    .contactInfo .contact-info {
        padding: 20px 20px 30px 24px;
    }

    .contactForm .form-horizontal .control-label {
        font-size: 12px;
    }

    .product-info .title {
        font-size: 20px;
    }

    .comment-facebook {
        display: none;
    }

    .product-info .code {
        font-size: 17px;
    }

    .infor-detail {
        font-size: 15px;
    }

    .module-news .article-item figure {
        width: 100%;
    }

    .module-reason figure a::before {
        display: none;
    }

    .module-introduce .title-module img {
        width: 100%;
    }

    .p-item .item-box figure img:hover {
        transform: none;
    }

    .p-item .item-box figure {
        height: 204px !important;
    }

    .banner-home img {
        height: 200px;
        object-fit: cover;
    }

    .select-light {
        right: 0;
    }

    .bo-loc-den-title {
        height: auto;
    }

    .contact-social {
        display: none;
    }

    .gall-content figure .fancybox img {
        width: 90%;
        height: 350px;
    }

    .module-news .article-desc {
        width: 100%;
    }

    .module-reason .title-module {
        background: url(images/tns_line.png) no-repeat center 65px;
    }

        .module-reason .title-module a {
            font-size: 22px;
        }

    .module-introduce .title-module .text {
        font-size: 40px;
    }

    .module-introduce .title-module {
        padding-bottom: 10px;
        margin-bottom: 0;
        background: url(images/tns_line.png) no-repeat center 47px;
    }

    .module-introduce .content .desc {
        font-size: 12px;
    }

    .module-introduce .content .slogan {
        font-size: 14px;
    }

    .module-introduce .btn-more a {
        padding: 5px 10px;
    }

    .module-introduce .btn-order a {
        padding: 5px 10px;
    }

    .brands {
        display: none;
    }

    .icon-tuvan-footer {
        display: none;
    }

    .tns-user {
        margin-right: 25px;
    }

    .module-news-event .n-item-sidebar.normal {
        margin-left: 0;
    }

    .module-news-event .n-item-sidebar.first figure {
        margin-right: 0;
    }

    .box-tuvan-footer {
        width: 210px;
    }

    .content-tuvan-footer {
        margin-left: 15px;
    }

    .header-content .menu-content .tns-hotline {
        padding-left: 0;
        background: #ffffff;
    }

    .header .tns-hotline-header {
        display: none;
    }

    header::before {
        display: none;
    }

    .header-content .menu-content .tns-hotline .tns-hotline-detail a {
        font-size: 21px;
    }

    .header-content .menu-content {
        margin-right: 5px;
        margin-top: 15px;
        margin-bottom: 5px;
    }

    header.header-home {
        position: relative;
    }

    header .logo img {
        max-width: 140px;
    }

    header .logo {
        padding-top: 30px;
    }


    .bn-text-content .wrap-content.left {
        margin-top: 10%;
    }

    .bn-text-content .wrap-content.right {
        margin-top: 10%;
    }

    .bn-text-content .wrap-content.center {
        margin: 10% auto 0;
    }

    .bn-text-content .text-large {
        font-size: 22px;
        margin: 0;
    }

    .bn-text-content .text-medium {
        font-size: 14px;
    }

    .bn-text-content .text-small {
        font-size: 12px;
        line-height: 1.2;
    }

    .bn-text-content .bn-control a {
        border: 2px solid #c1cfda;
        font-size: 14px;
        margin-top: 0;
        padding: 5px 0;
        width: 120px;
    }
    /*footer*/

    .social {
        display: inline-block;
        padding: 10px 0;
        text-align: center;
        width: 100%;
    }

    .info-footer {
        width: 100%;
    }

    /*home-product*/
    .home-product .nav li > a {
        font-size: 14px;
        padding: 14px 5px;
    }
    /*article-home*/
    /*service*/
    .service {
        display: none;
    }
    /*.service {
        padding: 15px 0;
    }
        .service .sercive-title a {
            margin: 0;
            font-size: 29.43px;
        }
            .service .service-content .item {
                width: 100%;
            }
            .service .service-content figure {
                display: none;
            }
                .service .service-content .item .title a {
                    margin-top: 15px;
                }*/
    /*about-home*/
    .video-home {
        padding-right: 0;
        width: 100%;
    }

    .adv-home {
        padding-left: 0;
        width: 100%;
    }
    /*dstin*/
    .n-item figure {
        height: auto;
        margin: 0 0 20px;
        width: 100%;
    }

        .n-item figure img {
            height: 250px;
        }

    .page-content .article-detail .n-desc {
        font-size: 15px;
    }

    .n-item .n-desc {
        margin-top: 10px;
        font-size: 17px;
    }

    .article-detail .meta {
        display: none;
    }

    .box-title {
        margin-bottom: 10px;
    }

        .box-title .text {
            font-size: 22px;
        }

    .product-sidebar .p-item .item-box figure {
        height: auto;
        width: 100%;
    }

    .product-sidebar .p-item {
        margin-bottom: 10px;
    }

    #hisella-minimize {
        display: none;
    }
}

@media screen and (min-width:320px) and (max-width:420px) {
    .search-content {
        width: 82%;
    }

    .product-comming .more a {
        padding: 5px 10px 5px 35px;
        font-size: 12px;
    }

    .header-phone {
        display: none;
    }

    .box-search .input-text {
        font-size: 11px;
    }

    .box-search .search-button {
        padding-left: 35px;
        width: 40px;
        font-size: 0;
    }

    select#ddlListProduct {
        width: 120px;
        font-size: 10px;
        padding-left: 5px;
    }

    .hotline-detail {
        width: 100%;
    }

    .DivbtLike {
        width: 100%;
    }

    .input-email {
        width: 80%;
        padding-right: 65px;
    }

    .btn-subscribe {
        margin-top: 0;
        padding: 12px 15px 12px 40px;
        margin-left: -73px;
        font-size: 10px;
    }

    .product-list .p-item:last-child {
        margin-bottom: 0;
    }

    .page-content {
        padding: 30px 0 0 0;
    }

    .product-listing .divPage {
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .menu-link-tns-home {
        font-size: 11px;
        padding-left: 40px;
    }

    .order-box {
        width: 100%;
        margin-right: 0;
        padding-top: 25px;
        padding-bottom: 10px;
    }

        .order-box select {
            width: 100%;
        }

    .module-listing-book .fw.tab-heading.panel-heading a {
        font-size: 15px;
    }

    .header-content {
        display: block;
    }

    .call-bar {
        text-align: left;
    }

    .product-detail .offer .price {
        font-size: 16px;
    }

        .product-detail .offer .price ins {
            font-size: 16px;
        }

    .product-info .title {
        font-size: 20px;
    }

    .navigate.box-title {
        display: none;
    }

    .box-title .text {
        font-size: 16px;
    }

    .product-list-title {
        display: block;
    }

    .product-panel .nav li > a {
        font-size: 14px;
        text-align: center;
    }
    /*home-product*/
    .product-list .p-item {
        width: 100%;
    }
    /*article-home*/
    .article-item {
        width: 100%;
    }
}

@media screen and (min-width:0) and (max-width:319px) {


    .box-title .text {
        font-size: 16px;
    }

    .navigate.box-title {
        display: none;
    }

    .product-list-title {
        display: block;
    }

    .product-panel .nav li > a {
        font-size: 12px;
        text-align: center;
    }
    /*home-product*/
    .product-list .tab-content .p-item {
        width: 100%;
    }

    .product-list .p-item {
        width: 100%;
    }
    /*article-home*/
    .article-item {
        width: 100%;
    }

    .product-detail .offer .price {
        font-size: 16px;
    }

        .product-detail .offer .price ins {
            font-size: 16px;
        }

    .product-info .title {
        font-size: 20px;
    }
}