@media (min-width: 1025px) {

  .inquery--modal > .modal-dialog > .container {

    max-width: 100%;

    background: transparent;

    border: none;

    overflow: auto;

    backdrop-filter: blur(54px);

-webkit-backdrop-filter: blur(54px);

    height: 100%;

    justify-content: center;

  }

  .inquery--modal > .modal-dialog > .container > .row {

    max-width: 1170px;

    padding: 50px 15px;

    margin: 0 auto;

  }

  .ingredients--tailored--tabs > .ingredients--mobile--tabs {

    display: none;

}

}





@media (max-width: 1400px) {

  .ingredient--container > .ingredient--right > .ingredient--img {

    padding-left: 50px;

    margin-right: -180px;

  }

  .challengess--list > .challenges > .challenges--inner > .challenges--icon {

      max-width: 200px;

      height: 200px;

  }

  .challengess--list > .challenges > .challenges--inner {

      padding: 20px 25px;

  }

}



@media (max-width: 1280px) {

  .main--menu ul {

      gap: 10px;

  }

 .main--menu ul li > a {

      font-size: 15px;

  }

}

@media (max-width: 1200px) {

  .our--team--container:before {

    min-height: 277px;

}

.ingredient--tech-specs .tech--specs--info > .tech--specs--list > li {

    font-size: 18px;

}

   .timeline-wrapper > .timeline-panel-2 > .content > .line > span, .timeline-wrapper > .timeline-panel-3 > .content > .line > span, .timeline-wrapper > .timeline-panel > .year{

    font-size: 100px;

  }

  .timeline-wrapper > .timeline-panel > .img {

    grid-template-rows: 33px 45px 100px auto auto auto auto auto;

}







.timeline-wrapper > .timeline-panel-2 > .content > .line > span {

    transform: none;

}



.timeline-wrapper > .timeline-panel > .year {

    font-size: 100px;

}

.timeline-wrapper > .timeline-panel-2 > .year, .timeline-wrapper > .timeline-panel-3 > .year {

    font-size: 0px;

}

    .timeline-wrapper > .timeline-panel-2 > .img {

        grid-template-rows: 50px 1fr;

    }

.timeline-wrapper > .timeline-panel-3 > .content {

    max-width: 900px;

}



.timeline-wrapper > .timeline-panel-3 {

    flex: 0 0 150vw;

}



.timeline-wrapper > .timeline-panel-3 > .img {

    grid-template-rows: 100px 200px 100px;

}



.timeline-wrapper > .timeline-panel-4 > .img {

    grid-template-rows: 100px 100px 50px 50px 100px;

}



.leadership--col {

    gap: 20px;

}

  .custom--btn {

    padding: 5px 15px;

    min-height: 40px;

    font-size: 14px;

    gap: 2px;

  }



  .custom--btn > img {

    width: 20px;

  }

  .main--logo > img {

    width: 65px;

  }

  .main--menu ul li > a {

    font-size: 14px;

  }

  /* .main--menu ul li:nth-child(1) > a {

    padding-top: 0;

  } */



  .main--menu ul {

    gap: 0;

  }



  .ingredient--container > .ingredient--right > .ingredient--img {

    padding-left: 20px;

    margin-right: -200px;

  }



  .ingredient--container > .ingredient--right > .without--items {

    max-width: 300px;

  }



  .ingredient--container > .ingredient--left {

    max-width: 250px;

  }

}



@media(max-width: 1199px){

	.our--team--container .row > .team--box--item > .team--box > .team--box--image{

		min-height: 360px;

	}

	.our--team--container .row.team--row1 > .team--box--item:nth-child(2) {

    margin-top: 200px;

}

}



