.bg_qc_bottom_mobile{
    display: none;
}
@media only screen and (max-width: 1800px){
    section#section1 {
        padding-top: 100px;
    }
}
@media only screen and (max-width: 1500px){
    .vision_mission .box .item > img{
        width: 50%;
    }
    .vision_mission .box .item .box_content{
        position: unset;
        width: 50%;
    }
    .vision_mission .box .item:nth-child(2n+2) .box_content{
        order: 2;
    }
    .vision_mission .box .item{
        flex-wrap: wrap;
        align-items: center;
    }
    .vision_mission .box .item > img{
        min-height: 420px;
    }
    /*.vision_mission .box .item .box_content{*/
    /*    padding: 30px 0;*/
    /*}*/
}
@media only screen and (max-width: 1440px){
    .banner_slider .slick-next.slick-arrow{
        margin-right: calc(calc(100vw - 1200px)/2);
    }
    .banner_slider .slick-prev.slick-arrow{
        margin-left: calc(calc(100vw - 1200px)/2);
    }
    section#section1 {
        padding-top: 150px;
    }
    .vision_mission .box .item:before{
        display: none ;
    }
    section#section1.news_page_template {
        padding-top: 80px;
    }
    section#section1.contact_page{
        padding-top: 60px;
    }
    .contact_page .slider{
        max-width: 1100px;
        margin: 75px auto 0;
    }
}
@media only screen and (max-width: 1365px){
    body .grid-container{
        max-width: 1100px;
    }
    .story_sec1,
    .vision_mission{
        overflow: hidden;
    }
    .vision_mission .box .item:nth-child(2n+1) .content_inner{
        margin-left: calc(calc(100vw - 1100px)/2);
    }
    .vision_mission .box .item:nth-child(2n+2) .content_inner{
        margin-right: calc(calc(100vw - 1100px)/2);
    }
    .about_farm .item:nth-child(2n+1) .box_content {
        margin-left: calc(calc(100vw - 1100px)/2);
    }
    .about_farm .item:nth-child(2n+2) .box_content{
        margin-right: calc(calc(100vw - 1100px)/2);
    }
    .box_cat .item h3{
        font-size: 23px;
    }
    section.section.banner_product .content_inner{
        max-width: 1100px;
        margin-left: calc(calc(100vw - 1100px)/2);
    }
    .slick_nav_tab .item{
        width: calc(100% - 60px) !important;
        padding: 20px;
    }
    .slick_nav_tab .item h3{
        font-size: 15px;
    }
    .vision_mission .box .item{
        align-items: unset;
    }
    .vision_mission .box .item:not(:last-child){
        margin-bottom: 50px;
    }
    .vision_mission .box .item > img{
        min-height: unset;
    }
    .list_cat_recipe a{
        padding: 0 30px;
    }
    .main-navigation .main-nav ul li.search-item a{
        padding-left: 35px;
    }
    .main-navigation .main-nav ul li a{
        padding-left: 10px;
    }
}
@media only screen and (max-width: 1199px){
    div#banner_gr{
        padding-bottom: 0;
    }
    body .grid-container {
        max-width: 950px;
    }
    .main-navigation .main-nav ul li a{
        font-size: 14px;
        padding: 0 10px;
    }
    .main-navigation .main-nav ul li.search-item a{
        padding-left: 50px;
    }
    /*div#banner_gr{*/
    /*    height: 700px;*/
    /*}*/
    .heading_h2.bold_b{
        font-size: 30px;
        margin-bottom: 20px;
    }
    section#section1 {
        padding-top: 80px;
    }
    .vision_mission .box .item:nth-child(2n+1) .content_inner{
        margin-left: calc(calc(100vw - 950px)/2);
    }
    .vision_mission .box .item:nth-child(2n+2) .content_inner{
        margin-right: calc(calc(100vw - 950px)/2);
    }
    .story_sec3 .box .item{
        width: calc(calc(100% / 3) - 4px);
        margin-bottom: 80px;
    }
    section#section1.farm_nutri_sec1{
        padding-top: 200px;
    }
    .about_farm .item:nth-child(2n+1) .box_content {
        margin-left: calc(calc(100vw - 950px)/2);
    }
    .about_farm .item:nth-child(2n+2) .box_content{
        margin-right: calc(calc(100vw - 950px)/2);
    }
    .box_process_9h>img{
        display: none;
    }
    .process__inner .item img{
        max-width: 100%;
    }
    .process__inner .item{
        transform: unset !important;
        margin-bottom: 50px;
    }
    .process__inner .item .box_img .box_img_inner {
        padding: 0 !important;
    }
    .process__inner .item .content_inner{
        padding: 0 !important;
    }
    .process_sec2 {
        padding: 50px 0 50px 0;
    }
    .box_cat .item .list_cat_child{
        opacity: 1;
    }
    .product_page {
        padding: 80px 0;
    }
    div#banner_gr{
        background-attachment: unset;
    }
    section.section.banner_product{
        padding: 200px 0 100px 0;
    }
    section.section.banner_product .content_inner {
        max-width: 950px;
        margin-left: calc(calc(100vw - 950px)/2);
    }
    .product_details .box_content .content_inner{
        padding: 30px;
    }
    .slick_nav_tab .item .box_img{
        display: none;
    }
    .slick_nav_tab .item h3{
        width: 100%;
        margin: 0;
        text-align: center;
    }
    .slick_for_product img{
        margin-bottom: 60px;
    }
    .slick_nav_product .slick-arrow {
        background: transparent !important;
        box-shadow: none !important;
        color: #ED1C24 !important;
    }
    .slick_for_tab .box_content .content_inner {
        padding: 70px;
    }
    section.section.banner_product .content_inner{
        text-align: center;
    }



    .box_cat .item .list_cat_child {
        opacity: 1;
        position: unset;
        width: auto;
        height: auto;
        transform: unset;
        margin-bottom: 40px;
        position: relative;
        left: unset;
        top: unset;
    }
    .box_cat .item .box_img{
        position: unset;
        transform: unset;
        width: auto;
        max-width: unset;
        text-align: center;
        justify-content: center;margin-bottom: 30px;
    }
    .box_cat .item{
        padding-top: 40px;
    }
    .box_cat .item{
        height: auto;
    }
    .box_cat .item .list_cat_child{
        background: none;
        border: none;
    }
    .box_cat .item .box_img.term_childs_empty {
        margin: 0;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
    }
    .box_cat .item{
        min-height: 200px;
    }
    /*.vision_mission .box .item:nth-child(2n+2)>img{*/
    /*    left: -250px;*/
    /*}*/
    /*.vision_mission .box .item > img{*/œ
                                             /*    position: relative;*/
                                             /*    z-index: -1;*/
                                             /*    right: -200px;*/
                                             /*}*/
                                         .about_farm .item .box_content{
                                             bottom: 45%;
                                         }
    /*.vision_mission .box .item{*/
    /*    align-items: center;*/
    /*}*/
    .page_404 {
        padding: 200px 0 150px 0;
    }
    .box_news .item:nth-child(1){
        height: 450px;
    }
    .box_news .item:nth-child(2), .box_news .item:nth-child(3){
        height: 215px;
    }
    .box_news .item:nth-child(1){
        margin-bottom: 20px;
    }
    .box_news .item:nth-child(3) {
        margin-bottom: 20px;
    }
    .box_news .item .box_img, .box_news .item .box_img a{
        height: 150px;
    }
    .widget.post_relate{
        padding: 0;
    }
    .single-post .inside-article{
        padding: 0 30px 0 !important;
    }
    .iframe_gg_map iframe{
        height: 500px;
    }
    section.section.recipe_list {
        padding: 160px 0 80px 0;
    }
    .list_cat_recipe{
        float: unset;
        margin: 0 0 60px 0;
    }
    .recipe_list .list + .text_center {
        margin-top: 0 !important;
    }
    .main-navigation .main-nav ul li.search-item a{
        padding-left: 20px;
    }
    .menu-item-has-children .dropdown-menu-toggle{
        padding-right: 10px;
    }
}

