;/*------------------------------------------------------------------ [Table of contents] 1. Styles for devices(>1200px) 2. Styles for devices(>=992px and <=1199px) 3. Styles for devices(>=768px and <=992px) 4. Styles for devices(>=481px and <=767px) 5. Styles for devices(<=480px) -------------------------------------------------------------------*/ /*---------------- [1. Styles for devices(>1200px)] */ @media (min-width: 1201px){ } /*---------------- [2. Styles for devices(>=993px and <=1200px)] */ @media (min-width: 993px) and (max-width: 1200px) { #page_content__segment_menu{display:none !important;} .industry-floor-box {display:none !important;} .navhome, .menu-main-sale { display:none !important;} .box-vertical-megamenus .vertical-menu-list > li.menu-combo.cb-1 { margin-top: 0px; display: none; } .box-vertical-megamenus .vertical-menu-list > li.menu-combo > a, .box-vertical-megamenus .vertical-menu-list > li.menu-thanhly > a, .box-vertical-megamenus .vertical-menu-list > li.menu-sale > a { padding-top: 3px; padding-bottom: 3px; } .vertical-dropdown-menu { -moz-transform: translate(0px, 0); -webkit-transform: translate(0px, 0); transform: translate(0px, 0); } .box-vertical-megamenus .vertical-menu-list { } .box-vertical-megamenus .vertical-menu-list > li.menu-sale { padding-bottom: 2px; } .box-vertical-megamenus .title { font-size: 14px; } .vertical-dropdown-menu.vertical-dropdown-menu-8 { top: -254px; } .nav-menu .nav > li > a { padding: 0px 12px; margin: 0 5px; } .top-header .support-link li { margin-right: 3px; } .navbar-nav { } .main-header .header-search-box { width: 36%; } .header-right-box { width: 43%; } .header-right-hotline{ display:none;} .main-header .shopping-cart-box { margin-left: 0; } .header-top-right .homeslider { height: auto; } #main-menu .dropdown-menu.dropdown-menu-products { width: 970px; right: -506px; } #main-menu .dropdown-menu.dropdown-menu-dv { left: auto; right: 0; } #main-menu .dropdown-menu.dropdown-menu-products.dropdown-menu-udn { width: 970px; right: -650px; }.nav-ontop .navbar-nav { } .nav-top-menu.nav-ontop #main-menu { } .product-list .product-container .option-cnp span:before, .product-list .product-container .option-cnp a:before{left:10px;} .block-work-time-2 .sp-contact-info li p.contact-content span:first-child { font-size: 14px; } .top-header .support-link { width: 90%; } .top-header .support-link li a{padding: 5px 5px;} .block-language { border-left: 0px solid #208140; width: 10%; float: right; text-align: right; } .hotline { } .box-vertical-megamenus .vertical-menu-content { display:none; } #home-slider .slider-left { padding-right: 0; margin-right: -15px; width:25%; } #home-slider { } #home-slider .header-top-right{ } .homenews ul { height: 359px; } .homenews li { padding:3px 0; } .service .service-item { padding: 0; overflow: hidden; } .service .service-item .icon{ width: 100%; text-align: center; padding-bottom: 15px; height: auto; } .service .service-item .info{ width: 100%; padding: 0; margin: 0; text-align: center; } .product-list li .product-star{ float: left; } .latest-deals .count-down-time span{ font-size: 12px; } .product-list.grid li{ /*width: 50%;*/ } .subcategories.subcategories-help li { width:33%; } .subcategories li a{ } #left_column .block .block_content{ padding: 10px; } #left_column .block .title_block{ font-size: 14px; padding-left: 10px; } .layered .layered_subtitle{ font-size: 14px; } .check-box-list input[type="checkbox"] + label span.button{ margin-right: 5px; } .special-product .special-product-left{ width: 100%; } .special-product .special-product-right{ margin-left: 0; margin-top: 10px; } .sortPagiBar .sort-product{ margin-top: 20px; } .product-tab .nav-tab>li>a { padding: 0 10px; } #product .pb-right-column .product-comments .comments-advices a{ padding: 0 5px; } .col-footer{width:50%;} .block-footer-right{width: 50%;} /** MAIN MENU **/ #main-menu .navbar .navbar-nav>li.menu-tuyendung, #main-menu .navbar .navbar-nav>li.menu-contact { display:none; } #main-menu .navbar .navbar-nav>li.menu-tuyendung:after, #main-menu .navbar .navbar-nav>li.menu-contact:after { display:none; } #main-menu .navbar .navbar-nav>li>a { padding: 14px 12px; } #main-menu .navbar .navbar-nav > li.ico-home a { margin-top: 12px; } .hot-deals-box .hot-deals-tab-content-col{ padding-left: 15px; } .hot-deals-box .hot-deals-tab-content{ padding: 30px; } .box-products .box-product-content .box-product-adv{ width: 20%; padding-right: 5px; } .box-products .box-product-content .box-product-list{ width: 80%; margin: 0; float: left; padding-left: 5px; } .box-products .box-product-content .box-product-list .product-list li{ padding-bottom: 5px; } .homenews li span { font-size: 11px; } .social-link.social-link-footer .fa { margin-right: 4px; } .col-100 { width:100%;} .introduce-list li p a { width: 84px; } .pb-right-column-ipad .btn-add-cart, .pb-right-column-ipad .btn-tuvan { width:100%;} .pb-right-column-ipad .btn-tuvan { margin-top:5px;} .pb-right-2-column-ipad .show-brand.muakem .navbar-brand { height: auto; padding-left: 0; } .pb-right-2-column-ipad #delivery_policies_list .item .text { font-size: 14px; width: 165px; text-align: left; } .header-top-right .header-banner .page-top-right img { } .blocks-flash-sales { margin-top:10px;} #main-menu .dropdown-menu.dropmenu-pro { width: 970px; border: none; } .block-work-time .sp-contact-info li p.contact-content span:first-child { font-size: 14px; } .box-vertical-megamenus .vertical-menu-list>li.menu-sale>a { background: #c83e37; padding: 0 !important; line-height: 26px; } .product-featured .owl-prev { left: 0; } .product-featured .owl-next { right: 0; } .product-featured .owl-prev, .product-featured .owl-next { opacity: 1; visibility: inherit; } .testimonials li.col-xs-12.col-sm-6{width:100%;} .testimonial-text .desc{ height:auto;} .sec_contact .row-msi .col{width:50%;} .sec_contact { margin-top: 0; margin-bottom: 0; } .sec_contact_m .row-msi-m .col-inner, .sec_contact .row-msi .col-inner { height: 145px; } .sec_contact .section-content > .container { width: 100%; } .sec_contact .row-msi .col { bottom: 0; padding: 0; margin-bottom: 5px; border-right: 5px solid #fff; width: 33.333%; } .sec_contact .row-msi .col:nth-child(2), .sec_contact .row-msi .col:nth-child(4) { border-right: 0 solid #fff; } .sec_contact .row-msi .col:nth-child(4), .sec_contact .row-msi .col:nth-child(5) { width:50%; } .sec_contact .row-msi .col:hover { bottom: 0; } .about-home-content-left{ width:100%;} .about-home-content-right{ display:none;} } /*-------------------- [3. Styles for devices(>=768px and <=992px)] */ @media (min-width: 768px) and (max-width: 992px) { body { font-size: 14px; } .sec_contact_m .row-msi-m .col-inner, .sec_contact .row-msi .col-inner { height: 160px; } #page_content__segment_menu{display:none !important;} .col-100 { width:100%;} #wrap_step span { width: 110px; } .cues-info-mobile { width:100%; float:left;} .cart-info-mobile { width:100%; float:right;} .popular-tabs .nav-tab li { margin-left: 0px; } .top-header a.click-m-menu { display: block; } #box-vertical-megamenus { display:none;} #main-menu { border-top: 0px solid #dfdfdf; margin: 0; border-right: 0px solid #dfdfdf; display: none; width:100%; } .home .box-vertical-megamenus .vertical-menu-content{ display: none; } .vertical-megamenus-ontop .box-vertical-megamenus .vertical-menu-content{ display: block; } .container { padding-left: 15px; padding-right: 15px; width: 100%; } .header { background-size: cover; background-position: bottom; background: #0054a6; } .main-header {position:relative;padding-top: 20px;padding-bottom: 20px;} .switch-personal{display:block;top: 28px;right:60px} .main-header a.click-m-menu { display: block; top: 22px; left: auto; right: 10px; } .top-header { display: none; } .main-header .logo { width: 20%; } .main-header .logo .logo-480 { display: inline-block; height: 40px; } .sec_contact .row-msi .col{width:50%;} .sec_contact .row-msi .col:last-child { width: 100%; } .sec_contact { margin-top: 0; margin-bottom: 0; } .sec_contact .section-content > .container { padding-left: 0; padding-right: 0; } .sec_contact .row-msi .col { bottom: 0; padding: 0; margin-bottom: 5px; border-right: 5px solid #fff; } .sec_contact .row-msi .col .calculator{height: 40px;} .sec_contact .row-msi .col:nth-child(2), .sec_contact .row-msi .col:nth-child(4) { border-right: 0 solid #fff; } .sec_contact .row-msi .col:hover { bottom: 0; } .about-home-content-left{ width:100%;} .about-home-content-right{ display:none;} .testimonials li.col-xs-12.col-sm-6{width:100%;} .testimonial-text .desc{ height:auto;} .albumhinh-list img{ height:180px;} .top-header .currency {margin-right:10px;} .popular-tabs, .product-featured {} .main-header .logo img{ margin-left:0px; } .product-featured { background: #fff none repeat scroll 0 0; border-bottom: 0 solid #eaeaea; border-left: 0 solid #eaeaea; border-right: 0 solid #eaeaea; margin-top: 0; } .header-right-box {display:none;} .main-header .header-search-box { width: 48%; margin-top: 0; } .header-right-hotline{width: 25%;} .main-header .shopping-cart-box{ } .header-top-right .header-banner .page-top-right img { } .box-vertical-megamenus{ padding-bottom: 0; } .box-vertical-megamenus .vertical-menu-content { min-width: 270px; display: none; } .nav-menu.brand-6 .nav > li > a, .nav-menu.brand-7 .nav > li > a, .nav-menu.brand-8 .nav > li > a { padding: 0px 2px; margin: 0 4px; width: 80px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .nav-menu .nav > li > a { padding: 0px 5px; margin: 0 5px; overflow: hidden; } #home-slider .slider-left{ height: 3px;display: none; } .header-top-right .header-banner{ } .header-top-right { margin-left: 0; padding: 0px; width: 100%; border-top: none; height: auto !important; } .homenews ul { height:360px; } .homenews li { padding: 7px 0; border-bottom: none; } .homenews li img { width: 80px; } .header-top-right .homeslider .content-slide { margin-right:0; } .service .service-item{ padding: 0 10px; } .service .service-item .icon{ width: 100%; text-align: center; } .service .service-item .info{ width: 100%; padding-left: 0; text-align: center; margin-left: 0; margin-top: 50px; } .page-top .page-top-left{ width: 100%; padding-left:0; padding-right:0; } .page-top .page-top-right{ width: 100%; margin-top: 30px; } #trademark-list #payment-methods{ width: 100%; float: left; } .category-banner{ display: none; } .floor-elevator{ display: none; } .nav-menu .nav > li:last-child a { display: none; } .product-featured .banner-featured { } .product-featured .product-featured-content .product-featured-list{ margin-left: 0; } .product-list.grid li{ width: 50%; } .subcategories li a{ padding: 0 10px; } #left_column .block .block_content{ padding: 10px; } #left_column .block .title_block{ font-size: 14px; padding-left: 10px; } .layered .layered_subtitle{ font-size: 14px; } .check-box-list input[type="checkbox"] + label span.button{ margin-right: 5px; } .special-product .special-product-left{ width: 100%; } .special-product .special-product-right{ margin-left: 0; margin-top: 10px; } .sortPagiBar .sort-product{ margin-top: 20px; } .trademark-info{ width: 100%; float: left; padding: 0 20px; } .trademark-product{ width: 100%; float: left; padding: 0 20px; } .trademark-product .product-item { width: 33%; } .product-list li .product-star{ float: left; } .product-tab .nav-tab>li{ } .product-tab .nav-tab>li>a { width: 100%; } .product-tab .nav-tab>li.active>a{ height: 48px; } .product-tab .tab-container { margin-top: 2px; } #product .pb-right-column .product-comments .comments-advices a{ padding: 0 5px; } .products-block .products-block-left{ width: 100%; } .products-block .products-block-right{ margin:0; width: 100%; } .top-header .support-link { margin-left:40px; width: 32%; } .top-header .support-link li:first-child { display:none; } /** MAIN MENU **/ #main-menu .navbar .navbar-nav > li > a { padding: 0 18px; border-right: 0; } .box-vertical-megamenus .title { background: #e5101d; color: #fff; } .box-products .box-product-content .box-product-adv { display: none; } .box-products .box-product-content .box-product-list{ width: 100%; margin: 0; } .hot-deals-box .hot-deals-tab-content-col{ padding-left: 15px; } .hot-deals-box .hot-deals-tab-content{ padding: 30px; } .featured-banner .box-countdown .box-title{ width: 50px; height: 50px; font-size: 20px; line-height: 20px; padding-top: 5px; } .featured-banner .box-countdown-inner .box-count{ width: 50px; height: 50px; padding-top: 5px; } .featured-banner .box-countdown-inner .box-count .number{ font-size: 20px; line-height: 20px; } .featured-banner .box-countdown-inner .box-count .text{ font-size: 12px; text-transform: uppercase; } .featured-banner .box-small-banner .text-content .title{ font-size: 14px; } .featured-banner .box-small-banner .text-content .sub-title{ font-size: 12px; } .featured-banner .banner-text .text-content .title{ font-size: 20px; } .featured-banner .banner-text .group-button{ margin-top: 10px; } .featured-banner .banner-text .group-button a{ padding: 0 10px; } .featured-banner .banner-text .text-content{ left: 1px; right:1px; -ms-transform: translate(-1px,-50%); -webkit-transform: translate(-1px,-50%); transform: translate(-1px,-50%); } .contents-sale > .container, .list-sale-left, .list-sale-right {padding:0;} .contents-sale .list-row-sale {margin:0;} .box-vertical-megamenus { width: auto; } .product-tab { margin: 10px 0 0 0; } .breadcrumb, .product-image, .group-title-box, .tags, #reviews, .page-product-box {padding:0;} .group-title-box-product { } .header-top-right .homeslider { height: auto !important; } #user-info-top .dropdown-menu { left:-60px;} #left_column { display:none;} #product .pb-left-column .product-image .product-full.product-full-view { min-height:inherit; height:auto; } .list-image-view .owl-carousel .owl-item img { height: auto; } .product-list li .left-block.h-226 { height: auto; } .cate-box { padding-bottom: 10px; } .sup-popup { display:none;} .button-group-1, .button-group-2 { width:100%;} .btn-add-cart, .btn-tuvan { width: 100%; } .btn-tuvan { margin-top:10px; } .center_column.col-sm-9 { width: 100%; } #introduce-box ,#trademark-box,#trademark-text-box, #footer-menu-box, #hot-categories, #hot-key-bottom{ } #hot-categories{ margin: 10px } .brand-showcase .brand-showcase-title { padding-left:10px; } .block-footer-link { } .block-footer-link.block-footer-link-cskh-1 { display:none; } .block-footer-link.block-footer-link-cskh-2 { width: 30%; } .block-footer-link.block-footer-link-cskh-3 { width: 25%; display:none; } .block-footer-link.block-footer-link-cskh-4 { width: 100%; float:none; } .block-footer-link .f-hotline .f-hotline-inner { margin-right: 50px; } .block-fanpage-footer { display:none;} .block-footer-link.footer-link-white, .block-footer-right { width: 50%; float: right; } .block-footer-link .social-link { margin-top:10px; } .category-featured .container { padding: 0; width: 100%; } .col-footer { width: 50%; float: left; } .col-footer.footer-2{ padding-left:0; } .block-footer-link.footer-chungnhan { width:23%; display:none;} .block-footer-link.footer-thanhtoan {} .footer-link-white-2, .footer-link-white-3 {width:50%; float:left;} .block-footer-link.footer-thanhtoan img{margin-top:10px;} .introduce-title { margin-top:15px;} .hotline {color: #fff;} .hotline .re-hotline a, .hotline .re-hotline i{color: #fff;} .add-contact-home .hotline{ display:block;} .thm-btn { font-size: 17px; padding: 10px 15px; margin-right: 5px; } .language-content-desktop { display:none;} .language-content-mobile { display:block;} .top-header .block-language { text-align: right; width: 14%; border-left: none; } .language-content-mobile ul{} .language-content-mobile ul li { display: inline-block; line-height: 23px; } .language-content-mobile ul li:last-child{margin-right:0px;} .header-customer-box { } .main-header .header-customer-box .user-info { font-size: 14px; margin-top: 0; text-align: right; width: 60%; padding-right: 0; } .header-customer-box .user-info span { padding-top: 0; } .main-header .shopping-cart-box { padding: 0 30px 0 0; width: 40%; float: right; margin-top: 0px; } .cart-block { right: 0; } .product-featured .product-featured-content { width: 100%; } .product-featured .product-featured-content .product-featured-list .product-list.grid li.col-sm-6 { width:50%; } .product-featured .product-featured-content .product-featured-list .product-list.grid li { width: 100%; } .product-featured .product-list li .left-block img { height: auto; } .introduce-list.introduce-list-link li { } .introduce-list li a { } .block-work-time .sp-contact-info li { width: 50%; } .block-work-time .sp-contact-info li:nth-child(3), .block-work-time .sp-contact-info li:nth-child(4) { margin-top:15px; } .page-heading-title-count { } .logo-desktop { display:none;} .logo-320 { display: none; } .navhome a { width: 23.7%; } .introduce-list li p i.list-time { display: none; } .pb-left-column-ipad { width: 50%; margin-top: 10px; } .pb-right-column-ipad { width:50%;} .pb-right-2-column-ipad { width: 100%; display: none; } #delivery_policies_list .item { width: 100%; } .pb-right-2-column-ipad #delivery_policies_list .item .text { font-size: 14px; width: 90%; text-align: left; } .btn-hotline, .btn-tuvan { font-size:21px;} .product-tab-ipad { width:100%;} .block-news-products-ipad { width:100%; display:none;} #product .pb-right-column .item-brand, #product .pb-right-column .info-orther p, #product .pb-right-column .product-desc, #product .pb-right-column .form-option .attributes .attribute-label, #reviews .comment-label, .homenews li h3 { font-size: 14px; } #txtrandomcode { width:80px !important;} #display { } .sortPagiBar .display-content { margin-left: 0; width: 160px; float: left; margin-right: 10px; } .subcategories-cate li { width: 20%; } .sp-contact-info li { width:50%;} .category-featured .navbar-collapse .navbar-nav li:last-child { display:none;} .category-featured .navbar-collapse .navbar-nav li:nth-child(5) { display:none;} .product-featured .owl-prev { left: 0; } .product-featured .owl-next { right: 0; } .product-featured .owl-prev, .product-featured .owl-next { opacity: 1; visibility: inherit; } .thongke-section-1, .thongke-section-2, .thongke-section-3, .thongke-section-4, .thongke-section-5, .thongke-section-6 { width: 33%; } } /*-------------------- [4. Styles for devices(>=481px and <=767px)] */ /*@media (min-width: 481px) and (max-width: 767px) { */ @media only screen and (max-width: 767px) and (min-width: 480px){ .top-banner{ display: none; } .top-header .nav-top-links, .top-header .user-info, .top-header .support-link{ float: left; } .top-header .nav-top-links a, .top-header .user-info a, .top-header .support-link a{ margin-left:0; } .top-header a.current-open::after { padding-left: 3px; } #user-info-opntop { top: 38px; } #main-menu { border-top: 0px solid #dfdfdf; margin: 0; border-right: 0px solid #dfdfdf; } .nav-top-menu { background: #e5101d; box-shadow: none; display:none; } .box-vertical-megamenus .vertical-menu-content{ border-right: 1px solid #eee; display: none; } #box-vertical-megamenus .vertical-menu-content { display: none; margin-left: -15px; min-width: 320px; } .box-vertical-megamenus .vertical-menu-content ul li:hover .vertical-dropdown-menu { visibility: hidden; display: none; } .box-vertical-megamenus .vertical-menu-content ul li a.parent:before { display: none; } .popular-tabs { margin:0 -15px;} .popular-tabs .nav-tab li{ margin: 0; } #home-slider .header-banner{ display: none; } #home-slider .header-top-right{ padding-right: 0px; padding-left: 0px; margin: 0; border-top: none; width:100%; } .header-top-right .homeslider{ width: 100%; } .header-top-right .homeslider { height: auto; } #home-slider .header-top-right .homeslider .content-slide{ margin-right: 0; } #home-slider .slider-left{ height: 3px;display: none; } .service{ display: none; } .nav-menu .navbar-brand, .nav-menu .toggle-menu{ display: block; } .nav-menu .navbar-collapse{ position: absolute; right: 0px; top: 50px; margin-right: 0; margin-left: 0; padding: 0 5px 20px 5px; left: 0; right: 0; background: #fff; } .nav-menu .navbar-collapse>ul{ margin-top: 0; } .nav-menu .navbar-collapse > ul { margin-top: 0; border-top: none; margin-bottom: 0; margin-left: 0; margin-right: 0; } .category-featured .navbar-collapse .navbar-nav li { background: none; } .category-featured .navbar-collapse .navbar-nav li a { font-size: 14px; margin: 3px 0; display: block; background: #39b54a; } .nav-menu .nav > li > a { padding: 0px 5px; background: none; line-height: 28px; text-align: left; } .popular-tabs .show-brand .navbar-brand { width:100%;} .popular-tabs .nav-tab li{ width: 100%; float: left; } .popular-tabs .owl-controls .owl-next, .popular-tabs .owl-controls .owl-prev{ top: -55px; display:none !important; } .page-top-right{ margin-top: 10px; } .content-page{ margin-top: 0; } .container{ padding-left: 15px; padding-right: 15px; } .floor-elevator { display: none; } .category-banner{ display: none; } .product-featured .banner-featured{ } .product-featured .product-featured-content .product-featured-list{ } .product-featured .product-featured-content{ width: 100%; } .banner-bottom{ display: none; } .trademark-info{ padding-left: 30px!important; padding-right: 30px!important; } .trademark-product .image-product { width: 40%; } .trademark-product .info-product{ padding-left: 10px; } #introduce-box { margin-top: 10px; } #introduce-box .introduce-title{ margin-top: 10px; } #trademark-list #payment-methods{ display: block; width: 100%; } .product-list li .product-star{ float: left; width: 100%; text-align: left; } .product-list li .content_price { width: 100%; height: auto; } .latest-deals{ padding-bottom: 15px; } .main-header .shopping-cart-box:hover .cart-block { opacity: 0; visibility: hidden; } .category-featured>.nav-menu>.container{ padding-left: 0; } .category-slider{ margin-top: 0px; } .category-slider .owl-controls .owl-prev, .category-slider .owl-controls .owl-next { width: 20px; height: 20px; color: #fff; text-align: center; padding-top: 3px; } .subcategories li.current-categorie { width: 100%; } .subcategories li.current-categorie a{ width: 100%; } .subcategories li.current-categorie:after{ right: 50%; content: "\f0d7"; top: 36px; } .subcategories li{ width: 100%; } .subcategories li a{ width: 100%; padding: 0 10px; } .sortPagiBar .sort-product, .sortPagiBar .show-product-item{ margin-top: 20px; } .product-list.list .left-block { width: 100%; position: relative; } .product-list.list .right-block{ width: 100%; } .product-list.list .add-to-cart{ bottom: 0; left: 0; width: 50%; top: inherit; } .product-list.list .quick-view{ bottom: 0; right: 0; top: inherit; } #product .pb-right-column{ margin-top: 30px; } .product-list li .product-star { float: left; text-align:center; } #product .pb-right-column .product-comments .comments-advices a{ width: 100%; float: left; padding: 0; } .breadcrumb{ line-height: 20px; } .breadcrumb .navigation-pipe:before{ padding: 0; } .page-heading{ font-size: 16px; } .page-heading span{ padding: 0; } .page-order ul.step li{ width: 100%; display:block; text-align: left; border-bottom: none; border-left: 3px solid #eee; padding-left: 20px; margin-top: 10px; } .page-order ul.step li.current-step{ border-left: 3px solid #ff3366; border-bottom: none; } .box-products .box-product-head{ float: left; height: auto; } .box-products .box-product-head .box-title{ float: left; width: 100%; } .box-products .box-tabs{ float: left; margin-top: 10px; } .box-products .box-tabs>li{ display: block; width: 100%; } .box-products .box-tabs li>a{ border: none; padding: 0; } .box-products .box-product-head .box-title{ padding-left: 0; } .box-products .box-tabs li>a:before{ left: 0; right: 0; } .box-products .box-product-content .box-product-adv{ display: none; } .box-products .box-product-content .box-product-list { margin-left: 0; float: left; overflow: hidden; width: 100%; } .hot-deals-box .hot-deals-tab .hot-deals-tab-box{ padding: 10px; } .hot-deals-box .hot-deals-tab-content-col { padding-left: 15px; } .hot-deals-box .hot-deals-tab-content{ padding: 10px; } .featured-banner .left, .featured-banner .right{ width: 100%; } .featured-banner .box-countdown .box-title{ font-size: 14px; width: 50px; height: 50px; line-height: 16px; padding-top: 8px; } .featured-banner .box-countdown-inner{ height: 50px; } .featured-banner .box-countdown-inner .box-count{ width: 50px; height: 50px; padding-top: 5px; } .featured-banner .box-countdown-inner .box-count:before{ content: ''; height: 1px; background-color: #b0b0ae; position: absolute; left: 0; right: 0; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .featured-banner .box-countdown-inner .box-count .number{ font-size: 20px; line-height: 20px; } .featured-banner .box-countdown-inner .box-count .text{ font-size: 12px; text-transform: uppercase; } .featured-banner .box-small-banner .text-content .title{ font-size: 14px; } .featured-banner .box-small-banner .text-content .sub-title{ font-size: 12px; } .featured-banner .banner-text .text-content .title{ font-size: 20px; } .featured-banner .banner-text .group-button{ margin-top: 10px; } .featured-banner .banner-text .group-button a{ padding: 0 10px; } .featured-banner .banner-text .text-content{ left: 1px; right:1px; -ms-transform: translate(-1px,-50%); -webkit-transform: translate(-1px,-50%); transform: translate(-1px,-50%); } .top-header .support-link{ display:none; } .social-link.social-home { margin-top: 3px; padding: 0; text-align: center; margin-bottom: 3px; } #user-info-top .dropdown-menu { left:-60px;} #left_column { display:none;} #product .pb-left-column .product-image .product-full.product-full-view { min-height:inherit; height:auto; } .list-image-view .owl-carousel .owl-item img { height: auto; } .mark-white { height: 24px; } .product-list li .left-block.h-226 { height: auto; } .show-brand .navbar-brand a span { } .cate-box { padding-bottom: 10px; width: 50%; float: left; } .sup-popup { display:none;} .btn-add-cart { width: 100%; } .product-featured .product-list li { min-height: auto; } #home-slider { background:none; } #home-slider .container{ } .show-brand .navbar-brand a { color:#fff; } .page-heading { height: auto; } .product-list li .right-block { text-align: center; } .product-list li .old-price, .product-list li .sale-off { font-size: 14px; } .cart-block {right:0;} .top-header a.click-m-menu { display:block; } .view-product-list .display-product-option { position: absolute; top: -35px; right: 0; display:none; } .sortPagiBar .display-content { margin-left: 0; width: 160px; float: left; margin-right: 10px; } .product-list li .block-list-func ul li { width: 100%; } .hotline { } .add-contact-home .hotline{ display:block;} .add-contact-home > .col-sm-6{ width:30%;} .main-header { position: relative; padding-top: 5px; padding-bottom: 5px; } .about-action { margin-bottom: 30px; } .sp-contact-time { width: 50%; } .main-header .logo { width: 100%; text-align: center; } .main-header .header-search-box { width: 100%; padding: 0 10px; float: right; } .main-header .header-search-box .form-inline .form-category{ display: none; } .main-header .header-search-box .form-inline .btn-search { } .main-header .header-search-box .form-inline .input-serach input { border: none; padding: 12px 15px; } .main-header .header-customer-box { width: 56%; position: absolute; right: 0; } .main-header .shopping-cart-box { padding: 0 30px 0 0; width: 40%; float: right; margin-top: 0px; } .main-header .shopping-cart-box span.notify-right { display:none;} .main-header .header-customer-box .user-info { font-size: 14px; margin-top: 0; text-align: right; width: 60%; padding-right: 0; } .main-header .header-customer-box .user-info span { padding-top: 0; } /*Menu*/ #box-vertical-megamenus { width: 50%; float: left; display: none; } #box-vertical-megamenus .box-vertical-megamenus { padding-bottom: 0; background: transparent; left: 0; } .box-vertical-megamenus .title { background: transparent; color: #fff; padding-left: 2px; padding-right: 0; height: 40px; line-height: 40px; font-size: 21px; } /** MAIN MENU **/ #main-menu .navbar-header { display: block; margin: 0; background: transparent; color: #fff; margin-left: 0; } #main-menu .navbar-header .navbar-brand { padding: 0px 0 0 5px; line-height: 30px; color: #fff; font-size: 21px; font-family: "Roboto condensed"; height: 30px; margin-right: 7px; } #main-menu .navbar-header .navbar-toggle { border: none; padding: 0; margin-top: 5px; margin-bottom: 5px; margin-right: 5px; } #main-menu .navbar-header .fa { line-height: inherit; color: #fff; font-size: 21px; } #main-menu .navbar-default .navbar-toggle:focus, #main-menu .navbar-default .navbar-toggle:hover{ background: none; } #main-menu .navbar-collapse { padding: 0 15px; margin-right: 0px; background: #fff; } #main-menu .container-fluid{ padding-right: 0; padding-left: 0; } #main-menu .navbar-collapse.in{ overflow-y:inherit; } #main-menu .navbar-nav { margin:0;} #main-menu .navbar .navbar-nav>li:hover, #main-menu .navbar .navbar-nav>li.active{ background: none; } #main-menu .navbar .navbar-nav>li>a{ margin: 0; padding: 10px; border-right: none; position: relative; } #main-menu .navbar .navbar-nav>li:hover>a, #main-menu .navbar .navbar-nav>li.active>a { color: #333; border-right: 0px solid transparent; } #main-menu .dropdown-menu{ position: inherit; opacity: 1; visibility: inherit; display: none; } #main-menu li.dropdown>a:after{ position: absolute; top: 9px; right: 10px; } #main-menu .dropdown.open >.dropdown-menu{ display: block; } #main-menu li.dropdown:before{ display: none; } #main-menu li.dropdown:hover:before{ display: none; } #main-menu .navbar-nav > li> .mega_dropdown { -webkit-transform: translate(0,0); -moz-transform: translate(0,0); -o-transform: translate(0,0); -ms-transform: translate(0,0); transform: translate(0,0); width: 100%!important; left: 0!important; top: 0; padding: 15px 0; border: 1px solid #eee; } #main-menu .dropdown-menu{ border: 1px solid #eee; } #main-menu .dropdown-menu.container-fluid { padding: 15px; border: 1px solid #eee; } .show-brand .navbar-brand { width: 100%; } .nav-menu .toggle-menu { display: block; position: absolute; right: 0; z-index: 2; color: #fff; } .product-featured .product-list li, .product-list.grid li { width: 50%; float: left; } .product-list li .product-name { } .product-list li .product-price { font-size: 17px; margin: 0; } .product-featured .product-list li .left-block img { height: auto; } .navbar { min-height: 30px; } .nav-menu-custom { background:#1f1f1f;} #display { left:0;} .center_column { } .subcategories li { width: 49%; } .subcategories li a, .subcategories li:first-child a { margin: 0; } .display-option-cate-h2 { position: relative; right: 0; top: 0; } .page-heading-h2 { background: #fff; color: #333; } .page-heading-title-count {} .page-heading-h2 span.page-heading-title { padding: 0; display: block; } #main-menu .navbar-nav > li { position: relative; display: inline-block; width: 49%; } .top-header .block-language { width: 17%; border-left: none; } .top-header .block-language .language-content { padding-top: 4px; } .language-content-desktop { display:none;} .language-content-mobile { display:block;} .language-content-mobile ul{} .language-content-mobile ul li { display: inline-block; line-height: 23px; } .language-content-mobile ul li:last-child{margin-right:0px;} .block-video-home { display:none;} .introduce-list li { padding-top: 0; padding-bottom: 0; display: inline-block; margin: 0 10px 10px 0; } .introduce-list li a { font-size: 14px; } .block-footer-link-cskh-1 { display:none;} .block-footer-link-cskh-2 { display:none;} .block-footer-link-cskh-3 { display:none;} .block-fanpage-footer { display:none;} .btn-tuvan { margin-top:10px;} .pb-right-2-column-ipad { display:none;} .product-tab, #product .info-orther p { font-size: 14px; } } /*-------------------- [5. Styles for devices(<=480px)] */ /*@media (max-width: 480px) {*/ @media only screen and (max-width: 479px){ .top-banner{ display: none; } .top-header .nav-top-links, .top-header .user-info, .top-header .support-link{ float: left; } .top-header .nav-top-links a, .top-header .user-info a, .top-header .support-link a{ margin-left:0; } .top-header a.current-open::after { padding-left: 3px; } #user-info-opntop { top: 38px; } #main-menu { border-top: 0px solid #dfdfdf; margin: 0; border-right: 0px solid #dfdfdf; } .nav-top-menu { background: #e5101d; box-shadow: none; display:none; } .box-vertical-megamenus .vertical-menu-content{ border-right: 1px solid #eee; display: none; } #box-vertical-megamenus .vertical-menu-content { display: none; margin-left: -15px; min-width: 320px; } .box-vertical-megamenus .vertical-menu-content ul li:hover .vertical-dropdown-menu { visibility: hidden; display: none; } .box-vertical-megamenus .vertical-menu-content ul li a.parent:before { display: none; } .popular-tabs { margin:0 -15px;} .popular-tabs .nav-tab li{ margin: 0; } #home-slider .header-banner{ display: none; } #home-slider .header-top-right{ padding-right: 0px; padding-left: 0px; margin: 0; border-top: none; width:100%; } .header-top-right .homeslider{ width: 100%; } .header-top-right .homeslider { height: auto; } #home-slider .header-top-right .homeslider .content-slide{ margin-right: 0; } #home-slider .slider-left{ height: 3px;display: none; } .service{ display: none; } .nav-menu .navbar-brand, .nav-menu .toggle-menu{ display: block; } .nav-menu .navbar-collapse{ position: absolute; right: 0px; top: 50px; margin-right: 0; margin-left: 0; padding: 0 5px 20px 5px; left: 0; right: 0; background: #fff; } .nav-menu .navbar-collapse>ul{ margin-top: 0; } .nav-menu .navbar-collapse > ul { border: 0px solid #dfdfdf; margin-top: 0; border-top: none; margin-bottom: 0; border-right: none; background: #fff; box-shadow:0 6px 12px rgba(0,0,0,.175); margin-left: 0; margin-right: 0; } .category-featured .navbar-collapse .navbar-nav li { } .category-featured .navbar-collapse .navbar-nav li a { font-size: 14px; margin: 3px 0; display: block; } .category-featured .navbar-collapse .navbar-nav li:last-child { position: relative; } .nav-menu .nav > li > a { padding: 0px 5px; line-height: 28px; text-align: left; } .nav-menu .navbar-brand{ margin-left: -10px; } .popular-tabs .show-brand .navbar-brand { width:100%;} .popular-tabs .nav-tab li{ width: 100%; float: left; } .popular-tabs .owl-controls .owl-next, .popular-tabs .owl-controls .owl-prev{ top: -55px; display:none !important; } .page-top-right{ margin-top: 10px; } .content-page{ margin-top: 0; } .container{ padding-left: 15px; padding-right: 15px; } .floor-elevator { display: none; } .category-banner{ display: none; } .product-featured .banner-featured{ } .product-featured .product-featured-content .product-featured-list{ } .product-featured .product-featured-content{ width: 100%; } .banner-bottom{ display: none; } .trademark-info{ padding-left: 30px!important; padding-right: 30px!important; } .trademark-product .image-product { width: 40%; } .trademark-product .info-product{ padding-left: 10px; } #introduce-box { margin-top: 10px; } #introduce-box .introduce-title{ margin-top: 10px; } #trademark-list #payment-methods{ display: block; width: 100%; } .product-list li .product-star{ float: left; width: 100%; text-align: left; } .product-list li .content_price { width: 100%; } .latest-deals{ padding-bottom: 15px; } .main-header .shopping-cart-box:hover .cart-block { opacity: 0; visibility: hidden; } .category-featured>.nav-menu>.container{ padding-left: 0; } .category-slider{ margin-top: 0px; } .category-slider .owl-controls .owl-prev, .category-slider .owl-controls .owl-next { width: 20px; height: 20px; color: #fff; text-align: center; padding-top: 3px; } .subcategories li.current-categorie { width: 100%; } .subcategories li.current-categorie a{ width: 100%; } .subcategories li.current-categorie:after{ right: 50%; content: "\f0d7"; top: 36px; } .subcategories li{ width: 100%; } .subcategories li a{ width: 100%; padding: 0 10px; } .sortPagiBar .sort-product, .sortPagiBar .show-product-item{ margin-top: 20px; } .product-list.list .left-block { width: 100%; position: relative; } .product-list.list .right-block{ width: 100%; } .product-list.list .add-to-cart{ bottom: 0; left: 0; width: 50%; top: inherit; } .product-list.list .quick-view{ bottom: 0; right: 0; top: inherit; } #product .pb-right-column{ margin-top: 30px; } #product .pb-right-column .product-comments .comments-advices a{ width: 100%; float: left; padding: 0; } .breadcrumb{ white-space: nowrap; text-overflow: ellipsis; overflow:hidden; line-height: 20px; } .breadcrumb .navigation-pipe:before{ padding: 0; } .page-heading{ font-size: 16px; } .page-heading span{ padding: 0; } .page-order ul.step li{ width: 100%; display:block; text-align: left; border-bottom: none; border-left: 3px solid #eee; padding-left: 20px; margin-top: 10px; } .page-order ul.step li.current-step{ border-left: 3px solid #ff3366; border-bottom: none; } .box-products .box-product-head{ float: left; height: auto; } .box-products .box-product-head .box-title{ float: left; width: 100%; } .box-products .box-tabs{ float: left; margin-top: 10px; } .box-products .box-tabs>li{ display: block; width: 100%; } .box-products .box-tabs li>a{ border: none; padding: 0; } .box-products .box-product-head .box-title{ padding-left: 0; } .box-products .box-tabs li>a:before{ left: 0; right: 0; } .box-products .box-product-content .box-product-adv{ display: none; } .box-products .box-product-content .box-product-list { margin-left: 0; float: left; overflow: hidden; width: 100%; } .hot-deals-box .hot-deals-tab .hot-deals-tab-box{ padding: 10px; } .hot-deals-box .hot-deals-tab-content-col { padding-left: 15px; } .hot-deals-box .hot-deals-tab-content{ padding: 10px; } .featured-banner .left, .featured-banner .right{ width: 100%; } .featured-banner .box-countdown .box-title{ font-size: 14px; width: 50px; height: 50px; line-height: 16px; padding-top: 8px; } .featured-banner .box-countdown-inner{ height: 50px; } .featured-banner .box-countdown-inner .box-count{ width: 50px; height: 50px; padding-top: 5px; } .featured-banner .box-countdown-inner .box-count:before{ content: ''; height: 1px; background-color: #b0b0ae; position: absolute; left: 0; right: 0; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .featured-banner .box-countdown-inner .box-count .number{ font-size: 20px; line-height: 20px; } .featured-banner .box-countdown-inner .box-count .text{ font-size: 12px; text-transform: uppercase; } .featured-banner .box-small-banner .text-content .title{ font-size: 14px; } .featured-banner .box-small-banner .text-content .sub-title{ font-size: 12px; } .featured-banner .banner-text .text-content .title{ font-size: 20px; } .featured-banner .banner-text .group-button{ margin-top: 10px; } .featured-banner .banner-text .group-button a{ padding: 0 10px; } .featured-banner .banner-text .text-content{ left: 1px; right:1px; -ms-transform: translate(-1px,-50%); -webkit-transform: translate(-1px,-50%); transform: translate(-1px,-50%); } .top-header .support-link { display: none; } .top-header .support-link ul { right: -15px; top: 30px; } .top-header .support-link a.current-open { color:#fff; font-size:14px;} .top-header .support-link li .icon-header{ float:left; width:30px} .top-header .support-link ul li a {font-size:14px; clear:none;} .top-header .support-link li { margin: 0px 0; padding: 5px 3px; display: block; } .social-link.social-home { margin-top: 3px; padding: 0; text-align: center; margin-bottom: 3px; } #user-info-top .dropdown-menu { left:0px;} #left_column { display:none;} #product .pb-left-column .product-image .product-full.product-full-view { min-height:inherit; height:auto; } .list-image-view .owl-carousel .owl-item img { height: auto; } .mark-white { height: 24px; } .product-list li .left-block.h-226 { height: auto; } .show-brand .navbar-brand a span { } .cate-box { padding-bottom: 10px; width: 50%; float: left; } .sup-popup { display:none;} .btn-add-cart, .btn-tuvan { width: 100%; } .product-featured .product-list li { min-height: auto; } #home-slider { background:none; } #home-slider .container{ } .show-brand .navbar-brand a { color:#fff; } .page-heading { height: auto; } .product-list li .right-block { text-align: center; } .product-list li .old-price, .product-list li .sale-off { font-size: 14px; } .cart-block {right:0;} .top-header a.click-m-menu { display:block; } .view-product-list .display-product-option { position: absolute; top: -35px; right: 0; display:none; } .sortPagiBar .display-content { margin-left: 0; width: auto; float: left; margin-right: 10px; } .product-list li .block-list-func ul li { width: 100%; } .main-header { position: relative; padding-top: 5px; padding-bottom: 5px; } .header::after{ height:0;} .main-header .logo { width: 100%; text-align: center; } .main-header .header-search-box { width: 100%; padding: 0 10px; float: right; } .main-header .header-search-box .form-inline .form-category{ display: none; } .main-header .header-search-box .form-inline .input-serach { width: calc(100% - 50px); padding-top: 0; margin-bottom: 0; } .main-header .header-search-box .form-inline .input-serach input { border: none; padding: 12px 10px; padding-right: 0; } .main-header .header-customer-box { width: 100%; margin-top: 10px; } .main-header .shopping-cart-box { padding: 0 30px 0 0; width: 40%; float: right; margin-top: 0px; } .main-header .shopping-cart-box span.notify-right { display:none;} .main-header .header-customer-box .user-info { font-size: 14px; margin-top: 0; text-align: left; width: 50%; padding-right: 0; } .main-header .header-search-box .form-inline .btn-search { } .main-header .header-customer-box .user-info span { padding-top: 0; } .search-suggestions { font-size: 11px; font-style: italic; padding-top: 2px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } /*Menu*/ #box-vertical-megamenus { width: 50%; float: left; display: none; } #box-vertical-megamenus .box-vertical-megamenus { padding-bottom: 0; background: transparent; left: 0; } .box-vertical-megamenus .title { background: transparent; color: #fff; padding-left: 2px; padding-right: 0; height: 40px; line-height: 40px; font-size: 21px; } /** MAIN MENU **/ #main-menu .navbar-header { display: block; margin: 0; background: transparent; color: #fff; margin-left: 0; } #main-menu .navbar-header .navbar-brand { padding: 0px 0 0 5px; line-height: 30px; color: #fff; font-size: 21px; font-family: "Roboto condensed"; height: 30px; margin-right: 7px; } #main-menu .navbar-header .navbar-toggle { border: none; padding: 0; margin-top: 5px; margin-bottom: 5px; margin-right: 5px; } #main-menu .navbar-header .fa { line-height: inherit; color: #fff; font-size: 21px; } #main-menu .navbar-default .navbar-toggle:focus, #main-menu .navbar-default .navbar-toggle:hover{ background: none; } #main-menu .navbar-collapse { padding: 0 15px; margin-right: 0px; background: #fff; } #main-menu .container-fluid{ padding-right: 0; padding-left: 0; } #main-menu .navbar-collapse.in{ overflow-y:inherit; } #main-menu .navbar-nav { margin:0;} #main-menu .navbar .navbar-nav>li:hover, #main-menu .navbar .navbar-nav>li.active{ background: none; } #main-menu .navbar .navbar-nav>li>a{ margin: 0; padding: 10px; border-right: none; position: relative; } #main-menu .navbar .navbar-nav>li:hover>a, #main-menu .navbar .navbar-nav>li.active>a { color: #333; border-right: 0px solid transparent; } #main-menu .dropdown-menu{ position: inherit; opacity: 1; visibility: inherit; display: none; } #main-menu li.dropdown>a:after{ position: absolute; top: 9px; right: 10px; } #main-menu .dropdown.open >.dropdown-menu{ display: block; } #main-menu li.dropdown:before{ display: none; } #main-menu li.dropdown:hover:before{ display: none; } #main-menu .navbar-nav > li> .mega_dropdown { -webkit-transform: translate(0,0); -moz-transform: translate(0,0); -o-transform: translate(0,0); -ms-transform: translate(0,0); transform: translate(0,0); width: 100%!important; left: 0!important; top: 0; padding: 15px 0; border: 1px solid #eee; } #main-menu .dropdown-menu{ border: 1px solid #eee; } #main-menu .dropdown-menu.container-fluid { padding: 15px; border: 1px solid #eee; } .show-brand .navbar-brand { width:100%; } .nav-menu .toggle-menu { display: block; position: absolute; right: 0; z-index: 2; color: #fff; } .readmore-why{width:100%;} .albumhinh-list li{ width:50%; float:left;} .albumhinh-list img{ height:180px;} .product-list li .product-name { font-size: 17px; text-overflow: inherit; white-space: inherit; line-height: 22px; height: 65px; overflow: hidden; } .product-list li .product-price { font-size: 17px; margin: 0; } .product-featured .product-list li .left-block img { height: auto; } .navbar { min-height: 30px; } .nav-menu-custom { } .center_column { } .subcategories li { width: 49%; } .subcategories li a, .subcategories li:first-child a { margin: 0; } .display-option-cate-h2 { position: relative; right: 0; top: 0; } .page-heading-h2 { background: #fff; color: #333; } .page-heading-title-count { margin-left: 0; display: block; } .page-heading-h2 span.page-heading-title { padding: 0; display: block; } #main-menu .navbar-nav > li { position: relative; display: inline-block; width: 49%; } .top-header .block-language { width: 28%; padding-right: 0; text-align: right; border-left: none; } .top-header .block-language .language-content { padding-top: 4px; } .language-content-desktop { display:none;} .language-content-mobile { display:block;} .language-content-mobile ul{} .language-content-mobile ul li { display: inline-block; line-height: 23px; } .language-content-mobile ul li:last-child{margin-right:0px;} .bg-gray { width: 100%; margin-bottom: 5px; } .load-more-holder { margin-top:15px;} .load-more-holder a{white-space:inherit;} .cart-info-mobile { } .navhome { display: block; } .personal_info td.contact_item_name { } .newshome-list li .left-block img { height:100px;} } /* Phone : 480px */ @media only screen and (max-width: 767px) and (min-width: 480px){ .subcategories { display:none;} .check-box-list.check-box-list-result li { width:50%;} .logo-desktop { display:none;} .logo-480 { display: inherit; height: 50px; } .navhome a { width: 32%; } .page-top { display: none; } .content-page > .container { padding: 0; } .navhome h3 { font-size: 15px; } #j-industry-floor-3{margin-top: 3px;} .brand-sub { padding: 15px 15px 0 25px; } .brand-list-price ul { padding: 15px 0 0 10px; } .brand-list-price ul li { display: inline-block; } .albumhinh-list li{ width:50%; float:left;} .albumhinh-list img{ height:180px;} .testimonial-text .desc{ height:auto;} .thongke-section-1, .thongke-section-2, .thongke-section-3, .thongke-section-4, .thongke-section-5, .thongke-section-6 { width: 33%; } } /* Phone : 320px */ @media only screen and (max-width: 479px){ .main-header a.click-m-menu{display:block;top: 12px;} .switch-personal { display: block; top: 18px; } .subcategories { display:none;} .check-box-list.check-box-list-result li { width:50%;} .header { background-size: cover; background-position: bottom; background: #0054a6; } .tab-page-area {padding:0;} .tab-page-area ul.CMSListMenuUL li.CMSListMenuLI{ width: 100%; } .tab-page-area ul.CMSListMenuUL li.CMSListMenuLI a.CMSListMenuLink.CMSListMenuLinkHighlighted, .tab-page-area ul.CMSListMenuUL li.CMSListMenuLI a.CMSListMenuLink { width: 100%; } .content-page > .container { padding:0;} #txtrandomcode { width:90px !important;} .logo-desktop { display:none;} .logo-320 {display:inherit;height: 50px;} .introduce-title { font-size: 15px; } .introduce-list li a { font-size: 14px; } #delivery_policies_list .item { width: 100%; } .pb-right-2-column-ipad #delivery_policies_list .item .text { font-size: 14px; width: 80%; text-align: left; } .btn-hotline, .btn-tuvan { font-size:21px;} #product .pb-right-column .item-brand, #product .pb-right-column .info-orther p, #product .pb-right-column .product-desc, #product .pb-right-column .form-option .attributes .attribute-label, #reviews .comment-label, .homenews li h3 { font-size: 14px; } #product-detail {font-size: 14px;line-height: 30px;} .view-product-list .product-list.grid { } .header-customer-box .dropdown-menu a { font-size: 15px; } .show-brand.muakem .navbar-brand { height: auto; padding-left: 0; } .nav-menu-custom.muakem { height: 50px; line-height: 22px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .product-list li .gift-promo-item { padding: 2px 2px; } .product-list li .gift-promo-item i { margin-right: 4px; } .hotline { display: none; } .nav-menu .toggle-menu::before { color: #fff; } .block-products-selling { } .page-top { display:none;} .block-video-home { display:none;} .block-tag-home .tags ul li { width:50%;} .block-tag-home .tags ul li a { display: block; font-size: 13px; margin-bottom: 5px; padding: 3px 4px; margin-right: 3px; } .block-tag-home .tags ul li a span { padding: 0 0px; } .block-footer-link-cskh-1 { display:none;} .block-footer-link-cskh-3 { display:none;} .block-fanpage-footer { display:none;} .review-comment .comment-box, .review-comment .countview-box { padding:5px 8px;} .btn-tuvan { margin-top:10px;} .pb-right-2-column-ipad { display:none;} #j-industry-floor-3{margin-top: 3px;} .product-list li .content_price { width: 100%; height: auto; } .brand-sub { padding: 15px 15px 0 25px; } .brand-list-price ul { padding: 15px 0 0 10px; } .brand-list-price ul li { display: inline-block; } #page_content__segment_menu.sticky { height: 54px; } #page_content__segment_menu {top:0;} .stick-1 { width: 12%; float: left; padding: 0; } .stick-2 { width: 35%; float: left; padding-right: 0; } .stick-3 {display:none;} .stick-4 { width: 50%; float: right; padding: 0; } #page_content__segment_menu__info__button > .button-group-1 { padding: 0;margin:0; } #page_content__segment_menu > .container > .row #page_content__segment_menu__info #page_content__segment_menu__info__title { font-size: 17px; font-weight: 500; line-height: 24px; margin-top: 0px; text-transform: uppercase; } .introduce-list li { padding-top: 5px; padding-bottom: 5px; display: inline-block; padding-right: 20px; } .list-result-combo .product-list.grid li { width: 33%; float: left; padding-left:2px; padding-right:2px; } .list-result-combo .product-list li .product-name { font-size: 15px; } .section-title .heading { font-size: 21px; } .icons-box .block-trust-des { height:auto;} .slogan { font-size: 24px; margin:10px 0 0 0; } .slogan:before, .slogan:after { display: block; } .slogan:before { margin-left: 15px; text-align: left; } .slogan:after { margin-right: 15px; text-align: right; } .contact-home-left { margin-top: 20px; margin-bottom: 20px; } .main_content>table{ overflow: scroll; display: inline-block; } .bg-gray, .bg-red { width: 100%; margin-bottom: 5px; } .main-header .header-search-box .form-inline .btn-search { } .about-home-content-right { padding-left: 15px; } .thongke-section-1, .thongke-section-2, .thongke-section-3, .thongke-section-4, .thongke-section-5, .thongke-section-6{ width:33%;} .add-contact-home .hotline{ display:block;} .add-contact-home > .col-sm-6{ width:50%;} .main-header.nav-ontop-mb { padding-top: 5px; } .main-header.nav-ontop-mb .header-search-box{display:none;} .policy__list_3>li { width: 100%; margin-bottom: 20px; } .policy__list_3 li .iconl { width: 64px; text-align: center; } .policy__list_3 li .icondetail-udn { height: 50px; width: 50px; } .entry-detail { padding-left: 0; padding-right: 0; } .list-giaiphap .giaiphap-content{padding: 20px 0;} .albumhinh-list-page .owl-controls .owl-dots{bottom:-15px;} .content-services table { overflow-x: scroll; display: inline-block; } } @media only screen and (max-width: 767px) and (min-width: 480px){ .list-sale-left, .list-sale-right { width:50%;} .icons-box .block-trust-des { height: auto; } .category-featured .navbar-collapse .navbar-nav li:last-child { position: relative; } .header { background-size: cover; background-position: bottom; background: #0054a6; } .main-header a.click-m-menu { display: block; top: 12px; } .switch-personal { display: block; top: 28px; right:60px } } @media only screen and (max-width: 767px){ .contents-sale > .container, .list-sale-left, .list-sale-right {padding:0;} .contents-sale .list-row-sale {margin:0;} .header-right-box, .header-right-hotline{ display: none; } .main-header.nav-ontop-mb .header-search-box { display: none; } .top-hear-left{ display:none;} .header-customer-box { width: 71%; } .li-top img { height:50px;} .subcategories-cate li { width: 32%; } .nav-menu-custom::before{left:20px;} .show-brand .navbar-brand::after{ display:none;} .blocks-flash-sales{ margin-top: 10px; padding: 0 5px;} .product-featured .owl-prev { left: 0; } .product-featured .owl-next { right: 0; } .product-featured .owl-prev, .product-featured .owl-next { opacity: 1; visibility: inherit; } .newshome-list .post-meta {display:none;} .product-title__btn-features{width:60%;} .top-header{ display:none;} .nivoSlider img { } .footer-link-white-2, .footer-link-white-3{ float:left;} .block-work-time .sp-contact-info li { margin-bottom: 10px; width: 50%; float: left; padding: 0; text-align: center; } .block-work-time .sp-contact-info li i { margin-right: 0; padding-right: 0; text-align: center; width: 100%; margin-bottom: 10px; } .block-work-time .sp-contact-info li p.contact-content { font-size: 15px; margin-left: 0; min-height: 94px; } .ppocta-ft-fix{ bottom:42px !important;} .back-to-top{ bottom:40px !important;} .back-to-top{right:0 !important;} #contact-option-wp{ display:none;} .block-footer-right .col-item>a{ font-size:14px;} } @media only screen and (max-width: 1000px){ .category-home-content .owl-controls .owl-dots { display: block !important; } .top_viewed_cates_footer { display: block; } #footer { padding-bottom: 40px; background-size: contain; } } @media only screen and (max-width: 479px) and (min-width: 451px){ .about-action { margin-bottom: 30px; } .thm-btn { font-size: 19px; padding: 10px 15px; margin-right: 5px; } .product-list .product-container .option-cnp span:before, .product-list .product-container .option-cnp a:before{ left:30px;} .product-list li .product-name{ height:auto;} .sp-contact-time { width:50%;} .block-work-time-2 .sp-contact-info li .sp-contact-infocontent{margin-bottom:15px;padding: 10px 2px 15px 2px;} .block-work-time-2 .sp-contact-info li p.contact-content span:first-child{font-size: 13px;} } @media only screen and (max-width: 450px) and (min-width: 431px){ .about-action { margin-bottom: 30px; } .thm-btn { font-size: 17px; padding: 8px 9px; margin-right: 3px; } .product-list .product-container .option-cnp span:before, .product-list .product-container .option-cnp a:before{ left:30px;} .product-list li .product-name{ height:auto;} } @media only screen and (max-width: 430px) and (min-width: 411px){ .about-action { margin-bottom: 30px; } .thm-btn { font-size: 16px; padding: 8px 9px; margin-right: 3px; } .product-list .product-container .option-cnp span:before, .product-list .product-container .option-cnp a:before{ left:30px;} .product-list li .product-name{ height:auto;} } @media only screen and (max-width: 410px) and (min-width: 391px){ .about-action { margin-bottom: 30px; } .thm-btn { font-size: 17px; padding: 8px 9px; margin-right: 3px; } .product-list .product-container .option-cnp span:before, .product-list .product-container .option-cnp a:before{ left:20px;} .product-list li .product-name{ height:auto;} .thongke-section-1, .thongke-section-2, .thongke-section-3, .thongke-section-4, .thongke-section-5 { width: 50%; } .cluster_headline .field-name-field-headline h1, .cluster_headline .field-name-field-headline h2 { font-size: 23px; } } @media only screen and (max-width: 390px){ .about-action { margin-bottom: 30px; } .thm-btn { font-size: 15px; padding: 7px 7px; margin-right: 3px; } .product-list .product-container .option-cnp span:before, .product-list .product-container .option-cnp a:before{ left:10px;} .product-list li .product-name{ height:auto;} .thongke-section-1, .thongke-section-2, .thongke-section-3, .thongke-section-4, .thongke-section-5, .thongke-section-6 { width: 50%; } .cluster_headline .field-name-field-headline h1, .cluster_headline .field-name-field-headline h2 { font-size: 23px; } } @media only screen and (max-width: 767px){ .sec_contact { margin-top: 0; margin-bottom: 0; } .sec_contact .section-content > .container { padding-left: 0; padding-right: 0; } .sec_contact .row-msi .col { bottom: 0; padding: 0; width: 100%; } .sec_contact .row-msi .col:hover { bottom: 0; } .newspage-list li .left-block img{ height:180px;} .product_count_total { height: 372px; } .box-dutoan a{ width:100%;} }