.breadcrumb{
        background: none;
    padding: 0;
        justify-content: right;
    margin: 40px 0;
}
.breadcrumb li a,
.breadcrumb li a span{
    color:var(--text_black);
    font-weight:500;
}
.breadcrumb li:last-child span{
    color:#5E6568;   
}
.breadcrumb li span.devi{
    margin:0 1rem;   
}
.ingredient__info{
    position:relative;
}
.ingredient__info:after {
    content: "";
    display: block;
    width: 100%;
    height: 400px;
    background: #141213;
    position: absolute;
    bottom: 0;
    z-index: -1;
}
.ingredient__info-des{
        max-width: 650px;
    margin-left: auto;
    font-size: 24px;
    line-height: 38px;
    color: #5E6568;
}
.ingredient__info .ingredient__info-text{
    margin-bottom:120px;
}
.ingredient__info .ingredient__info-text .ingredient__info-title{
    font-size:64px;
    line-height:100%;
    margin-top:0;
}
.ingredient__specifications{
    background: linear-gradient(180deg, #141213 8.61%, #0D3F22 100%);
}
.ingredient__specifications-dimensions span{
     font-size: 20px;
    line-height: 28px;
    color: var(--sub_color);
    font-weight: 500;

}
.ingredient__specifications-dimensions-right p{
        font-size: 128px;
    line-height: 100%;
    color: #fff;
    font-weight: 600;
}
.ingredient__specifications-dimensions-right span{
     color: #87968d;
     font-size:32px;
     line-height:100%;
}
.ingredient__specifications-list{
    margin-top:4rem;
}
.ingredient__specifications-item{
        display: flex;
    align-items: center;
    border-top: 1px solid #2c4b39;
    padding-top:3rem;
}
.ingredient__specifications-item p,
.ingredient__specifications-item span{
    font-size:20px;
    line-height:28px;
}
.ingredient__specifications-item p{
    color:var(--sub_color);
    margin-bottom:0.5rem;
}
.ingredient__specifications-item span{
    text-transform:uppercase;
    color:#fff;
}
.ingredient__specifications-item img{
    margin-right:1.5rem;
}
.ingredient__usage-des{
    max-width:650px;
    font-size:20px;
    line-height:28px;
    margin-left:auto !important;
}
section.ingredient__usage{
    padding:250px 0;
    background-image:url('/image/catalog/ingredient/bg_ung_dung.jpg');   
        background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.section_feature__bg{
    position:relative;
}
.section_feature__center{
        position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    z-index: -1;
}
.section_feature__center img{
    max-height:700px;
}
.section_feature__item{
        position: absolute;
}
.section_feature__item span{
    font-size: 32px;
    line-height: 48px;
    font-weight: 600;
    color: var(--main_color);   
}
.section_feature__item p{
    font-size:20px;
    line-height:35px;
    text-transform:uppercase;
    font-weight:500;
}
.section_feature__item-1{
        top: 0;
    left: 0;
    right: 0;
    text-align: center;
}
.section_feature__item-2{
      bottom: 21%;
    left: 21%;
    text-align: right;
    max-width: 250px;
}
.section_feature__item-3{
      bottom: 21%;
    right: 21%;
    text-align: left;
    max-width: 250px;
}
.section.section_contact_01{
            padding:235px 0;
        }
            .section_contact_01 .row{
                justify-content: center;
            }
            .section_contact_01__item{
                 background: #121212E5;
                padding: 40px;
            }
               
            .section_contact_01__item img{
                margin-bottom:40px;
            }
            .section_contact_01__item-text p{
                font-size:20px;
                line-height:28px;
                color:#9F9F9F;
                margin-bottom:0.5rem;
            }
            .section_contact_01__item-text a{
               font-size: 32px;
            line-height: 100%;
            font-weight: 500;
            color: #fff; 
            }
            .section_contact_01__item-text a:hover{
                color:var(--sub_color);
            }
             .section.section_contact_01 .section__heading .section__heading-title h2{
                    margin-bottom:50px;
                }
                .section.ingredient__pack{
    padding-top:10rem;
    padding-bottom:8rem;
}
.section.ingredient__pack .section__heading .section__heading-title span{
    color:var(--main_color);
}
.ingredient__pack-main {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(3, 1fr);
  gap: 12px;
  margin-top:100px;
}

.ingredient__pack-item {
  background: #F8F8F8;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.ingredient__pack-item.ingredient__pack-item-text{
    padding:20px;
}

/* Ô trống */
.empty {
  grid-column: 1;
  grid-row: 1;
  background: transparent;
}

/* Túi nhôm chiếm 2x2 */
.ingredient__pack-item-bag {
  grid-column: 2 / span 2;
  grid-row: 1 / span 2;
  flex-direction: column;
  background: #f1f1f1;
}

.ingredient__pack-item-bag img {
 width:100%;
}

/* 10KG / Thùng */
.ingredient__pack-item-3 {
  grid-column: 1;
  grid-row: 2;
  flex-direction: column;
}

.ingredient__pack-item.item-note{
    font-size:20px;
    line-height:28px;
}
.item-middle{
  flex-direction: column;  
}

.pack-weight {
      font-size: 64px;
    line-height: 58px;
    font-weight: 600;
    color: var(--main_color);
    margin-bottom:12px;
}

.pack-label {
  font-size: 20px;
  line-height:28px;
  font-weight:500;
  margin-bottom:12px;
}

/* Hàng 3 chia 3 ô bằng nhau */
.item-box {
  grid-column: 1;
  grid-row: 3;
}
                .section .section__heading .section__heading-title h2{
                    margin-bottom:4rem;
                }
                @media (min-width:992px){
                    .ingredient__info .row,
                    .ingredient__specifications-dimensions .row,
                    .ingredient__usage .row{
                        align-items:center;
                    }
                }
                @media (min-width:992px) and (max-width:1199px){
                    .section_feature__center img{
                        max-height:300px;
                    }
                    .section_feature__item-1{
                        top:-35px;
                    }
                    .section_feature__item-2{
                           bottom: 9%;
                            left: 9%;
                    }
                     .section_feature__item-3{
                           bottom: 9%;
                            right: 9%;
                    }
                }
            @media (min-width:1200px){
                .section_contact_01 .col-xl-4{
                    flex: 0 0 35%;
                    max-width: 35%;
                }
            }
            @media (min-width:1200px) and (max-width:1500px){
                .section_feature__center img{
                    max-height:400px;
                }
                .section_feature__item-1{
                    top:-25px;
                }
                .section_feature__item-3{
                     bottom: 13%;
                            right: 13%;
                }
                .section_feature__item-2{
                     bottom: 13%;
                            left: 13%;
                }
            }
            @media (min-width:1500px) and (max-width:1700px){
                .section_feature__center img{
                    max-height:550px;
                }
                .section_feature__item-1{
                    top:-15px;
                }
                .section_feature__item-3{
                        bottom: 18%;
    right: 18%;
                }
                .section_feature__item-2{
                          bottom: 18%;
                            left: 18%;
                }
            }
            @media (max-width:1499px){
                .section .section__heading .section__heading-title h2{
                    margin-bottom:2rem;
                }
                .section.section_contact_01{
                    padding:150px 0;
                }
                .section_contact_01__item{
                padding: 20px;
            }
                .section_contact_01__item-text a{
                    font-size: 28px;
                    line-height: 100%;
                }
                .section.section_contact_01 .section__heading .section__heading-title h2{
                    font-size:48px;
                    line-height:56px;
                }
                .ingredient__info .ingredient__info-text{
                    margin-bottom:60px;
                }
                .breadcrumb{
                    margin:20px 0;
                }
                .ingredient__info:after{
                    height:320px;
                }
                .section.ingredient__pack{
                    padding-top:6rem;
                    padding-bottom:4rem;
                }
            }
            @media (min-width:768px) and (max-width:991px){
                .ingredient__specifications-list > .row > div:nth-child(1) .ingredient__specifications-item,
                .ingredient__specifications-list > .row > div:nth-child(2) .ingredient__specifications-item{
                 border-top:none;   
                 padding-top:0;
                 margin:0;
                }
                .section_feature__center img{
                    max-height:220px;
                }
                .section_feature__item p{
                    font-size:16px;
                    line-height:31px;
                }
                .section_feature__item-1{
                    top:-30px;
                }
                .section_feature__item span {
    font-size: 20px;
    line-height: 30px;}
    .section_feature__item-3{
        right:0;
        bottom:5%;
    }
    .section_feature__item-2{
        left:0;
        bottom:5%;
    }
            }
            @media (max-width:991px){
                .ingredient__specifications-list{
    margin-top:3rem;
}
                       .ingredient__specifications-item {
    padding-top: 1rem;
    margin-top: 1rem;
}
                .section_contact_01__item img{
                    margin-bottom:20px;
                }
                    .section.section_contact_01 {
                        padding: 100px 0;
                    }
                    .ingredient__info-des{
                        margin-left:0;
                    }
                    .ingredient__info .ingredient__info-text .ingredient__info-title{
                        font-size:48px;
                    }
                    .ingredient__info .ingredient__info-text .ingredient__info-title{
                        margin-bottom:1rem;
                    }
                    .breadcrumb {
                    justify-content: left;
                    }
                        .section.ingredient__pack {
        padding-top: 4rem;
        padding-bottom: 2rem;
    }
    .ingredient__pack-main{
        margin-top:2rem;
    }
    .ingredient__usage-des{
        margin-left:0 !important;
    }
    section.ingredient__usage{
        padding:150px 0;
    }
    .ingredient__info-des {
    font-size: 20px;
    line-height: 28px;
    }
            }
            @media (max-width:767px){
                .section_contact_01 .row > div:not(:last-child){
                    margin-bottom:20px;
                }
                .section.section_contact_01 .section__heading .section__heading-title h2{
                    font-size:32px;
                    line-height:40px;
                }
                .ingredient__specifications-dimensions-right p{
                    font-size:64px;
                }
                .ingredient__specifications-list > .row > div:nth-child(1) .ingredient__specifications-item{
                    border-top:none;
                    padding-top:0;
                    margin-top:0;
                }
                .pack-weight {
    font-size: 48px;
    line-height: 56px;
                }
                .pack-label{
                    margin-bottom:0;
                }
                .ingredient__pack-item img {
    height: 100%;
    object-fit: cover;
}
.ingredient__pack-item.item-note {
    font-size: 16px;
    line-height: 24px;
}
.ingredient__pack-main{
    margin-top:0;
}
    .ingredient__pack-main {
        display: flex
;
flex-wrap: wrap;
    }
    .ingredient__pack-item {
    background: #F8F8F8;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    flex: 0 0 100%;
    max-width: 100%;
}
.ingredient__pack-item-bag{
    order:1;
}
.ingredient__pack-item.item-middle{
    order:2;
}
.ingredient__pack-item.item-box{
    order:3;
}
.ingredient__pack-item-3{
    order:4;
}
.ingredient__pack-item.item-note{
    order:5;
}
.section_feature__item{
    max-width:100% !important;
}
.section_feature__item{
    position:relative;
    top:0;
    right:0;
    left:0;
    bottom:0;
    text-align:left;
}
.section_feature__center{
    top:0;
    transform:none;
}
.section_feature__center{
    height:100%;
    width:100%;
}
.section_feature__bg-mb{
    position:relative;
}
.section_feature__bg-mb img{
    width:100%;
}
.section_feature__center img{
        height: 100%;
    object-fit: cover;
}
.section_feature{
    background: linear-gradient(180deg, #FFFFFF 64.42%, #F4F4F4 100%);
}
.section_feature__bg-mb{
    overflow:hidden;
}
.section_feature__item{
    display:flex;
    align-items:center;
}
.section_feature__item:not(:last-child){
    margin-bottom:1rem;
}
.section_feature__item span{
    margin-right:1rem;
        min-width: 48px;
}
.section_feature__item p {
    font-size: 18px;
    line-height: 31px;
}
.section_feature__list{
    margin-top:2rem;
}
.section_feature__center{
    z-index:0;
}
    .section_feature__bg-mb img {
        z-index: 1;
        position: relative;
    }
    section.section_feature{
        padding-bottom:1.5rem !important; 
    }
    section.ingredient__main{
        padding-bottom:0 !important;
    }
            }
            @media (max-width:575px){
                .ingredient__info:after{
                    height:100px;
                }
                .ingredient__info .ingredient__info-text{
                    margin-bottom:30px;
                }
                .breadcrumb{
                    display:block;
                        white-space: nowrap;
    overflow: auto;
    margin:1rem 0
                }
                .breadcrumb li{
                    display:inline-block;
                }
                .breadcrumb li span.devi{
                    margin:0;
                }
            }