@media only screen and (min-width:1921px) {}



@media only screen and (min-width:1280px) {

  .container {
    max-width: 1236px;
  }

}


@media only screen and (max-width:1680px) {}

@media only screen and (max-width:1600px) {}

@media only screen and (max-width:1440px) {}

@media only screen and (min-width:1500px) {}

@media only screen and (max-width:1366px) {

  .advanced-bakery-item {
    width: 50%;
    margin-bottom: 20px;
  }

  .mb-100 {
    margin-bottom: 80px;
  }

  footer {
    padding: 80px 0px;
  }

}

@media only screen and (max-width:1280px) {}

@media only screen and (max-width:1200px) {

  .production-lines-top ul {
    min-height: 178px;
  }

  h1,
  h2 {
    font-size: 44px;
  }

}

@media only screen and (max-width:1024px) {

  h1,
  h2 {
    font-size: 40px;
  }

  .thankyoupage {
    margin: 150px 0px 100px;
  }

  .bullet-list ul {
    min-height: 178px;
  }
}

@media only screen and (max-width:992px) {

  .hm-advancingrow {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
  }

  .hm-advancing-content {
    margin-bottom: 20px;
  }

  .production-lines-bottom {
    text-align: center;
    margin-bottom: 40px;
  }

  .production-lines br,
  .advanced-bakery br {
    display: none;
  }

  .modal-dialog {
    max-width: 700px;
  }

  .bullet-list ul {
    min-height: auto;
  }

  .production-lines-top h5 {

    padding-bottom: 20px;

  }
}

@media only screen and (max-width:768px) {}

@media only screen and (max-width:767px) {}

@media only screen and (max-width:480px) {

  .container {
    padding: 0px 20px;
  }

  .btn-theme,
  .btn-theme-white {
    padding: 10px 30px;
  }

  h1,
  h2 {
    font-size: 30px;
  }

  h5 {
    font-size: 22px;
  }

  .mb-100 {
    margin-bottom: 50px;
  }

  .mb-60 {
    margin-bottom: 40px;
  }

  .mb-40 {
    margin-bottom: 20px;
  }

  .mb-50 {
    margin-bottom: 30px;
  }

  .logo {
    padding: 10px 0px;
  }

  .hero-content {
    width: 100%;
    display: flex !important;
    flex-wrap: wrap !important;
    flex-direction: column !important;
    text-align: center !important;
    padding: 30px 20px;
  }

  .hero-content-item {
    width: 100%;
    padding: 0px 12px;
    margin-bottom: 30px;
    border-right: none !important;
    border-bottom: 1px solid #D4D4D4;
  }

  .hero-content-item h5 {
    margin-bottom: 10px;
  }

  .hero-content-item:last-child {
    margin-bottom: 0px;
  }

  .hero-content-item p {
    margin-bottom: 15px !important;
  }

  .production-lines-top h5 {
    margin-bottom: 20px;
    padding-bottom: 20px;
  }

  .production-lines-bottom {
    text-align: center;
    margin-bottom: 50px;
  }

  .advanced-bakery-item {
    width: 100%;
  }

  .excellence_items {
    padding: 25px 25px;
  }

  .take-the-leap-section .contentrow .text-white {
    color: #EC2227 !important;
  }

  section.take-the-leap-section {
    flex-direction: column-reverse;
  }

  .take-the-leap-section .contentrow {
    position: unset;
    transform: unset;
    margin-bottom: 35px;
  }

  footer {
    padding: 60px 0px;
  }

  .modal-body {
    padding: 50px 30px;
  }

  .hero-content-item h5 {
    line-height: 1;
  }

  .hero-content-item:last-child p {
    margin-bottom: 0px !important;
  }

  .hero-logo {
    max-width: 200px;
    margin: 0px auto;
  }

  .production-lines .row>[class^="col-"]:last-child .production-lines-bottom {
    margin-bottom: 30px;
  }

  footer h2 {
    line-height: 1.2;
  }

}

@media only screen and (max-width:390px) {}

@media only screen and (max-width:375px) {

  .advanced-bakery-item h5 {
    font-size: 22px;
  }
}

@media only screen and (max-width:360px) {}

@media only screen and (max-width:320px) {}


/* Animation css  */
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    transform: translateY(-50px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-50px);
    transform: translateX(-50px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    transform: translateX(-50px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(50px);
    -ms-transform: translateX(50px);
    transform: translateX(50px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    opacity: 0;
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}