/* 🔹 Tablets (768px - 1024px) */
 @media only screen and (min-width: 768px) and (max-width: 1024px) {
   /* .our-values {
     background: url(../img/our-values.png) no-repeat;
     background-position: 90% 60%;
     background-size: cover;
   }

   .community {
     background: url(../img/community.png) no-repeat;
     background-position: 21% 60%;
     background-size: cover;
   }

   .quality {
     background: url(../img/quality.png) no-repeat;
     background-position: 90% 60%;
     background-size: cover;
   } */

   .common-section.about-section {
     background: url(../img/about_us.png) no-repeat;
     background-size: cover;
     background-position: 20%;
   }

   .common-section.foodies-section {
     background: url(../img/to_talk.png) no-repeat;
     background-size: cover;
     background-position: 90%;
   }

   .common-section.catering-section {
     background: url(../img/catering.png) no-repeat;
     background-size: cover;
     background-position: 20%;
   }

   .common-section.foodies-section .common-content {
     padding-left: 100px;
   }

   .our-values .common-content {
     padding-left: 100px;
   }

   .quality .common-content {
     padding-left: 100px;
   }

   .community .common-content {
     padding-right: 100px;
   }

   .theme-subheading-red {
     font-size: 32px;
   }

   .footer-list:not(.our-brands .footer-list) {
     columns: 2;
     /* now 2 columns on small screens */
     -webkit-columns: 2;
     -moz-columns: 2;
   }

   footer .footer-waves {
     height: 170px;
     background-size: 108% 100% !important;
   }

   footer {
     min-height: 600px;
   }

   .footer-logo {
     width: 150px;
   }

   .common-section {
     border-radius: 0;
     min-height: 500px !important;
   }

   .common-content h2 {
     font-size: 60px;
   }

   .common-content p {
     font-size: 16px;
   }

   .footer-bottom {
     padding: 15px 0;
     bottom: 20px;
   }

   .ambassador {
     padding: 30px !important;
   }

   .taster {
     padding: 30px !important;
   }

   .breadcrumbs .bread-text {
     padding: 10px;
     bottom: 0px;
   }

   .breadcrumbs .bread-text2 h1 {
     color: #A32430;
     font-size: 38px;
     font-weight: bold;
   }

   .breadMainLogo {
     width: 250px;
   }

   .breadcrumbs {
     min-height: 46vh;
     padding: 20px 15px;
   }

   .breadcrumbs .breadLogo {
     max-width: 95px;
   }

   .breadcrumbs .order-btn {
     font-size: 14px;
     padding: 8px 20px;
     margin: 0;
   }

   .breadcrumbs .bread-social img {
     width: 24px;
     height: 24px;
   }

   .breadcrumbs .bread-text {
     padding: 10px;
   }

   .breadcrumbs .bread-social {
     position: absolute;
     bottom: 14px;
   }

   .breadcrumbs .bread-available-platforms {
     position: absolute;
     bottom: 14px;
     right: 10px;
   }

   .bread-available-platforms h6 {
     font-size: 16px;
   }

   .bread-available-platforms img {
     width: 19px;
   }

   .breadcrumbs .breadcover {
     bottom: -10px;
   }

   .breadcrumbs .bread-text {
     padding: 10px;
     bottom: 0px;
   }

   .breadcrumbs .bread-text2 h1 {
     color: #A32430;
     font-size: 56px;
     font-weight: bold;
   }

   .breadMainLogo {
     width: 300px;
   }


   .breadcrumbs {
     min-height: 80vh;
     padding: 30px 15px;
   }

   .breadcrumbs .breadLogo {
     max-width: 120px;
   }

   .breadcrumbs .order-btn {
     font-size: 15px;
     padding: 9px 22px;
   }


   .breadcrumbs .breadcover {
     bottom: -10px;
   }
 }