@media (max-width: 1200px){
    .switchboard{
        display: none;
    }
}
@media (min-width: 1200px){
    .container {
        width: 1200px;
    }
}
@media (max-width:991px) {
    .homeproduct li.feature {
        width: 100%;
    }

    header .navigation .navbar-brand:after{
        font-family: arial;
        font-size: 12px;
        color: #fff;
        content: "Since 2009";
        position: absolute;
        bottom: -25px;
        right: 13px;
        font-style: italic;
        text-shadow: none;
    }
    header .navigation .navbar-brand{
        position: relative;
    }
    .homeproduct li.feature img {
        width: 100%;
        height:auto;
        margin: 0 0 10px;
        max-width: 100%;
    }

    .homeproduct li {
        width: 33%;
    }
    .homeproduct li img {
        padding: 16px 0;
        width: 100px;
        height: auto;
        max-width: 100%;
    }
    .homeproduct li h3 {
        display: block;
        overflow: hidden;
        line-height: 1.3em;
        font-size: 14px;
        font-weight: 300;
        color: #333;
        clear: both;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        padding: 0 10px;
    }

    .homeproduct li .promo p {
        display: block;
        font-size: 12px;
        color: #333;
        white-space: normal;
        margin: 0;
        padding: 0;
        line-height: 1.3;
        float: right;
        width: calc(100% - 38px);
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .homeproduct li .promo {
        display: block;
        padding: 0 10px;
        margin: 0;
    }
    .btn_buynow {
        padding: 5px 0;
        width: 85px;
        margin: 0 5px;
    }
    #prodhot {
        width: 100%;
    }
    .the-article-notification  {
        display: none;
    }
    .call-now{
        display: block !important;
    }
    li.dropdown-user{
        padding-left: 0px;
    }
    #dau-x {
        left: -10px;
    }
    .animated {
        -webkit-animation-duration: .5s;
        animation-duration: .5s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        animation-iteration-count: infinite;
        -webkit-animation-iteration-count: infinite;
    }
    .index_danhmuc,#accordiondemo{
        display: none;
    }
    #productleft{
        position: inherit;
        max-width: 100%;
        float: left;
        width: 100%;
        top: auto;
        animation: none;
    }
    .info_detail{
        width: 100%;
    }
    .pc{
        display: none;
    }
    .mobile{
        display: block!important;
    }
    .ten{
        font-size: 16px;
    }
    .camket_muahang {
        width: 100%;
    }
    .footer-title h2{
        width: 90%
    }
    .dropdown-menu1{
        right: 0;
        left: inherit;
        min-width: 300px;
    }
    .header-cart .step-cart {
        display: none;
    }
    .zopim {
        display: none !important
    }

    a.addToCart {
        float: left;
        width: 100%;
        z-index: 999;
        padding: 13px;
        color: #fff !important;
        text-transform: uppercase;
        background: #e53935;
        text-align: center;
    }
    a.addToCart:hover {
        color: #fff
    }
    .info_detail div.lin{
        width: 100%;
        float: left;
    }
    #bought-together-content li a img, .bought-together-plus span {
        width: 120px;
    }
    .homeproduct li .badge {
        top:20px;
    }


}
@media (max-width:768px) {

    .filter li.frange {
        overflow-y: hidden;
        overflow-x: auto;
        display: block;
        background: transparent;
        height: auto;
    }
    .homeproduct{
        background: transparent;
    }

    .homeproduct.categore_product li {
        width: 50%;
    }
    .homeproduct.sliderproduct li {
        width: 100%;
    }
    .commentlist > .children {
        padding-left: 20px !important;
    }
    .widget_index_widget:nth-child(2n) .title_main .panel_xemhet {
        background-color: #fff;
    }
    .lin .group_tuvan{
        display: block;
    }
    .info_detail{
        width: 100%;
    }
    .lin_vanchuyen{
        display: none;
    }
    .panel_xemhet{

        margin: 5px 2px 5px 0px;
        float: left;
        padding: 7px 5px 5px;
    }
    .nhantin{
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .title_main_left {
        width: 100%;
    }
    .title_main .panel_xemhet{
        background-color: #fff;
        color: #5acb59;
        float: none !important;
        position: absolute;
        right: 5px;
    }

    .title_main_img0,.title_main_img1,.title_main_img3{
        display: none;
    }

    .grid {
        margin-top: 10px;
    }
    .bct>a>img{
        margin: 0px auto;
        display: block;
    }

    ul.social{
        text-align: center !important;
    }
    .nav-tabs.nav-justified>li {
        display: table-cell;
        width: 1%;
    }
    .nav-tabs.nav-justified>li>a{
        margin-bottom: 0px;
    }
    .homeproduct li .promo img {
        display: block;
        float: left;
        width: 30px;
        height: 30px;
        margin: 0;
        padding: 0px;
    }
    .navigat>.viewallcat {
        display: none;
    }
    .viewall {
        display: block;
        overflow: hidden;
    }
    .viewall .center {
        display: block;
        overflow: hidden;
        position: relative;
        line-height: 40px;
        font-size: 14px;
        color: #288ad6;
        text-align: center;
        padding: 0 10px;
    }
    .magiamgia{
        float: left;
    }
    .xemtep {
        display: none;
    }
    .navbar-header{
        float: inherit !important;
    }
}
@media (max-width: 630px) {
    .pctotal{
        display: none;
    }
    .mobitotal{
        display:block ;
    }
    .bought-together-price-box{
        float: none;
        border: 1px dotted #ccc;
        padding: 10px;
    }
}
@media (max-width: 567px){
    .panel_xemhet{
        display: none;
    }
    .title_main .panel_xemhet {
        display: block;

    }

    .info2 th {
        padding: 0;
        width: auto;
    }
    .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
        padding: 2px;
        line-height: inherit;
        vertical-align: inherit;
        border-top: 1px solid #ddd;
    }
}
@media (max-width: 540px){
    .nav>li>a {
        padding: 10px 5px;
    }
}
@media (max-width: 500px){
    .hd_thanhtoan{
        margin: 30px 0px 0px 0px !important;
    }

}