@media (max-width: 1024px) {

  body {

    font-size: 16px;

    margin-top: 68px;

  }

  .main--header {

    min-height: 68px;

    padding: 5px 0px;

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    z-index: 1;

    z-index: 999;

  }



  .main--banner--slide .owl-stage-outer > .owl-stage > .owl-item > .item {

    min-height: 400px;

  }

  .banner--slider .owl-dots {

    bottom: 3%;

    left: 5%;

  }

  .main--banner--slide

    .owl-stage-outer

    > .owl-stage

    > .owl-item

    > .item:before {

    content: "";

    width: 100%;

    height: 100%;

    position: absolute;

    bottom: 0;

    z-index: 1;

    opacity: 0.7;

    background: #fff;

  }



  .main--banner--slide

    .owl-stage-outer

    > .owl-stage

    > .owl-item

    > .item

    > .container {

    z-index: 2;

  }

  .ingredient--box > .ingredient--item {

    border-radius: 30px;

  }



  .ingredient--box > .ingredient--item:nth-child(2) {

    top: 0;

  }



  .ingredient--box > .ingredient--item:nth-child(3) {

    top: 0;

  }



  .ingredient--box > .ingredient--item:nth-child(2) > .ingredient--image > img {

    min-height: auto;

  }



  .ingredient--box > .ingredient--item:nth-child(3) > .ingredient--image > img {

    min-height: auto;

  }



  .redefining--ingredient {

    margin-bottom: 0;

  }



  .ingredient--box > .ingredient--item > .ingredient--image > img {

    min-height: 200px !important;

  }



  .ingredient--box > .ingredient--item > .ingredient--image {

    border-radius: 30px;

  }



  .ingredient--box > .ingredient--item > .ingredient--content {

    padding: 15px 25px;

  }

  .inquery--modal > .modal-dialog > .container {

    background: transparent;

    border: none;

    padding: 50px 20px;

    display: block;

    overflow: auto;

  }



  .inquery--modal .inquery--modal--right > .inqury--modal--form, .inquery--modal .inquery--modal--right > .inqury--modal--form.request--spec-sheet {

    padding: 20px;

    border-radius: 20px;

  }



  .inquery--modal .inquery--modal--right > .inqury--modal--form > h3, .request--spec-sheet > .form--heading > h3 {

    font-size: 20px;

    max-width: 200px;

  }



  .inquery--modal {

    backdrop-filter: blur(54px);

-webkit-backdrop-filter: blur(54px);

  }



  .inquery--modal .inquery--modal--left {

    padding-right: 15px;

  }



  .inquery--modal .inquery--modal--right > .inqury--modal--form input,

  .inquery--modal .inquery--modal--right > .inqury--modal--form select {

    min-height: 40px;

    padding: 5px 15px;

  }



  .inquery--modal .inquery--modal--right > .inqury--modal--form textarea {

    min-height: 80px;

  }

  .inquery--modal .inquery--modal--left .speciality--list > ul > li,

  .inquery--modal--left > p {

    font-size: 14px;

  }

  .inquery--modal

    .inquery--modal--right

    > .inqury--modal--form

    button[type="submit"] {

    min-height: 40px;

    font-size: 14px;

  }

  .inquery--modal .inquery--modal--right > .inqury--modal--form input,

  .inquery--modal .inquery--modal--right > .inqury--modal--form textarea,

  .inquery--modal .inquery--modal--right > .inqury--modal--form select {

    font-size: 14px;

  }



  .upload--file--container {

    height: 40px;

}



.upload--file--container > .upload--file > img {

    width: 20px;

}



  .impact-card {

    transform: none;

    margin: 0;

  }

  .banner--animation {

    height: auto;

    padding: 50px 20px;

    padding-top: 0;

    padding-bottom: 0;

  }



  .banner--animation > .banner-image > img {

    transform: none;

  }



  .image--card--container {

    transform: translateY(-50px);

  }



  img.cup-partner {

    opacity: 1;

    transform: none;

  }

  .sticky--container .sticky--img {

      max-width: 150px;

      top: -50px;

  }

  /* timeline */

  .timeline-wrapper > .timeline-panel {

    flex-direction: column;

    height: 100%;

    flex: 0 0 auto;

}



.timeline-wrapper > .timeline-panel > .content {

    max-width: 100%;

    width: 100%;

    height: auto;

    padding-top: 0;

}



.timeline-wrapper > .timeline-panel > .content > .heading--timeline {

    padding-left: 20px;

    font-size: 22px;

    max-width: 100%;

    position: relative;

    display: flex;

    align-items: center;

    gap: 10px;

}



.timeline-wrapper > .timeline-panel > .content > .inner--content {

    padding-left: 20px;

    padding-right: 20px;

    padding-top: 0;

}



.timeline-wrapper > .timeline-panel > .content > .inner--content:before {

    display: none;

}



.timeline-wrapper > .timeline-panel > .content > .inner--content:after {

    opacity: 0;

}



.timeline-wrapper > .timeline-panel > .img {
  grid-template-rows: 40px 58px 50px 21px 43px 80px;
  width: 90%;
  gap: 15px;
  margin: 0 auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}



.timeline-wrapper > .timeline-panel > .img.timeline--3 {

    grid-template-rows: 1fr 1fr !important;

}

.timeline--panel--3 .timeline--3 > .timeline-5 {

    height: 85px;

    margin-top: 30px;

}



.timeline-wrapper > .timeline-panel > .content > .heading--timeline:before {

    content: '';

    width: 30px;

    height: 30px;

    background: var(--primary-color);

    position: relative;

    top: 0px;

    left: 0px;

    border-radius: 50px;

    border: 6px solid #fff;

    outline: 1px solid var(--primary-color);

    z-index: 1;

}



.timeline-wrapper > .timeline-panel > .img > .timeline-1 {

    grid-column: 1 / 3;
    grid-row: 1 / 6;

}



.timeline-wrapper > .timeline-panel > .img > .timeline-2 {

    grid-column: 3 / 5;

    grid-row: 2 / 4;

    max-width: 100%;

}



.timeline-wrapper > .timeline-panel > .img > .timeline-3 {

    grid-column: 1 / 4;
    padding-top: 0;
    grid-row: 4 / 7;

}



.timeline-wrapper {

    flex-direction: column;

    row-gap: 20px;

}



.timeline-container {

    height: auto;

}

.timeline-wrapper > .timeline-panel > .content > .heading--timeline > span {

    flex: 1;

    max-width: 85%;

}

.timeline-wrapper > .timeline-panel > .img.timeline--2 > .timeline-2 {

    grid-column: 3 / 5;

    height: 100%;

}

.timeline-wrapper > .timeline-panel > .content > .heading--timeline > span {

    flex: 1;

    max-width: 85%;

}



.timeline-wrapper > .timeline-panel > .img.timeline--2 > .timeline-2 {

    grid-column: 3 / 5;

    height: 100%;

}



.timeline-wrapper > .timeline-panel > .img.timeline--3 > .timeline-1 {

    height: 140px;

    max-width: 100%;

}



.timeline-wrapper > .timeline-panel > .img.timeline--3 > .timeline-3 {

    grid-row: 2 / 2;

    grid-column: 1 / 2;

    margin-top: 0;

}



.timeline-wrapper > .timeline-panel > .img.timeline--3 > .timeline-2 {

    grid-row: 1 / 5;

    height: calc(100% - 50px);

}

.list--ingredients .ingredient--item {

    padding: 20px;

}

.challengess--list > .challenges {

	    width: 100%;

	}

	

	.challengess--list {

	    flex-wrap: wrap;

	}

	.challengess--list > .challenges:nth-child(1), .challengess--list > .challenges:nth-child(2) {

	    border-bottom: 1px solid #D2D2D2;

	}



  .ingredient--category--grid {

	    grid-auto-rows: 200px;

	    gap: 10px;

	}

	

	.ingredient--category--grid > .ingredient--category--card > .ingredient--category--overlay > .content--category > h3 {

	    font-size: 30px;

	    line-height: 2rem;

	}

	

	.ingredient--category--grid > .ingredient--category--card > .ingredient--category--overlay > .arrow {

	    width: 54px;

	}



  .ingredients--tailored--tabs > .tabs{

    display: none;

  }



  .ingredients--tailored--tabs {

    display: flex;

    flex-direction: column;

}



.ingredients--tailored--tabs > .tab-content {

    width: 100%;

            border-radius: 20px;

}



.ingredients--tailored--tabs > .tab-content > img {

    height: 200px;

}



.ingredients--tailored--tabs > .ingredients--mobile--tabs {

    display: flex;

    flex-wrap: nowrap;

    overflow: auto;

    width: 100%;

    gap: 10px;

}



.ingredients--tailored--tabs > .ingredients--mobile--tabs > .tab {

    display: flex;

    align-items: center;

    gap: 10px;

    min-width: fit-content;

    border: 1px solid #e2e2e2;

    padding: 10px 20px;

    border-radius: 15px;

}



.ingredients--tailored--tabs > .ingredients--mobile--tabs > .tab > span {

    width: 100%;

    display: block;

    font-family: 'Roboto';

        color: #000;

}



.ingredients--tailored--tabs > .ingredients--mobile--tabs > .tab > img {

    width: 28px;

}



.ingredients--tailored--tabs, .warehousing--container, .apart--sets, .ingredient--tech-specs, .engineered--excellence--container {

    padding: 50px 0px;

}

.ingredients--tailored--tabs > .ingredients--mobile--tabs > .tab.active {

    background: #EDFFE9;

}

.ingredients--tailored--tabs > .tab-content > .tab-body h2 {

    font-size: 22px;

}

.leadership--col .leadership--col--item {

    min-height: 400px;

  }



  .ownership-owl-nav, .values-owl-nav {

    width: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 20px;

    padding-top: 20px;

  }



  .ownership-owl-nav > button, .values-owl-nav > button {

    background: var(--primary-color);

    border: none;

    width: 40px;

    height: 40px;

    border-radius: 50px;

    display: flex;

    align-items: center;

    justify-content: center;

  }



  .ownership-owl-nav > button > span, .values-owl-nav > button > span {

    width: 20px;

  }

}