@media only screen and (max-width: 1024px){
    .lp_section.style_1 .img_center img{
        width: auto;
    }
    section#section1.farm_nutri_sec1{
        padding-top: 250px;
    }
    .process_sec1 .tab_process .item img{
        max-height: 20px !important;
    }
    /*.process_sec1 .tab_process .item h3{*/
    /*    font-size: 13px;*/
    /*}*/
    /*.process_sec1 .tab_process .item{*/
    /*    margin: 0 10px;*/
    /*}*/
    .process_sec1 {
        padding-bottom: 120px;
    }
    .process_sec1 .grid-100>.content br{
        display: none;
    }
    .search h1.page-title{
        font-size: 40px;
    }
    div#load_content_search{
        display: flex;
        flex-wrap: wrap;
    }
    section.section.search_page .item{
        width: calc(calc(100% /3) - 30px);
    }
    .slick_nav_product .slick-arrow{
        display: none !important;
    }
    section.section.banner_product {
        padding: 150px 0 80px 0;
    }
    .slick_for_product img{
        max-height: 400px;
    }
    .single-product .product{
        padding-top: 70px;
    }
    .home_sec_4 a img {
        margin-bottom: 40px;
    }

    /* =========== Landing Page =========== */
    .group_milk {
        right: 20px;
    }
    .group_milk img {
        width: 80px;
    }
    .page-template-lp_nutimilk ul.link_fast {
        bottom: 230px;
        right: 20px;
    }
    .page-template-lp_nutimilk ul.link_fast a {
        width: 40px;
        height: 40px;
        font-size: 20px;
    }
    .lp_section.style_1 .wrap .conner_inner .icon_item img {
        height: 30px;
        width: auto !important;
    }
    .lp_section.style_1 .wrap .conner_inner .icon_item {
        width: 50px;
        height: 50px;
    }
    .button_ani .ripple, .button_ani .ripple:before, .button_ani .ripple:after {
        height: 50px;
        width: 50px;
    }
    .lp_section.style_1 .wrap ul.right .conner_inner .icon_item {
        margin-right: 15px;
    }
    .lp_section.style_1 .wrap .conner_inner .icon_item {
        margin-left: 15px;
    }
    .lp_section.style_1 .wrap ul.left {
        left: 36%;
    }
    .lp_section.style_1 .wrap ul.right {
        right: 36%;
    }
    .play_video_section {
        width: 77px;
        height: 77px;
    }
    .play_video_section.button_ani .ripple, .play_video_section.button_ani .ripple:before, .play_video_section.button_ani .ripple:after {
        width: 77px;
        height: 77px;
    }
    .play_video_section:before {
        width: 60px;
        height: 60px;
    }
    .lp_section.style_1 .content_top {
        font-size: 35px;
    }
    .lp_section.style_2 .content_top:before {
        width: 100%;
    }
    .group_content h3 {
        font-size: 90px;
        line-height: 50%;
    }
    .lp_section.style_5 .wrap .item h3 {
        font-size: 100px;
        line-height: 45%;
    }
    ul.nav_section li a:hover, ul.nav_section li.active a {
        transform: translateX(calc(-100% + 55px));
    }
    .lp_section.style_3 .group_content h3 {
        font-size: 70px;
        line-height: 80%;
    }
    .lp_section.style_5 .wrap:after {
        width: 100%;
    }
    .lp_section.layout_6 h2{
        position: relative;
        z-index: 1;
    }
    .lp_section.layout_6 .content_top{
        position: relative;
        z-index: 0;
    }
    .lp_section.layout_6 .content_top:before {
        position: absolute;
        width: 100%;
        height: 140%;
        border-radius: 50%;
        content: '';
        z-index: -1;
        opacity: 1;
        filter: blur(30px);
        background-color: #ffffff;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
    }
}
@media only screen and (max-width: 991px){
    body .grid-container {
        max-width: 750px;
    }
    .main-navigation .main-nav ul li a {
        font-size: 13px;
        padding: 0 5px;
    }
    .main-navigation .main-nav ul li.search-item a {
        padding-left: 20px;
        padding-right: 10px;
        font-size: 12px;
    }
    .about_us .item:first-child {
        width: 35%;
        height: 400px;
    }
    .about_us .item:nth-child(2){
        height: 200px;
    }
    .about_us .item:nth-child(3), .about_us .item:nth-child(4){
        height: 195px;
    }
    .about_us .item .box_content{
        left: 20px;
        bottom: 20px;
        right: 20px;
    }
    .about_us .item h3 {
        font-size: 20px;
        margin-bottom: 5px;
    }
    .content{
        font-size: 14px;
    }
    .about_us {
        padding: 30px 0 60px 0;
    }
    .product .item .box_img img{
        height: 200px;
    }
    .product .item:hover .box_img img {
        height: 250px;
    }
    .product .item .box_img{
        height: 250px;
    }
    .product .item .box_content {
        padding: 0 20px;
    }
    .slick_nav_media .item{
        font-size: 15px;
        padding: 0 20px;
    }
    .media_section .box .item .box_img{
        height: 150px;
    }
    .media_section .box .item .content{
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 6;
        display: -webkit-box;
        -webkit-box-orient: vertical;
    }
    .media_section {
        padding: 30px 0 60px 0;
    }
    .footer4 .wpcf7-form-control-wrap {
        width: calc(100% - 25px);
    }
    .footer4 form input:not(.wpcf7-submit)::placeholder {
        font-size: 12px;
    }
    .footer4 form input.wpcf7-submit{
        padding: 0 10px;
        font-size: 12px;
    }

    .story_sec1{
        padding-bottom: 0;
    }
    .nav_link_bottom ul li{
        margin: 0 10px;
    }
    .nav_link_bottom ul{
        margin-top: 0;
    }
    .story_sec3 {
        padding: 60px 0 40px 0;
    }
    .story_sec3 .box{
        justify-content: center;
    }
    .about_farm .item:nth-child(2n+1) .box_content {
        margin-left: calc(calc(100vw - 750px)/2);
    }
    .about_farm .item:nth-child(2n+2) .box_content{
        margin-right: calc(calc(100vw - 750px)/2);
    }
    .farm_nutri_sec1 .box_content{
        width: calc(100% - 60px);
        padding: 0 30px;
    }
    .heading_h2{
        font-size: 40px;
    }
    a.next_section{
        width: 50px;
        height: 50px;
        line-height: 56px;
        font-size: 29px;
    }
    .about_farm .item .box_content{
        bottom: 50%;
    }
    a.next_section{
        left: calc(50% - 25px);
        bottom: 50px;
    }
    section#section1.process_sec1{
        padding-top: 60px;
    }
    .list_cat_child ul{
        font-size: 20px;
    }
    /*.box_cat .item{*/
    /*    height: 300px;*/
    /*}*/
    .box_cat .item .box_img{
        max-height: 200px;
        height: 200px;
    }
    .box_cat .item h3{
        font-size: 20px;
    }
    .product_page {
        padding: 60px 0;
    }
    .list_cat_child ul li{
        margin-bottom: 5px;
    }
    .load_more_cat{
        width: 60px;
        height: 60px;
        line-height: 60px;
    }
    .slick_nav_tab .item{
        width: calc(100% - 40px) !important;
        padding: 10px;
    }
    .slick_nav_tab .item:before{
        height: calc(100% + 10px);
    }
    .slick_nav_tab .item:after{
        bottom: calc(0px - 10px);
        z-index: -1;
    }
    .slick_nav_tab .slick-list{
        padding-bottom: 35px !important;
    }
    .product .item .box_img img.bf_product{
        display: none;
    }
    .slick_for_tab .box_content .content_inner {
        padding: 50px 30px;
    }
    .slick_for_tab .box_content .content_inner .content *:last-child{
        margin-bottom: 0;
    }
    section.section.banner_product .content_inner {
        max-width: 750px;
        margin: 0 20px;
    }
    .product_details .heading_h2 {
        font-size: 30px;
        margin-bottom: 20px;
    }
    .product_details .grid-container>*{
        width: 50%;
    }
    .product_details .box_content {
        padding-left: 20px;
    }
    .product_details{
        padding: 60px 0;
    }
    .single-product .product{
        padding-top: 60px;
    }
    .menu-item-has-children .dropdown-menu-toggle{
        padding-right: 5px;
    }
    section.section.banner_product .content_inner .box_video a:after{
        width: 70px;
        height: 70px;
    }
    .vision_mission .box .item > img{
        position: unset !important;
    }
    .vision_mission .box .item:nth-child(2n+1) .content_inner{
        margin-left: calc(calc(100vw - 720px)/2);
    }
    .vision_mission .box .item:nth-child(2n+2) .content_inner{
        margin-right: calc(calc(100vw - 720px)/2);
    }
    .vision_mission .box .item:nth-child(2n+1) .content_inner{
        padding-right: 30px;
    }
    .vision_mission .box .item:nth-child(2n+2) .content_inner{
        padding-left: 30px;
    }
    .story_sec1 .box_content{
        padding: 0;
    }
    .page_404 {
        padding: 150px 0 100px 0;
    }
    .page_404 .text_center>h1 {
        font-size: 150px;
    }
    .box_news .item:nth-child(1) {
        height: 380px;
    }
    .box_news .item:nth-child(2), .box_news .item:nth-child(3) {
        height: 180px;
    }
    .box_news .item:nth-child(1) .box_content {
        left: 30px;
        bottom: 30px;
        right: 30px;
    }
    .box_news .item:nth-child(2) .box_content h3, .box_news .item:nth-child(3) .box_content h3 {
        font-size: 18px;
        margin-bottom: 0;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        height: 41px;
    }
    .box_news .item:nth-child(1) .box_content, .box_news .item:nth-child(2) .box_content, .box_news .item:nth-child(3) .box_content{
        left: 20px;
        bottom: 20px;
        right: 20px;
    }
    .box_news .item .box_img, .box_news .item .box_img a {
        height: 100px;
    }
    .box_news .item .box_content{
        padding-bottom: 0;
    }
    .box_news .item .box_content h3 {
        color: #333333;
        font-size: 16px;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        height: 38px;
    }
    ul.list_cat_product li a{
        height: 45px;
    }
    section#section1.news_page_template{
        padding-top: 40px;
    }
    .box_news .item:nth-child(1) .box_content h3{
        height: 46px;
    }
    .post_details .content h3{
        font-size: 25px;
    }
    .contact_page .box_contact .box_left {
        width: calc(55% - 30px);
        padding: 65px 0 60px 30px;
    }
    .contact_page .box_contact .box_right {
        width: calc(45% - 60px);
        padding: 60px 30px;
        background-size: cover;
        background-repeat: no-repeat;
    }
    .iframe_gg_map iframe {
        height: 350px;
    }

    .contact_page .slider{
        margin: 30px auto 0;
    }
    section.section.recipe_list .top{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .load_more_recipe {
        width: 60px;
        height: 60px;
    }
    .main-navigation .main-nav ul li.search-item a{
        padding-left: 10px;
    }
    .main-navigation .main-nav ul li a{
        font-size: 12px;
    }

    /* =========== Landing Page =========== */
    .side_bar {
        display: none !important;
    }
    .lp_section.style_1 .img_center {
        margin-bottom: 260px;
    }
    .lp_section.style_1 .img_center img{
        max-width: 180px;
    }
    .lp_section.style_1 .wrap ul li:nth-child(2),.lp_section.style_1 .wrap ul.right li:nth-child(2) {
        transform: translateX(0);
    }
    .content_top {
        max-width: 700px;
    }
}
@media only screen and (max-width: 768px){
    .nav-search-enabled .main-navigation .menu-toggle{
        margin-left: auto;
    }
    .inside-header{
        background: transparent;
        box-shadow: none;
    }
    button.menu-toggle{
        width: auto;
    }
    .menu-toggle .mobile-menu{
        display: none;
    }
    .mobile-bar-items{
        right: 60px;
        /*position: relative;*/
    }
    .nav-search-enabled .main-navigation .menu-toggle{
        position: relative;
    }
    .mobile-bar-items:before{
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        background: #ED1C24;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        content: '';
        z-index: -1;
        box-shadow: 3px 4px 25px rgba(0, 0, 0, 0.05);
    }
    .search-item a:before{
        content: '\f002';
        Font-family: "FontAwesome";
    }
    .nav-search-enabled .main-navigation .menu-toggle:after {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        background: #ED1C24;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        content: '';
        z-index: -1;
        box-shadow: 3px 4px 25px rgba(0, 0, 0, 0.05);
    }
    .nav-search-enabled .main-navigation .menu-toggle:before{
        content: '\f0c9';
        Font-family: "FontAwesome";
    }
    div#primary-menu{
        position: fixed;
        right: 15px;
        z-index: 9999;
        background: #ED1C24;
        padding: 20px 30px;
        border-radius: 30px 0;
        margin-top: 20px;
        transform: translateX(200%);
        transition: .3s all;
    }
    .main-navigation.toggled div#primary-menu{
        transform: translateX(0%);
    }
    .main-navigation .main-nav ul li a{
        color: white;
        font-size: 15px;
    }
    .main-navigation .main-nav ul li a{
        line-height: 50px;
    }
    .site-logo{
        z-index: 99;
    }
    .nav-search-enabled .main-navigation .menu-toggle[aria-expanded="true"]:before{
        content: '\f00d';
    }
    .main-navigation .main-nav ul li[class*="current-menu-"] > a{
        color: white;
        text-decoration: underline;
    }
    .main-navigation ul, .gen-sidebar-nav{
        display: inline-block;
    }
    .main-navigation .main-nav li {
        float: none;
        clear: both;
        display: block!important;
        text-align: left!important;
    }
    .main-navigation .main-nav li.hide-on-mobile, .main-navigation .menu li.search-item {
        display: none!important;
    }
    .home_sec_4 a img {
        margin-bottom: 20px;
    }
    .media_section {
        padding: 30px 0 30px 0;
    }
    section.footer{
        padding: 30px 0 50px 0;
    }
    .footer_nav{
        margin-top: 50px;
    }
    /*div#banner_gr {*/
    /*     height: 500px;*/
    /* }*/
    .main-navigation .main-nav ul li:hover > a, .main-navigation .main-nav ul li:focus > a, .main-navigation .main-nav ul li.sfHover > a, .main-navigation .main-nav ul li[class*="current-menu-"] > a:hover, .main-navigation .main-nav ul li[class*="current-menu-"].sfHover > a{
        color: white;
        text-decoration: underline;
    }
    .main-navigation .main-nav ul ul li a {
        color: white;
    }
    .main-navigation ul ul{
        background: transparent;
        box-shadow: none;
    }
    .main-navigation .main-nav ul ul li:hover > a, .main-navigation .main-nav ul ul li:focus > a, .main-navigation .main-nav ul ul li.sfHover > a, .main-navigation .main-nav ul ul li[class*="current-menu-"] > a, .main-navigation .main-nav ul ul li[class*="current-menu-"] > a:hover, .main-navigation .main-nav ul ul li[class*="current-menu-"].sfHover > a{
        color: white;
        background-color: transparent;
    }
    .widget.post_relate {
        padding: 20px 40px 0 40px;
    }
    .main-navigation .main-nav ul li a{
        font-size: 14px;
    }
}
@media only screen and (max-width: 767px){
    .about_us .item .content{
        display: none;
    }
    .footer_col.footer_menu {
        width: 50% !important;
        float: left;
        margin-bottom: 30px;
    }
    .footer_nav{
        width: 100%;
    }
    .about_us .item h3{
        font-size: 16px;
    }
    .about_us .item:first-child{
        height: 350px;
    }
    .about_us .item:nth-child(2) {
        height: 175px;
    }
    .about_us .item:nth-child(3), .about_us .item:nth-child(4) {
        height: 170px;
    }
    .about_us {
        padding: 30px 0 40px 0;
    }
    .heading_h2{
        font-size: 30px;
    }
    .slick_nav_media .item {
        font-size: 13px;
        padding: 0 10px;
    }
    .media_section .box .item .box_img {
        height: 100px;
    }
    .media_section .box .item h3{
        font-size: 18px;
    }
    .media_section .box .item .box_img{
        margin-bottom: 10px;
    }
    .media_section .box .item .content{
        -webkit-line-clamp: 3;
        height: 63px;
    }
    .view_more{
        font-size: 15px;
        height: 40px;
        line-height: 40px;
        padding: 0 20px;
    }
    .media_section .box .item{
        padding-bottom: 60px;
    }
    .slick_nav_media .item{
        line-height: 40px;
    }
    .footer_top .content_inner .item h3{
        font-size: 15px;
    }
    .media_section .box .item h3{
        height: 42px;
    }
    .story_sec3 .box .item .box_img{
        width: 80px;
        height: 80px;
        margin-top: -40px;
    }
    .story_sec3 .box .item .box_img img{
        max-width: 50px;
    }
    .story_sec3 .box .item{
        width: calc(calc(100% / 2) - 4px);
    }
    .nav_link_bottom ul li a{
        min-width: unset;
        max-width: unset;
        font-size: 15px;
    }
    .story_sec3 .box .item{
        margin-bottom: 60px;
    }
    div#banner_gr{
        background-attachment: unset;
    }
    /*div#banner_gr {*/
    /*    height: 300px;*/
    /*}*/
    .vision_mission .box .item{
        display: inline-block;
    }
    .about_farm .item .box_content{
        position: unset;
        margin: 0 !important;
        padding: 60px 15px 60px 15px !important;
        /*background: #ED1C24;*/
    }
    /*.bg_farm{*/
    /*    order: 2;*/
    /*}*/
    /*.about_farm .item{*/
    /*    display: flex;*/
    /*    flex-wrap: wrap;*/
    /*}*/

    .about_farm .item:nth-child(2n+1) .box_content .content_inner img {
        position: absolute;
        top: 50% !important;
        bottom: unset !important;
        right: 0% !important;
        transform: translate(100%,-50%);
    }
    .about_farm .item:nth-child(2n+2) .box_content .content_inner img {
        position: absolute;
        top: 50% !important;
        bottom: unset !important;
        left: 0% !important;
        transform: translate(-100%,-50%);
    }
    .about_farm .item .box_content{
        width: calc(100% - 30px);
    }
    .farm_nutri_sec1 .box_content{
        position: unset;
        transform: unset;
    }
    section#section1.farm_nutri_sec1 {
        padding-top: 30px;
    }
    .process__inner .item h3{
        font-size: 25px;
    }
    .process_sec2{
        padding: 50px 0 0 0;
    }
    .tab_process_slick_for .content_inner h3 {
        font-size: 25px;
    }
    .tab_process_slick_for .item {
        display: flex !important;
        align-items: center;
        flex-wrap: wrap;
    }
    .tab_process_slick_for .item .box_img{
        order: 2;
        margin-top: 30px;
    }
    .tab_process_slick_for .item>* {
        width: 100% !important;
    }
    .process_sec1 .tab_process .item h3{
        display: none;
    }
    .tab_process_slick_for .content_inner{
        padding-left: 0;
    }
    .process_sec1 .tab_process .item{
        width: 60px !important;
        height: 60px !important;
        margin: 0 15px;
    }
    .tab_process_slick_for .content_inner h3{
        text-align: center;
    }
    .tab_process_slick_for .content_inner .content{
        text-align: justify;
    }
    section#section1.story_sec1{
        padding-top: 40px;
    }
    .box_cat .item h3{
        padding: 10px;
        min-width: 120px;
        font-size: 18px;
    }
    .list_cat_child ul{
        padding: 0 10px;
    }
    .product_details .grid-container>*{
        width: 100%;
    }
    .slick_nav_product {
        margin-bottom: 40px;
        max-width: 350px;
        margin: 0 auto 40px auto;
    }
    .slick_for_product{
        padding-top: 0;
    }
    .slick_for_product img {
        max-height: 250px;
        margin-bottom: 20px;
    }
    section.section.banner_product .content_inner {
        max-width: unset;
        margin: 0 20px 0 20px;
    }
    section.section.banner_product .content_inner .box_video a:after{
        width: 70px;
        height: 70px;
    }
    .product_details .box_content .content_inner .content>*:last-child{
        margin-bottom: 0;
    }
    section.section.banner_product {
        padding: 150px 0 60px 0;
    }
    /*.tab_product .slick_nav_tab .slick-track>* {*/
    /*    width: 50% !important;*/
    /*    margin-bottom: 20px;*/
    /*}*/
    .tab_product .slick_nav_tab .slick-track{
        text-align: center;
        display: flex;
    }
    .slick_nav_tab .item:after{
        display: none;
    }
    .slick_nav_tab .item:before{
        height: 100%;
    }
    .product_details .box_content {
        padding-left: 10px;
    }
    .slick_for_tab .box_content .content_inner {
        padding: 20px;
    }
    .single-product .product {
        padding-top: 40px;
    }
    .slick_for_tab .box_content{
        border-radius: 0;
    }



    .story_sec1 .box_img,
    .story_sec1 .box_content{
        width: 100%;
        padding: 0 15px !important;
        text-align: center;
    }
    .vision_mission .box .item .box_content{
        width: 100%;
        position: unset !important;
    }
    .vision_mission .box .item{
        flex-wrap: wrap;
    }
    .vision_mission .box .item:before{
        display: none;
    }
    .vision_mission .box .item:nth-child(2n+1){
        justify-content: unset;
    }
    .vision_mission .box .item > img{
        width: auto;
        height: auto;
    }
    .vision_mission .box .item .box_content{
        text-align: center;
    }
    .vision_mission .box .item .content_inner {
        margin: unset !important;
        padding: 50px 30px !important;
        width: 100%;
    }
    .vision_mission .box .item .box_content h3.sub{
        justify-content: center;
    }
    .story_sec1 .grid-container{
        display: flex;
        flex-wrap: wrap;
    }
    .story_sec1 .grid-container .box_img{
        order: 2;
    }
    .vision_mission .box .item .content_inner{
        padding-top: 0 !important;
    }
    .story_sec1{
        padding:  20px 0 40px 0 !important;
    }
    .page_404 .text_center>h1 {
        font-size: 100px;
    }
    .page_404 .text_center{
        padding: 0 40px;
    }
    .page_404 .text_center>h1 {
        font-size: 80px;
    }
    .page_404 .content h2{
        font-size: 25px;
    }
    .link_product{
        z-index: 9;
    }

    .about_farm .item .box_content .content_inner img{
        display: none;
    }
    .about_farm .item .box_content .content_inner{
        width: 100% !important;
    }
    .about_farm .item .box_content .content_inner{
        background: none;
        text-align: left !important;
        padding: 0 30px;
    }
    .about_farm .item .box_content .content_inner:before{
        display: none;
    }
    .about_farm .item .box_content .content_inner .content {
        font-size: 20px;
        color: #006a3b;
        font-family: "Baloo2-Bold";
    }
    .bg_qc_bottom_mobile{
        display: block;
        position: absolute;
        width: 100vw;
        left: 0;
        transform: translateY(100%);
        -moz-transform: scaleY(-1);
        -o-transform: scaleY(-1);
        transform: translateY(90%) scaleY(-1);
        filter: FlipV;
        -ms-filter: "FlipV";
        bottom: 0;
    }
    .about_farm .item .box_content{
        position: relative;
    }
    /*.tab_product .hide{*/
    /*    display: none !important;*/
    /*}*/
    .slick_nav_tab .item{
        width: calc(100% - 20px) !important;
        margin: 0;
    }
    .slick_nav_tab .item h3{
        font-size: 12px;
    }
    .slick_nav_tab .item,
    .slick_nav_tab .item:before{
        border-radius: 0;
    }
    .slick_for_tab .slick-list{
        margin: 0 -10px;
    }
    .box_news .item:nth-child(1) {
        height: 320px;
    }
    .box_news .item:nth-child(2), .box_news .item:nth-child(3) {
        height: 150px;
    }
    .box_news .item{
        width: calc(50% - 20px);
    }
    .box_news .item .box_img, .box_news .item .box_img a {
        height: 150px;
    }
    .contact_page .box_contact .box_left,
    .contact_page .box_contact .box_right{
        width: calc(100% - 60px);
        padding: 30px;
    }
    .contact_page .box_contact .box_left input:not(.wpcf7-submit), .contact_page .box_contact .box_left textarea{
        width: 100%;
    }
    .contact_page .box_contact .box_left .grid-50, .contact_page .box_contact .box_left .grid-100{
        padding-right: 10px;
    }
    .contact_page .box_contact .box_left h3,
    .contact_page .box_contact .box_right h3{
        margin-bottom: 30px;
    }
    .contact_page .box_contact .box_right ul.info_top li, .contact_page .box_contact .box_right ul.info_top li a{
        margin-bottom: 20px;
    }
    .contact_page .item {
        width: calc(100% - 60px) !important;
        padding: 30px;
    }
    .iframe_gg_map iframe {
        height: 250px;
    }
    .contact_page .box_contact .box_right{
        width: calc(100% - 70px);
        padding: 30px 35px;
    }
    .contact_page .box_contact .box_left{
        order: 2;
    }
    .recipe_list .item {
        width: calc(calc(100% / 2) - 8px);
    }
    .list_cat_recipe {
        margin: 0 0 30px 0;
    }
    .list_cat_recipe a{
        font-size: 16px;
        line-height: 40px;
    }

    /* =========== Landing Page =========== */
    .top_logo:before {
        content: url("../images/bf_logo_mb.png");
    }
    .top_logo {
        top: -10px;
    }
    .lp_section.layout_6 .top_logo {
        top: -20px;
    }
    .bg {
        padding: 10px;
    }
    .title_lp {
        font-size: 22px;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .group_milk{
        display: none !important;
    }
    .lp_section.style_1 .wrap li:not(:last-child) {
        margin-bottom: 20px;
    }
    .lp_section.style_1 .img_center {
        margin-bottom: 20px;
        display: inline-block;
        width: 100%;
        text-align: center;
    }
    .lp_section.style_1 .wrap ul {
        position: initial;
        display: inline-block;
        float: left;
        padding: 0;
        width: 50%;
    }
    .lp_section.style_1 .wrap ul.right .conner_inner .icon_item {
        margin-right: 0;
    }
    .lp_section.style_1 .wrap .conner_inner {
        justify-content: initial;
        flex-direction: column;
    }
    .lp_section.style_1 .wrap .conner_inner .content,.lp_section.style_1 .wrap ul.right .conner_inner .content {
        text-align: center;
        position: relative;
        order: 2;
        font-size: 15px;
    }
    .lp_section.style_1 .wrap .conner_inner .icon_item {
        margin-left: 0;
        order: 1;
    }
    .lp_section.style_1 .wrap ul.left,.lp_section.style_1 .wrap ul.right {
        transform: translateX(0);
        margin-bottom: 20px;
    }
    .lp_section.style_1 .content_top {
        font-size: 20px;
        padding: 0 20px;
        margin: 30px auto 0;
    }
    .lp_section.style_1 .img_center:before {
        display: none;
    }
    .group_content h3 {
        font-size: 30px;
        line-height: 80%;
    }
    .group_content h3 span {
        font-size: 30px;
    }
    .group_content .content {
        font-size: 16px;
        max-width: 100%;
    }
    .lp_section.style_3 .group_content h3 {
        font-size: 30px;
        line-height: 90%;
    }
    .lp_section .icon {
        margin-bottom: 40px;
    }
    .content_top {
        font-size: 15px;
        padding: 0 10px;
        max-width: 100%;
    }
    .lp_section.style_2 .content_top,.lp_section.style_3 .content_top,.lp_section.style_3 h2,.lp_section.style_4 .content_top {
        animation-name: unset !important;
        visibility: inherit !important;
    }
    .lp_section.style_3 h2{
        position: relative;
        z-index: 1;
    }
    .lp_section.style_3 .content_top {
        margin: 0 auto 40px;
        position: relative;
    }
    .lp_section.style_4 .content_top{
        position: relative;
    }
    .lp_section.style_3 .content_top:before,.lp_section.style_4 .content_top:before{
        position: absolute;
        width: 100%;
        height: 140%;
        border-radius: 50%;
        content: '';
        z-index: -1;
        opacity: 1;
        filter: blur(30px);
        background-color: #ffffff;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
    }
    .lp_section.style_3 .group_content .content {
        margin: 0 auto 30px;
    }
    .lp_section.style_5 .wrap {
        display: inline-block;
        max-width: 100%;
        margin: 0 auto 30px;
        width: 100%;
    }
    .lp_section.style_5 .wrap .item {
        width: 100%;
        padding: 0 10px;
        margin-bottom: 30px;
    }
    .lp_section.style_5 .wrap:before,.lp_section.style_5 .wrap:after{
        display: none;
    }
    .lp_section.style_5 .wrap .item h3 {
        font-size: 35px;
        line-height: 95%;
        margin-bottom: 10px;
    }
    .lp_section.style_5 .wrap .item h3 span {
        font-size: 35px;
    }
    .lp_section.style_5 .wrap .item .content {
        font-size: 20px;
        line-height: 110%;
    }
    section.section.lp_section.layout_6 .bg img {
        max-height: 900px;
        width: 100%;
        object-fit: contain;
    }
    section.section.lp_section.layout_6 .wrap_content {
        width: 90%;
        top: 50px;
    }
    section.section.lp_section.layout_6 .bg {
        width: calc(100% - 20px);
        margin: 10px;
    }
    .slider_logo {
        max-width: 100%;
    }
    .slider_logo .item {
        height: 40px;
    }
    .slider_logo .slick-slide img {
        width: 60px;
    }
    @keyframes ripple {
        70% {
            box-shadow: 0 0 0 15px rgba(255, 255, 255, 0);
        }
        100% {
            box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
        }
    }
    @keyframes ripple_play {
        70% {
            box-shadow: 0 0 0 15px rgba(42, 83, 167, 0);
        }
        100% {
            box-shadow: 0 0 0 15px rgba(42, 83, 167, 0);
        }
    }

}
@media only screen and (max-width: 600px){
    .footer_top .content_inner .item{
        width: 100%;
    }
    .footer_top .content_inner{
        flex-wrap: wrap;
    }
    .footer_top .content_inner .item:not(:last-child){
        margin-bottom: 20px;
    }
    .footer_col.footer_menu{
        width: 100% !important;
    }
    .footer4 .wpcf7-form-control-wrap{
        width: auto;
    }
    .footer4 form input.wpcf7-submit {
        padding: 0 20px;
    }
    .about_us .item {

        width: calc(calc(100% / 2) - 10px) !important;
        height: 180px !important;
        margin: 0 5px 10px 5px !important;
    }
    .footer_top .content_inner .item h3:before{
        top: 7px;
    }
    .media_section .box .item{
        width: calc(100% - 30px);
        margin-bottom: 30px;
    }
    .slick_nav_media .slick-track{
        flex-wrap: wrap;
    }
    .slick_nav_media .slick-track>*{
        text-align: center;
        width: 100% !important;
    }
    .slick_nav_media .item{
        width: calc(100% - 40px) !important;
        margin-bottom: 10px;
    }
    .media_section .box.no_content{
        padding: 100px 0;
    }
    .media_section .box.no_content h3{
        font-size: 20px;
    }

    .about_farm .item .box_content .content_inner{
        width: 100%  !important;
        text-align: left !important;
        border-radius: 0 !important;
    }
    .about_farm .item .box_content .content_inner{
        border-radius: 0 !important;

    }
    .about_farm .item .box_content .content_inner img{
        position: unset !important;
        transform: unset !important;
        max-width: 200px;
    }
    .about_farm .item .box_content{
        padding: 30px 0px 30px 0px !important;
    }
    .button_hide_menu{
        display: inline-block;
        margin-left: 5px;
        transform: translateY(1px) rotate(0);
        transition: .3s all;
    }
    .footer_menu h3.drop .button_hide_menu{
        transform: translateY(-1px) rotate(180deg);
    }

    .footer_menu_drop {
        max-height: 0;
        overflow: hidden;
        transition: .3s all;
    }
    .footer_menu.drop .footer_menu_drop{
        max-height: 1000px;
    }
    .footer_menu h3{
        margin-bottom: 0;
    }
    .footer_menu_drop > *{
        margin-top: 30px;
    }
    section.section.search_page .item {
        width: calc(calc(100% /2) - 10px);
        margin: 0 5px 10px 5px;
    }

    .search h1.page-title {
        font-size: 30px;
        margin-bottom: 30px;
    }
    section.section.search_page {
        padding: 90px 0 30px 0;
    }
    .product_page {
        padding: 40px 0;
    }
    .product_page .content p br{
        display: none;
    }
    .box_cat .item{
        width: calc(50% - 20px);
        margin: 0 10px 50px 10px;
    }
    .product_details .heading_h2{
        font-size: 25px;
    }
    section.section.banner_product .content_inner .box_video a:after {
        width: 50px;
        height: 50px;
    }
    section.section.banner_product .content_inner .box_video h3{
        left: 20px;
        bottom: 20px;
        right: 20px;
        font-size: 15px;
    }
    section.section.banner_product {
        padding: 150px 0 40px 0;
    }
    .box_cat .item .box_img {
        max-height: 180px;
        height: 180px;
    }
    .box_cat .item h3{
        min-width: 80px;
        font-size: 12px;
        padding: 5px;
    }
    .box_cat .item{
        border-radius: 20px;
    }
    .about_farm .item .box_content{
        width: 100%;
    }
    .about_farm .item .box_content .content_inner .content{
        font-size: 18px;
    }
    .box_news .item:nth-child(1){
        width: calc(100% - 20px);
    }
    .box_news .item:nth-child(2), .box_news .item:nth-child(3) {
        height: 200px;
        width: calc(50% - 20px);
    }
    .box_info_top{
        padding: 0 10px;
        margin-bottom: 30px;
    }
    .post_details .content h3 {
        font-size: 22px;
    }
    section#section1.contact_page {
        padding-top: 30px;
    }
    .contact_page .box_contact .box_left input.wpcf7-submit{
        padding: 10px 30px;
    }
    .footer4 form input:not(.wpcf7-submit){
        width: 100%;
    }
    .footer_col {
        padding: 0 20px;
    }
    .media_section .box .item .box_img{
        height: 170px;
    }
    section.section.search_page .item h3{
        height: 50px;
    }
    .recipe_list .item .button{
        font-size: 13px;
        padding: 0 15px;
        line-height: 40px;
        margin-top: 20px;
    }
    .recipe_list .item h3{
        font-size: 18px;
    }
    .list_cat_recipe a{
        font-size: 13px;
        padding: 0 20px;
    }
    section.section.recipe_list {
        padding: 100px 0 60px 0;
    }
    .load_more_recipe {
        width: 50px;
        height: 50px;
        font-size: 20px;
    }
}
@media only screen and (max-width: 480px){
    .footer4 .wpcf7-form-control-wrap{
        width: calc(100% - 50px);
    }
    /*div#banner_gr {*/
    /*    height: 200px;*/
    /*}*/
    .story_sec3 .box .item {
        width: calc(100% - 4px);
    }
    .story_sec3 .box .item:last-child{
        margin-bottom: 0;
    }
    .nav_link_bottom ul {
        margin-top: 50px;
    }
    .nav_link_bottom ul li a{
        padding: 10px 10px;
        font-size: 12px;
    }
    .nav_link_bottom ul li {
        margin: 0 5px;
    }
    a.next_section {
        width: 35px;
        height: 35px;
        line-height: 40px;
        font-size: 20px;
        left: calc(50% - 17.5px);
        bottom: 30px;
    }
    .site-header{
        top: 10px;
    }
    .site-header .header-image{
        height: 60px;
        object-fit: contain;
    }
    .site-logo{
        left: -30px;
    }
    .process_sec1 {
        padding-bottom: 60px;
    }
    .process_sec2 h2.heading_h2 {
        margin-bottom: 40px;
    }
    .process_sec2 h2.heading_h2 br{
        display: none;
    }
    .process__inner .item{
        flex-wrap: wrap;
        margin-bottom: 30px !important;
    }
    .process__inner .item > *{
        width: 100%;
        order: unset !important;
        text-align: center;
    }
    .process__inner .item .content_inner{
        padding-top: 10px !important;
    }
    .about_us .item{
        height: 150px !important;
    }
    .about_us .item .box_content {
        left: 10px;
        bottom: 10px;
        right: 10px;
    }
    .product .item:hover .box_img img,
    .product .item .box_img{
        height: 200px;
    }
    .product .item .box_img img.bf_product{
        display: none;
    }
    .product .item .box_img{
        margin-bottom: 20px;
    }

    .heading_h2.bold_b br{
        display: none;
    }
    .box_news .item:nth-child(1) {
        height: 300px;
    }
    .box_news .item:nth-child(2), .box_news .item:nth-child(3) {
        height: 180px;
    }
    .news_page_template .heading_h2{
        display: block;
        text-align: center;
    }
    ul.list_cat_product{
        display: flex;
        margin-bottom: 30px;
        width: 100%;
    }
    ul.list_cat_product li a{
        justify-content: center;
        height: 40px;
        font-size: 15px;
    }
    ul.list_cat_product li{
        width: 60%;
    }
    .mobile-bar-items:before,
    .nav-search-enabled .main-navigation .menu-toggle:after{
        width: 44px;
        height: 44px;
    }
    .main-navigation .mobile-bar-items a,
    .menu-toggle{
        padding-left: 12px;
        padding-right: 12px;
        line-height: 44px;
    }
    .nav-search-enabled .main-navigation .menu-toggle{
        margin-right: 10px;
    }
}
@media only screen and (max-width: 414px){
    .process_sec1 .tab_process .item {
        margin: 0 8px;
    }
    .slick_nav_tab .item h3{
        font-size: 10px;
    }
    .box_news .item:nth-child(1) {
        height: 250px;
    }
    .box_news .item .box_img, .box_news .item .box_img a {
        height: 100px;
    }
}
@media only screen and (max-width: 375px){
    .box_news .item:nth-child(2), .box_news .item:nth-child(3) {
        height: 150px;
    }
}