﻿#nuocmam_mb {
    display: none;
}

.bg_body {
    margin-top: -70px;
}

.woocommerce .tab-content ul {
    margin-left: 20px;
    list-style: none;
}

    .woocommerce .tab-content ul li::market {
        display: none;
    }

    .woocommerce .tab-content ul li::before {
        content: "\2022";
        color: #461216;
        font-weight: bold;
        display: inline-block;
        width: 1em;
        margin-left: -1em;
        font-size: 18px;
    }

.icon_timeline {
    display: contents;
}

.slideHome .ima_slide {
    right: 0;
    left: unset;
}

.post-slide3 .post-img img {
    height: 300px;
}

.post-slide3 {
    background: #ffffff69;
    /*background: #ffffff2b;*/
    /*border: 1px #6565658c dashed;*/
    border-radius: 5px;
    padding: 20px 5px;
    margin: 0 10px;
}

.info_maps img {
    height: auto;
}

.form_contact input,
.form_contact textarea {
    padding: 10px 0;
    border: 1px solid #e8e8e8;
    border-radius: 5px;
    background: #fff;
}

.form_contact textarea {
    height: 100px;
}

.diemban {
    display: block;
}

.section_cocautochuc {
    text-align: center;
}

    .section_cocautochuc .banner_page {
        background-image: url(../hinhanh/banner/lichsu.png);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        padding: 100px 0;
    }

.section_history .banner_page {
    background-image: url(../hinhanh/banner/lichsu.png);
}

.section_sanxuat .banner_page {
    background-image: url(../hinhanh/banner/lichsu.png);
}

