@media only screen and (min-width: 1200px) {
    .col-md-5ths {
        width: 20%;
        float: left
    }
}

@media only screen and (max-width: 1024px) {
    .col-md-5ths {
        width: 25%;
        float: left
    }
}

@media only screen and (max-width: 768px) {
    .home_title {
        border: none;
        border-top: 1px solid #eee
    }
    .home_title a {
        width: 100%;
        float: none;
        border: 1px solid #eee;
        border-top: none
    }
    .home_title .dynamic_title {
        float: none
    }
    .home_title .submenu {
        display: none
    }
    .col-md-5ths {
        width: 25%;
        float: left
    }
}

@media only screen and (max-width: 480px) {
    .col-md-5ths {
        width: 50%;
        float: left
    }
}

@media only screen and (max-width: 320px) {
    .p_img {
        width: 280px;
        height: 280px
    }
    .info_pro {
        height: 340px
    }
    .p_img img {
        max-width: 280px;
        max-height: 280px
    }
    .qnh-bot-sec-support {
        margin-bottom: 20px;
        float: left
    }
    .addthis {
        text-align: center;
        margin-bottom: 20px
    }
    .menu-left-mb {
        width: 245px;
        float: left
    }
    .doitac > .col-sm-1 {
        width: 33%;
        float: left
    }
    .doitac {
        height: 124px;
        overflow: hidden
    }
    .menungang {
        margin: 0;
        padding: 0
    }
    .content-menu-right-mb a {
        display: block;
        border-bottom: 1px dashed #ccc;
        text-decoration: none;
        color: #000;
        font-size: 13px;
        padding: 10px;
        text-transform: uppercase
    }
    .footer .rule-cqn li {
        width: 50%
    }
    .content-menu-right-mb > ul > li:last-child a {
        border-bottom: none
    }
    .content-menu-right-mb {
        width: 290px
    }
    .logo {
        text-align: center
    }
    .nav-sub-menu-bm a {
        color: #fff
    }
    .footer-address > ul > li,
    .productlist-category ul li {
        width: 100%
    }
    .productlist-category ul li {
        width: 100%;
        padding-left: 15px;
        background-position: 3px
    }
    .qnh-ab {
        display: block;
        clear: both
    }
    .hiden-cartmobile {
        margin-top: 5px
    }
    table.tbl-top-shopping-cart,
    .addthis,
    .star-addthis-product-detail {
        display: none
    }
    .product-detail .col-sm-7 {
        padding: 0
    }
    .number-product-detail {
        margin-bottom: 10px
    }
    .left-tit-pro-list {
        padding: 12px 3px 12px 10px
    }
    .col-sm-8.right-news-list {
        padding: 0;
        margin-top: 10px
    }
    .col-sm-8.left-contact,
    .col-sm-4.right-contact,
    .l-p-contact,
    .r-p-contact {
        width: 100%;
        float: left
    }
    table.tbl-top-shopping-cart-mb {
        display: block
    }
    .addthis.addthis-footer {
        text-align: center
    }
    .col-sm-6.sign-up {
        width: 100%;
        float: left;
        margin-bottom: 20px;
        border-right: 0!important;
        border-bottom: 1px solid #ccc
    }
    #fbpopup {
        display: none
    }
    .sortlst .loc_left {
        width: 100%;
        text-align: center;
        padding: 8px
    }
    .sortlst .loc_right .dropdown {
        width: 100%;
        border-bottom: 1px solid #e7e7e7
    }
    .sortlst {
        border: 1px solid #e7e7e7
    }
}