@media (max-width: 460px) {
    .kk-star-ratings.lft ,.kk-star-ratings.rgt{
        float: initial;
        margin-right: 10px;
    }
    #bought-together-content li a img, .bought-together-plus span{
        width: 80px;

    }
    #bought-together-content li a, .bought-together-plus{
        margin: 0px
    }
    .partner-images,.anhcty_title{
        display: none!important;
    }
    .moreproduct a {
        padding: 5px 5px;
        font-size: 12px;
        display: inline-block;
    }
    .keyword{
        display: none;
    }
}

@media (max-width: 400px) {

    #hotline {
        right: 0px;
        display: none;
    }
}
@media screen and (min-width:992px){
    header .navbar-header .open-btn{display:none;}
    header #navbar .close-navbar{display:none;}
}
@media (max-width:991px){
    header .navbar-header button{background-color:#fff;width:40px;height:35px;border:0;padding:5px 10px;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;-ms-border-radius:3px;border-radius:3px;outline:0;position:absolute;left:15px;z-index:20;}
    header .navbar-header button span{background-color:#80C41C!important;display:block;height:2px;margin-bottom:5px;}
    header .navbar-header button span:last-child{margin:0;}
    header #navbar .close-navbar{background-color:#fc0001;width:25px;height:25px;color:#fff;border:1px #fff solid;;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;-ms-border-radius:50%;border-radius:50%;outline:none;position:absolute;right:-14px;top:10px;z-index:20;}
    header .slideInn{left:0 !important;}
}
@media (max-width:767px){header .navbar-header .navbar-brand{font-size:24px;}}
@media (max-width:400px){header .navbar-header .navbar-brand{font-size:18px;}header .navbar-header .navbar-brand span{font-size:23px}}
@media (max-width:991px){
    header .navbar-toggle{display:block !important;}

}
@media (min-width: 992px)
{
    .col-md-2-5 {
        width: 20% !important;
    }
}
@media screen and (max-width: 500px) {
    .comment-avatar {
        width: 45px;
        margin-right: 0px;
    }

    .comment-avatar figure {
        width: 40px;
        height: 40px;
    }

    .comment-author.vcard {
        padding-left: 50px;
    }
}
@media screen and (max-width: 600px){
    input#author, input#email, input#phone, .contact-form input, .contact-form textarea {
        margin-bottom: 5px;

    }
    p.comment-form-author,p.comment-form-email,p.comment-form-url{
        width: 100%!important;
        padding-right: 0px!important;
    }
    #commentform p.form-submit {
        width: 50%;
        padding-right: 0;
        position: relative;
        border-radius: 3px;
        margin: 0px auto;
        text-align: center;
        display: block;
        float: none;
    }
}
@media (max-width: 768px) {
    .magin5 {
        margin: 10px 5px;
    }
    .hot_icon {
        top: 6px;
    }
    #fixbottom {
        padding-bottom: 0px;
    }
    #fixtop {
        margin-top: -20px;
    }
}
@media screen and (max-width: 1050px){
    .wrap {
        width: 100%!important;
        margin: auto;
    }
}
@media screen and (max-width: 600px){
    #theo-doi #mc_embed_signup {
        width: 90% !important;
    }
    h2.theo-doi-blog {
        font-size: 16px !important;
    }
}


@media screen and (max-width: 400px){
    #theo-doi #mc_embed_signup_scroll, .clearbutton {
        width: 100% !important;
    }
    .clearbutton {
        margin-top: 15px;
    }

}
@media (max-width: 768px) {
    .footer-items,.nhantin{
        text-align: center;
    }

}

