/* Extra small devices (phones, 600px and down) */
@media only screen and ( max-width: 600px ) {
    .sLeft {
        width: 100%;
    }

} 

/* Small devices (portrait tablets and large phones, 600px and up to 767px) */
@media only screen and ( min-width: 600px ) and ( max-width: 767px ) {

} 

/* Small devices and down (portrait tablets and large phones, 600px and up to 767px) */
@media only screen and (max-width: 767px) {
    .mm-menu {
        background: #fff;
        border-right: 1px solid rgba(0,0,0,.1);
    }
    .mm-menu a.mm-btn.mm-btn_close {
        flex-grow: 1;
    }
    
    div#mm-1 .mm-navbar_sticky {
        display: none;
    }
    .container {
        margin: 0px 25px;
    }

    header, #nav-hori {
        display: none;
    }

    .title-box-new .viewall {
        right: 35% !important;
        bottom: -25px !important;
        z-index: 99999;
    }
    
    .sLeft {
        width: 100%;
        height: auto;
        margin: 15px 0;
    }
    
    .nav-bottom {
        width: 100%;
    }
    
    .nav-bottom .row {
        margin: 0;
    }
    
    #services-top {
        width: 100%;
    }
    
    #services-top .item-services {
        width: calc( 50% - 16px );
        padding-left: 20px;
    }
    
    .news-header {
        width: 100%;
        height: auto;
    }
    
    #slider-home .bxslider, #slider-home .bxslider li {
        height: auto !important;
    }
    
    .sRight {
        width: 100%;
        height: auto;
        padding-bottom: 10px;
    }
    
    .sRight {
        display: none;
    }

    a.banner-slide {
        width: 100%;
        display: block;
        padding: 10px 0;
    }

    a.banner-slide {
        display: none;
    }
    
    a.banner-slide img {
        width: 100%;
        height: auto;
    }
    
    .product-daily {
        position: relative;
        display: inline-block;
        height: auto;
    }
    
    .product-daily + .space10px {
        display: none;
    }
    
    .product-daily .product-list-home {
        padding: 20px 0 0;
    }

    .product-daily li {
        width: 42.75vw !important;
    }
    .product-daily li .p-name {
        height: auto;
    }

    .btn-violet.add.home {
        padding: 5px 25px;
    }
    
    .title-box-new {
        width: 100%;
    }
    
    div#box-pro-home .pro-home-left {
        width: 100%;
    }
    
    #box-pro-home .pro-home-left .title-product-list-2 {
        margin-bottom: 0;
    }
    
    #box-pro-home .pro-home-left .sub-cat-pro-home {
        padding-left: 40px;
        display: none;
    }
    
    #box-pro-home .pro-home-left .banner-left-cat-pro-home img {
        width: 100%;
        display: none;
    }
    
     #box-pro-home .banner-bottom-cat-pro-home {
        display: none;
    }
    
    #box-pro-home .pro-home-right {
        width: 100%;
        float: unset;
    }
    
    #box-pro-home .pro-home-right .product-list-home li {
        width: 50%;
        padding: 5px;
    }
    
    #box-pro-home .pro-home-right .product-list-home .hn-more {
        float: unset;
        display: inline-block;
        margin-top: 15px;
    }
    
    .feature_sections ul, .feature_sections table, .feature_sections tbody, .feature_sections tr, .feature_sections th {
        width: 100% !important;
        display: inline-block !important;
    }
    
    .feature_sections li {
        width: 100% !important;
        display: inline-block;
        margin: 0;
    }
    
    .feature_sections th:not(:first-child) {
        margin-top: 90px !important;
    }
    
    .feature_sections .category_spot.homepage {
        left: 50%;
        transform: translateX(-50%);
    }
    
    .feature_sections li p {
        padding: 0 10px !important;
    }
    
    footer {
        margin: 0;
    }
    
    footer .container {
        border-top: 1px solid #f1f1f1;
    }
    
    .box-footer {
        width: 100% !important;
        float: unset;
        min-height: unset;
        padding-top: 25px;
        padding-left: 0;
    }
    
    .box-footer.first {
        padding-top: 0;
    }
    
    .box-footer p {
        font-size: 20px;
    }
    
    
    .box-footer.end {}
    
    .fAbout table td {
        width: 100%;
        display: block;
    }
    
    .fAbout table td:first-child p {
        margin: 0;
    }
    
    .fAbout table td.text-right a {
        width: 100%;
        display: block;
    }
    
    .fAbout table td.text-right a img {
        margin: 0 auto !important;
        text-align: center !important;
        display: block;
    }
    .img-responsive, .img-responsive img {
        width: 100%;
    }

    .archive.tax-product_cat .container.wrap {
        display: flex;
        flex-direction: column-reverse;
    }
    div#new-col-left {
        width: 100%;
        margin-top: 0;
    }
    
    .pro_left.fl {
        width: 100%;
    }
    
    .prouductView {
        width: 100%;
        margin-top: 0;
    }
    
    .prouductView .product-list li {
        width: 50%;
        padding: 5px;
    }
    
    .prouductView .p-img {
        width: 100%;
    }
    .pDetail {
        width: 100%;
        margin-top: 15px;
    }
    
    #img-thumbs {
        width: 30% !important;
    }
    
    #img-thumbs li {
        width: 100%;
    }
    
    #img-thumbs li a {
        width: 100% !important;
    }
    
    #img-large {
        width: 65% !important;
        margin-left: 5%;
        display: inline-block;
    }
    
    .MagicZoom {
        width: 100%;
    }
    
    #img-large * {
        width: 100% !important;
    }
    
    #img-large img, body div#wrapper div div section#content div#img-detail div#img-large a#Zoomer > .mz-figure > img {
        width: 100% !important;
    }
    
    .pDright {
        width: 100%;
        margin-top: 20px;
    }
    .bestView {
        margin-bottom: 0;
    }
    .bestView .list {
        border: none;
        margin-top: 15px;
    }
    .bestView .list li {
    padding: 5px;
    border: 0;
    }
    .bestView .list li .p_container {
        padding: 15px;
        border: solid 1px #ddd;
    }

    .bestView .list a {
        height: auto;
    }
    
    #services-sp {
        width: 100%;
        margin: 0;
    }
    
    #overview .clear.space10px.txt_red.text-bold.txt_18.text-center {
        width: 100%;
    }
    
    #tab-pro-info .title-tab-pro {display: flex;flex-wrap: nowrap;overflow-x: auto;overflow-y: hidden;}
    
    #tab-pro-info .title-tab-pro a {flex: 0 0 auto;}
    
    .bestView .list img {
        width: 100%;
        object-fit: contain;
    }
    .mobile-nav {
        position: relative;
        display: inline-block;
        width: 100%;
    }
    
    .mobile-nav a#logo {
        float: unset;
        text-align: center;
        width: 150px;
        display: inline-block;
        margin-top: 7px;
        transform: translateX(35%);
    }
    .mobile-nav a#logo img {
        width: 100%;
    }
    
    .mobile-nav > div {
        display: inline-block;
        padding: 10px;
        background: #e5e5e5;
        margin-top: 0;
        float: left;
        margin-left: 25px;
    }
    
    .mobile-nav > div .fa-bars {
        font-size: 36px;
        color: #669900;
    }
    .mobile-nav a#cart-header {
        position: relative;
        top: 35px;
        float: right;
        margin-right: 25px;
    }
    .mobile-nav a#cart-header {
        position: relative;
        top: 20px;
        float: right;
        margin-right: 25px;
    }

    .mobile-nav #search {
        position: relative;
        left: 0;
        margin: 0;
        top: 0;
        margin-top: 7px;
        width: 100%;
    }

    .mobile-nav #search input[type=text].text-search {
        width: 100%;
        transform: translateY(-9.5px);
    }
    .product-list-home .bx-wrapper .bx-pager {
        position: relative;
        bottom: 0;
    }
    
    .product-list-home .bx-wrapper .bx-pager.bx-default-pager a {
        background: #e5e5e5;
    }
    .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
        background: #ef4848;
    }
    div#wrapper.fixedcontent {
        margin-top: 118px;
    }
    .mobile-nav.fixed {
        position: fixed;
        top: 0;
        z-index: 999;
        background: #fff;
    }
    
    .mobile-nav.fixed > div {
        margin-top: 7px;
        margin-bottom: 7px;
    }
    
    .mobile-nav.fixed > #search {
        display: none;
    }
    
    .mobile-nav.fixed a#logo {
        margin-top: 14px;
    }
    
    .mobile-nav.fixed #cart-header {
        top: 25px;
    }
    #h-content-left {
        width: 100%;
    }

    #h-top-news {
        height: auto !important;
    }

    #h-top-news .bigImg {
        width: 100%;
    }

    #h-top-news .thumbs {
        width: 100%;
        float: left;
    }

    #h-top-news .thumbs li:first-child {
        margin-top: 15px;
    }

    .h-list-news li .img {
        width: 40%;
    }

    .h-list-news li .img img {
        width: 100%;
    }
    
    .h-list-news li .right-side {
        margin-left: 45%;
    }

    #h-col-right {
        width: 100%;
    }
    
    #h-content-left > .ul .hover-4:not(:last-child) {
        padding-bottom: 10px;
    }
    
    #h-content-left > .ul .hover-4 img {
        width: 35%;
    }
    
    #h-content-left > a > span {
        padding: 10px 0;
        float: left !important;
    }
    #h-top-news .bigImg img {
        object-fit: cover;
    }
    
    #h-top-news .thumbs li a {
        position: relative;
        height: 150px;
    }
    
    #h-top-news .thumbs li a img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    
    #h-top-news .thumbs li a span {
        position: absolute;
        margin: 0;
        background: rgba(153,153,9);
        color: #fff;
        padding: 10px;
        bottom: 0;
    }
    
    div#h-col-right {
        width: 100%;
    }
} 