@media only screen and (min-width:321px) and (max-width:480px) {
    .p_img {
        width: 300px;
        height: 300px
    }
    .info_pro {
        height: 340px
    }
    .p_img img {
        max-width: 300px;
        max-height: 300px
    }
    #fbpopup {
        display: none
    }
    #nav_vertical:hover ul {
        display: block!important
    }
    .qnh-bot-sec-support {
        margin-bottom: 20px;
        float: left
    }
    .footer-address > ul > li {
        width: 100%
    }
    .productlist-category ul li {
        width: 100%;
        padding-left: 15px;
        background-position: 3px
    }
    .footer .rule-cqn li {
        width: 50%
    }
    .logo {
        text-align: center;
        margin-bottom: 20px
    }
    .addthis {
        text-align: center;
        margin-bottom: 20px;
        display: none
    }
    .tags-header,
    .cart {
        margin-bottom: 0
    }
    .doitac > .col-sm-1 {
        width: 20%;
        float: left
    }
    .doitac {
        height: 124px;
        overflow: hidden
    }
    .logo {
        text-align: center;
        margin-bottom: 15px
    }
    .addthis {
        text-align: center
    }
    .product-detail .col-sm-7 {
        padding: 0
    }
    .buy-product-detail {
        float: left;
        width: 200px
    }
    .price-product-detail {
        float: right;
        width: 220px
    }
    .left-tit-pro-list {
        padding: 12px 3px 12px 10px
    }
    .col-sm-8.right-news-list {
        padding: 0;
        margin-top: 10px
    }
    .col-sm-4.left-news-list {
        width: 100%
    }
    .col-sm-8.left-contact,
    .col-sm-4.right-contact {
        width: 100%;
        float: left
    }
    .addthis.addthis-footer {
        text-align: center
    }
    .col-sm-6.sign-up {
        width: 100%;
        float: left;
        margin-bottom: 20px;
        border-right: 0!important;
        border-bottom: 1px solid #ccc
    }
    .social_colume {
        display: none
    }
    .hotline_colume {
        width: 50%;
        float: right;
        text-align: right
    }
    .register_colume {
        width: 50%;
        float: left
    }
    .nodesktop {
        display: block!important
    }
    .desktop,
    .timeworking,
    #nav_vertical .ul_menu,
    .view-product-detail {
        display: none
    }
}

@media only screen and (max-width:390px) {
    #nav_vertical .ul_menu,
    .timeworking,
    .desktop,
    .social_colume {
        display: none
    }
    .nodesktop {
        display: block!important
    }
    .top-header {
        background: #ff7e00;
        color: #fff
    }
    .top-header a {
        color: #fff!important
    }
    .hotline_colume {
        width: 60%;
        float: right;
        text-align: right
    }
    .register_colume {
        width: 40%;
        float: left
    }
    .productlist-category ul li {
        width: 100%;
        padding-left: 15px;
        background-position: 3px
    }
    .footer .rule-cqn li {
        width: 50%
    }
    .footer-address > ul > li,
    .qnh-item-product {
        width: 100%
    }
    .content-menu-right-mb .title-menu-left {
        float: left;
        color: #fff;
        font-size: 14px;
        background: url(../images/tit-menu.png) no-repeat 10px center;
        padding: 10px 10px 10px 32px;
        text-transform: uppercase
    }
    .col-sm-8.left-contact,
    .col-sm-4.right-contact {
        width: 100%;
        float: left
    }
    .sortdiv_title,
    .sortitem {
        width: 100%!important;
        border-bottom: solid #e7e7e7 1px;
        display: block
    }
    .listattribute {
        width: 288px!important
    }
    .sortitem:nth-child(2n+1) {
        display: none
    }
}

