/* mobile style*/
@media only screen and (max-width: 768px) {
    div#top-bar {
        display: none;
    }

    .support-item, .b__banner {
        margin-bottom: 20px !important;
    }

    .boxReview .boxReview-review .boxReview-star .progress {
        width: 55% !important;
    }

    .col-c-5 {
        width: 100% !important;
        margin-bottom: 15px !important;
    }

    .mt-footer {
        margin-bottom: 20px !important;
    }

    .boxReview .boxReview-review .boxReview-score p:last-child {
        font-size: 10px;
        text-align: center;
    }

    .boxReview .boxReview-review .boxReview-star span:last-child {
        font-size: 10px !important;
        padding-left: 5px;
        width: 60px !important;
    }

    .login-form .form {
        padding: 20px !important;
    }

    .banner-main {
        height: auto;
    }

    #logo a {
        text-align: left;
    }

    #logo img {
        height: 60px;
    }

    #ingredient .home-title {
        font-size: 40px;
        line-height: 50px;
    }

    #ingredient .ingredient-cer {
        width: 80px;
        position: absolute;
        right: 10px;
        top: 0;
    }

    .product-featured a {
        font-size: 20px;
        font-weight: 700;
    }

    .col-c-4, .cl-c-5 {
        width: 100% !important;
        padding-bottom: 10px !important;
    }

    .col-c-2 {
        width: 100% !important;
    }

    .header-right ul li a span {
        top: 0;
    }

    .banner-category2 img {
        height: auto;
        width: 100%;
        object-fit: cover;
    }

    .col-cus-10 {
        width: 100%;
    }

    .col-cus-2 {
        width: 100%;
    }

    .home-title h3, .flashsale-title h3, section.sec-register h3 {
        font-size: 30px;
    }

    #footer .footer-logo img {
        width: 50%;
    }

    .sec-banner .banner-box h3 {
        font-size: 25px;
        line-height: 30px;
    }

    .box-video h3 {
        font-size: 25px;
        line-height: 35px;
    }

    .box-video p {
        width: 100%;
    }

    #countdown {
        margin-bottom: 25px;
    }

    .filter-wrapper .filter-tab ul li {
        width: calc(100% / 3);
    }

    .filter-wrapper .filter-tab ul li a {
        text-align: center;
        font-size: 15px;
        padding: 10px;
        width: 100%;
        display: block;
    }

    .header-right ul li {
        margin-left: 15px !important;
    }

    .header-right ul li a {
        color: #000;
        font-size: 22px;
    }

    .video-large {
        margin-bottom: 20px;
    }

    .video-large, .video-item {
        height: 220px;
    }

    .banner-large {
        margin-bottom: 20px;
    }

    .banner-large, .banner-right {
        height: auto;
    }

    .post-large .post-thumbnail, .post-item .post-thumbnail {
        height: 220px;
    }

    .col-w-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 50%;
    }

    .login-form .form .external {
        justify-content: space-between;
    }

    .login-form .form .external button img {
        margin-right: 5px;
    }

    .login-form .form .external button {
        width: 48% !important;
        margin: 0px;
        font-size: 13px;
        max-width: 48% !important;
    }

    .block-filter-sort {
        flex-wrap: nowrap;
        overflow-x: auto;
        width: 100%;
    }

    .block-filter-sort::-webkit-scrollbar, .block-filter-sort::-webkit-scrollbar {
        height: 2px;
    }

    .block-filter-sort .list-filter-child {
        position: absolute;
    }

    .filter-static {
        position: static;
    }

    .block-filter-sort .filter-wrapper {
        position: static;
    }

    .block-filter-sort .list-filter-child.active {
        opacity: 1;
        right: 50%;
        transform: translateX(50%);
        width: 350px;
        z-index: 10;
    }

    .post-item .post-thumbnail {
        width: 100%;
        height: 220px;
    }

    ol.breadcrumb {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        margin: 0px !important;
        display: inline-block !important;
    }

    .flashsale-product {
        height: auto;
        display: block !important;
        padding: 10px;
    }

    .flashsale-product-info.flashsale-product-info-desktop .flashsale-product-banner {
        margin: 4px;
        padding: 10px 20px;
    }

    .flashsale-product-info.flashsale-product-info-desktop .flashsale-progress {
        position: relative;
        width: 100%;
    }

    .bit-breadcrumbs ol li a, .bit-breadcrumbs ol li {
        font-size: 12px;
    }

    section.breadcrumbs {
        padding: 5px 0;
    }

    ol.breadcrumb li {
        display: inline-block;
    }

    .filter-item ul {
        white-space: nowrap !important;
        display: inline-block !important;
        overflow-x: scroll !important;
        width: 100% !important;
    }

    .filter-item ul li {
        list-style: none;
        margin: 0 3px !important;
        width: auto !important;
        display: inline-block !important;
    }

    .filter-item ul li a {
        font-size: 14px;
    }


    .product-view-image > .product-view-image-product {
        height: 280px;
        width: 100%;
    }

    .rs-product-info h1 {
        font-size: 1.2em;
    }

    .box-order-button-container {
        display: block;
    }


    button.button.button--small.add-to-cart-button, .order-button {
        width: 100%;
    }

    .product-view-image {
        display: block;
    }

    .order-button {
        margin: 15px 0 0 0 !important;
    }

    .product-view-image > .product-view-thumbnail {
        width: 100%;
        margin: 8px 0 0 0 !important;
    }

    .lightgallery {
        display: flex !important;
    }

    .lightgallery #lightgallery-more {
        height: 65px;
        width: 76px;
    }

    .sec-banner .banner-image {
        margin-bottom: 20px;
    }

    .sec-banner .banner-box {
        text-align: center;
    }

    .banner_top .banner_body {
        width: 95%;
    }

    #fruit-punch .fruit-punch-right .home-title {
        font-size: 40px;
        line-height: 50px;
    }

    #fruit-punch .bg-fruit-punch {
        padding: 60px 0 100px 0
    }

    #footer .form-register {
        margin: 0;
        padding: 25px;
    }

    #footer .form-register-title {
        font-size: 35px;
        line-height: 45px;
    }

    #footer .img-register-right, #footer .img-register-left {
        display: none;
    }

    #footer .form-register-content {
        margin: 0%;
    }

    #footer .register {
        margin: 0;
    }

    #review {
        padding: 0px 0 100px 0;
    }

    #fresh .title-fresh {
        font-size: 30px;
    }

    #fresh .title-fresh img {
        height: 30px;
    }

    .bg-banner-taxonomy h1 {
        font-size: 40px;
        line-height: 50px;
    }

    #footer .register-child {
        padding-bottom: 50px;
    }

    #footer .bg-footer-main {
        padding: 120px 0 50px 0;
    }

    #footer .display-footer-bottom {
        display: block;
    }
}

/* iPad landscape style here */
/* iPad portrait style here */
/**desktop**/
@media only screen and (min-width: 1920px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1620px !important;
    }
}

/*# sourceMappingURL=app-rs.css.map */