.section_giathuong .banner_page {
    background-image: url(../hinhanh/banner/lichsu.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 100px 0;
}

.section_new .banner_page {
    background-image: url(/Content/images/lichsu.png);
    padding: 100px 0;
}

.section_contact .banner_page {
    background-image: url(/Content/images/lichsu.png);
    padding: 100px 0;
}

.section_product .banner_page {
    background-image: url(/Content/images/sanpham-top.png);
    padding: 100px 0;
}

.section_media .banner_page {
    background-image: url(/Content/images/lichsu.png);
}

.section_tuyendung .banner_page {
    background-image: url(/Content/images/lichsu.png);
}

.section_diemban .banner_page {
    background-image: url(/Content/images/lichsu.png);
}

.section_monngon .banner_page {
    background-image: url(/Content/images/lichsu.png);
}

.section_baochi .banner_page {
    background-image: url(/Content/images/lichsu.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 100px 0;
}

.quytrinh_main {
    background-image: url(/Content/images/bg-thung-nuoc-mam.png);
    margin: 0;
    padding: 100px;
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    background: none;
    border: 1px #cf873785 solid;
    border-radius: 8px;
}

.woocommerce div.product p.price,
.woocommerce div.product span.price,
.woocommerce #pa_dung-tich,
.woocommerce .single_variation_wrap,
.woocommerce-variation-add-to-cart,
.woocommerce .variations .reset_variations,
.woocommerce .price {
    display: none !important;
}

.woocommerce .select_option {
    border: none;
    margin-top: 0px;
}

.woocommerce .variations .select_option span, .woocommerce .variations .select_option img {
    padding: 2px 15px;
    margin: 5px;
    color: #cf8736 !important;
    border-radius: 8px;
    background: none;
    border: 1px #cf8736 solid;
    width: auto;
    height: auto;
}

.woocommerce .variations .select_option:hover span,
.woocommerce .variations .select_option.selected span {
    background: #cf8736;
    color: #fff !important;
}

.woocommerce div.product form.cart .variations td, .woocommerce div.product form.cart .variations th {
    vertical-align: bottom;
    line-height: 40px;
}

.woocommerce .nav-tabs {
    border-bottom: none;
    background: none;
}

    .woocommerce .nav-tabs .nav-item.show .nav-link, .woocommerce .nav-tabs .nav-link.active {
        background: none;
        border: none !important;
        color: #472411 !important;
        font-weight: bold;
        font-size: 36px;
    }

.woocommerce .nd_tab {
    background: none;
}
/*.section_page li.product{width: 25%!important;  }*/
.section_page li.product h2 {
    padding: 5px 10px !important;
}

.gioithieu_page ul {
    margin-left: 18px;
}

.gioithieu_page img {
    width: 100%;
}

@media only screen and (max-width: 1200px) {
    .main .header .navbar-nav li a {
        font-size: 14px;
        padding: 7px 5px;
    }
}

@media only screen and (max-width: 700px) {
    #nuocmam_mb {
        display: block;
    }

    #nuocmam_dk {
        display: none;
    }

    .quytrinh_main {
        margin-top: 0;
        margin-bottom: 0;
        padding: 0;
        background-size: contain;
    }

    #logo .navbar-brand img {
        width: 30px;
    }

    .about .icon_line img {
        width: 100px;
    }

    .diemban img {
        margin-top: 0;
    }

    .section_diemban .banner_page {
        padding: 100px 0;
    }

    .section_product .content_page .section_page .container {
        padding: 0;
    }

    #section_baochi .baochi_thumb > img, #truyenthong .post-slide5 .post-img > img.thumb-bao {
        min-height: 250px;
    }
    /*.quytrinh_nuocmam.text-right{
        text-align: left!important;

    }
    .quytrinh_nuocmam p{
        float: left;
    }*/
    .woocommerce div.product div.images.woocommerce-product-gallery {
        margin-bottom: 20px;
    }

    .woocommerce div.product .woocommerce-product-details__short-description ul li {
        margin-left: 20px;
    }

    .woocommerce div.product form.cart .variations td.label {
        padding-right: 1em;
        width: 100%;
        display: block;
    }

    .woocommerce div.product form.cart .variations td {
        width: 100%;
        display: block;
    }

    .variations label::before {
        top: 0;
    }

    .nd_tab .tab-content {
        padding: 0;
    }

    #sp_47, #sp_37, #sp_883, #sp_907 {
        background-image: url('../hinhanh/layout-sp-1-mb.png');
        padding: 50px 20px;
    }

    #sp_39, #sp_50, #sp_903, #sp_912 {
        background-image: url('../hinhanh/layout-sp-2-mb.png');
        padding: 50px 20px;
    }

    .nd_sanpham li {
        margin-left: 10px;
    }

    .banner_page {
        background-image: url(/Content/images/topbanner-mb.png) !important;
        padding: 120px 0 50px !important;
    }

    .post-slide3 .post-img img {
        height: auto;
    }

    .quytrinh .container {
        padding: 0;
    }

    .quytrinh .title_main {
        padding: 0 15px;
    }

    .quytrinh_main {
        background-size: cover;
    }

    .quytrinh .img_giotnuoc {
        margin: 10px 0;
    }

    .quytrinh_nuocmam.text-right, .quytrinh_nuocmam.text-left {
        text-align: center !important;
    }

    .quytrinh_nuocmam p {
        float: inherit !important;
        text-align: center;
    }

    .tag_3, .tag_1 {
        left: 27%;
    }

    .tag_2, .tag_4 {
        right: 20%;
    }

    .section_cocautochuc .single_page img {
        height: auto;
    }
}


#section_foot {
    background: url(https://thuyenxua.vn/application/media/hinh_nen/background_foot.jpg) fixed center center no-repeat;
    background-size: cover;
    padding-bottom: 50px;
}


.block-image img, .block-product-decorate img, .block-recipe .decore-3 img {
    width: 100%;
    display: block;
}


@media (min-width: 769px) {
    .flip-mobile, .block-image .image-mobile, .block-head-banner .image-mobile {
        display: none;
    }
}

.block-text {
    text-align: center;
    text-transform: uppercase;
    padding: 50px 20px;
}

    .block-text h1 {
        font-size: 2.2em;
        font-weight: normal;
        font-family: "utm-azuki";
    }

