@media screen and (max-width: 1024px) and (orientation: portrait) {
}

@media screen and (max-width: 768px) and (orientation: landscape) {

}

@media screen and (max-width: 1440px) {
  .abt-txt-block .wwa-title h1 {
    font-size: 54px;
    line-height: 60px;
  }

  .abt-txt-block .wwa-desc {
    font-size: 23px;
  }

  .abt-txt-block .abt-txt-block-cont {
    max-width: 700px;
  }

  .abt-txt-block .social-contact .wwa-contact-social {
    font-size: 30px;
    line-height: 30px;
  }

  .abt-txt-block .tohome-cookie{
    height: 450px;
    width: auto;
  }

  .abt-txt-block .tohome-cookie.left {
    left: calc(50% - 210px);
  }

  .abt-txt-block .tohome-cookie.right {
    right: calc(50% - 215px);
  }

  @keyframes cookieleft {
    0% {
      left: calc(50% - 210px); /* Starting position */
    }
    35% {
      left: calc(50% - 210px); /* Move to the left over 300ms */
    }
    100% {
      left: -6%; /* Continue moving left */
    }
  }
  
  @keyframes cookieright {
    0% {
      right: calc(50% - 215px); /* Starting position */
    }
    35% {
      right: calc(50% - 215px); /* Move to the left over 300ms */
    }
    100% {
      right: 0px; /* Continue moving left */
    }
  }
}

@media screen and (max-width: 1366px) {
  .tohome-sec-title h1 {
    font-size: 48px;
    line-height: 54px;
  }

  .tohome-banner-subtitle h2 {
    font-size: 26px;
  }

  .tohome-banner-desc {
    font-size: 22px;
  }

  .recipes-carousel .recipe-blk {
    padding: 0 15px;
  }

  .recipe-category .recipe-categ-title h2 {
    max-width: 360px;
    font-size: 32px;
  }
}

@media screen and (max-width: 1280px) {
  .tohome-sec-title h1 {
    font-size: 44px;
    line-height: 50px;
  }

  .tohome-page.home .tohome-sec-title h1 {
    font-size: 48px;
    line-height: 54px;
  }

  .abt-txt-block .wwa-title h1 {
    font-size: 48px;
    line-height: 52px;
  }

  .abt-txt-block .wwa-desc {
    font-size: 21px;
  }

  .abt-txt-block .abt-txt-block-cont {
    max-width: 660px;
  }
}

@media screen and (max-width: 1024px) {
  .mobile_menu_cta{
    display: block;
  }

  .thome-hblk.menu-lang-social {
    position: fixed;
    z-index: 10;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
  }

  .thome-hblk.menu-lang-social .menu-lang-social-wrap {
    display: flex;
    gap: 0;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    background: #fff;
    opacity: 0;
    transition: all 300ms ease;
  }

  .thome-hblk.menu-lang-social .menu-lang-social-wrap.open{
    opacity: 1;
  }

  body.menu-open{
    overflow: hidden;
  }

  .tohome-header .va-main-menu ul.menu li {
    display: block;
    text-align: center;
    padding: 10px 0;
  }

  .tohome-header .va-main-menu ul.menu li a,
  .lang-sel .lang-item a {
    font-size: 24px;
    font-weight: 700;
  }

  .lang-sel .lang-item {
    padding: 10px 0;
    text-align: center;
  }

  .social-links ul{
    justify-content: center;
    gap: 10px;
  }

  .tohome-header .social-links{
    padding: 10px 0;
  }

  .social-links .sm-link{
    width: 30px;
  }

  .social-links .sm-link.insta{
    width: 28px;
  }

  .tohome-header .va-main-menu ul.menu li,
  .tohome-header .lang-sel,
  .tohome-header .social-links {
    position: relative;
    top: 70px;
    transition: all 300ms ease-out;
  }

  .tohome-header .va-main-menu ul.menu li:nth-child(2){
    transition-delay: 50ms;
  }

  .tohome-header .va-main-menu ul.menu li:nth-child(3){
    transition-delay: 90ms;
  }

  .tohome-header .lang-sel{
    transition-delay: 120ms;
  }

  .tohome-header .social-links{
    transition-delay: 140ms;
  }

  .tohome-header .thome-hblk.menu-lang-social .menu-lang-social-wrap.open .va-main-menu ul.menu li,
  .tohome-header .thome-hblk.menu-lang-social .menu-lang-social-wrap.open .lang-sel,
  .tohome-header .thome-hblk.menu-lang-social .menu-lang-social-wrap.open .social-links{
    top: 0;
    opacity: 1;
  }

  .recipes-listing-sec .recipes-listing-wrap .recipes-listing, .suggeted-recipes .recipes-listing-wrap .recipes-listing{
    gap: 24px;
  }

  .recipes-listing-sec .recipes-listing-wrap .recipes-listing .recipe-blk, .suggeted-recipes .recipes-listing-wrap .recipes-listing .recipe-blk {
    width: calc(33.33% - 16px);
  }

  .abt-txt-block .tohome-crumbs.left {
    left: -5%;
  }

  .abt-txt-block .tohome-crumbs.right {
    right: -5%;
  }

  @keyframes cookieleft {
    0% {
      left: calc(50% - 210px); /* Starting position */
    }
    35% {
      left: calc(50% - 210px); /* Move to the left over 300ms */
    }
    100% {
      left: -140px; /* Continue moving left */
    }
  }
  
  @keyframes cookieright {
    0% {
      right: calc(50% - 215px); /* Starting position */
    }
    35% {
      right: calc(50% - 215px); /* Move to the left over 300ms */
    }
    100% {
      right: -80px; /* Continue moving left */
    }
  }

  .tohome-sec.abt-intro.first-sec{
    overflow: hidden;
  }

  .thome-hblk.menu-lang-social .menu-lang-social-cont {
    display: block;
  }

  .recipe-blk .recipe-summary{
    display: none;
  }

  .search-btn-wrap.desk{
    display: none;
  }

  .search-btn-wrap.mob {
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 50px;
  }
}