@media (max-width: 992px) {

  .search--header{

    display: none;

  }

  p, .main--banner--slide .owl-stage-outer > .owl-stage > .owl-item > .item .slide--content > .slide--content--description{

    font-size: 15px;

  }

  .challengess--list {

	    grid-template-columns: 1fr 1fr;

	}

  .contact--info--container {

      padding-left: 0;

      padding-top: 30px;

  }

  .our--team--container > .container {

    max-width: 100%;

    padding: 0 50px;

}

.our--team--container {

    padding-bottom: 50px;

    padding-top: 0;

}

  .list--ingredients .ingredient--item {

    padding: 30px 10px;

    min-height: auto;

}



.list--ingredients > .ingredient--row {

    margin: 0 !important;

}



.list--ingredients {

    grid-template-columns: 1fr 1fr;

    padding: 15px 20px;

    padding-bottom: 40px;

    gap: 0;

}



.ingredieant--section--desktop{

  display: none;

}

.ingredieant--section--mobile{

  display: block;

}



.ingredient--main--img {

    border-radius: 30px;

    height: 250px;

}



.wave--bg {

    bottom: -20px;

}

.faq--section {

    padding: 50px 0;

    margin-top: 0;

}

.faq--section .accordion > .accordion-item > .accordion-header > .accordion-button > .question-number {

    margin-right: 20px;

}

  .sticky--container .sticky--img {

    max-width: 80px;

    top: -30px;

  }

  .container {

    padding-left: 20px;

    padding-right: 20px;

  }

  .mission--container{

    padding-top: 0px;

    margin-bottom: 0;

  }

  .redefining--ingredient,

  .our--partners,

  .our--network,

  .heading--section,

  .values--container,

  .leadership--container {

    padding: 50px 0px;

  }

  section.contact--map{

    padding-bottom: 50px;

  }

    .why--partnership--section {

    padding: 50px 0px !important;

  }

  .our--partners {

    padding-bottom: 0px;

  }

  .why--partner--img {

    max-height: 350px;

  }

  .ingredient--box {

    padding-left: 0;

    padding-right: 0;

    padding-top: 50px;

  }

  .main--menu {

    position: absolute;

    top: calc(100% + 13px);

    height: 100%;

    z-index: 999;

    background: var(--white);

    width: 100%;

    min-height: max-content;

    left: 0;

    padding: 20px;

    border-top: 1px solid var(--primary-color);

  }

  .right--header {

    justify-content: flex-start !important;

  }

  .ingredient--box {

    flex-direction: column;

    gap: 25px;

  }



  .ingredient--box > .ingredient--item {

    max-width: 100%;

    border-radius: 20px;

  }



  .ingredient--box

    > .ingredient--item

    > .ingredient--image

    > .ingredient--heading {

    left: 0;

    padding-left: 25px;

  }



  .ingredient--box > .ingredient--item > .ingredient--image {

    border-radius: 20px;

  }



  .ingredients--container {

    padding-top: 50px;

    padding-bottom: 50px;

  }



  .ingredient-tabs--container {

    padding-top: 30px;

    flex-direction: column;

  }



  .ingredient-tabs--container .ingredient-tabs {

    max-width: 100%;

    flex-direction: row !important;

    overflow: auto;

    flex-wrap: nowrap;

  }



  .ingredient-tabs--container .ingredient-tabs > .nav-link {

    min-width: fit-content;

    min-height: 40px;

    gap: 10px;

    font-size: 16px;

    line-height: 1.2;

    padding: 5px 10px;

  }



  .ingredient-tabs--container .ingredient-tabs > .nav-link > img {

    width: 25px;

  }



  .ingredient-tabs--container > .tab-content > .tab-pane > .tabs--content {

    padding: 30px 20px;

  }



  .ingredient-tabs--container > .tab-content > .tab-pane {

    border-radius: 30px;

    flex-direction: column;

  }



  .ingredient-tabs--container > .tab-content > .tab-pane > .tabs--image {

    max-width: 100%;

  }



  .ingredient-tabs--container > .tab-content > .tab-pane > .tabs--image > img {

    max-height: 450px;

    object-fit: cover;

    object-position: center;

  }

  .partnering--across--borders,

  .beyond--ingredients {

    padding: 50px 0px;

  }

  .solution--card--container {

    padding-top: 50px;

  }



  .beyond--ingredients .solution--card > .solution--content > p {

    font-size: 16px;

  }



  .beyond--ingredients .solution--card {

    padding: 15px;

    min-height: 210px;

  }



  .beyond--ingredients .solution--card > .solution--content {

    max-width: 60%;

  }

  .beyond--ingredients .solution--card > .solution--content > h3 {

    margin-bottom: 10px;

  }

  .blog--section .blog-carousel {

    padding-top: 30px;

  }

  .blog--section {

    padding-bottom: 30px;

  }

  .footer--col--container > .footer--links > .footer--link > h5,

  .footer--col--container > .footer--social > h5 {

    font-size: 20px;

    padding-top: 0;

  }

  .footer--col--container > .footer--links > .footer--link > ul{

    padding-top: 0px;

  }



  .footer--col--container > .footer--links > .footer--link > ul > li > a {

    font-size: 16px;

  }



  .footer--col--container

    > .footer--links

    > .footer--link

    > ul

    > li:not(:last-child) {

    margin-bottom: 2px;

  }



  .footer--col--container > .logo--footer > img {

    max-width: 80px;

    width: 100%;

  }



  .footer--col--container > .logo--footer {

    padding-right: 25px;

  }



  .footer--col--container > .footer--links {

    padding: 0px 25px;

  }



  .footer--col--container > .footer--social {

    padding: 0px 25px;

  }

  .ingredient--container {

    gap: 20px;

  }

  .ingredient--container > .ingredient--right > .ingredient--img {

    display: none;

  }

  .ingredient--container > .ingredient--left,

  .ingredient--container > .ingredient--right {

    max-width: 50%;

  }



  .ingredient--container > .ingredient--right > .without--items {

    max-width: 100%;

  }

  .ingredient--container > .ingredient--left,

  .ingredient--container > .ingredient--right > .without--items {

    padding-top: 20px;

  }

  .ingredient--container > .ingredient--right > .ingredient--img {

    display: none;

  }

  .image--card--container {

    transform: translateY(-20px);

  }

  .ingredient--img--mobile {

    display: block;

    padding-top: 20px;

    text-align: center;

  }

  .ingredient--img--mobile > img {

    max-width: 80%;

    margin: 0 auto;

  }



  .about--grid--images {

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    grid-template-rows: 1fr 1fr;

  }



  .about--grid--images > .about--grid--item:nth-child(1),

  .about--grid--images > .about--grid--item:nth-child(2),

  .about--grid--images > .about--grid--item:nth-child(3),

  .about--grid--images > .about--grid--item:nth-child(4) {

    grid-column: auto;

    grid-row: auto;

  }



  .about--grid--item > img {

    height: 250px;

    object-position: center;

  }

  .mission--col {

    flex-direction: column;

            margin-top: 20px;

  }



  .mission--col > .mission--col--item:hover {

    width: 100%;

  }



  .mission--col > .mission--col--item {

    min-height: 200px;

  }



  .vertical--heading > h3 {

    writing-mode: horizontal-tb;

    transform: none;

  }



  .vertical--heading {

    left: 4%;

    right: auto;

    /* display: none; */

  }

  /* .mission--col > .mission--col--item > .content--mission {

      opacity: 1;

      transform: none;

  } */



  .values--col > .values--col--item > .content--value {

    padding-top: 50px;

  }



  .values--col > .values--col--item {

    min-height: 300px;

  }



  .values--col {

    display: flex;

    flex-wrap: wrap;

  }



  .values--col > .values--col--item:nth-child(1),

  .values--col > .values--col--item:nth-child(2),

  .values--col > .values--col--item:nth-child(3),

  .values--col > .values--col--item:nth-child(4) {

    width: calc(50% - 15px);

  }



  .values--col > .values--col--item:nth-child(5) {

    width: calc(100% - 15px);

  }

  



  .values--container{

    padding-top: 0px;

  }

  .values--col .values--col--item {

    text-align: center;

}



.values--col .values--col--item > img {

    max-width: 100px;

    margin: 0 auto;

    margin-bottom: 20px;

}



.values--col .values--col--item h3 {color: #000000;font-family: 'BlinkerSemiBold';font-weight: 600;font-size: 25px;}



.values--col {

    padding-top: 20px;

}

  .about--grid--images {

      grid-template-rows: 17px 183px 150px 30px;

      grid-template-columns: 1fr 1fr;

              gap: 10px;

  }



  .about--grid--images > .about--grid--item:nth-child(1) {

      grid-row: 2 / 5;

      grid-column: 1 / 1;

  }



  .about--grid--images > .about--grid--item:last-child {

      display: none;

  }



  .about--grid--images > .about--grid--item:nth-child(1) > img {

      height: 100%;

  }



  .about--grid--images > .about--grid--item:nth-child(2) {

      grid-column: 2;

      grid-row: 1 / 3;

  }



  .about--grid--images > .about--grid--item:nth-child(2) > img {

      height: 100%;

  }



  .about--grid--images > .about--grid--item:nth-child(3) {

      grid-column: 2 / 2;

      grid-row: 3 / 5;

  }



  .about--grid--images > .about--grid--item:nth-child(3) > img {

      height: calc(100% - 50px);

      border-radius: 15px;

  }



.ingredient--box .ingredient--item > .ingredient--image > img {

    border-radius: 15px;

    margin-bottom: 15px;

    height: 200px;

    object-fit: cover;

    object-position: center;

}



.ingredient--box .ingredient--item {

    background: #fff;

    border-radius: 15px;

    width: 95%;

    margin: 0 auto;

}



.ingredient--box .ingredient--item .ingredient--content {

    padding: 20px;

    padding-top: 0;

    padding-bottom: 20px;

    min-height: 100px;

}



.ingredient--box .ingredient--item .ingredient--heading {

    padding-left: 20px;

}



.ingredient--box .ingredient--item .ingredient--content > p {

    margin-bottom: 0;

}

.sticky--key {

        max-width: 80px;

        top: -10px;

	}

	.heading--section--ingredient > .row {

	    flex-direction: column;

	}

	

	.heading--section--ingredient > .row > .col-12 {

	    width: 100%;

	    margin-left: 0;

	}

	

	.heading--section--ingredient > .row > .col-12 .dual--btn {

	    justify-content: flex-start !important;

	}

	.ingredient--img--container > .ingredient--img--item {

	    min-height: 400px;

	}



  .ingredient--category--grid {

	    grid-template-columns: repeat(2, 1fr);

	}

	

	.ingredient--category--grid > .ingredient--category--card {

	    grid-column: auto !important;

	    grid-row: auto !important;

	}



  .blogs--grid {

    grid-template-columns: 1fr 1fr;

    row-gap: 25px;

}



.mega--menu {

    min-height: auto;

    overflow: auto;

    position: fixed;

    top: 69px;

    width: 100%;

    height: 100%;

    display: none;

	}

  img.nav--down {

    display: none;

}

	.mega--menu .sub--menu--mega > ul {

    z-index: 3333;

    position: relative;

    background: #104e80;

	}

	.back--menu > img {

	    filter: brightness(0) invert(1);

	}

	.destop--hiden--menu{

		display: block;

	}

	

	.back--menu {

	    background: #ffffff1a;

	    width: 40px;

	    aspect-ratio: 1 / 1;

	    display: flex;

	    align-items: center;

	    justify-content: center;

	    margin-bottom: 10px;

	    border-radius: 50px;

	    cursor: pointer;

	}

	

	.main--menu ul li > a {

	    min-height: auto;

	}

	

	.mega--menu > .container {

	    padding: 20px;

	}

	.mega--menu .mega--menu--list {

	    width: 100%;

	    position: inherit;

	}

	.mega--menu .sub--menu--mega {

	    left: 0;

	    background: #104e80;

	    height: calc(100% - 69px);

        padding: 20px;

        overflow: auto;

	}

	

	.mega--menu .sub--menu--mega > ul > li > a.active > img {

    transform: rotate(90deg);

}

	

	.mega--menu .sub--menu--mega > ul > li > .sub--menu--mega {

            position: relative;

        transform: none;

        padding: 10px;

 

}

.mega--menu .sub--menu--mega > ul > li > a, .mega--menu .mega--menu--list > li > a {

    display: flex;

    align-items: center;

    gap: 10px;

    justify-content: space-between;

    border-bottom: 1px solid;

    padding-bottom: 10px;

}



.main--header button:focus:not(:focus-visible) {

    outline: 0;

    box-shadow: none;

}



.searchlist--result {

    padding: 20px;

}



.searchlist--result > p {

    font-size: 14px;

}



.search--sticky > .search--sticky--container > .search--form > .search--list > li > span, .search--list--container > .search--form > .search--list > li > span {

    font-size: 14px;

}



.search--sticky > .search--sticky--container > .search--form > .search--list > .heading--search--list, .search--list--container > .search--form > .search--list > li.heading--search--list {

    font-size: 18px;

}



.search--sticky > .search--sticky--container > .search--form > .search--list > li, .search--list--container > .search--form > .search--list > li {

    gap: 5px;

}



.search--sticky > .search--sticky--container > .search--form > .search--list > li > img, .search--list--container > .search--form > .search--list > li > img {

    width: 15px;

}



.search--form .inner--search > button {

    min-height: 45px;

}



.search--sticky > .search--sticky--container {

    padding-bottom: 20px;

}

.search--header--mobile{

  display: block;

}



}



@media(max-width: 991px){

  .ingredient--tech-specs .tech--specs--info {

    padding-left: 0;

    padding-top: 30px;

}

.ingredient--tech-specs .tech--specs--img > img, .strategic--sourcing .tech--specs--img > img {

    height: auto;

}

.our--team--container .row {

    grid-template-columns: repeat(2, 1fr);

}

.our--team--container .row > .team--box--item > .team--box > .team--box--image{

		min-height: 430px;

	}

	.our--team--container .row > .team--box--item > .team--box > .team--box--image > .team--box--details > img {

	    object-position: top;

	}

	.our--team--container .row.team--row1 > .team--box--item:nth-child(2) {

    margin-bottom: 100px;

}



.our--team--container .row.team--row1 > .team--box--item:nth-child(3) {

    margin-top: 60px;

}



.our--team--container .row.team--row2 > .team--box--item:nth-child(2) {

    margin-bottom: 60px;

}



.our--team--container .row.team--row2 > .team--box--item:nth-child(3) {

    margin-top: 30%;

}



.our--team--container .row.team--row2 > .team--box--item:nth-child(4) {

    margin-top: 0;

}



.our--team--container .row.team--row3 > .team--box--item:nth-child(1) {

    margin-top: 0;

}



.our--team--container .row.team--row3 > .team--box--item:nth-child(2) {

    margin-top: 100px;

    margin-bottom: 140px;

}

    .our--team--container > .container {

        padding: 0 20px;

    }

        .our--team--container:before {

        min-height: 266px;

    }



    .apart--sets .apart--sets--grid {

    flex-direction: column;

}



.apart--sets .apart--sets--grid > .apart--sets--grid--item > .content--apart {

    max-width: 100%;

}



.apart--sets {

    text-align: center;

}

.grid--warehousing {

    grid-template-columns: 1fr;

}

    .roboto--head {

    font-size: 22px;

}



.ul--list > li {

    font-size: 16px;

}



.ul--list > li > .spec--box {

    width: 10px;

    height: 10px;

    margin-right: 10px;

}

.container--excellence{

  padding: 0px 20px;

}



.engineered--excellence--container .owl-carousel .item img {

    height: 150px;

}

.slide--excellence {

    margin-top: 25px;

}



.post--thum--single img {

    height: 300px;

}



.latest--blog > .latest--blog--sticky {

    padding: 20px 15px;

}



.latest--blog > .latest--blog--sticky > .list--post--latest > li > .thum--small {

    width: 80px;

}



.latest--blog > .latest--blog--sticky > .list--post--latest > li > .content--latest--post > .heading--latest--post > h3 {

    font-size: 16px;

}



.latest--blog > .latest--blog--sticky > .list--post--latest > li > .content--latest--post > .created--by {

    font-size: 12px;

}



.thank--you--container {

    padding-top: 50px;

}



.bg--thank {

    margin-top: -20px;

}



.thank--you--container .custom--btn {

    max-width: fit-content;

    padding: 5px 25px;

}

}



@media (max-width: 769px) {

  .solution--card--item {

    width: 100%;

  }

  .beyond--ingredients .solution--card > img {

    position: relative;

    max-width: 40%;

    height: 200px;

    object-fit: contain;

    display: none;

  }



  .beyond--ingredients .solution--card {

    display: flex;

    align-items: center;

    padding: 0px;

    gap: 10px;

    justify-content: space-between;

    min-height: auto;

  }



  .beyond--ingredients .solution--card > .solution--content {

    padding: 20px;

    max-width: 100%;

  }

  .blog--section .custom-owl-nav > button {

    width: 35px;

  }



  .blog--section .custom-owl-nav > button > .carousel-control-prev-icon,

  .blog--section .custom-owl-nav > button > .carousel-control-next-icon {

    width: 15px;

  }



  .solution--card--container {

    gap: 15px;

  }

  .subscription--form input {

    min-height: 50px;

  }

  .footer--col--container > .logo--footer > img {

    max-width: 85px;

  }

  .main--footer {

    padding: 50px 0px;

  }

  .footer--col--container {

    flex-direction: column;

  }



  .footer--col--container > .logo--footer {

    border: none;

    width: 100%;

    align-items: center;

  }



  .footer--address > p {

    justify-content: center;

    flex-direction: column;

    align-items: center;

    text-align: center;

  }



  .footer--col--container > .footer--links {

    padding: 20px 0px;

    padding-bottom: 0;

    width: 100%;

  }



  .footer--col--container > .footer--social {

    border: none;

    padding: 0;

    width: 100%;

    text-align: center;

  }



  .footer--col--container > .footer--links > .footer--link {

    text-align: center;

  }

}

@media (max-width: 768px) {

    .challengess--list {

	    grid-template-columns: 1fr ;

	}

  .ingredient--tech-specs{

    padding-top: 50px;

  }

  .ingredient--tech-specs .tech--specs--info > .italic--tech {

      font-size: 14px;

  }

  .ingredient--tech-specs .tech--specs--info > .tech--specs--list {

    padding-top: 10px;

    padding-bottom: 20px;

}



.ingredient--tech-specs .tech--specs--info > .tech--specs--list > li > .spec--box {

    margin-right: 5px;

    width: 10px;

    height: 10px;

}



.ingredient--tech-specs .tech--specs--info > .tech--specs--list > li:not(:last-child) {

    margin-bottom: 10px;

}



.ingredient--tech-specs .tech--specs--info > .tech--specs--list > li {

    font-size: 16px;

}



.ingredient--tech-specs .tech--specs--info > .tech-specs-spacial > h5 {

    font-size: 16px;

}

  .our--team--container .row{

	grid-template-columns: repeat(1, 1fr);

        grid-gap: 70px;

}



.our--team--container .row > .team--box--item > .team--box > .team--box--image > .team--box--details > img {

    max-height: 390px;

    object-position: top center;

}



.our--team--container .row > .team--box--item {

    margin: 0 !important;

}



.our--team--container .row > .team--box--item > .team--box > .team--box--image {

    min-height: 390px;

}

  .list--ingredients {

        grid-template-columns: 1fr;

  }

  .values--col > .values--col--item:nth-child(1),

  .values--col > .values--col--item:nth-child(2),

  .values--col > .values--col--item:nth-child(3),

  .values--col > .values--col--item:nth-child(4),

  .values--col > .values--col--item:nth-child(5) {

    width: 100%;

    min-height: auto;

    padding: 20px;

    border-radius: 15px;

  }

  .values--col > .values--col--item > .content--value {

    padding-top: 20px;

  }

  .values--col > .values--col--item > img {

    max-width: 45px;

  }

  .leadership--col .leadership--col--item {

    min-height: 400px;

    padding: 20px;

  }

  .inquery--modal .inquery--modal--left {

    display: none;

  }

  .inquery--modal > .modal-dialog {

    display: block;

  }

  .inquery--modal .btn-close {

    background-color: #fff;

    opacity: 1;

    width: 25px;

    height: 25px;

    border-radius: 50px;

    box-shadow: 0px 0px 2px 2px #6868686b;

    background-size: 12px;

  }

  .request--spec-sheet > .form--heading > button.btn-close {

      box-shadow: none;

      top: -4px;

      right: 0;

  }

  .image--card--container {

    transform: translateY(-20px);

  }

  .beyond--ingredients {

    padding-top: 20px;

  }

  .impact-card {

    padding: 20px;

    /* padding-bottom: 20px; */

  }





  .ingredient--container {

    flex-direction: column;

  }

  .ingredient--container > .ingredient--left {

    max-width: 100%;

  }



  .ingredient--container > .ingredient--right > .without--items {

    padding-top: 0px;

    max-width: 100%;

  }



  .ingredient--container > .ingredient--right {

    max-width: 100%;

  }

  .ingredient--container .ingredient--item--box > p,

  .ingredient--container .ingredient--item--box > a {

    display: none;

    padding: 0px 15px;

  }

  .ingredient--container .ingredient--item--box.active > h3 {

    background: var(--primary-color);

    color: var(--white);

  }

  .ingredient--container .ingredient--item--box > p {

    padding-top: 10px;

  }



  .ingredient--container .ingredient--item--box > a {

    padding-bottom: 10px;

  }

  .ingredient--container .ingredient--item--box h3 {

    border-bottom: 1px solid #d9d9d9;

    padding: 10px;

    width: 100%;

    display: flex;

    align-items: center;

    gap: 10px;

    justify-content: space-between;

  }



  .ingredient--container .ingredient--item--box {

    margin-bottom: 0px !important;

    display: block;

  }



  .ingredient--container {

    gap: 0;

  }



  .ingredient--container > .ingredient--right > .without--items {

    width: 100%;

  }

  .ingredient--container .ingredient--item--box h3:after {

    content: "";

    display: block;

    width: 15px;

    height: 15px;

    background-image: url("../images/arrow-down.png");

    background-size: contain;

    background-position: center;

    transition: 0.3s;

  }

  .ingredient--container .ingredient--item--box.active > h3:after {

    filter: brightness(0) invert(1);

    transform: rotate(180deg);

  }

  .partner-carousel .owl-dots {

      margin-top: 20px !important;

  }

  .partner-carousel .owl-item > .item > img{

    max-width: 130px;

  }

  .partner-carousel {

      padding-top: 0px;

  }

  .footer--col--container > .footer--social > ul {

    justify-content: center;

}

.challengess--list > .challenges {

	    width: 100%;

      border-bottom: 1px solid #D2D2D2 !important;

        border-right: 0px !important;

	}

  .challengess--list > .challenges:last-child{

    border-bottom: 0px !important;

  }

	.key--items--list {

	    grid-template-columns: 1fr;

	    margin-top: 40px;

	    row-gap: 20px;

	}

	.key--benefits--section {

	    padding: 50px 20px;

	}

	.applications--section{

		padding-top:50px ;

		padding-bottom:50px ;

	}

	.ingredient--img--container {

	    flex-wrap: wrap;

	    margin-top: 10px;

      gap: 10px;

      justify-content: center;

	}

	

	.ingredient--img--container > .ingredient--img--item {

	    /* max-width: 100% !important;

	    height: 100px !important; */

	    min-height: auto;

	}

	

	.ingredient--description {

	    padding-top: 50px;

	}

	

	.challengess--list {

	    margin-top: 50px;

	}

   .list--ingredients .ingredient--item .ingredient--img > img{

      height: 135px;

  }

  .contact--form--container {

    padding: 20px;

    border-radius: 20px;

}



.contact--info--container .contact--info-list > li > .icon--container > img {

    width: 35px;

}



.contact--info--container .contact--info-list > li > .icon--container {

    width: 60px;

    height: 60px;

}



.contact--info--container .contact--info-list > li:not(:last-child) {

    margin-bottom: 15px;

}

.contact--form--container > h2 {

    font-size: 22px;

}

.breadcrumbs--ingredient .list--ingredient--ul > ul > li > a{

  font-size: 18px;

      padding: 10px;

}

.breadcrumbs--ingredient {

    padding-top: 20px;

    margin-bottom: -20px;

}



.ingredient--category--grid {

	    grid-template-columns: repeat(1, 1fr);

	}

  .blogs--grid {

    grid-template-columns: 1fr;

    row-gap: 20px;

  }

  .post--thum--single img {

      height: 200px;

  }

}



@media (min-width: 576px){

  .container--excellence{

    max-width: 540px;

    margin: 0 auto;

  }

}



@media (min-width: 768px) {

  .container--excellence{

    max-width: 720px;

    margin: 0 auto;

  }

}

@media (min-width: 992px){

  .container--excellence{

    max-width: 960px;

    margin: 0 auto;

    padding: 0px 10px;

  }

}



@media (min-width: 1200px){

  .container--excellence{

    max-width: 1154px;

        margin-left: auto;

        padding: 0px 0px;

        margin-right: 0;

  }

}

@media (min-width: 1280px){

  .container--excellence{

    max-width: 1195px;

        margin-left: auto;

        padding: 0px 0px;

        margin-right: 0;

  }

  

}

@media (min-width: 1366px){

  .container--excellence{

    max-width: 1240px;

        margin-left: auto;

        padding: 0px 0px;

        margin-right: 0;

  }

}

@media (min-width: 1400px){

  .container--excellence{

    max-width: 1408px;

        margin-left: auto;

        padding: 0px 0px;

        margin-right: 0;

  }

}

@media (min-width: 1600px){

  .container--excellence {

      max-width: 1582px;

      margin-left: auto;

      padding: 0px 0px;

      margin-right: 0;

  }

}

@media (min-width: 1920px){

  .container--excellence{

    max-width: 1600px;

        margin-left: auto;

        padding: 0px 0px;

        margin-right: 0;

  }

}