.animation-element {
    position: relative;
    z-index: 10;
}

.animation-element.slide-left.in-view, .animation-element.slide-right.in-view, .animation-element.slide-top.in-view, .animation-element.slide-bottom.in-view {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px);
    z-index: 0;
}

.animation-element.slide-left, .animation-element.slide-right, .animation-element.slide-top, .animation-element.slide-bottom {
    opacity: 0;
    transition: all 500ms linear;
}




@media (min-width: 1025px) {
    .wrapper-center {
        width: 1000px;
    }
}

@media (min-width: 769px) {
    .wrapper-center {
        width: 840px;
    }
}

@media (min-width: 569px) {
    .wrapper-center {
        width: 600px;
    }
}

@media (min-width: 426px) {
    .wrapper-center {
        width: 360px;
    }
}

.wrapper-center {
    width: 1200px;
}

.wrapper-center {
    margin-right: auto;
    margin-left: auto;
}

.dpfl {
    display: flex;
    flex-wrap: wrap;
}

@media screen and (min-width: 1025px) {
    .o-mi-lg-2-5 {
        width: 40%;
    }
}




#foot_right {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

@media screen and (min-width: 1025px) {
    .o-mi-lg-3-5 {
        width: 60%;
    }
}

.block-menu-foot {
    display: inline-block;
}

    .block-menu-foot .list-infos {
        align-items: center;
    }

.dpfl {
    display: flex;
    flex-wrap: wrap;
}

@media screen and (min-width: 569px) {
    .o-mi-sm-1-2 {
        width: 50%;
    }
}

.block-menu-foot .list-infos a {
    padding: 0 0 40px 20px;
    display: flex;
    line-height: 1;
    font-size: 1.4em;
    align-items: center;
    transition-duration: 0.2s;
    color: #333333;
}


    .block-menu-foot .list-infos a img {
        width: 30px;
        display: block;
    }


@media (max-width: 768px) {
    .flip-desktop, .block-news .decor-1, .block-image .image-desktop, .block-head-banner .image-desktop, .block-about ul li:last-child .left .content::before, .block-about ul li:last-child .left .content::after, .block-head-banner .head-banner-nav button, .block-weaning-product .list-info .box-info .content-full .decorate {
        display: none;
    }
}


.block-list-info {
    padding-right: 20px;
    display: inline-block;
}

    .block-list-info .list-infos a {
        padding-bottom: 20px;
        font-size: 18px;
        display: flex;
        align-items: center;
        transition: 0.2s;
        /*font-family: 'mor', sans-serif;*/
        color: #333333;
    }

        .block-list-info .list-infos a i {
            width: 24px;
            text-align: center;
            padding-right: 10px;
        }

@media (max-width: 768px) {
    .block-list-info {
        padding: 40px 10px;
    }
}



@media (max-width: 568px) {
    .block-list-info {
        padding-bottom: 30px;
    }
}


@media (max-width: 1024px) {
    #foot_right {
        justify-content: center;
    }
}


@media (max-width: 768px) {
    .block-menu-foot .list-infos a {
        padding: 20px 10px;
    }

    .o-mi-1, .o-mi-1-1 {
        width: 100%;
    }

}


.block-menu-foot .list-infos a span {
    transition: 0.2s;
    padding-left: 15px;
}

.fa, .fas {
    font-weight: 900;
}


@media (max-width: 568px) {
    .block-recipe-intro .info, #foot_middle, .block-about ul li .left {
        padding: 20px;
    }
}


.block-menu-foot .list-infos a:hover span {
    color: #bf942e;
}

.block-menu-foot .list-infos a:hover {
    padding-left: 10px;
    text-decoration: none;
}


.btnxemtatca a {
    color: #ffff !important;
}

.xemtiepsp a {
    color: #656565 !important;
}


.xemtiepsp a:hover {
    color: #ffff;
}


@media (min-width: 1025px) {
    .wrapper-center {
        width: 1000px;
    }
}