@media screen and (max-width: 768px) {
  .hbanner-image.desk{
    display: none;
  }

  .hbanner-image.mob{
    display: block;
  }

  header.tohome-header .header-wrapper .header-container {
    padding: 10px 0;
  }

  header.tohome-header .header-wrapper,
  .tohome-sec .sec-wrap,
  footer.tohome-footer .footer-wrapper {
    padding: 0 15px;
  }

  .tohome-sec.first-sec {
    padding: 91px 0 0;
  }

  .tohome-page.home .tohome-sec-title h1 {
    font-size: 42px;
    line-height: 48px;
  }

  .tohome-banner-subtitle h2 {
    font-size: 23px;
  }

  .tohome-banner-desc {
    font-size: 20px;
  }

  .recipe-category .recipe-categ-title h2 {
    max-width: 320px;
    font-size: 28px;
    line-height: 52px;
  }

  .recipes-carousel .recipe-blk {
    padding: 0 10px;
  }

  .recipe-category {
    padding: 32px 0;
  }

  .recipe-category .recipe-categ-title {
    padding: 0 0 32px;
  }

  .tohome-sec .sec-wrap .sec-cont {
    padding: 30px 0;
  }

  .tohome-sec .sec-wrap .sec-cont.extra-pad-top {
    padding-top: 50px;
  }

  .tohome-sec-title h1 {
    font-size: 38px;
    line-height: 44px;
  }

  .tohome-sec.products-intro .products-intro{
    font-size: 18px;
  }

  .abt-txt-block .tohome-crumbs.left {
    left: -15%;
  }

  .abt-txt-block .tohome-crumbs.right {
    right: -15%;
  }

  @keyframes cookieleft {
    0% {
      left: calc(50% - 210px); /* Starting position */
    }
    35% {
      left: calc(50% - 210px); /* Move to the left over 300ms */
    }
    100% {
      left: -200px; /* Continue moving left */
    }
  }
  
  @keyframes cookieright {
    0% {
      right: calc(50% - 215px); /* Starting position */
    }
    35% {
      right: calc(50% - 215px); /* Move to the left over 300ms */
    }
    100% {
      right: -130px; /* Continue moving left */
    }
  }

  .abt-txt-block .wwa-title h1 {
    font-size: 42px;
    line-height: 46px;
  }

  .abt-txt-block .abt-txt-block-cont {
    max-width: unset;
    padding: 0 100px;
  }

  .abt-txt-block .wwa-desc {
    font-size: 19px;
  }

  .abt-txt-block .social-contact .wwa-contact-social {
    font-size: 26px;
    line-height: 28px;
  }

  .recipes-listing-sec .recipes-listing-wrap .recipes-listing .recipe-blk, .suggeted-recipes .recipes-listing-wrap .recipes-listing .recipe-blk {
    width: calc(50% - 12px);
  }

  .recipe-details .ingredients-prep-flex .preparation-block {
    padding: 34px 0 0;
  }

  .recipe-details .ingredients-prep-flex .ingredients-prep-flex-wrap,
  .made-with-flex{
    display: block;
  }

  .made-with-line{
    display: none;
  }

  .made-with-prod {
    padding: 10px 0 0;
  }

  .tohome-hblk.logo a {
    max-width: 80px;
  }

  .tohome-sec.first-sec {
    padding: 79px 0 0;
  }

  .scrolling .tohome-hblk.logo a{
    max-width: 65px;
  }

  .recipes-carousel .recipe-nav{
    width: 28px;
    height: 28px;
    margin: -14px 0 0;
  }

  .recipes-carousel {
    padding: 0 10px;
  }

  .recipes-carousel .recipe-blk {
    padding: 0 6px;
  }

  .recipes-carousel .recipe-nav.prev{
    left: -15px;
  }

  .recipes-carousel .recipe-nav.next {
    right: -15px;
  }

  .recipe-details .ingredients-prep.vertical{
    display: block;
  }

  .recipe-details .ingredients-prep.vertical .ingredients-prep-flex .ingredients-block{
    padding-bottom: 0;
  }

  .recipe-details .video-section .video-wrapper.vertical {
    padding: 40px 0 0;
  }
}