@media only screen and (max-width:767px) {
    #nav_vertical {
        width: 230px!important
    }
    #nav_widthview {
        display: none
    }
    .p_img {
        width: auto;
        height: 300px;
        float: none;
        padding: 0;
        border: 0;
        margin: 10px;
    }
    .info_pro {
        height: 340px
    }
    .p_img img {
        max-width: 300px;
        max-height: 300px
    }
    .c_product {
        width: 100%;
        display: block;
    }
    #nav_rightmenu ul {
        display: none!important
    }
    #nav_rightmenu:hover ul {
        display: block!important
    }
    .ul_menu_sub {
        position: relative!important;
        left: 0!important;
        max-width: 212px;
        padding-left: 0!important;
        border: none!important;
        min-height: 15px!important
    }
    .ul_menu_sub > ul > li {
        width: 100%!important;
        border-bottom: 1px solid #ececec;
        border-right: 1px solid #ececec;
        box-sizing: border-box
    }
    .ul_menu_sub > ul {
        padding-bottom: 0!important
    }
    .nav_menu li {
        float: none!important;
        width: 100%;
        display: block
    }
    .bar_menu {
        display: block!important
    }
    #nav_rightmenu {
        float: right;
        width: 44px;
        position: relative;
        padding: 0
    }
    #nav_rightmenu .bar_menu {
        width: 43px;
        height: 37px;
        padding: 14px;
        margin-top: 7px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        background: #3c763d!important
    }
    #nav_rightmenu ul.subnews {
        display: none!important
    }
    #nav_rightmenu ul {
        width: 300px;
        position: absolute;
        background: #fff;
        right: 0;
        border: solid 1px #ccc;
        border-bottom: 0!important;
        z-index: 9999;
        border-top: 0;
        margin-bottom: 0!important
    }
    #nav_rightmenu h3 {
        margin: 0!important;
        padding: 0!important
    }
    #nav_rightmenu ul li {
        width: 100%;
        float: left
    }
    #nav_rightmenu a {
        float: left;
        background-color: #fff;
        width: 100%;
        color: #000!important;
        font-size: 14px;
        border-bottom: 1px solid #e0e0e0;
        position: relative;
        padding: 16px 10px
    }
}

@media only screen and (min-width:481px) and (max-width:768px) {
    #nav_vertical .ul_menu {
        display: none;
        height: auto!important
    }
    .desktop,
    .social_colume {
        display: none
    }
    .nodesktop,
    .nodesktop .hiden-cartmobile li span {
        display: block
    }
    .nodesktop .qnh-ab {
        width: 20%;
        float: left;
        text-align: left
    }
    .nodesktop .qnh-ab .logo {
        text-align: left!important
    }
    .nodesktop .hiden-cartmobile {
        width: 78%;
        float: right
    }
    .nodesktop .hiden-cartmobile ul.info-cartmobile {
        width: 305px;
        float: right;
        text-align: right;
        box-sizing: border-box;
        padding-top: 12px;
        padding-right: 15px
    }
    .maps_text {
        display: block;
        margin-top: 10px
    }
    .nodesktop .hiden-cartmobile table {
        margin-top: 5px
    }
    .nodesktop .hiden-cartmobile p {
        padding-right: 15px;
        font-weight: 700
    }
    .hotline_colume {
        width: 60%;
        float: right;
        text-align: right
    }
    .register_colume {
        width: 40%;
        float: left
    }
    .productlist-category ul li,
    .footer-address > ul > li {
        width: 50%
    }
    .footer-address > ul > li {
        margin-top: 10px
    }
    .footer .rule-cqn li {
        width: 33.3333333%
    }
    .doitac {
        height: 124px;
        overflow: hidden
    }
    .logo {
        text-align: center;
        margin-bottom: 15px
    }
    .addthis {
        text-align: center
    }
    .product-detail .col-sm-7 {
        padding: 0
    }
    .col-sm-8.right-news-list {
        padding: 0;
        margin-top: 10px;
        width: 100%;
        float: left
    }
    .col-sm-4.left-news-list,
    .col-sm-8.left-contact,
    .col-sm-4.right-contact {
        width: 100%;
        float: left
    }
    .item-banner-cart img {
        width: auto
    }
    .banner-cart .col-sm-4 {
        float: left
    }
    .doitac .col-sm-1 {
        float: left;
        text-align: center
    }
    .sortlst .loc_right .dropdown {
        width: 45%;
        border-bottom: 1px solid #e7e7e7
    }
    .sortlst {
        border: 1px solid #e7e7e7
    }
    .sortlst .loc_left {
        width: 20%
    }
    .sortlst .loc_right {
        width: 68%
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .div.input input {
        width: 225px
    }
    #nav_widthview_order {
        padding-right: 0
    }
    div.cart .cart-info strong {
        display: none
    }
    div.cart {
        width: 50px!important
    }
    div#nav_widthview_search {
        padding: 5px 0 0
    }
    div.home {
        margin: 0 15px 0 0
    }
    .p_img {
        width: 300px;
        height: 300px;
        padding: 0;
        margin: 0
    }
    .info_pro {
        height: 340px
    }
    .p_img img {
        max-width: 300px;
        max-height: 300px
    }
    #nav_rightmenu {
        float: right!important;
        padding: 0;
        width: 70%
    }
    #nav_rightmenu h3,
    #nav_rightmenu h3 a {
        padding: 15px 5px
    }
    .mid-header .col-sm-6 {
        padding-left: 0
    }
    .col-sm-3.qnh-ab {
        padding-right: 0
    }
    .doitac .col-sm-1 {
        width: 10%;
        float: left
    }
    .doitac {
        height: 124px;
        overflow: hidden
    }
    .product-detail .col-sm-7 {
        padding: 0 15px
    }
    .view-product-detail,
    .ship-kho-product-detail {
        display: none
    }
    .number-product-detail {
        margin-bottom: 10px
    }
    .col-sm-8.right-news-list {
        width: 100%;
        float: left;
        margin-top: 10px
    }
    .col-sm-4.left-news-list,
    .col-sm-8.left-contact,
    .col-sm-4.right-contact {
        width: 100%;
        float: left
    }
    .col-sm-6.sign-up {
        border-right: 1px solid #e8e8e8
    }
}