.woocommerce div.product p.price {
    display: block !important;
}


div.woocommerce-product-details__short-description {
    border-top: 1px #d4d4d4 dashed;
    border-bottom: 1px #d4d4d4 dashed;
    padding-top: 8px;
    font-size: 15px;
}


div.woocommerce-product-details__short-description ul {
    padding-left: 18px;
}


/*/////////////////////////////// NÚT ĐẶT HÀNG ///////////////////////////////*/

.quantity_custom {
    display: inline-block;
    /* border: 1px solid #ff4f00; */
    /* width: 100px; */
    padding: 7px;
    position: relative;
    vertical-align: middle;
    margin-right: 15px;
}


    .quantity_custom span.giam, .quantity_custom span.tang {
        float: left;
        background: #f0ede4;
        border: solid 1px #f3f4f4;
        cursor: pointer;
        font-weight: 600;
        font-size: 16px;
        outline: none;
        height: 32px;
        width: 32px;
        text-align: center;
        border-radius: 0;
        line-height: 30px;
    }


    .quantity_custom span, .quantity_custom input {
        display: inline-block;
        vertical-align: middle;
    }


        .quantity_custom input#quantity {
            background: #f0ede4;
            font-weight: 600;
            height: 32px;
            padding: 0;
            text-align: center;
            width: 70px;
            border: 1px solid #f3f4f4;
            border-left: none;
            border-right: none;
            border-radius: 1px;
            float: left;
        }

button[disabled], html input[disabled] {
    cursor: default;
}

.quantity_custom input {
    border: none;
    max-width: 50px;
    text-align: center;
    background: none;
}

.quantity_custom span, .quantity_custom input {
    display: inline-block;
    vertical-align: middle;
}

input, button, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}


.dathangquawebsite .add_cart_custom .add-to-cart {
    background: #ac0000;
    font-size: 15px;
    color: #fff;
    padding: 10px 15px;
    text-decoration: none;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    margin-left: 10px;
}


.dathangquawebsite .add_cart_custom .add-to-cart span {
    color: #ffff;
    font-weight: 600;
}

.dathangquawebsite {
    padding-top: 10px;
}

.hotro_muahang {
    margin: 10px 0px 10px 0;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px #d4d4d4 dashed;
    border-bottom: 1px #d4d4d4 dashed;
    padding-left: 8px;
}

    .hotro_muahang label {
        display: inline-block;
        width: 133px;
        margin: 6px 12px 0px 0px;
        vertical-align: top;
    }

    .hotro_muahang .value {
        display: inline-block;
        vertical-align: top;
    }

        .hotro_muahang .value li {
            display: inline-block;
            text-align: center;
            margin-bottom: 10px;
        }

    .hotro_muahang li {
        list-style: none;
    }


    .hotro_muahang .value li a {
        font-size: 14px;
        color: #f7f4ed !important;
        /*border: 1px solid #ff4f00;*/
        background: #cf8736;
        padding: 5px 10px;
        display: block;
        /* font-family: 'Conv_RobotoCondensed-Bold'; */
        text-decoration: none;
        font-weight: 600;
        padding: 10px 15px;
    }

    .hotro_muahang .value a {
        color: #000;
        text-decoration: none;
    }

    .hotro_muahang .value ul {
        margin-bottom: 0;
    }


.chinhsach {
    border: 1px solid #f2f2f2;
    padding: 10px;
    overflow: hidden;
}

    .chinhsach ul {
        margin: 0px -15px;
    }

    .chinhsach li {
        list-style: none;
        float: left;
        width: 33.33%;
        padding: 0px 15px;
        line-height: 15px;
        color: #000;
        /*font-size: 14px;*/
    }


        .chinhsach li img {
            float: left;
            margin: 0px 10px 0px 0px;
        }


    .chinhsach ul li i {
        font-size: 30px;
        color: #565656;
        float: left;
        margin: 0px 10px 0px 0px;
    }

#menu-menu-mobile {
    padding-top: 10px;
}