/* Medium devices (landscape tablets, 768px and up to 991px) */
@media only screen and ( min-width: 768px ) {
	
    .product-daily li{width:237px !important;}
    .mobile-navnav, #my-menu {
        display: none;
    }
    .mobile-nav {
        display: none;
    }
    .prouductView .p-name {
        height: auto;
    }

}

/* Medium devices (landscape tablets, 768px and up to 991px) */
@media only screen and ( min-width: 768px ) and ( max-width: 991px ) {
	.mm-menu {
        background: #fff;
        border-right: 1px solid rgba(0,0,0,.1);
    }
    .container {
        margin: 0px 25px;
    }

    header, #nav-hori {
        display: none;
    }

    .title-box-new .viewall {
        right: 39% !important;
        bottom: -25px !important;
        z-index: 99999;
    }
    
    .sLeft {
        width: 100%;
        height: auto;
        margin: 15px 0;
    }
    
    .nav-bottom {
        width: 100%;
    }
    
    .nav-bottom .row {
        margin: 0;
    }
    
    #services-top {
        width: 100%;
    }
    
    #services-top .item-services {
        width: calc( 25% - 16px );
        padding-left: 20px;
    }
    
    .news-header {
        width: 100%;
        height: auto;
    }
    
    #slider-home .bxslider, #slider-home .bxslider li {
        height: auto !important;
    }
    
    .sRight {
        width: 100%;
        height: auto;
        padding-bottom: 10px;
    }
    
    .sRight {
        display: none;
    }

    a.banner-slide {
        width: 100%;
        display: block;
        padding: 10px 0;
    }

    a.banner-slide {
        display: none;
    }
    
    a.banner-slide img {
        width: 100%;
        height: auto;
    }
    
    .product-daily {
        position: relative;
    }
    
    
    .product-daily .product-list-home {
        padding: 0px 0 10px;
    }

    .product-daily li {
        width: auto;
    }

    .btn-violet.add.home {
        padding: 5px 25px;
    }
    
    .title-box-new {
        width: 100%;
    }
    
    div#box-pro-home .pro-home-left {
        width: 100%;
    }
    
    #box-pro-home .pro-home-left .title-product-list-2 {
        margin-bottom: 0;
    }
    
    #box-pro-home .pro-home-left .sub-cat-pro-home {
        padding-left: 40px;
        display: none;
    }
    
    #box-pro-home .pro-home-left .banner-left-cat-pro-home img {
        width: 100%;
        display: none;
    }
    
    #box-pro-home .pro-home-right {
        width: 100%;
        float: unset;
    }
    
    #box-pro-home .pro-home-right .product-list-home {
        padding: 10px 0 10px;
    }
    
    #box-pro-home .pro-home-right .product-list-home li {
        width: 50%;
        padding: 5px;
    }
    
    #box-pro-home .pro-home-right .product-list-home .hn-more {
        float: unset;
        display: inline-block;
        margin-top: 15px;
    }
    
    .feature_sections ul, .feature_sections table, .feature_sections tbody, .feature_sections tr {
        width: 100% !important;
        display: inline-block !important;
    }

    .feature_sections th {
        width: calc( 50% - 10px ) !important;
        display: inline-block;
    }
    
    .feature_sections li {
        width: 90% !important;
        display: inline-block;
        margin: 0;
    }
    
    .feature_sections th:nth-child(n+3) {
        margin-top: 100px !important;
    }
    
    .feature_sections .category_spot.homepage {
        left: 50%;
        transform: translateX(-50%);
    }
    
    .feature_sections li p {
        padding: 0 10px !important;
    }
    
    footer {
        margin: 0;
    }
    
    footer .container {
        border-top: 1px solid #f1f1f1;
    }
    
    .box-footer {
        width: 100% !important;
        float: unset;
        min-height: unset;
        padding-top: 25px;
        padding-left: 0;
    }
    
    .box-footer.first {
        padding-top: 0;
    }
    
    .box-footer p {
        font-size: 20px;
    }
    
    
    .box-footer.end {}
    
    .fAbout table td {
        width: 100%;
        display: block;
    }
    
    .fAbout table td:first-child p {
        margin: 0;
    }
    
    .fAbout table td.text-right a {
        width: 100%;
        display: block;
    }
    
    .fAbout table td.text-right a img {
        margin: 0 auto !important;
        text-align: center !important;
        display: block;
    }
    div#new-col-left {
        width: 100%;
    }
    
    .pro_left.fl {
        width: 100%;
    }
    
    .prouductView {
        width: 100%;
    }
    
    .prouductView .product-list li {
        width: 50%;
        padding: 5px;
    }
    
    .prouductView .p-img {
        width: 100%;
    }
    .pDetail {
        width: 100%;
        margin-top: 15px;
    }
    
    #img-thumbs {
        width: 30% !important;
    }
    
    #img-thumbs li {
        width: 100%;
    }
    
    #img-thumbs li a {
        width: 100% !important;
    }
    
    #img-large {
        width: 65% !important;
        margin-left: 5%;
        display: inline-block;
    }
    
    .MagicZoom {
        width: 100%;
    }
    
    #img-large * {
        width: 100% !important;
    }
    
    #img-large img, body div#wrapper div div section#content div#img-detail div#img-large a#Zoomer > .mz-figure > img {
        width: 100% !important;
    }
    
    .pDright {
        width: 100%;
        margin-top: 20px;
    }
    
    #services-sp {
        width: 100%;
        margin: 0;
    }
    
    #overview .clear.space10px.txt_red.text-bold.txt_18.text-center {
        width: 100%;
    }
    
    #tab-pro-info .title-tab-pro {display: flex;flex-wrap: nowrap;overflow-x: auto;overflow-y: hidden;}
    
    #tab-pro-info .title-tab-pro a {flex: 0 0 auto;}
    
    .bestView .list img {
        width: 100%;
        object-fit: contain;
    }
    .mobile-nav {
        position: relative;
        display: inline-block;
        width: 100%;
        padding: 0 20px;
    }
    
    .mobile-nav a#logo {
        float: unset;
        text-align: center;
        width: 150px;
        display: inline-block;
        margin-top: 7px;
        transform: translateX(35%);
    }
    .mobile-nav a#logo img {
        width: 100%;
    }
    
    .mobile-nav > div {
        display: inline-block;
        padding: 10px;
        background: #e5e5e5;
        margin-top: 0;
        float: left;
        margin-left: 25px;
    }
    
    .mobile-nav > div .fa-bars {
        font-size: 36px;
        color: #669900;
    }
    .mobile-nav a#cart-header {
        position: relative;
        top: 35px;
        float: right;
        margin-right: 25px;
    }
    .mobile-nav a#cart-header {
        position: relative;
        top: 20px;
        float: right;
        margin-right: 25px;
    }

    .mobile-nav #search {
        position: relative;
        left: 0;
        margin: 0;
        top: 0;
        margin-top: 7px;
        width: 100%;
    }

    .mobile-nav #search input[type=text].text-search {
        width: 100%;
        transform: translateY(-9.5px);
    }
    .product-list-home .bx-wrapper .bx-pager {
        position: relative;
        bottom: 0;
    }
    
    .product-list-home .bx-wrapper .bx-pager.bx-default-pager a {
        background: #e5e5e5;
    }
    .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
        background: #ef4848;
    }
    div#wrapper.fixedcontent {
        margin-top: 118px;
    }
    .mobile-nav.fixed {
        position: fixed;
        top: 0;
        z-index: 999;
        background: #fff;
        padding: 0;
    }
    
    .mobile-nav.fixed > div {
        margin-top: 7px;
        margin-bottom: 7px;
    }
    
    .mobile-nav.fixed > #search {
        display: none;
    }
    
    .mobile-nav.fixed a#logo {
        margin-top: 14px;
    }
    
    .mobile-nav.fixed #cart-header {
        top: 25px;
    }
    #h-content-left {
        width: 100%;
    }
    
    #h-col-right {
        width: 100%;
    }
    
    #h-content-left > .ul .hover-4:not(:last-child) {
        padding-bottom: 10px;
    }
    
    #h-content-left > .ul .hover-4 img {
        width: 35%;
    }
    
    #h-content-left > a > span {
        padding: 10px 0;
        float: left !important;
    }
    #h-top-news .bigImg img {
        object-fit: cover;
    }
    
    #h-top-news .thumbs li a {
        position: relative;
    }
    
    #h-top-news .thumbs li a img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    
    #h-top-news .thumbs li a span {
        position: absolute;
        margin: 0;
        background: rgba(111,110,110,0.6);
        color: #fff;
        padding: 10px;
        bottom: 0;
    }
    
    div#h-col-right {
        width: 100%;
    }
}

/* Medium devices (landscape tablets, 768px and below) */
@media only screen and ( max-width: 991px ) {

} 

/* Large devices (laptops/desktops, 992px and up to 1199px) */
@media only screen and ( min-width: 992px ) and ( max-width: 1199px ) {

} 

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and ( min-width: 992px ) {
	
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and ( min-width: 1200px ) {

}