@media only screen and (max-width:1000px) {
    #nav_widthview_search {
        width: 100%
    }
    #nav_widthview_order {
        display: none
    }
    #nav_rightmenu h3,
    #nav_rightmenu h3 a {
        padding: 15px 12px;
    }
}

@media only screen and (min-width:1025px) {
    #nav_rightmenu h3 {
        padding: 15px 20px!important
    }
    .top-section-mb,
    .qnh-slide-mb,
    .menu-right-mb {
        display: none
    }
    .top-section-mb-ds {
        display: block
    }
    .col-sm-8.left-contact {
        padding-right: 30px
    }
    .col-sm-6.sign-up {
        border-right: 1px solid #e8e8e8
    }
}

@media only screen and (max-width:1024px) {
    .info-cartmobile li:first-child span {
        display: none
    }
    .ul_menu {
        width: 212px!important
    }
    #nav_vertical .ul_menu_sub {
        width: 771px!important
    }
    .slide_layout {
        width: 765px;
        display: block;
        float: right
    }
    .top-section,
    .top-section-mb-ds,
    .right-price-number-product-detail,
    .kho-product-detail {
        display: none
    }
    .price-number-product-detail {
        padding: 0
    }
    .col-sm-6.sign-up {
        border-right: 1px solid #ccc
    }
}

@media only screen and (min-width:1024px) and (max-width:1200px) {
    .main-menu > ul > li > a,
    .content-menu-right-mb-ds > ul > li > a {
        padding: 14px 22px 13px
    }
    .nodesktop,
    .info-cartmobile li:first-child span {
        display: none!important
    }
    .desktop {
        display: block
    }
}

@media only screen and (min-width:1024px) {
    .news-three .item-news-page {
        margin: 0 0 10px 0;
        padding-bottom: 10px;
    }
    .news-three .left-news-list {
        max-width: 100px;
        max-height: 100px;
        overflow: hidden;
    }
    .news-three .right-news-list {
        max-height: 100px;
        overflow: hidden;
    }
    .news-three .name-news-list a,
    .news-three .summary-news-list {
        font-size: 12px;
    }
    .news-three .date-news-list {
        margin-bottom: 5px;
    }
}