@media (max-width: 991px) {

    #cart-mobi {
        display:none;
    }

}
@media screen and (max-width:599px) {
    span.rowud{width:2px}
    .uudiem span.icon-ud{font-size:47px}
    .uudiem h3.title-ud{font-size:15px}
    .uudiem .col {padding: 5px}
}
@media screen and (max-width:399px) {
    .uudiem .col.col1:after{height:20px;width:399px;right:0;border-bottom:20px solid transparent;border-left:399px solid #8CC94A;top:calc(100% - 10px)}
    .uudiem .col.col2:before{height:20px;width:399px;right:0;border-top:20px solid transparent;border-right:399px solid #fc0001;top:-10px}
    .uudiem .col.col2:after{height:20px;width:399px;right:0;border-bottom:20px solid transparent;border-left:399px solid #fc0001;top:calc(100% - 10px)}
    .uudiem .col.col3:before{height:20px;width:399px;right:0;border-top:20px solid transparent;border-right:399px solid #8CC94A;top:-10px}
    .uudiem span.icon-ud{font-size:37px}
    .uudiem h3.title-ud{font-size:14px}
}
@media (max-width:991px) {

    .pdp-mod-cart-concern.has-shortcut, .pdp-mod-cart-concern.has-shortcut .shortcut-wrapper {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
    }
    .pdp-mod-cart-concern.has-shortcut {
        -webkit-flex-flow: row;
        -ms-flex-flow: row;
        flex-flow: row;
    }
    .pdp-mod-cart-concern {

        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 50px;
        line-height: 50px;
        color: #fff;
        font-size: 16px;
        text-align: center;
        background-color: #fff;
        z-index: 999;
        border-top: 1px solid #80c41c;

    }
    .pdp-mod-cart-concern.has-shortcut .shortcut-wrapper {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        background: #fff;
        margin-left: .1rem;
    }
    .pdp-mod-sbuttong {
        overflow: hidden;
    }

    .pdp-mod-cart-concern.has-shortcut .shortcut-wrapper .shortcut-item {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start;
        padding: 5px;
        width: 105px;
        line-height: normal;
        text-decoration: none;
        position: relative;
        text-align: center;
    }
    .pdp-mod-cart-concern.has-shortcut .shortcut-wrapper .shortcut-item .shortcut-item-icon {
        font-size: 13px;
        color: #ef7e33;
    }
    .pdp-mod-cart-concern.has-shortcut .shortcut-wrapper .shortcut-item .shortcut-item-text {
        margin-top: .1rem;
        width: 105px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        line-height: .24rem;
        font-weight: bold;
        font-size: 18px;
        height: 20px;
        color: #999;
        -webkit-transform: scale(.8);
        transform: scale(.8);
    }
    .pdp-mod-cart-concern .btn-content {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

    .pdp-mod-sbuttong-inner {
        width: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
    }
    .pdp-mod-sbutton.buyNow, .pdp-mod-sbutton.secondary {
        background: -webkit-linear-gradient(left,#feb100,#e85a46);
    }
    .pdp-mod-sbutton {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        display: inline-block;
        -webkit-transform: skewX(-20deg);
        transform: skewX(-20deg);
        text-align: center;
        height: 50px;
        background: -webkit-linear-gradient(left,#6fab18,#3c6500);
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .pdp-mod-sbutton-inner {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        color: #fff;
        font-size: 14px;
        line-height: 1.5;
        margin: 0 .1rem;
    }
    .pdp-mod-sbutton:last-of-type .pdp-mod-sbutton-inner {
        -webkit-transform: skewX(20deg) translateX(-.08rem);
        transform: skewX(20deg) translateX(-.08rem);
    }
    #mesalert a.close  {
        background: none;
    }
    #mesalert {
        position: fixed;
        bottom: 35px;
        left: 0px;
        z-index: 997;
    }
    #hotline{
        display: none!important;
    }

}

@media (max-width: 768px) {
    .iconlogo-tatiomax,.iconlogo-azwhite,.iconlogo-kemfeiya{
        width: 35%;
    }
    .colfoot{
        float: none!important;
    }
    .colfoot li a.linkyt,.colfoot li a.linkfb{
        display: none!important;
    }
    .categoreNew .boxnews_title {
        float: right;
        min-height: 20px;
        width: 57%!important;
    }
    .categoreNew #imageshover-new {
        float: left;
        width: 40%!important;
    }
    .categoreNew .boxnews_mota {
        width: 57% !important;
        float: right;
    }
}

@media (max-width: 490px){
    ul.social li i {
        font-size: 40px;
    }
}
@media (max-width: 450px){
    ul.social li span{
        display: none;
    }
    ul.social li i {
        font-size: 50px;
    }
    ul.social li a{
        padding-left: 23px!important;
    }

}