/* Mobile - 320px */
@media (max-width: 320px) {
  /* Homepage - Section Know Your Food */

  .home-title {
    left: -10px !important;
  }

  /* Homepage - Section OTG */

  #otg-line-top-mobile {
    top: -435px !important;
  }

  .otg-heading-box {
    margin-top: 217px !important;
  }

  /* Homepage - Section Grocer */

  .home-grocer-foodcraft-girl {
    width: 100%;
    position: absolute;
    border-radius: unset;
    left: unset;
  }

  /* Homepage - Section Life */

  .home-life-foodcraft-guy {
    left: 50px !important;
  }

  /* Homepage - Section Professional */

  #professional-line-top-mobile {
    top: -435px !important;
  }

  .professional-heading-box {
    margin-top: 217px !important;
  }

  /* Homepage - Instafeed */

  #instafeed .insta-feed-header {
    font-size: 18px;
  }

  /* OTG */

  .sandwich-guy {
    top: 70px !important;
    left: -93px !important;
    width: 135%;
  }

  /* Lets Chat - Start */
  .say-hi-form {
    width: 280px;
  }

  .say-hi-box {
    width: 230px;
    top: 35px;
  }

  /* Lets Chat - End */

  /* About Us Page - Start */

  /* 	Forth Section - Start */

  .about-us-green-content .about-us-text-box .kyf {
    width: 280px !important;
  }

  /* 	Forth Section - End */

  /* About Us Page - Start */
}

/* Mobile - 375px */
@media (max-width: 375px) {
  /* Homepage - Section About Us */

  .about-old-guy {
    bottom: 240px !important;
    right: 74px !important;
  }

  .about-girl-hijab {
    bottom: 240px !important;
  }

  .about-guy-young {
    bottom: 240px !important;
    left: 90px !important;
  }

  .about-heading-box {
    margin-top: -180px !important;
  }

  #home-about .about-heading {
    margin-bottom: -490px !important;
  }

  /* Product Page - Start */

  /* Classic - OTG - Start */

  #product .classics-product .product-text-area .product-first-details {
    right: 45px !important;
  }

  #product #nutrition-fact {
    font-size: 9px !important;
  }

  /* Classic - OTG - End */

  /* Product Page - End */
}

@media (max-width: 400px) {
  /* Product Page - Start */

  /* 	Dialog Box  -Start */

  #product .nasi-lemak-product .product-text-area .product-first-details {
    right: 50px !important;
  }
  #product
    .nasi-lemak-product
    .product-text-area
    .product-first-details.second-option {
    right: 50px !important;
    width: 280px !important;
    top: 120px !important;
  }

  #product .classics-product .product-text-area .product-first-details {
    right: 50px !important;
  }
  #product
    .classics-product
    .product-text-area
    .product-first-details.second-option {
    right: 50px !important;
    width: 280px !important;
    top: 120px !important;
  }

  #product .specialty-product .product-text-area .product-first-details {
    right: 50px !important;
  }
  #product
    .specialty-product
    .product-text-area
    .product-first-details.second-option {
    right: 50px !important;
    width: 280px !important;
    top: 120px !important;
  }

  #product .pocket-product .product-text-area .product-first-details {
    right: 50px !important;
  }
  #product
    .pocket-product
    .product-text-area
    .product-first-details.second-option {
    right: 50px !important;
    width: 280px !important;
    top: 120px !important;
  }

  #product .wrap-product .product-text-area .product-first-details {
    right: 50px !important;
  }
  #product
    .wrap-product
    .product-text-area
    .product-first-details.second-option {
    right: 50px !important;
    width: 280px !important;
    top: 120px !important;
  }

  #product .muffin-product .product-text-area .product-first-details {
    right: 50px !important;
  }
  #product
    .muffin-product
    .product-text-area
    .product-first-details.second-option {
    right: 50px !important;
    width: 280px !important;
    top: 120px !important;
  }

  #product .fries-product .product-text-area .product-first-details {
    right: 50px !important;
  }
  #product
    .fries-product
    .product-text-area
    .product-first-details.second-option {
    right: 50px !important;
    width: 280px !important;
    top: 120px !important;
  }

  #product .crunchy-fries-product .product-text-area .product-first-details {
    right: 50px !important;
  }
  #product
    .crunchy-fries-product
    .product-text-area
    .product-first-details.second-option {
    right: 50px !important;
    width: 280px !important;
    top: 120px !important;
  }

  #product .milk-product .product-text-area .product-first-details {
    right: 50px !important;
  }
  #product
    .milk-product
    .product-text-area
    .product-first-details.second-option {
    right: 50px !important;
    width: 280px !important;
    top: 120px !important;
  }

  #product .frozen-berries-product .product-text-area .product-first-details {
    right: 50px !important;
  }
  #product
    .frozen-berries-product
    .product-text-area
    .product-first-details.second-option {
    right: 50px !important;
    width: 280px !important;
    top: 120px !important;
  }

  #product .frozen-pastries-product .product-text-area .product-first-details {
    right: 50px !important;
  }
  #product
    .frozen-pastries-product
    .product-text-area
    .product-first-details.second-option {
    right: 50px !important;
    width: 280px !important;
    top: 120px !important;
  }

  #product .multigrain-product .product-text-area .product-first-details {
    right: 50px !important;
  }
  #product
    .multigrain-product
    .product-text-area
    .product-first-details.second-option {
    right: 50px !important;
    width: 280px !important;
    top: 120px !important;
  }

  #product .sugar-product .product-text-area .product-first-details {
    right: 50px !important;
  }
  #product
    .sugar-product
    .product-text-area
    .product-first-details.second-option {
    right: 50px !important;
    width: 280px !important;
    top: 120px !important;
  }

  #product .oat-product .product-text-area .product-first-details {
    right: 50px !important;
  }
  #product
    .oat-product
    .product-text-area
    .product-first-details.second-option {
    right: 50px !important;
    width: 280px !important;
    top: 120px !important;
  }

  #product .chia-seed-product .product-text-area .product-first-details {
    right: 50px !important;
  }
  #product
    .chia-seed-product
    .product-text-area
    .product-first-details.second-option {
    right: 50px !important;
    width: 280px !important;
    top: 120px !important;
  }

  #product .cheese-product .product-text-area .product-first-details {
    right: 50px !important;
  }
  #product
    .cheese-product
    .product-text-area
    .product-first-details.second-option {
    right: 50px !important;
    width: 280px !important;
    top: 120px !important;
  }

  /* 	Dialog Box  -Start */

  /* Product Page - End */
}