@media screen and (max-width: 640px) {
  .recipe-filter .recipe-category-cta span.categ-icon img{
    max-width: 100px;
  }

  .recipe-filter .recipe-category-cta span.categ-name {
    font-size: 24px;
    line-height: 26px;
  }

  .products-carousel .prod-nav {
    width: 34px;
    height: 34px;
    margin: -17px 0 0;
  }

  .products-carousel {
    padding: 0 30px;
  }

  .seach-form-container .is-form-style input.is-search-input{
    font-size: 22px !important;
  }
}

@media screen and (max-width: 540px) {
  body {
    font-size: 16px;
    line-height: 24px;
  }

  .tohome-page.home .tohome-sec-title h1 {
    font-size: 32px;
    line-height: 38px;
  }

  .tohome-banner-subtitle h2 {
    font-size: 18px;
  }

  .tohome-banner-desc {
    font-size: 16px;
  }

  .recipe-category .recipe-categ-title h2 {
    max-width: unset;
    font-size: 22px;
    line-height: 46px;
  }

  .recipe-category {
    padding: 20px 0;
  }

  .recipe-category .recipe-categ-title {
    padding: 0 0 25px;
  }

  .tohome-sec .sec-wrap .sec-cont.extra-pad-top {
    padding-top: 40px;
  }

  .tohome-sec-title {
    padding: 0 0 15px;
  }

  .hbanner-image {
    padding: 28px 0 0;
  }

  .recipe-blk .recipe-name {
    font-size: 22px;
    line-height: 24px;
  }

  footer.tohome-footer .footer-blks .footer-blk {
    display: block;
    padding: 0;
    text-align: center;
  }

  footer.tohome-footer .footer-blks {
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 10px;
  }

  footer.tohome-footer .footer-blks .footer-blk.cr {
    order: 1;
  }

  .tohome-sec-title h1 {
    font-size: 28px;
    line-height: 34px;
  }

  .abt-txt-block .abt-txt-block-cont{
    padding: 0;
  }

  .abt-txt-block .wwa-title h1 {
    font-size: 30px;
    line-height: 36px;
  }

  .abt-txt-block .wwa-desc {
    font-size: 16px;
    line-height: 22px;
  }

  .abt-txt-block .tohome-cookie {
    height: 350px;
  }

  .abt-txt-block .tohome-cookie.left {
    left: calc(50% - 160px);
  }

  .abt-txt-block .tohome-cookie.right {
    right: calc(50% - 170px);
  }

  .abt-txt-block .tohome-crumbs.left {
    left: -30%;
  }

  .abt-txt-block .tohome-crumbs.right {
    right: -30%;
  }

  @keyframes cookieleft {
    0% {
      left: calc(50% - 160px); /* Starting position */
    }
    35% {
      left: calc(50% - 160px); /* Move to the left over 300ms */
    }
    100% {
      left: -250px; /* Continue moving left */
    }
  }
  
  @keyframes cookieright {
    0% {
      right: calc(50% - 170px); /* Starting position */
    }
    35% {
      right: calc(50% - 170px); /* Move to the left over 300ms */
    }
    100% {
      right: -180px; /* Continue moving left */
    }
  }

  .abt-txt-block .social-contact .wwa-contact-social {
    font-size: 22px;
    line-height: 24px;
  }

  .filters-header {
    gap: 15px;
    flex-direction: column;
  }

  .filters-header .search-wrap{
    width: 100%;
  }

  .recipes-listing-sec .recipes-listing-wrap .recipes-listing .recipe-blk, .suggeted-recipes .recipes-listing-wrap .recipes-listing .recipe-blk{
    width: 100%;
  }

  .recipe-label-title h2{
    font-size: 24px;
    line-height: 24px;
  }

  .recipe-details .ingredients-prep{
    padding: 30px 0 0;
  }

  .recipe-details {
    padding: 32px 0 0;
  }

  .recipe-details .ingredients-prep-flex .preparation-block {
    padding: 30px 0 0;
  }

  .recipe-details .ingredients-prep-flex h3 {
    font-size: 21px;
    line-height: 21px;
  }

  .recipe-filter .recipe-filter-flex{
    display: block;
  }

  .recipe-filter .recipe-filter-flex .recipe-category-cta-wrap{
    padding: 0 0 25px;
  }

  .recipe-filter .recipe-filter-flex .recipe-category-cta-wrap:last-child{
    padding: 0;
  }

  .recipe-filter .recipe-category-cta span.categ-icon img{
    max-width: 60px;
  }

  .recipe-filter .recipe-category-cta span.categ-name {
    font-size: 20px;
    line-height: 22px;
  }

  .recipe-filter .recipe-category-cta{
    display: block;
    max-width: unset;
  }

  .seach-form-container .is-form-style input.is-search-input{
    font-size: 20px !important;
  }

  .search-results-wrapper article.recipe .entry-header h3.entry-title a {
    font-size: 21px;
    line-height: 22px;
  }

  .recipe-details .ingredients-prep ul li {
    background-position: left top 6px;
  }

  .recipe-details .video-section .video-wrapper.vertical,
  .recipe-details .video-section .video-wrapper.horizontal{
    padding: 20px 0 0;
  }
}