/* Mobile - 450px */
@media (max-width: 450px) {
  /* Homepage - Section Know Your Food */

  #home-header .main-content {
    width: 280px !important;
    height: 650px;
    margin-top: 5rem;
  }

  .home-title {
    font-size: 72px;
    line-height: 66px;
    left: -31px;
    top: 125px;
  }

  #line-top-mobile {
    right: 0px;
    top: -170px;
  }

  #line-bottom-mobile {
    right: -51px;
    top: 84px;
  }

  .home-model-1 {
    left: -95px;
    bottom: -200px;
    width: 400px;
    z-index: 1;
  }

  /* Homepage - Section About Us - Start */

  #home-header {
    height: 780px;
  }

  #about-line-left {
    display: none;
  }

  #about-line-center {
    display: none;
  }

  #home-about .about-heading {
    width: 100% !important;
    height: 50px;
    margin-bottom: 0;
  }

  #about-line-left {
    right: -140.5px;
    top: -680px;
  }

  #about-line-right {
    display: none;
  }

  .about-heading-box {
    align-items: center;
    text-align: center;
    margin-top: -720px;
  }

  .heading-text {
    font-size: 30px !important;
  }

  .about-heading-box p.subheading-text {
    font-size: 12px;
    line-height: 1.5rem;
  }

  button.about-color {
    font-size: 12px;
  }

  #home-about .content-width-1000 {
    width: 450px !important;
  }

  .about-old-guy {
    bottom: 230px;
    right: 85px;
  }

  .about-girl-hijab {
    bottom: 215px;
  }

  .about-guy-young {
    bottom: 215px;
    left: 113px;
  }

  .about-trio {
    z-index: 0;
    width: 507px;
    top: 40px;
    left: -41px;
  }

  /* 	------------------------------------ */

  .about-us-brown .about-us-brown-content {
    width: 280px;
    margin-top: 72px;
    margin-bottom: 72px;
  }

  .about-us-brown-description {
    font-size: 44px;
  }
  .about-us-brown-paragraph-1 {
    margin-bottom: 20px;
  }

  .circle-r-title {
    top: -20px;
  }

  .circle-r-paragraph {
  }

  /* Homepage - Section About Us - End */

  /* Homepage - Section OTG */

  #home-otg .otg-content {
    width: 370px !important;
  }

  #otg-line-top-mobile {
    left: -60px;
    top: -465px;
    width: 65%;
  }

  .home-otg-foodcraft-guy {
    width: 110%;
    left: 30px;
    top: 160px;
    position: absolute;
  }

  .otg-heading {
  }

  .otg-heading-box {
    width: 100%;
    align-items: center;
    margin-top: 250px;
  }

  .home-otg-foodcraft-logo {
    width: 50%;
  }

  .otg-heading-box p.subheading-text {
    text-align: center;
    font-size: 12px;
    line-height: 1.5rem;
    padding-left: 35px;
    padding-right: 35px;
  }

  .otg-heading-box button.otg-color {
    font-size: 12px;
  }

  #otg-line-bottom-mobile {
    left: 165px;
    bottom: 30px;
    width: 29%;
  }

  /* Homepage - Section Grocer */

  #grocer-line-top {
    display: none;
  }

  #home-grocer {
    margin-top: -287px;
    padding-top: 0;
  }

  #home-grocer .grocer-content {
    width: 100%;
  }

  .home-grocer-foodcraft-girl {
    width: 100%;
    position: absolute;
    border-radius: unset;
    left: unset;
  }

  .grocer-heading-box {
    width: 100%;
    margin-top: 18rem;
    padding: 2rem;
    margin-left: 0px;
  }

  .home-grocer-foodcraft-logo {
    width: 50%;
  }

  .grocer-heading-box p.subheading-text {
    line-height: 1.5rem;
  }

  .grocer-heading-box button.grocer-color {
    font-size: 12px;
  }

  /* Homepage - Section Life */

  #home-life {
    margin-top: -90px;
    padding-bottom: 90px;
  }

  #home-life .life-content {
    width: 370px;
  }

  #life-line-top-mobile {
    left: -60px;
    top: -325px;
    width: 65%;
  }

  .home-life-foodcraft-guy {
    width: 110%;
    position: absolute;
    left: 20px;
    top: 155px;
  }

  .life-heading-box {
    width: 100%;
    align-items: center !important;
    margin-top: 29rem;
    margin-left: 0px;
    display: flex;
  }

  .home-life-foodcraft-logo {
    width: 50%;
  }

  .life-heading-box p.subheading-text {
    text-align: center;
    font-size: 12px;
    line-height: 1.5rem;
    padding-left: 83px;
    padding-right: 83px;
  }

  .life-heading-box button.grocer-color {
    font-size: 12px;
  }

  /* Homepage - Section professional */

  #home-professional .professional-content {
    width: 370px !important;
  }

  #professional-line-top-mobile {
    left: -60px;
    top: -465px;
    width: 65%;
  }

  .home-professional-foodcraft-guy {
    width: 110%;
    left: 30px;
    top: 160px;
    position: absolute;
  }

  .professional-heading {
  }

  .professional-heading-box {
    width: 100%;
    align-items: center;
    margin-top: 250px;
  }

  .home-professional-foodcraft-logo {
    width: 50%;
  }

  .professional-heading-box p.subheading-text {
    text-align: center;
    font-size: 12px;
    line-height: 1.5rem;
    padding-left: 35px;
    padding-right: 35px;
  }

  .professional-heading-box button.professional-color {
    font-size: 12px;
  }

  #professional-line-bottom-mobile {
    left: 165px;
    bottom: 30px;
    width: 29%;
  }

  /* Homepage - Section Insta Feed */

  #instafeed .insta-feed-header {
    padding: 20px 0;
  }

  div#instafeed .insta-feed-content {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  div#sbi_images {
    padding: 0px;
  }

  #sb_instagram #sbi_images .sbi_item {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }

  /* Footer */

  #footer {
    z-index: 100;
    position: absolute;
  }

  #footer-container {
    width: 100% !important;
  }

  /* Footer - Subsection Foodcraft logo and Know Your Food */

  .footer-foodcraft-logo {
    width: 113px;
  }

  .logo-tagline {
    justify-content: center;
  }

  .tagline-footer {
    font-size: 0.5rem;
  }

  #footer-container p {
    font-size: 12px !important;
  }

  .footer-foodcraft-logo-otg,
  .footer-foodcraft-logo-grocer,
  .footer-foodcraft-logo-life {
    width: 20%;
    margin-right: 10px;
  }

  /* 	Footer - Subsection OTG ,Grocer and Life  */

  .footer-header {
    height: 65px;
  }

  .link-list {
    text-decoration: none;
  }

  /* 	Footer - Subsection Follow & Share */

  #footer-3 {
    text-align: center !important;
  }
  #footer-3 .footer-header {
    justify-content: center;
  }

  /* 	Footer - Subsection Contact Us  */

  #footer-4 {
    text-align: center !important;
  }
  #footer-4 .footer-header {
    justify-content: center;
  }

  /* 	Footer - Subsection Copyright */

  p#copyright {
    text-align: center !important;
    width: 210px !important;
  }

  /* OTG */

  #otg {
    min-height: 860px;
  }

  #otg .main-otg {
    width: 280px;
  }

  .main-otg .otg-rect-top {
    width: 300%;
    top: -200px;
  }

  .main-otg .otg-rect-bottom {
    width: 300%;
    top: -57px;
    z-index: 8 !important;
  }

  .sandwich-guy {
    top: 32px !important;
    left: 12px !important;
    width: 455px !important;
  }

  .otg-main-textbox {
    width: 280px;
    text-align: left;
    bottom: 30px;
  }

  .otg-logo {
    margin-bottom: 15px;
  }

  .otg-title {
    font-size: 40px;
  }

  .otg-desc {
    font-size: 18px;
  }

  /* OTG - Nasi Lemak */

  .nasi-lemak-section-otg {
    width: 284px;
    height: 1060px;
    margin-left: 0px !important;
    margin-top: 60px !important;
    display: flex;
    padding: 0px;
  }

  .nasi-lemak-container {
    order: 1;
    padding-left: calc(var(--bs-gutter-x) * 0.5) !important;
  }

  .nasi-lemak-details-container {
    order: 2;
    margin-top: 20px !important;
    padding-top: 0px;
  }

  .nasi-lemak-box {
    width: 280px;
    height: 358px;
    margin-left: 0px;
  }

  .nasi-lemak-details-box {
    padding-right: 0px;
  }

  .nasi-lemak-section-img {
    width: 386px;
    height: 437px;
    right: 0px;
    bottom: 0px;
  }

  .nasi-lemak-title {
    font-size: 41px;
    margin-bottom: 20px;
  }

  .nasi-lemak-listing .tab-content {
    width: 280px;
    margin-left: 0px;
  }

  .nasi-lemak-listing .carousel-indicators {
    bottom: -60px;
  }

  .nasi-lemak-slider-container {
    width: 100%;
  }

  .nasi-lemak-slider-img-box {
    display: flex;
    justify-content: center;
    align-self: center;
    margin: 0 auto;
  }

  .nasi-lemak-slider {
    width: 100%;
    object-fit: cover;
  }

  #nasi-lemak .carousel-inner {
    height: 240px;
  }

  /* 	OTG - Section Sandwich */

  .sandwich-section-otg {
    width: 284px;
    height: 1000px;
    margin-left: 0px !important;
    margin-top: 110px !important;
    padding: 0px;
  }

  .sandwich-classic-box {
    width: 280px;
    height: 344px;
    margin-left: 0px;
  }

  .sandwich-section-img {
    width: 442.6px;
    height: 278.92px;
    left: -190px;
  }

  .sandwich-section-img-tomato {
    width: 60%;
    top: -60px;
    right: -40px;
  }

  .sandwich-section-img-cucumber {
    width: 90px;
    top: 10px;
    right: 55px;
  }

  .sandwich-details {
    width: 280px !important;
    padding-top: 60px;
  }

  .sandwich-details-box {
    margin-left: 0px;
  }

  .sandwich-title {
    font-size: 41px;
    margin-bottom: 20px;
  }

  .sandwich-desc-text {
    font-size: 12px;
    line-height: 1.2rem;
  }

  .sandwich-listing {
    margin: 20px 0px;
  }

  .sandwich-category-selection.nav-pills .nav-link,
  .nav-pills .show > .nav-link {
    margin: 0px;
  }

  .sandwich-listing .tab-content {
    width: 280px;
  }

  .sandwich-listing .carousel-indicators {
    /* 		bottom: -30px; */
    bottom: -60px;
  }

  .sandwich-slider-container {
    /* 		width: 90px; */
    width: 100%;
  }
  .sandwich-slider {
    /* 		width: 90px; */
    /* width: 50%; */
    width: 125%;
    object-fit: cover;
  }

  .sandwich-slider-img-box {
    display: flex;
    justify-content: center;
    align-self: center;
    margin: 0 auto;
  }

  .sandwich-name {
    width: 150px;
  }

  #sandwich .carousel-inner {
    height: 220px;
  }

  /* OTG - Pocket Sandwich */

  .pocket-sandwich-section-otg {
    width: 284px;
    height: 1060px;
    margin-left: 0px !important;
    margin-top: 60px !important;
    display: flex;
    padding: 0px;
  }

  .pocket-sandwich-container {
    order: 1;
    padding-left: calc(var(--bs-gutter-x) * 0.5) !important;
  }

  .pocket-sandwich-details-container {
    order: 2;
    margin-top: 55px !important;
  }

  .pocket-sandwich-box {
    width: 280px;
    height: 358px;
    margin-left: 0px;
  }

  .pocket-sandwich-section-img {
    width: 489.25px;
    height: 263.43px;
    right: -118px;
    bottom: 25px;
  }

  .pocket-sandwich-section-img-nuts {
    width: 167px;
    height: 170px;
    right: -42px;
    top: -63px;
  }

  .pocket-sandwich-title {
    font-size: 41px;
    margin-bottom: 20px;
  }

  .pocket-sandwich-listing .tab-content {
    width: 280px;
    margin-left: 0px;
  }

  .pocket-sandwich-listing .carousel-indicators {
    bottom: -60px;
  }

  .pocket-sandwich-slider-container {
    width: 100%;
  }

  .pocket-sandwich-slider-img-box {
    display: flex;
    justify-content: center;
    align-self: center;
    margin: 0 auto;
  }

  .pocket-sandwich-slider {
    /* 		width: 90px; */
    width: 100%;
    object-fit: cover;
  }

  #pocket-sandwich .carousel-inner {
    height: 220px;
  }

  /* 	OTG - Section Wrap */

  .wrap-section-otg {
    width: 284px;
    height: 1000px;
    margin-left: 0px !important;
    margin-top: 110px !important;
    padding: 0px;
  }

  .wrap-classic-box {
    width: 280px;
    height: 344px;
    margin-left: 0px;
  }

  .wrap-section-img {
    width: 251px;
    height: 331px;
    left: 15px;
  }

  .wrap-details {
    width: 280px !important;
    padding-top: 60px;
  }

  .wrap-details-box {
    margin-left: 0px;
  }

  .wrap-title {
    font-size: 41px;
    margin-bottom: 20px;
  }

  .wrap-desc-text {
    font-size: 12px;
    line-height: 1.2rem;
  }

  .wrap-listing {
    margin: 20px 0px;
  }

  .wrap-category-selection.nav-pills .nav-link,
  .nav-pills .show > .nav-link {
    margin: 0px;
  }

  .wrap-listing .tab-content {
    width: 280px;
  }

  .wrap-listing .carousel-indicators {
    bottom: -60px;
  }

  .wrap-slider-container {
    width: 100%;
  }
  .wrap-slider {
    width: 100%;
    object-fit: cover;
  }

  .wrap-slider-img-box {
    display: flex;
    justify-content: center;
    align-self: center;
    margin: 0 auto;
  }

  .wrap-name {
    width: 150px;
  }

  #wrap .carousel-inner {
    height: 220px;
  }

  /* OTG - Muffins */

  .muffin-section-otg {
    width: 284px;
    height: 1060px;
    margin-left: 0px !important;
    margin-top: 60px !important;
    display: flex;
    padding: 0px;
  }

  .muffin-container {
    order: 1;
    padding-left: calc(var(--bs-gutter-x) * 0.5) !important;
  }

  .muffin-details-container {
    order: 2;
    margin-top: 55px !important;
  }

  .muffin-box {
    width: 280px;
    height: 358px;
    margin-left: 0px;
  }

  .muffin-section-img {
    width: 413px;
    height: 315px;
    right: -90px;
    bottom: 1px;
  }

  .muffin-title {
    font-size: 41px;
    margin-bottom: 20px;
  }

  .muffin-listing .tab-content {
    width: 280px;
    margin-left: 0px;
  }

  .muffin-listing .carousel-indicators {
    bottom: -60px;
  }

  .muffin-slider-container {
    width: 100%;
  }

  .muffin-slider-img-box {
    display: flex;
    justify-content: center;
    align-self: center;
    margin: 0 auto;
  }

  .muffin-slider {
    width: 100%;
    object-fit: cover;
  }

  #muffin .carousel-inner {
    height: 220px;
  }

  /* Grocer */

  #grocer {
    min-height: 860px;
  }

  #grocer .main-otg {
    width: 280px;
  }

  #grocer .otg-rect-top {
    width: 300%;
    top: -200px;
  }

  #grocer .otg-rect-bottom {
    width: 300%;
    top: -57px;
  }

  .fries-girl {
    width: 440px;
    left: -19px;
    bottom: 366px;
  }

  .grocer-main-textbox {
    width: 280px;
    text-align: left;
    bottom: 30px;
  }

  .grocer-logo {
    margin-bottom: 15px;
  }

  .grocer-title {
    font-size: 40px;
  }

  .grocer-desc {
    font-size: 18px;
  }

  /* Grocer - Fries */

  .fries-section-grocer {
    width: 284px;
    height: 970px;
    margin-left: 0px !important;
    margin-top: 10px !important;
    padding: 0px;
  }

  .fries-box {
    width: 280px;
    margin-left: 0px;
    height: 373px;
  }

  .fries-section-img {
    width: 160%;
    bottom: -52px;
    left: -76px;
    /* width: 115%;
		bottom: -25px;
		left: -40px; */
  }

  .fries-section-img-potato {
    width: 70%;
    top: -55px;
    right: -95px;
  }

  .fries-section-grocer .sandwich-details {
    padding-top: 0px;
  }

  .fries-title {
    font-size: 41px;
    margin-bottom: 20px;
  }

  .fries-listing {
    margin: 20px 0px;
  }

  .fries-listing .tab-content {
    width: 280px;
    margin-left: 0px;
  }

  .fries-listing .carousel-indicators {
    /* 		margin-bottom: -60px; */
    margin-bottom: -40px;
  }

  .sandwich-details > div.fries-listing > div > div > img {
    width: 90px !important;
  }

  .fries-slider-container {
    width: 100%;
  }

  .fries-slider-img-box {
    display: flex;
    justify-content: center;
    align-self: center;
    margin: 0 auto;
    height: 180px;
  }

  .fries-slider {
    width: 100%;
    object-fit: contain;
  }

  #fries .carousel-inner {
    /* 		height: 220px; */
  }

  /* Grocer - Milk */

  .milk-section-grocer {
    width: 284px;
    height: 960px;
    margin-left: 0px !important;
    margin-top: 35px !important;
    padding: 0px;
  }

  .milk-grocer-container {
    order: 1;
    margin-top: 45px !important;
    padding-left: calc(var(--bs-gutter-x) * 0.5) !important;
  }

  .milk-grocer-details-container {
    order: 2;
  }

  .milk-box {
    width: 280px;
    height: 366px;
    margin-left: 0px;
  }

  .pocket-milk-section-img {
    width: 595px;
    left: -155px;
  }

  .milk-title {
    font-size: 41px;
    margin-bottom: 20px;
  }

  .milk-listing {
    width: 280px;
    margin-left: 0px;
  }

  .milk-listing .tab-content {
    width: 280px;
  }

  .milk-grocer-details-container > div.milk-listing > div > div > img {
    width: 90px !important;
  }

  .milk-listing .carousel-indicators {
    margin-bottom: -30px;
  }

  .sandwich-details > div.fries-listing > div > div > img {
    width: 90px !important;
  }

  .milk-slider-container {
    width: 100%;
  }

  .milk-slider-img-box {
    display: flex;
    justify-content: center;
    align-self: center;
    margin: 0 auto;
  }

  .milk-slider {
    width: 100%;
    object-fit: contain;
  }

  /* Grocer - frozen - berries */

  .frozen-berries-section-grocer {
    width: 284px;
    height: 970px;
    margin-left: 0px !important;
    margin-top: 10px !important;
    padding: 0px;
  }

  .frozen-berries-box {
    width: 280px;
    margin-left: 0px;
    height: 373px;
  }

  .frozen-berries-section-img {
    width: 150%;
    bottom: 30px;
    left: -75px;
  }

  .frozen-berries-section-grocer .frozen-berries-details {
    padding-top: 0px;
  }

  .frozen-berries-subtitle {
    padding: 0;
  }

  .berry-background-shape{
    width: 95%;
  height: 95%;
  top: 50%;
  left: 50%;
  }

  .large-berry-image-actual{
    max-width: 140%;
  left: 0%;
  }

  .frozen-berries-right-column{
    margin-top: -830px;
  }

  .frozen-berries-section{
    padding-top: 260px;
    padding-bottom: 550px;
  }

  .frozen-berries-title {
    font-size: 8vw;
    margin-bottom: 20px;
    width: 100%;
  }

  .frozen-berries-details-box {
    margin-left: 0px;
  }

  .frozen-berries-desc-text {
    font-size: 12px;
    line-height: 1.2rem;
  }

  .frozen-berries-listing {
    margin: 20px 0px;
  }

  .frozen-berries-listing .tab-content {
    width: 280px;
    margin-left: 0px;
  }

  .frozen-berries-listing .carousel-indicators {
    margin-bottom: -60px;
  }

  .frozen-berries-details > div.frozen-berries-listing > div > div > img {
    width: 90px !important;
  }

  .frozen-berries-slider-container {
    width: 100%;
  }

  .frozen-berries-slider-img-box {
    display: flex;
    justify-content: center;
    align-self: center;
    margin: 0 auto;
  }

  .fries-slider {
    width: 100%;
    object-fit: cover;
  }

  /* Grocer - Milk */

  .frozen-pastries-section-grocer {
    width: 284px;
    height: 960px;
    margin-left: 0px !important;
    margin-top: 35px !important;
    padding: 0px;
  }

  .frozen-pastries-grocer-container {
    order: 1;
    margin-top: 45px !important;
    padding-left: calc(var(--bs-gutter-x) * 0.5) !important;
  }

  .frozen-pastries-grocer-details-container {
    order: 2;
  }

  .frozen-pastries-box {
    width: 280px;
    height: 366px;
    margin-left: 0px;
  }

  .frozen-pastries-section-img {
    width: 492px;
    left: -115px;
    bottom: 25px;
  }

  .frozen-pastries-title {
    font-size: 41px;
    margin-bottom: 20px;
  }

  .frozen-pastries-listing {
    width: 280px;
    margin-left: 0px;
  }

  .frozen-pastries-listing .tab-content {
    width: 280px;
  }

  .frozen-pastries-grocer-details-container
    > div.frozen-pastries-listing
    > div
    > div
    > img {
    width: 90px !important;
  }

  .frozen-pastries-listing .carousel-indicators {
    margin-bottom: -60px;
  }

  .sandwich-details > div.frozen-pastries-listing > div > div > img {
    width: 90px !important;
  }

  .frozen-pastries-slider-container {
    width: 100%;
  }

  .frozen-pastries-slider-img-box {
    display: flex;
    justify-content: center;
    align-self: center;
    margin: 0 auto;
  }

  .frozen-pastries-slider {
    width: 100%;
    object-fit: contain;
  }

  /* Life */

  #life .main-otg {
    width: 280px;
  }

  #life .old-guy {
    width: 132%;
    top: 27px;
    left: 23px;
  }

  .life-logo {
    margin-bottom: 15px;
  }

  /* Life - multigrain */

  .panel-multigrain-green {
    padding-top: 0px;
  }

  .multigrain-section-life {
    width: 284px;
    height: 940px;
    margin-left: 0px !important;
    margin-top: 30px !important;
    display: flex;
    padding: 0px;
  }

  .multigrain-container {
    order: 1;
    padding-left: calc(var(--bs-gutter-x) * 0.5) !important;
  }

  .multigrain-details-container {
    order: 2;
    margin-top: 15px !important;
  }

  .multigrain-box {
    width: 280px;
    height: 358px;
    margin-left: 0px;
  }

  .multigrain-section-img {
    width: 477px;
    left: -125px;
    top: -61px;
  }

  .multigrain-title {
    font-size: 41px;
    margin-bottom: 20px;
  }

  .multigrain-desc-text {
    font-size: 12px;
    line-height: 1.2rem;
    width: 280px;
  }

  .multigrain-listing {
    width: 280px;
    margin-left: 0px;
  }

  .multigrain-details-container > div.multigrain-listing > div > div > img {
    width: 130px !important;
  }

  .multigrain-slider-container {
    width: 100%;
  }

  .multigrain-slider-img-box {
    display: flex;
    justify-content: center;
    align-self: center;
    margin: 0 auto;
  }

  .multigrain-slider {
    width: 100%;
    object-fit: cover;
  }

  .multigrain-slider-container h6.sandwich-name {
    padding: 0px 20px;
  }

  .multigrain-listing .tab-content {
    width: 280px;
  }

  .multigrain-listing .carousel-indicators {
    bottom: -60px;
  }

  #multigrain .carousel-inner {
    height: 220px;
  }

  /* 	Life - Sugar */

  .sugar-section-life {
    width: 280px;
    height: 1000px;
    margin-left: 0px !important;
    margin-top: 60px !important;
    padding: 0px;
  }

  .sugar-box {
    width: 280px;
    height: 344px;
    margin-left: 0px;
  }

  .sugar-section-img {
    width: 220%;
    bottom: -35px;
    left: -100px;
  }

  .sugar-details {
    padding-top: 45px;
  }

  .sugar-details-box {
    margin-left: 0px;
  }

  .sugar-title {
    font-size: 41px;
  }

  .sugar-slider-container {
    width: 100%;
  }

  .sugar-slider-img-box {
    display: flex;
    justify-content: center;
    align-self: center;
    margin: 0 auto;
  }

  .sugar-slider-container h6.sandwich-name {
    /* 		padding: 0px 10px; */
  }

  .sugar-slider {
    width: 100%;
    object-fit: cover;
  }

  .sugar-listing {
    margin: 20px 0px;
  }

  .sugar-listing .tab-content {
    width: 280px;
  }

  .sugar-listing .carousel-indicators {
    bottom: -60px;
  }

  /* Life - Oat */

  .panel-peach {
    padding-top: 0px;
  }

  .oat-section-life {
    width: 284px;
    height: 940px;
    margin-left: 0px !important;
    margin-top: 30px !important;
    display: flex;
    padding: 0px;
  }

  .oat-container {
    order: 1;
    padding-left: calc(var(--bs-gutter-x) * 0.5) !important;
  }

  .oat-details-container {
    order: 2;
    margin-top: 15px !important;
  }

  .oat-box {
    width: 280px;
    height: 358px;
    margin-left: 0px;
  }

  .oat-section-img {
    width: 500px;
    left: -125px;
    top: 10px;
  }

  .oat-title {
    font-size: 41px;
    margin-bottom: 20px;
  }

  .oat-desc-text {
    font-size: 12px;
    line-height: 1.2rem;
    width: 280px;
  }

  .oat-listing {
    width: 280px;
    margin-left: 0px;
  }

  .oat-details-container > div.oat-listing > div > div > img {
    width: 130px !important;
  }

  .oat-slider-container {
    width: 100%;
  }

  .oat-slider-img-box {
    display: flex;
    justify-content: center;
    align-self: center;
    margin: 0 auto;
  }

  .oat-slider {
    width: 100%;
    object-fit: cover;
  }

  .oat-slider-container h6.sandwich-name {
    /* 		padding: 0px 20px; */
  }

  .oat-listing .tab-content {
    width: 280px;
  }

  .oat-listing .carousel-indicators {
    bottom: -60px;
  }

  /* Life - Chia Seed */

  .chia-seed-section-life {
    width: 280px;
    height: 1000px;
    margin-left: 0px !important;
    margin-top: 60px !important;
    padding: 0px;
  }

  .chia-seed-box {
    width: 280px;
    height: 344px;
    margin-left: 0px;
  }

  .chia-seed-section-img {
    width: 150%;
    bottom: 0px;
    left: -67px;
  }

  .chia-seed-details {
    padding-top: 45px;
  }

  .chia-seed-details-box {
    margin-left: 0px;
  }

  .chia-seed-title {
    font-size: 41px;
  }

  .chia-seed-listing {
    width: 335px;
    margin: 20px 0px;
  }

  .chia-seed-listing .carousel-indicators {
    bottom: -60px;
  }

  .chia-seed-slider-container {
    width: 100%;
  }

  .chia-seed-slider-img-box {
    display: flex;
    justify-content: center;
    align-self: center;
    margin: 0 auto;
  }

  .chia-seed-slider-container h6.sandwich-name {
    /* 		padding: 0px 10px; */
  }

  .chia-seed-slider {
    width: 100%;
    object-fit: cover;
  }

  .chia-seed-listing .tab-content {
    width: 280px;
  }

  /* professional */

  #professional {
    min-height: 920px;
  }

  #professional .main-professional {
    width: 280px;
  }

  .main-professional .professional-rect-top {
    width: 300%;
    top: -200px;
  }

  .main-professional .professional-rect-bottom {
    width: 140%;
    top: 177px;
    z-index: 8 !important;
    right: -112px;
  }

  #professional .sandwich-guy {
    top: -19px !important;
    left: 30px !important;
    width: 108%;
    height: auto;
  }

  .professional-main-textbox {
    width: 280px;
    text-align: left;
    bottom: -35px;
  }

  .professional-logo {
    margin-bottom: 15px;
  }

  .professional-title {
    font-size: 40px;
    line-height: 35px;
  }

  .professional-desc {
    font-size: 18px;
    line-height: 25px;
  }

  /* OTG - Cheese */

  .cheese-section-otg {
    width: 284px;
    height: 1060px;
    margin-left: 0px !important;
    margin-top: 60px !important;
    display: flex;
    padding: 0px;
  }

  .cheese-container {
    order: 1;
    padding-left: calc(var(--bs-gutter-x) * 0.5) !important;
  }

  .cheese-details-container {
    order: 2;
    margin-top: 20px !important;
    padding-top: 0px;
  }

  .cheese-box {
    width: 280px;
    height: 358px;
    margin-left: 0px;
  }

  .cheese-details-box {
    padding-right: 0px;
  }

  .cheese-section-img {
    width: 386px;
    height: 437px;
    right: 0px;
    bottom: 0px;
  }

  .cheese-title {
    font-size: 41px;
    margin-bottom: 20px;
  }

  .cheese-listing .tab-content {
    width: 280px;
    margin-left: 0px;
  }

  .cheese-listing .carousel-indicators {
    bottom: -60px;
  }

  .cheese-slider-container {
    width: 100%;
  }

  .cheese-slider-img-box {
    display: flex;
    justify-content: center;
    align-self: center;
    margin: 0 auto;
  }

  .cheese-slider {
    width: 100%;
    object-fit: cover;
  }

  #cheese .carousel-inner {
    height: 240px;
  }

  /* 	Cheese - professional - Start */

  #product .cheese-product .image-title-desc-sec {
    width: 100%;
    height: max-content;
  }

  #product .cheese-product .image-title-desc-sec .box {
    width: 100%;
    border-radius: 0px;
    margin-top: 0px;
  }

  #product .cheese-product .image-title-desc-sec .box-container {
    padding-left: 0px;
    padding-right: 0px;
    margin-top: 30px;
  }

  #product .cheese-product .product-text-area {
    justify-content: center;
    padding: 60px 30px;
  }

  #product .cheese-product .product-text-area .product-first-details {
    width: 280px;
    right: 73px;
    text-align: center;
    top: 140px;
  }

  #product
    .cheese-product
    .product-text-area
    .product-first-details.second-option {
    width: 335px;
    right: 45px;
    top: 140px;
  }

  #product .cheese-product .ingredient-box-content h2 {
    text-align: center;
  }

  #product .cheese-product .details-panel .nutritional-box h2 {
    /* 		text-align: center; */
  }

  #product .cheese-product .text-nutri-fact {
    font-size: 12px;
  }

  #product .cheese-product .each-serving {
    font-size: 12px;
  }

  #product #nutrition-fact {
    font-size: 12px;
  }

  #product .cheese-product .suggestion-panel .content h2 {
    text-align: center;
  }

  /* 	Cheese - professional - End */

  /* 	Location - Start */

  #map {
  }

  .location-filter {
    top: 6%;
    left: 15px;
  }

  .map-content {
    height: 104vh;
  }

  .floating-details {
    width: 100%;
    top: 500px;
    left: 0px;
    z-index: 9 !important;
  }

  .get-it-online {
    z-index: 10 !important;
    position: inherit;
  }

  /* 	Location - End */

  /* 	Lets Chat (400px) - Start */

  #contactUsModal.modal.show {
    padding-right: 0px !important;
  }

  #contactUsModal .modal-dialog {
    width: 300px !important;
    padding-right: 0px;
  }

  #contactUsModal .say-hi-box {
    width: 220px;
    top: 35px;
    left: initial;
  }

  #contactUsModal .say-hi-form-container {
    width: 260px;
  }

  #contactUsModal .say-hi-dialog-box-desktop {
    display: none;
  }

  #contactUsModal .say-hi-dialog-box-mobile {
    display: block;
  }

  #wpcf7-f437-o1 .form-box textarea,
  .wpcf7 .wpcf7-textarea {
    min-height: 138px;
  }

  #wpcf7-f437-o1 .client-checktext {
    width: 90% !important;
  }
  #wpcf7-f437-o1 .attach-container .wpcf7-form-control-wrap {
    width: 70% !important;
  }
  #wpcf7-f437-o1 #uploadbrowsebutton {
    padding: 8px 9px !important;
  }

  /* 	Lets Chat - End */

  /* Product Page - Start */

  .product-details-callout-rect {
    display: none;
  }

  .product-details-callout-rect-mobile {
    display: block;
  }

  .product-details-dialog-box-desktop {
    display: none;
  }

  .product-details-dialog-box-mobile {
    display: block;
  }

  .product-carousel-desktop {
    display: none;
  }

  .product-carousel-mobile {
    display: block;
  }

  #product .product-listing .carousel-control-prev {
    display: none;
  }

  #product .product-listing .carousel-control-next {
    display: none;
  }

  #product .product-listing .carousel-indicators {
    display: none;
  }

  #product .product-listing .carousel-control-prev.carousel-mobile {
    left: -60px;
    top: 85px;
    display: block;
  }

  #product .product-listing .carousel-control-next.carousel-mobile {
    right: -60px;
    top: 85px;
    display: block;
  }

  #product .product-listing .carousel-indicators.carousel-mobile {
    display: flex;
    bottom: -50px;
  }

  .product-slider-img-box {
    width: auto;
    height: inherit;
  }

  #productIndicatorsMobile div.product-slider-container {
    padding-left: 20px;
    padding-right: 20px;
  }

  #productIndicatorsMobile h6.sandwich-name {
    padding-left: 20px;
    padding-right: 20px;
  }

  .table#nutrition-fact {
    width: auto;
  }

  #product .banner-pic {
    width: 100%;
  }

  #product .banner-panel-desktop {
    display: none;
  }

  #product .banner-panel-mobile {
    display: block;
  }

  #product .more-about-box {
    width: 232px;
    margin: auto;
  }

  #product .more-about-title {
    font-size: 32px;
  }

  /* 	Nasi Lemak - OTG - Start */

  #product .nasi-lemak-product .image-title-desc-sec {
    width: 100%;
    height: max-content;
  }

  #product .nasi-lemak-product .image-title-desc-sec .box {
    width: 100%;
    border-radius: 0px;
    margin-top: 0px;
  }

  #product .nasi-lemak-product .image-title-desc-sec .box-container {
    padding-left: 0px;
    padding-right: 0px;
    margin-top: 30px;
  }

  #product .nasi-lemak-product .product-text-area {
    justify-content: center;
    padding: 60px 30px;
  }

  #product .nasi-lemak-product .product-text-area .product-first-details {
    width: 280px;
    right: 73px;
    text-align: center;
    top: 140px;
  }

  #product
    .nasi-lemak-product
    .product-text-area
    .product-first-details.second-option {
    width: 335px;
    right: 45px;
    top: 140px;
  }

  #product .nasi-lemak-product .ingredient-box-content h2 {
    text-align: center;
  }

  #product .nasi-lemak-product .details-panel .nutritional-box h2 {
    /* 		text-align: center; */
  }

  #product .nasi-lemak-product .text-nutri-fact {
    font-size: 12px;
  }

  #product .nasi-lemak-product .each-serving {
    font-size: 12px;
  }

  #product #nutrition-fact {
    font-size: 12px;
  }

  #product .nasi-lemak-product .suggestion-panel .content h2 {
    text-align: center;
  }

  /* 	Nasi Lemak - OTG - End */

  /* 	Classic - OTG - Start */

  #product .classics-product .image-title-desc-sec {
    width: 100%;
    height: max-content;
  }

  #product .classics-product .image-title-desc-sec .box {
    width: 100%;
    border-radius: 0px;
    margin-top: 0px;
  }

  #product .classics-product .image-title-desc-sec .box-container {
    padding-left: 0px;
    padding-right: 0px;
    margin-top: 30px;
  }

  #product .classics-product .product-text-area {
    justify-content: center;
    padding: 60px 30px;
  }

  #product .classics-product .product-text-area .product-first-details {
    width: 280px;
    right: 73px;
    text-align: center;
    top: 140px;
  }

  #product
    .classics-product
    .product-text-area
    .product-first-details.second-option {
    width: 335px;
    right: 45px;
    top: 140px;
  }

  #product .classics-product .ingredient-box-content h2 {
    text-align: center;
  }

  #product .classics-product .details-panel .nutritional-box h2 {
    /* 		text-align: center; */
  }

  #product .classics-product .text-nutri-fact {
    font-size: 12px;
  }

  #product .classics-product .each-serving {
    font-size: 12px;
  }

  #product #nutrition-fact {
    font-size: 12px;
  }

  #product .classics-product .suggestion-panel .content h2 {
    text-align: center;
  }

  /* 	Classic - OTG - End */

  /* 	Specialty - OTG - Start */

  #product .specialty-product .image-title-desc-sec {
    width: 100%;
    height: max-content;
  }

  #product .specialty-product .image-title-desc-sec .box {
    width: 100%;
    border-radius: 0px;
    margin-top: 0px;
  }

  #product .specialty-product .image-title-desc-sec .box-container {
    padding-left: 0px;
    padding-right: 0px;
    margin-top: 30px;
  }

  #product .specialty-product .product-text-area {
    justify-content: center;
    padding: 60px 30px;
  }

  #product .specialty-product .product-text-area .product-first-details {
    width: 280px;
    right: 73px;
    text-align: center;
    top: 140px;
  }

  #product
    .specialty-product
    .product-text-area
    .product-first-details.second-option {
    width: 335px;
    right: 45px;
    top: 140px;
  }

  #product .specialty-product .ingredient-box-content h2 {
    text-align: center;
  }

  #product .specialty-product .details-panel .nutritional-box h2 {
    /* 		text-align: center; */
  }

  #product .specialty-product .text-nutri-fact {
    font-size: 12px;
  }

  #product .specialty-product .each-serving {
    font-size: 12px;
  }

  #product #nutrition-fact {
    font-size: 12px;
  }

  #product .specialty-product .suggestion-panel .content h2 {
    text-align: center;
  }

  /* 	Specialty - OTG - End */

  /* 	Pocket - OTG - Start */

  #product .pocket-product .image-title-desc-sec {
    width: 100%;
    height: max-content;
  }

  #product .pocket-product .image-title-desc-sec .box {
    width: 100%;
    border-radius: 0px;
    margin-top: 0px;
  }

  #product .pocket-product .image-title-desc-sec .box-container {
    padding-left: 0px;
    padding-right: 0px;
    margin-top: 30px;
  }

  #product .pocket-product .product-text-area {
    justify-content: center;
    padding: 60px 30px;
  }

  #product .pocket-product .product-text-area .product-first-details {
    width: 280px;
    right: 73px;
    text-align: center;
    top: 140px;
  }

  #product
    .pocket-product
    .product-text-area
    .product-first-details.second-option {
    width: 335px;
    right: 45px;
    top: 140px;
  }

  #product .pocket-product .ingredient-box-content h2 {
    text-align: center;
  }

  #product .pocket-product .details-panel .nutritional-box h2 {
    /* 		text-align: center; */
  }

  #product .pocket-product .text-nutri-fact {
    font-size: 12px;
  }

  #product .pocket-product .each-serving {
    font-size: 12px;
  }

  #product #nutrition-fact {
    font-size: 12px;
  }

  #product .pocket-product .suggestion-panel .content h2 {
    text-align: center;
  }

  /* 	Pocket - OTG - End */

  /* 	Wrap - OTG - Start */

  #product .wrap-product .image-title-desc-sec {
    width: 100%;
    height: max-content;
  }

  #product .wrap-product .image-title-desc-sec .box {
    width: 100%;
    border-radius: 0px;
    margin-top: 0px;
  }

  #product .wrap-product .image-title-desc-sec .box-container {
    padding-left: 0px;
    padding-right: 0px;
    margin-top: 30px;
  }

  #product .wrap-product .product-text-area {
    justify-content: center;
    padding: 60px 30px;
  }

  #product .wrap-product .product-text-area .product-first-details {
    width: 280px;
    right: 73px;
    text-align: center;
    top: 140px;
  }

  #product
    .wrap-product
    .product-text-area
    .product-first-details.second-option {
    width: 335px;
    right: 45px;
    top: 140px;
  }

  #product .wrap-product .ingredient-box-content h2 {
    text-align: center;
  }

  #product .wrap-product .details-panel .nutritional-box h2 {
    /* 		text-align: center; */
  }

  #product .wrap-product .text-nutri-fact {
    font-size: 12px;
  }

  #product .wrap-product .each-serving {
    font-size: 12px;
  }

  #product #nutrition-fact {
    font-size: 12px;
  }

  #product .wrap-product .suggestion-panel .content h2 {
    text-align: center;
  }

  /* 	Wrap - OTG - End */

  /* 	Muffin - OTG - Start */

  #product .muffin-product .image-title-desc-sec {
    width: 100%;
    height: max-content;
  }

  #product .muffin-product .image-title-desc-sec .box {
    width: 100%;
    border-radius: 0px;
    margin-top: 0px;
  }

  #product .muffin-product .image-title-desc-sec .box-container {
    padding-left: 0px;
    padding-right: 0px;
    margin-top: 30px;
  }

  #product .muffin-product .product-text-area {
    justify-content: center;
    padding: 60px 30px;
  }

  #product .muffin-product .product-text-area .product-first-details {
    width: 280px;
    right: 73px;
    text-align: center;
    top: 140px;
  }

  #product
    .muffin-product
    .product-text-area
    .product-first-details.second-option {
    width: 335px;
    right: 45px;
    top: 140px;
  }

  #product .muffin-product .ingredient-box-content h2 {
    text-align: center;
  }

  #product .muffin-product .details-panel .nutritional-box h2 {
    /* 		text-align: center; */
  }

  #product .muffin-product .text-nutri-fact {
    font-size: 12px;
  }

  #product .muffin-product .each-serving {
    font-size: 12px;
  }

  #product #nutrition-fact {
    font-size: 12px;
  }

  #product .muffin-product .suggestion-panel .content h2 {
    text-align: center;
  }

  /* 	Muffin - OTG - End */

  /* 	Fries - Grocer - Start */

  #product .fries-product .image-title-desc-sec {
    width: 100%;
    height: max-content;
  }

  #product .fries-product .image-title-desc-sec .box {
    width: 100%;
    border-radius: 0px;
    margin-top: 0px;
  }

  #product .fries-product .image-title-desc-sec .box-container {
    padding-left: 0px;
    padding-right: 0px;
    margin-top: 30px;
  }

  #product .fries-product .product-text-area {
    justify-content: center;
    padding: 60px 30px;
  }

  #product .fries-product .product-text-area .product-first-details {
    width: 280px;
    right: 73px;
    text-align: center;
    top: 140px;
  }

  #product
    .fries-product
    .product-text-area
    .product-first-details.second-option {
    width: 335px;
    right: 45px;
    top: 140px;
  }

  #product .fries-product .ingredient-box-content h2 {
    text-align: center;
  }

  #product .fries-product .details-panel .nutritional-box h2 {
    /* 		text-align: center; */
  }

  #product .fries-product .text-nutri-fact {
    font-size: 12px;
  }

  #product .fries-product .each-serving {
    font-size: 12px;
  }

  #product #nutrition-fact {
    font-size: 12px;
  }

  #product .fries-product .suggestion-panel .content h2 {
    text-align: center;
  }

  /* 	Fries - Grocer - End */

  /* 	Crunchy Fries - Grocer - Start */

  #product .crunchy-fries-product .image-title-desc-sec {
    width: 100%;
    height: max-content;
  }

  #product .crunchy-fries-product .image-title-desc-sec .box {
    width: 100%;
    border-radius: 0px;
    margin-top: 0px;
  }

  #product .crunchy-fries-product .image-title-desc-sec .box-container {
    padding-left: 0px;
    padding-right: 0px;
    margin-top: 30px;
  }

  #product .crunchy-fries-product .product-text-area {
    justify-content: center;
    padding: 60px 30px;
  }

  #product .crunchy-fries-product .product-text-area .product-first-details {
    width: 280px;
    right: 73px;
    text-align: center;
    top: 140px;
  }

  #product
    .crunchy-fries-product
    .product-text-area
    .product-first-details.second-option {
    width: 335px;
    right: 45px;
    top: 140px;
  }

  #product .crunchy-fries-product .ingredient-box-content h2 {
    text-align: center;
  }

  #product .crunchy-fries-product .details-panel .nutritional-box h2 {
    /* 		text-align: center; */
  }

  #product .crunchy-fries-product .text-nutri-fact {
    font-size: 12px;
  }

  #product .crunchy-fries-product .each-serving {
    font-size: 12px;
  }

  #product #nutrition-fact {
    font-size: 12px;
  }

  #product .crunchy-fries-product .suggestion-panel .content h2 {
    text-align: center;
  }

  /* 	Crunchy Fries - Grocer - End */

  /* 	Milk - Grocer - Start */

  #product .milk-product .image-title-desc-sec {
    width: 100%;
    height: max-content;
  }

  #product .milk-product .image-title-desc-sec .box {
    width: 100%;
    border-radius: 0px;
    margin-top: 0px;
  }

  #product .milk-product .image-title-desc-sec .box-container {
    padding-left: 0px;
    padding-right: 0px;
    margin-top: 30px;
  }

  #product .milk-product .product-text-area {
    justify-content: center;
    padding: 60px 30px;
  }

  #product .milk-product .product-text-area .product-first-details {
    width: 280px;
    right: 73px;
    text-align: center;
    top: 140px;
  }

  #product
    .milk-product
    .product-text-area
    .product-first-details.second-option {
    width: 335px;
    right: 45px;
    top: 140px;
  }

  #product .milk-product .ingredient-box-content h2 {
    text-align: center;
  }

  #product .milk-product .details-panel .nutritional-box h2 {
    /* 		text-align: center; */
  }

  #product .milk-product .text-nutri-fact {
    font-size: 12px;
  }

  #product .milk-product .each-serving {
    font-size: 12px;
  }

  #product #nutrition-fact {
    font-size: 12px;
  }

  #product .milk-product .suggestion-panel .content h2 {
    text-align: center;
  }

  /* 	Milk - Grocer - End */

  /* 	Frozen Berries - Grocer - Start */

  #product .frozen-berries-product .image-title-desc-sec {
    width: 100%;
    height: max-content;
  }

  #product .frozen-berries-product .image-title-desc-sec .box {
    width: 100%;
    border-radius: 0px;
    margin-top: 0px;
  }

  #product .frozen-berries-product .image-title-desc-sec .box-container {
    padding-left: 0px;
    padding-right: 0px;
    margin-top: 30px;
  }

  #product .frozen-berries-product .product-text-area {
    justify-content: center;
    padding: 60px 30px;
  }

  #product .frozen-berries-product .product-text-area .product-first-details {
    width: 280px;
    right: 73px;
    text-align: center;
    top: 140px;
  }

  #product
    .frozen-berries-product
    .product-text-area
    .product-first-details.second-option {
    width: 335px;
    right: 45px;
    top: 140px;
  }

  #product .frozen-berries-product .ingredient-box-content h2 {
    text-align: center;
  }

  #product .frozen-berries-product .details-panel .nutritional-box h2 {
    /* 		text-align: center; */
  }

  #product .frozen-berries-product .text-nutri-fact {
    font-size: 12px;
  }

  #product .frozen-berries-product .each-serving {
    font-size: 12px;
  }

  #product #nutrition-fact {
    font-size: 12px;
  }

  #product .frozen-berries-product .suggestion-panel .content h2 {
    text-align: center;
  }

  /* 	Frozen Berries - Grocer - End */

  /* 	Frozen Pastries - Grocer - Start */

  #product .frozen-pastries-product .image-title-desc-sec {
    width: 100%;
    height: max-content;
  }

  #product .frozen-pastries-product .image-title-desc-sec .box {
    width: 100%;
    border-radius: 0px;
    margin-top: 0px;
  }

  #product .frozen-pastries-product .image-title-desc-sec .box-container {
    padding-left: 0px;
    padding-right: 0px;
    margin-top: 30px;
  }

  #product .frozen-pastries-product .product-text-area {
    justify-content: center;
    padding: 60px 30px;
  }

  #product .frozen-pastries-product .product-text-area .product-first-details {
    width: 280px;
    right: 73px;
    text-align: center;
    top: 140px;
  }

  #product
    .frozen-pastries-product
    .product-text-area
    .product-first-details.second-option {
    width: 335px;
    right: 45px;
    top: 140px;
  }

  #product .frozen-pastries-product .ingredient-box-content h2 {
    text-align: center;
  }

  #product .frozen-pastries-product .details-panel .nutritional-box h2 {
    /* 		text-align: center; */
  }

  #product .frozen-pastries-product .text-nutri-fact {
    font-size: 12px;
  }

  #product .frozen-pastries-product .each-serving {
    font-size: 12px;
  }

  #product #nutrition-fact {
    font-size: 12px;
  }

  #product .frozen-pastries-product .suggestion-panel .content h2 {
    text-align: center;
  }

  /* 	Frozen Pastries - Grocer - End */

  /* 	multigrain - Life - Start */

  #product .multigrain-product .image-title-desc-sec {
    width: 100%;
    height: max-content;
  }

  #product .multigrain-product .image-title-desc-sec .box {
    width: 100%;
    border-radius: 0px;
    margin-top: 0px;
  }

  #product .multigrain-product .image-title-desc-sec .box-container {
    padding-left: 0px;
    padding-right: 0px;
    margin-top: 30px;
  }

  #product .multigrain-product .product-text-area {
    justify-content: center;
    padding: 60px 30px;
  }

  #product .multigrain-product .product-text-area .product-first-details {
    width: 280px;
    right: 73px;
    text-align: center;
    top: 140px;
  }

  #product
    .multigrain-product
    .product-text-area
    .product-first-details.second-option {
    width: 335px;
    right: 45px;
    top: 140px;
  }

  #product .multigrain-product .ingredient-box-content h2 {
    text-align: center;
  }

  #product .multigrain-product .details-panel .nutritional-box h2 {
    /* 		text-align: center; */
  }

  #product .multigrain-product .text-nutri-fact {
    font-size: 12px;
  }

  #product .multigrain-product .each-serving {
    font-size: 12px;
  }

  #product #nutrition-fact {
    font-size: 12px;
  }

  #product .multigrain-product .suggestion-panel .content h2 {
    text-align: center;
  }

  /* 	multigrain - Life - End */

  /* 	Sugar - Life - Start */

  #product .sugar-product .image-title-desc-sec {
    width: 100%;
    height: max-content;
  }

  #product .sugar-product .image-title-desc-sec .box {
    width: 100%;
    border-radius: 0px;
    margin-top: 0px;
  }

  #product .sugar-product .image-title-desc-sec .box-container {
    padding-left: 0px;
    padding-right: 0px;
    margin-top: 30px;
  }

  #product .sugar-product .product-text-area {
    justify-content: center;
    padding: 60px 30px;
  }

  #product .sugar-product .product-text-area .product-first-details {
    width: 280px;
    right: 73px;
    text-align: center;
    top: 140px;
  }

  #product
    .sugar-product
    .product-text-area
    .product-first-details.second-option {
    width: 335px;
    right: 45px;
    top: 140px;
  }

  #product .sugar-product .ingredient-box-content h2 {
    text-align: center;
  }

  #product .sugar-product .details-panel .nutritional-box h2 {
    /* 		text-align: center; */
  }

  #product .sugar-product .text-nutri-fact {
    font-size: 12px;
  }

  #product .sugar-product .each-serving {
    font-size: 12px;
  }

  #product #nutrition-fact {
    font-size: 12px;
  }

  #product .sugar-product .suggestion-panel .content h2 {
    text-align: center;
  }

  /* 	Sugar - Life - End */

  /* 	Oat - Life - Start */

  #product .oat-product .image-title-desc-sec {
    width: 100%;
    height: max-content;
  }

  #product .oat-product .image-title-desc-sec .box {
    width: 100%;
    border-radius: 0px;
    margin-top: 0px;
  }

  #product .oat-product .image-title-desc-sec .box-container {
    padding-left: 0px;
    padding-right: 0px;
    margin-top: 30px;
  }

  #product .oat-product .product-text-area {
    justify-content: center;
    padding: 60px 30px;
  }

  #product .oat-product .product-text-area .product-first-details {
    width: 280px;
    right: 73px;
    text-align: center;
    top: 140px;
  }

  #product
    .oat-product
    .product-text-area
    .product-first-details.second-option {
    width: 335px;
    right: 45px;
    top: 140px;
  }

  #product .oat-product .ingredient-box-content h2 {
    text-align: center;
  }

  #product .oat-product .details-panel .nutritional-box h2 {
    /* 		text-align: center; */
  }

  #product .oat-product .text-nutri-fact {
    font-size: 12px;
  }

  #product .oat-product .each-serving {
    font-size: 12px;
  }

  #product #nutrition-fact {
    font-size: 12px;
  }

  #product .oat-product .suggestion-panel .content h2 {
    text-align: center;
  }

  /* 	Oat - Life - End */

  /* 	Chia - Seed - Life - Start */

  #product .chia-seed-product .image-title-desc-sec {
    width: 100%;
    height: max-content;
  }

  #product .chia-seed-product .image-title-desc-sec .box {
    width: 100%;
    border-radius: 0px;
    margin-top: 0px;
  }

  #product .chia-seed-product .image-title-desc-sec .box-container {
    padding-left: 0px;
    padding-right: 0px;
    margin-top: 30px;
  }

  #product .chia-seed-product .product-text-area {
    justify-content: center;
    padding: 60px 30px;
  }

  #product .chia-seed-product .product-text-area .product-first-details {
    width: 280px;
    right: 73px;
    text-align: center;
    top: 140px;
  }

  #product
    .chia-seed-product
    .product-text-area
    .product-first-details.second-option {
    width: 335px;
    right: 45px;
    top: 140px;
  }

  #product .chia-seed-product .ingredient-box-content h2 {
    text-align: center;
  }

  #product .chia-seed-product .details-panel .nutritional-box h2 {
    /* 		text-align: center; */
  }

  #product .chia-seed-product .text-nutri-fact {
    font-size: 12px;
  }

  #product .chia-seed-product .each-serving {
    font-size: 12px;
  }

  #product #nutrition-fact {
    font-size: 12px;
  }

  #product .chia-seed-product .suggestion-panel .content h2 {
    text-align: center;
  }

  /* 	Chia - Seed - Life - End */

  /* Product Ingredient Button and Modal -  Start */

  #product #ingredientModal .modal-dialog {
    width: 280px;
  }

  /* Product Ingredient Button and Modal -  End */

  /* Product Page - End */

  /* About Page - Start */

  /* 	First Section - Start */

  .about-us-header .about-us-header-content {
    width: 280px;
  }

  .callouts-about {
    width: 364px;
    height: 291px;
    margin-left: 20px;
  }

  .text-inside-callouts {
    font-size: 69px;
    top: 55px;
    left: -65px;
    line-height: 76px;
  }

  .about-us-trio {
    width: 492px;
    margin-top: 0px;
    left: -378px;
    bottom: -1px;
    position: absolute;
  }

  /* 	First Section - End */

  /* 	Second Section - Start */

  .about-us-red .about-us-red-content {
    width: 370px !important;
    flex-wrap: wrap-reverse;
    padding: 0px;
  }

  .pink-box {
    width: 348px;
    height: 262.52px;
  }

  .otg-about {
    bottom: -80px;
    width: 320px;
    left: 10px;
  }

  .about-us-text-box p {
    width: 100%;
  }

  /* 	Second Section - End */

  /* 	Third Section - Start */

  .about-us-blue {
    min-height: 730px;
  }

  .about-us-blue .about-us-blue-content {
    width: 370px !important;
    flex-wrap: wrap;
    padding: 0px;
  }

  .lightblue-box {
    width: 348px;
    height: 262.52px;
  }

  .grocer-about {
    width: 450px;
    bottom: -60px;
    left: -30px;
  }

  /* 	Third Section - End */

  /* 	Forth Section - Start */

  .about-us-green {
    min-height: 700px;
  }

  .about-us-green .about-us-green-content {
    width: 370px !important;
    flex-wrap: wrap-reverse;
    padding: 0px;
  }

  .lightgreen-box {
    width: 348px;
    height: 262.52px;
  }

  .life-about {
    bottom: -90px;
    width: 340px;
    left: 15px;
  }

  .about-us-green-content .about-us-text-box p {
    /* 		width: 345px; */
    width: 100%;
  }

  .about-us-green-content .about-us-text-box .kyf {
    font-size: 35px !important;
    width: 320px;
    text-align: center;
  }

  /* 	Forth Section - End */

  /* 	Fifth Section - Start */

  .dpo-logo {
    width: 197px;
    height: 132px;
  }

  .dpo-logo-box {
    display: flex;
    justify-content: center;
  }

  .about-us-dark-blue .about-us-dark-blue-content {
    width: 370px !important;
    flex-wrap: wrap;
    padding: 0px;
  }

  .about-dpo-text-box p {
    width: 100%;
  }

  /* 	Fifth Section - End */

  /* About Page - End */

  /* Carousel Inner Category Page - Start */

  .carousel-inner-desktop {
    display: none;
  }
  .carousel-inner-mobile {
    display: block;
  }

  /* Carousel Inner Category Page - End */
}

/* Tablet - 768px */
@media (max-width: 768px) {
  /* Footer */

  #footer-container {
    width: 100% !important;
  }
  .berry-image{
    max-height: 140px !important;
  }
}

/* Laptop - 1024px */
@media (max-width: 1024px) {
  /* Footer */

  #footer-container {
    width: 100% !important;
  }
}