@charset "utf-8";


/*  
     ⤵︎                                         1599px >=x
*/
@media screen and (max-width:1599px) {
/*
     ⤵︎ =============  HEADER
*/
     #header .dropdown-menu {
          --bs-dropdown-padding-x: 20px;
          left: 50%;
          transform: translateX(-50%);
     }
     #header .dropend .dropdown-menu {
          transform: none;
     }
/*
     ⤴︎ =============  end HEADER
*/
/*
     ⤵︎ =============  HOMEPAGE
*/
     #categories-sctn .slider,
     .bg-image-sctn .slider,
     #recipies-3-sctn .slider,
     #popular-recipies .text.col {
          padding-left: 1.5rem;
     }
     #recipies-1-sctn .outer.row {
          --bs-gutter-x: 24px;
     }
     #recipies-1-sctn .adv.col {
          width: 184px;
     }
     #recipies-1-sctn .main.col {
          width: calc(100% - 184px);
     }
     #recipies-1-sctn .swiper-slide,
     .bg-image-sctn .swiper-slide,
     #recipies-3-sctn .swiper-slide {
          left: -9px;
          width: 380px;
          padding: 0 9px;
     }
     .recipe-entry_v2 a .img {
          -webkit-box-shadow: 0 3px 8px 0 rgba(0,0,0,0.2);
          -moz-box-shadow: 0 3px 8px 0 rgba(0,0,0,0.2);
          box-shadow: 0 3px 8px 0 rgba(0,0,0,0.2);
     }
     #recipies-3-sctn .feat.swiper-slide {
          width: 632px;
     }
     #recipies-4-sctn .adv.col {
          width: 324px;
          padding-left: 24px;
     }
     #recipies-4-sctn .main.col {
          width: calc(100% - 324px);
          padding-left: 24px;
     }
     #blog-sctn .adv.col {
          width: 184px;
          padding-left: 24px;
     }
     #blog-sctn .main.col {
          width: calc(100% - 184px);
          padding-left: 30px;
     }
     #blog-sctn .swiper-slide {
          width: 448px;
     }
/*
     ⤴︎ =============  end HOMEPAGE
*/
}
/* 
     ⤴︎
*/
/*  
     ⤵︎                                         1399px >=x
*/
@media screen and (max-width:1399px) {
/*
     ⤵︎ =============  HEADER
*/
     #header {
          height: 148px;
     }
     #header .top-bar {
          margin-bottom: 18px;
     }
     #header .navbar-nav .nav-link {
          margin-bottom: 12px;
     }
     #header .dropdown-menu,
     #header .dropend .dropdown-menu {
          --bs-dropdown-min-width: 288px;
     }
     #main-search-pp .outer-wrapper {
          height: auto;
          max-height: none;
     }
     #main-search-pp .modal-body {
          padding: 7% 0 4%;
     }
/*
      ⤴︎ =============  end HEADER
*/
/*
     ⤵︎ =============  HOMEPAGE
*/
     #recipe-day .swiper {
          padding: 0 36px;
     }
     .recipe-entry_v1 .row {
          --bs-gutter-x: 36px;
     }
     #popular-recipies .slider.col {
          padding-left: 54px;
     }
     #popular-recipies .slider {
          --abp-slide-width: 648px;
     }
     .bg-image-sctn .swiper-slide {
          width: 480px !important;
     }
     #recipies-3-sctn .feat.swiper-slide {
          width: 602px;
     }
     #recipies-4-sctn .swiper-slide {
          width: 95%;
     }
     .recipe-entry_v1 .img.col {
          flex: 0 0 40%;
     }
     .recipe-entry_v1 .text.col {
          flex: 0 0 60%;
     }
     .recipe-entry_v1 {
          padding: 12px;
     }
     .recipe-entry_v1 a .img .wrapper {
          -webkit-box-shadow: 0 6px 12px 0 rgba(0,0,0,0.25);
          -moz-box-shadow: 0 6px 12px 0 rgba(0,0,0,0.25);
          box-shadow: 0 6px 12px 0 rgba(0,0,0,0.25);
     }
/*
     ⤴︎ =============  end HOMEPAGE
*/
/*
     ⤵︎ =============  RECIPES
*/
     .df-page {
          padding-top: 202px;
     }
     .recipies-page .main.row {
          --bs-gutter-x: 48px;
     }
     .recipies-page aside.col {
          flex: 0 0 254px;
     }
     .recipies-page .recipies-entries.col {
          flex: 0 0 calc(100% - 254px);
     }
     .recipies-page .recipies-entries .row {
          --bs-gutter-x: 24px;
     }
/*
     ⤴︎ =============  end RECIPES
*/
/*
     ⤵︎ =============  BLOG POST
*/
     .single-post-pg .container-fluid {
          padding-right: calc(var(--bs-gutter-x) * .5);
     }
     .single-post .main {
          --bs-gutter-x: 48px;
     }
     .single-post .sidebar {
          flex: 0 0 348px;
     }
     .single-post .main-content .inner-wrapper {
          padding-right: 30px;
     }
/*
     ⤴︎ =============  end BLOG POST
*/
/*
     ⤵︎ =============  RESTAURANT
*/
     .restaurant-pg section.info-box .col:first-child,
     .restaurant-pg section.info-box .col:last-child,
     .bio-pg section.info-box .col:first-child,
     .bio-pg section.info-box .col:last-child {
          flex: 0 0 50%;
     }
/*
     ⤴︎ =============  end RESTAURANT
*/
}
/* 
     ⤴︎
*/
/*  
     ⤵︎                                         1199px >=x
*/
@media screen and (max-width:1199px) {
/*
     ⤵︎ =============  HEADER
*/
     #header {
          height: 142px;
     }
     #header .col.logo {
          flex: 0 0 271px;
     }
     #header .col {
          flex: 0 0 calc(100% - 271px);
     }
     #header .top-bar .col:first-child {
          gap: 18px;
          padding-right: 30px;
     }
     #header .social.col {
          padding-left: 30px;
     }
     #header .top-bar .search.btn {
          width: 42px;
          height: 42px;
          background-size: 18px auto;
     }
     #header .social a.icon img,
     #header .top-bar .user.btn img {
          height: 26px;
     }
     #header .navbar-nav {
          gap: 18px;
     }
/*
     ⤴︎ =============  end HEADER
*/
/*
     ⤵︎ =============  HOMEPAGE
*/
     #recipe-day .swiper {
          padding: 0 0 66px 0;
     }
     #recipe-day .swiper .swiper-button-prev,
     #recipe-day .swiper .swiper-button-next {
          top: auto;
          bottom: 0;
     }
     #recipe-day .swiper .swiper-button-prev {
          left: calc(50% - 60px);
     }
     #recipe-day .swiper .swiper-button-next {
          right: calc(50% - 60px);
     }
     .swiper-button-prev,
     .swiper-button-next,
     #popular-recipies .swiper-button-prev,
     #popular-recipies .swiper-button-next {
          width: 20px;
          height: 36px;
     }
     #recipe-day .heading-w-lines h2 {
          font-size: 1.375em;
     }
     .recipe-entry_v1 .heading-w-lines {
          margin-bottom: 24px;
     }
     .recipe-entry_v1 a h1 {
          margin-bottom: 18px;
          font-size: 1.75em;
     }
     .recipe-entry_v1 a p {
          margin-bottom: 18px;
          font-size: 1em;
     }
     #categories-sctn h1 {
          padding-top: 18px;
          margin-bottom: 30px;
          font-size: 1.875em;
     }
     #categories-sctn .swiper-slide {
          width: 272px;
          padding-right: 18px;
     }
     #categories-sctn a.entry .img {
          flex: 0 0 102px;
     }
     #categories-sctn a.entry .img .bg-img {
          width: 90px;
          height: 90px;
     }
     #categories-sctn a.entry .title {
          flex: 0 0 calc(100% - 104px);
          padding-left: 18px;
     }
     #categories-sctn a.entry .title h2 {
          font-size: 1.125em;
     }
     #categories-sctn .swiper-button-prev,
     .bg-image-sctn .swiper-button-prev,
     #recipies-3-sctn .swiper-button-prev {
          left: calc(50% - 60px);
     }
     #categories-sctn .swiper-button-next,
     .bg-image-sctn .swiper-button-next,
     #recipies-3-sctn .swiper-button-next {
          right: calc(50% - 60px);
     }
     #categories-sctn .tags {
          margin-bottom: 0;
     }
     #popular-recipies {
          padding-top: 66px;
          padding-bottom: 144px;
     }
     #popular-recipies .text.col {
          width: 40%;
     }
     #popular-recipies .heading-w-lines h1 {
          padding: 6px 0;
          font-size: 2em;
     }
     #popular-recipies .swiper-button-prev {
          right: 84px;
     }
     #popular-recipies .slider.col {
          width: 60%;
          padding-left: 36px;
     }
     #popular-recipies .slider {
          --abp-slide-width: 532px;
     }
     #popular-recipies .slider .swiper-slide {
          padding: 9px;
     }
     #popular-recipies .slider .entry a .wrapper,
     .recipe-entry_v3 a .wrapper {
          position: absolute;
          left: 12px;
          right: 12px;
          bottom: -42px;
     }
     #popular-recipies .slider .entry h1,
     .recipe-entry_v3 h1, #yt-recipes .entry a h1 {
          padding-bottom: 18px;
          font-size: 1.75em;
          line-height: 1.35;
     }
     .recipe-entry_v1 .recipe-d-info,
     #popular-recipies .recipe-d-info {
          --bs-gutter-x: 36px;
     }
     #popular-recipies .recipe-d-info,
     .recipe-entry_v3 .recipe-d-info {
          font-size: 1em;
     }
     #popular-recipies .recipe-d-info .icon img {
          width: 36px;
     }
     #popular-recipies .slider .entry a,
     .recipe-entry_v3 a, #yt-recipes .entry a {
          -webkit-box-shadow: 0 3px 8px 0 rgba(0,0,0,0.2);
          -moz-box-shadow: 0 3px 8px 0 rgba(0,0,0,0.2);
          box-shadow: 0 3px 8px 0 rgba(0,0,0,0.2);
     }
     .section-header .heading-w-lines h1 {
          padding-left: 3px;
          font-size: 2em;
     }
     .btn {
          min-width: 202px;
     }
     .section-header {
          padding-right: 242px;
     }
     #recipies-1-sctn {
          padding-bottom: 102px;
     }
     #recipies-1-sctn .swiper-slide,
     .bg-image-sctn .swiper-slide,
     #recipies-3-sctn .swiper-slide {
          width: 362px;
     }
     .recipe-entry_v2 a h1 {
          padding: 18px 0;
          font-size: 1.25em;
     }
     .recipe-entry_v2 .recipe-d-info .icon img,
     .recipe-entry_v3 .recipe-d-info .icon img {
          height: 30px;
     }
     .recipe-entry_v2 .recipe-d-info .col,
     .recipe-entry_v3 .recipe-d-info .col {
          max-width: 108px;
     }
     .bg-image-sctn {
          padding: 72px 0 60px;
     }
     .bg-image-sctn .slider {
          padding-bottom: 102px;
          padding-top: 12px;
     }
     .recipe-entry_v3 a .wrapper {
          bottom: -78px;
     }
     .recipe-entry_v3 h1 {
          font-size: 1.5em;
     }
     #recipies-3-sctn {
          padding-top: 72px;
          padding-bottom: 72px;
     }
     #recipies-3-sctn .recipe-entry_v3 h1 {
          font-size: 1.75em;
     }
     #recipies-3-sctn .feat.swiper-slide {
          width: 562px;
     }
     #recipies-1-sctn .swiper-slide,
     .bg-image-sctn .swiper-slide,
     #recipies-3-sctn .swiper-slide {
          width: 332px;
     }
     .recipe-entry_v1 .recipe-d-info {
          font-size: 15px;
     }
     #recipies-4-sctn .recipe-entry_v1 .row {
          --bs-gutter-x: 20px;
     }
     .recipe-entry_v1 .recipe-d-info .col,
     #popular-recipies .recipe-d-info .col {
          gap: 6px;
     }
     #recipies-4-sctn .swiper-slide {
          width: 432px;
     }
     #recipies-4-sctn .recipe-entry_v1 .text.col {
          flex: 0 0 100%;
          padding: 30px 16px 0 16px;
     }
     #recipies-4-sctn .recipe-entry_v1 .img.col {
          flex: 0 0 100%;
     }
     #yt-recipes {
          padding: 84px 0 48px;
     }
     #yt-recipes h1.sctn-header {
          font-size: 2.25em;
     }
     #yt-recipes .slider {
          left: -10vw;
          width: 120vw;
          padding-bottom: 78px;
     }
     #yt-recipes .entry a h1 {
          font-size: 1.125em;
     }
     #yt-recipes .swiper-slide .outer-wrapper {
          height: 288px;
     }
     #blog-sctn {
          padding-top: 84px;
          padding-bottom: 112px;
     }
     #recipies-4-sctn .swiper-button-next {
          left: calc(50% + 60px);
     }
     #recipies-4-sctn .swiper-button-prev {
          left: calc(50% - 60px);
     }
     #blog-sctn .swiper-button-prev {
          left: calc(50% - 60px);
     }
     #blog-sctn .swiper-button-next {
          left: calc(50% + 60px);
     }
/*
     ⤴︎ =============  end HOMEPAGE
*/
/*
     ⤵︎ =============  RECIPES
*/
     .breadcrumb,
     .df-page .heading .heading-w-lines h1,
     .form-check,
     .recipies-page .filters .toggle-btn {
          padding-left: 12px;
     }
     .recipies-page .main.row {
          --bs-gutter-x: 36px;
     }
     .recipies-page aside.col {
          flex: 0 0 242px;
     }
     .recipies-page .recipies-entries.col {
          flex: 0 0 calc(100% - 242px);
     }
     .recipies-page .recipies-entries .row {
          --bs-gutter-x: 18px;
     }
     .df-page {
          padding-bottom: 120px;
     }
/*
     ⤴︎ =============  end RECIPES
*/
/*
     ⤵︎ =============  RECIPE
*/
     .single-recipe {
          padding-bottom: 84px;
     }
     .related-recipies .section-header a.more {
          right: 0;
     }
     #nutritional-table-pp .outer-wrapper {
          padding: 3rem 54px;
     }
/*
     ⤴︎ =============  end RECIPE
*/
/*
     ⤵︎ =============  BLOG
*/
     .blog-entries.row {
          --bs-gutter-x: 1.5rem;
     }
     .blog-entries .adv.col {
          flex: 0 0 184px;
     }
     .blog-entries .feat.col {
          flex: 0 0 calc((100% - 184px) / 2);
     }
     .blog-page h1.pg-title {
          margin-top: 24px;
          margin-bottom: 60px;
          font-size: 2em;
     }
     .blog-entries .feat .post-entry a h1 {
          font-size: 1.5em;
     }
     .blog-entries .post-entry a h1 {
          font-size: 1.25em;
     }
/*
     ⤴︎ =============  end BLOG
*/
/*
     ⤵︎ =============  RESTAURANT
*/
     .restaurant-pg {
          padding-bottom: 96px;
     }
     .restaurant-pg .top-section {
          padding-top: 228px;
          padding-bottom: 48px;
     }
     .restaurant-pg .swiper-slide img {
          height: 420px;
     }
     .restaurant-pg section.bio .row {
          --bs-gutter-x: 3rem;
     }
     .restaurant-pg section.bio .text.col {
          font-size: 0.888em;
          padding-top: 1rem;
     }
     .restaurant-pg section.bio .img.col {
          flex: 0 0 50%;
     }
/*
     ⤴︎ =============  end RESTAURANT
*/
/*
     ⤵︎ =============  BIO
*/
     .bio-pg .top-section {
          padding-top: 228px;
          padding-bottom: 48px;
     }
     .bio-pg .main .row {
          --bs-gutter-x: 3rem;
     }
/*
     ⤴︎ =============  end BIO
*/
/*
     ⤵︎ =============  FOOTER
*/
     #footer .col:nth-child(2) {
          flex: 0 0 384px;
     }
     #footer .col {
          flex: 0 0 calc((100% - 384px) / 2);
     }
/*
     ⤴︎ =============  end FOOTER
*/
}
/* 
     ⤴︎
*/
/*  
     ⤵︎                                         1096px >=x
*/
@media screen and (max-width:1096px) {
/*
     ⤵︎ =============  HEADER
*/
     #header .navbar-nav {
          gap: 18px;
     }
/*
     ⤴︎ =============  end HEADER
*/
/*
     ⤵︎ =============  RECIPES
*/
     .df-page .heading .title.col {
          flex: 0 0 100%;
          max-width: 804px;
     }
     .df-page .heading .sorting.col,
     .recipies-page .filters.col {
          display: none;
     }
     .recipies-page .recipies-entries.col {
          flex: 0 0 100%;
     }
     .recipies-page .recp-options {
          display: flex;
          justify-content: space-between;
          padding-bottom: 12px;
     }
     .recipies-page .recp-options .col {
          flex: 0 0 50%;
          max-width: 260px;
          padding-bottom: 12px;
     }
     .recipies-page .recp-options .col:first-child {
          max-width: 196px;
     }
     .recipies-page .recp-options .btn {
          min-width: 100%;
          padding-top: 16px;
          padding-bottom: 16px;
     }
     .df-page .sorting .btn {
          font-size: 1em;
     }
     #filters-pp {
          --bs-modal-bg: #fff;
          --bs-modal-color: var(--bs-body-color);
     }
     #filters-pp .btn-close {
          background-image: url(../images/icon-close.svg);
     }
/*
     ⤴︎ =============  end RECIPES
*/
/*
     ⤵︎ =============  RECIPE
*/
     #nutritional-table-pp .outer-wrapper {
          padding: 3rem 36px 2rem;
     }
/*
     ⤴︎ =============  end RECIPE
*/
}
/* 
     ⤴︎
*/
/*  
     ⤵︎                                         991px >=x
*/
@media screen and (max-width:991px) {
     .modal .outer-wrapper {
          padding: 3rem 60px;
     }
     .modal .btn-close {
          top: 20px;
          right: 12px;
     }
/*  
     ⤵︎ =============  HEADER
*/
     #header {
          height: 100px;
          padding: 12px 0;
     }
     #header .d-flex.w-100 {
          gap: 24px;
     }
     #header .w-100 .col {
          flex: 0 0 auto;
          align-items: center;
          width: auto;
          margin-bottom: 0;
          gap: 12px;
     }
     #header .navbar {
          --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' x='0px' y='0px' viewBox='0 0 12 10' style='enable-background:new 0 0 12 10;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill-rule:evenodd;clip-rule:evenodd;%7D%0A%3C/style%3E%3Cpath class='st0' d='M0.5,9c0-0.3,0.2-0.5,0.5-0.5h10c0.3,0,0.5,0.2,0.5,0.5S11.3,9.5,11,9.5H1C0.7,9.5,0.5,9.3,0.5,9 M0.5,5 c0-0.3,0.2-0.5,0.5-0.5h10c0.3,0,0.5,0.2,0.5,0.5c0,0.3-0.2,0.5-0.5,0.5H1C0.7,5.5,0.5,5.3,0.5,5 M0.5,1c0-0.3,0.2-0.5,0.5-0.5h10 c0.3,0,0.5,0.2,0.5,0.5S11.3,1.5,11,1.5H1C0.7,1.5,0.5,1.3,0.5,1'/%3E%3C/svg%3E");
          --bs-btn-padding-x: 12px;
          --bs-btn-padding-y: 12px;
     }
     #header .navbar-toggler {
          --bs-btn-padding-x: 12px;
          --bs-btn-padding-y: 10px;
          min-width: inherit;
          box-shadow: none;
          border: 0;
     }
     #header .navbar-toggler:focus {
          box-shadow: none;
     }
     #header .navbar-toggler-icon {
          width: 34px;
          height: 34px;
     }
     #header .top-bar .search.btn {
          width: 36px;
          height: 36px;
     }
     #header .offcanvas {
          --bs-offcanvas-bg: var(--bs-green-color);
          --bs-offcanvas-width: 384px;
     }
     #header .btn-close {
          --bs-btn-close-bg: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 13 13' style='enable-background:new 0 0 13 13;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cpath class='st0' d='M0.6,1.4c-0.2-0.2-0.2-0.5,0-0.7s0.5-0.2,0.7,0l5.1,5.1l5.1-5.1c0.2-0.2,0.5-0.2,0.7,0s0.2,0.5,0,0.7l0,0 L7.2,6.5l5.1,5.1c0.2,0.2,0.2,0.5,0,0.7s-0.5,0.2-0.7,0L6.5,7.2l-5.1,5.1c-0.2,0.2-0.5,0.2-0.7,0c-0.2-0.2-0.2-0.5,0-0.7l5.1-5.1 L0.6,1.4z'/%3E%3C/svg%3E");
          --bs-btn-close-opacity: 1;
          --bs-btn-close-focus-shadow: none;
          padding: 0;
          background-size: contain;
          width: 24px;
          height: 24px;
     }
     #header .offcanvas-body .top-bar,
     #header .navbar-nav,
     #header .social {
          max-width: 296px;
          margin: auto;
     }
     #header .offcanvas-body .top-bar {
          --bs-gutter-x: 1.5rem;
          border-right: 1px solid rgba(35,31,32, 0.2);
          gap: 12px;
          padding: 0 0 18px 0;
          margin-right: auto;
          border: none;
     }
     #header .top-bar .col:first-child:after {
          display: none;
     }
     #header .offcanvas-body .top-bar .col:first-child {
          width: 100%;
          gap: 18px;
          justify-content: space-between;
          flex: 0 0 auto;
          padding: 0;
     }
     #header .offcanvas-body .top-bar .search.btn {
          --bs-btn-bg: #fff;
          --bs-btn-hover-bg: #fff;
          --bs-btn-active-bg: #fff;
          width: 48px;
          height: 48px;
          background-image: url(../images/icon-search-blue.svg);
          background-size: 22px auto;
     }
     #header .offcanvas-body .top-bar .user.btn {
          width: auto;
          height: auto;
          padding-left: 30px;
          background-image: url(../images/icon-user-white.svg);
          background-size: 22px auto;
          background-position: left center;
          color: rgba(255, 255, 255, 0.75);
          letter-spacing: -.01em;
          font-weight: 400;
          font-size: 15px;
     }
     #header .navbar-nav {
          gap: 0 !important;
     }
     #header .navbar-nav .nav-item {
          width: 100%;
          margin: auto;
          text-align: left;
          padding: 0 0 18px 0;
     }
     #header .dropdown-menu {
          --bs-dropdown-bg: transparent;
          box-shadow: none;
          min-width: inherit;
          transform: none;
     }
     #header .navbar-nav .dropdown-menu .nav-item {
          padding-bottom: 0;
     }
     #header .navbar-nav .sub-menu.dropdown-menu .nav-item {
          padding-left: 12px;
     }
     #header .dropdown-item:focus,
     #header .dropdown-item:hover {
         color: #fff;
         background-color: transparent;
     }
     #header .navbar-nav .active.nav-link,
     #header .navbar-nav a.nav-link:hover,
     #header .navbar-nav a.nav-link:active {
          color: #fff;
     }
     #header .navbar-nav .nav-link {
          margin: 0;
          padding: 9px 0;
          border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
          color: #fff;
     }
     #header .navbar-nav {
          --bs-nav-link-font-size: 1.125em;
          gap: 0;
     }
     #header .dropdown-menu {
          display: none;
          padding: 18px 0 12px 18px;
          font-size: 1.0625em;
     }
     #header .dropdown:hover > .dropdown-menu,
     #header .dropend:hover > .dropdown-menu {
         display: none;
     }
     #header .dropdown-menu.show {
         display: block !important;
     }
     #header .dropend .dropdown-menu {
          --bs-dropdown-min-width: inherit;
          --bs-dropdown-item-padding-y: 6px;
          --bs-dropdown-padding-x: 18px;
          --bs-dropdown-padding-y: 6px;
          position: static;
          padding: 0 0 30px 0px;
     }
     #header .navbar-nav .feat.nav-item {
          padding-top: 6px;
     }
     #header .navbar-nav .nav-item.dropdown .nav-link,
     #header .dropdown-item.dropdown-toggle {
          padding-right: 30px;
          background: url(../images/icon-arrow-menu-bottom.svg) no-repeat center right / 22px auto;
     }
     #header .navbar-nav .feat .nav-link {
          color: #fff;
          border-bottom: none !important;
     }
     #header .social.col {
          padding-top: 30px;
          padding-left: 0;
          color: rgba(255, 255, 255, 0.6);
     }
     #header .social .label {
          padding-bottom: 16px;
     }
/*  
     ⤴︎ =============  end HEADER
*/
/*
     ⤵︎ =============  HOMEPAGE
*/
     #home-hero .text-bar {
          padding: 18px 0;
     }
     #home-hero .text-bar h1 {
          font-size: 2.5em;
     }
     #recipe-day .heading-w-lines h2 {
          text-align: center;
     }
     #recipe-day .heading-w-lines {
          max-width: 280px;
          margin: auto auto 24px auto;
          padding-left: 18px;
          padding-right: 18px;
     }
     #recipe-day .heading-w-lines .lines,
     #recipe-day .heading-w-lines .lines span {
          left: 50%;
          right: auto;
          max-width: 384px;
          transform: translateX(-50%);
     }
     .recipe-entry_v1 a h1 {
          font-size: 1.5em;
     }
     #recipe-day .swiper .swiper-button-prev,
     #categories-sctn .swiper .swiper-button-prev {
          left: calc(50% - 48px);
     }
     #recipe-day .swiper .swiper-button-next,
     #categories-sctn .swiper-button-next {
          right: calc(50% - 48px);
     }
     #popular-recipies {
          padding-bottom: 120px;
     }
     #popular-recipies .text.col {
          width: 100%;
          padding-right: 1.5rem;
          padding: 0 1.5rem 1.5rem;
     }
     #popular-recipies .slider.col {
          width: 100%;
          padding-left: 14px;
     }
     #popular-recipies .swiper {
          padding-bottom: 96px;
     }
     #popular-recipies .swiper-button-next,
     #popular-recipies .swiper-button-prev {
          bottom: 0;
     }
     #popular-recipies .swiper-button-next,
     .bg-image-sctn .swiper-button-next,
     #recipies-3-sctn .swiper-button-next {
          right: calc(50% - 45px)
     }
     #popular-recipies .swiper-button-prev,
     .bg-image-sctn .swiper-button-prev,
     #recipies-3-sctn .swiper-button-prev {
          left: calc(50% - 51px)
     }
     #popular-recipies a.more,
     #recipies-1-sctn a.more {
          margin-top: 30px;
     }
     #recipies-1-sctn {
          padding-bottom: 78px;
     }
     #recipies-1-sctn .container-fluid {
          padding-right: 0;
     }
     #recipies-1-sctn .main.col,
     #recipies-1-sctn .adv.col {
          width: 100%;
          padding: 0;
     }
     #recipies-1-sctn .outer.row {
          --bs-gutter-x: 0;
     }
     .section-header {
          padding-right: 0;
          padding-left: 0;
     }
     #recipies-1-sctn .tab-content {
          padding-right: 0;
     }
     #recipies-1-sctn .section-header {
          padding-right: 1.5rem;
          padding-left: 0;
     }
     .section-header .nav-tabs {
          margin-bottom: 18px;
     }
     .heading-w-lines {
          margin-bottom: 24px;
     }
     #recipies-1-sctn .swiper-wrapper {
          left: -12px;
     }
     .recipe-entry_v2 .recipe-d-info .col,
     .recipe-entry_v3 .recipe-d-info .col {
          max-width: 102px;
     }
     #recipies-1-sctn .more-btn {
          padding-right: 1.5rem;
     }
     #recipies-1-sctn .swiper-button-prev {
          left: calc(50% - 51px)
     }
     #recipies-1-sctn .swiper-button-next {
          right: calc(50% - 45px)
     }
     #recipies-1-sctn .adv.col {
          padding-right: 1.5rem;
          padding-top: 48px;
          text-align: center;
     }
     #recipies-1-sctn .adv-box {
          display: inline-block;
     }
     #recipies-2-sctn .section-header {
          padding-right: 0;
          padding-left: 0;
     }
     .section-header .heading-w-lines h1 {
          padding: 6px 0;
          margin: 0;
     }
     .bg-image-sctn .more-btn {
          position: relative;
          margin: 48px auto auto auto;
          padding-right: 1.5rem;
          padding-left: 1.5rem;
     }
     .bg-image-sctn .swiper-slide {
          width: 440px !important;
     }
     .section-header .heading-w-lines .col:first-of-type {
          width: 100%;
          padding: 0;
     }
     .section-header .heading-w-lines {
          --bs-gutter-x: 0;
          padding-bottom: 16px;
          padding-top: 16px;
     }
     #recipies-3-sctn .container-fluid {
          padding-right: 0;
     }
     #recipies-3-sctn .section-header {
          padding-right: 1.5rem;
     }
     #recipies-3-sctn .more-btn,
     #recipies-4-sctn .more-btn,
     #blog-sctn .more-btn {
          margin: 48px auto auto auto;
     }
     #recipies-3-sctn .slider {
          padding-top: 0;
     }
     #recipies-3-sctn .feat.swiper-slide {
          width: 482px;
     }
     #recipies-1-sctn .swiper-slide,
     .bg-image-sctn .swiper-slide,
     #recipies-3-sctn .swiper-slide {
          width: 302px;
     }
     #recipies-4-sctn .adv.col {
          width: 100%;
          padding-right: 24px;
          padding-top: 48px;
          text-align: center;
          order: 2
     }
     #recipies-4-sctn .main.col {
          width: 100%;
          padding-left: 0;
          order: 1
     }
     #recipies-4-sctn {
          --bs-gutter-x: 0;
          padding-top: 78px;
     }
     #recipies-4-sctn .section-header {
          padding-right: 24px;
          padding-left: 24px;
     }
     #recipies-4-sctn .swiper {
          padding-left: 12px;
     }
     #recipies-4-sctn .swiper-button-next,
     #yt-recipes .swiper-button-next {
          right: calc(50% - 48px);
          left: auto;
     }
     #recipies-4-sctn .swiper-button-prev,
     #yt-recipes .swiper-button-prev {
          left: calc(50% - 48px)
     }
     #recipies-4-sctn .adv-box {
          margin: 3px;
          display: inline-block;
     }
     #yt-recipes .slider {
          left: -35vw;
          width: 170vw;
     }
     #blog-sctn .adv.col {
          width: 100%;
          padding-right: 24px;
          text-align: center;
          order: 2;
     }
     #blog-sctn .main.col {
          width: 100%;
          padding-left: 9px;
          order: 1;
     }
     #blog-sctn .more-btn {
          order: 3;
     }
     #blog-sctn .post-entry {
          padding: 0 15px;
     }
     #blog-sctn .adv-box {
          display: inline-block;
          margin-top: 30px;
     }
     #blog-sctn .swiper-button-prev {
          left: calc(50% - 48px);
     }
     #blog-sctn .swiper-button-next {
          right: calc(50% - 48px);
          left: auto;
     }
     .btn {
          min-width: 252px;
     }
     .recipe-play-icon {
          width: 48px;
          height: 48px;
          background-size: 15px auto;
     }
     #popular-recipies .slider .entry h1,
     .recipe-entry_v3 h1 {
          padding-bottom: 24px;
          font-size: 1.5em;
     }
     #recipies-4-sctn .recipe-entry_v1 a h1 {
          font-size: 1.5em;
     }
/*
     ⤴︎ =============  end HOMEPAGE
*/
/*
     ⤵︎ =============  RECIPES
*/
     .df-page {
          padding-top: 144px;
     }
     .df-page .heading {
          margin-bottom: 48px;
     }
     .df-page .heading .title.col {
          max-width: 640px;
     }
     .df-page .heading .heading-w-lines h1 {
          font-size: 2.125em;
     }
     .df-page .heading .heading-w-lines {
          padding-top: 24px;
          padding-bottom: 24px;
     }
     .recipies-page .recipies-entries .row {
          --bs-gutter-x: 36px;
     }
/*
     ⤴︎ =============  end RECIPES
*/
/*
     ⤵︎ =============  RECIPE
*/
     .single-recipe .top-section {
          padding-top: 144px;
          padding-bottom: 36px;
     }
     .single-recipe .heading-w-lines h1 {
          font-size: 2em;
          font-weight: 600;
     }
     .single-recipe .heading-w-lines {
          padding-top: 24px;
          padding-bottom: 24px;
          margin-bottom: 36px;
     }
     .single-recipe .user-options {
          justify-content: center;
          max-width: 1080px;
          margin-bottom: 24px;
     }
     .single-recipe .user-options .rating,
     .single-recipe .user-options .actions {
          flex: 0 0 100%;
          justify-content: center;
     }
     .single-recipe .user-options .rating {
          padding-bottom: 18px;
     }
     .single-recipe .feat-img .recipe-play-icon {
          width: 84px;
          height: 84px;
          background-size: 24px auto;
     }
     .single-recipe .top-section iframe {
          height: 576px;
     }
     .single-recipe .top-section .intro .wrapper {
          font-size: 1em;
     }
     .single-recipe .recipe-d-info,
     .single-recipe .form-check-label {
          font-size: .9375em;
     }
     .single-recipe .main {
          --bs-gutter-x: 36px;
          padding-top: 54px;
     }
     .single-recipe .sidebar {
          flex: 0 0 336px;
     }
     .single-recipe .main-content {
          flex: 0 0 calc(100% - 336px);
     }
     .single-recipe .ingredients .form-check .form-check-input {
          margin-top: 0;
     }
     .single-recipe .main-content .form-check .form-check-input {
          width: 22px;
          height: 22px;
          margin-top: 18px;
     }
     .single-recipe .main-content .form-check-label {
          margin-left: 12px;
          padding: 18px;
     }
     .comments form .col:last-child {
         flex: 0 0 100%;
         text-align: right;
     }
     .comments form .col:first-child {
          flex: 0 0 100%;
          padding-bottom: 12px;
     }
     .comments .form-control {
          padding: 18px 12px 42px 12px;
     }
     .comments-list ul .item {
          padding-left: 30px;
     }
     .related-recipies .section-header,
     .related-categories .section-header {
          padding-right: 242px;
     }
     .related-recipies .section-header a.more {
          min-width: 200px;
          font-size: 0.9375em;
     }
     .related-recipies .swiper-slide {
          width: 336px;
     }
     .related-recipies .swiper-button-prev,
     .related-recipies .swiper-button-next {
          top: 82px;
          width: 48px;
          height: 48px;
          background-size: 14px auto;
     }
     .related-recipies,
     .related-categories {
          padding-top: 66px;
          padding-bottom: 66px;
     }
     .related-categories#categories-sctn a.entry {
          padding: 12px 0;
     }
     #nutritional-table-pp header h1 {
          font-size: 1.75em;
     }
     #nutritional-table-pp .nav-tabs .nav-link {
          padding: 9px 12px;
     }
     #nutritional-table-pp .tab-content .row {
          --bs-gutter-x: 6px;
     }
     #nutritional-table-pp .item {
          font-size: 0.9375em;
     }
     #nutritional-table-pp .item .values {
          flex: 0 0 66px;
     }
     #nutritional-table-pp .item .label {
          flex: 0 0 calc(100% - 66px);
          padding: 12px 6px;
     }
/*
     ⤴︎ =============  end RECIPE
*/
/*
     ⤵︎ =============  BLOG
*/
     .blog-entries.row {
          --bs-gutter-x: 1rem;
     }
     .blog-entries .col {
          padding-bottom: 84px;
     }
     .blog-entries .feat .post-entry a h1 {
          font-size: 1.25em;
          font-weight: 700;
     }
     .blog-entries .post-entry a h1 {
          font-size: 1.125em;
     }
     .blog-entries .feat .post-entry .wrapper,
     .post-entry .wrapper {
          padding: 30px 6px 0 6px;
     }
/*
     ⤴︎ =============  end BLOG
*/
/*
     ⤵︎ =============  BLOG POST
*/
     .single-post {
          padding-bottom: 96px;
     }
     .single-post .top-section {
          padding-top: 160px;
     }
     .single-post .sidebar {
          flex: 0 0 100%;
          position: static;
          padding: 30px 0;
     }
     .single-post .main-content .inner-wrapper {
          padding-right: 0;
     }
     .single-post .sidebar a.btn {
          min-width: inherit;
          max-width: 252px;
          margin: auto auto 48px auto;
     }
     .single-post .quiz p {
          max-width: 820px;
     }
     #rel-posts .blog-entries.row {
          --bs-gutter-x: 18px;
     }
     #rel-posts .section-header a.more {
          min-width: inherit;
          font-size: 0.875em;
     }
     #rel-posts .section-header {
          padding-right: 190px;
     }
/*
     ⤴︎ =============  end BLOG POST
*/
/*
     ⤵︎ =============  RESTAURANT
*/
     .restaurant-pg {
          padding-bottom: 66px;
     }
     .restaurant-pg .top-section {
          padding-top: 178px;
     }
     .restaurant-pg .swiper-slide img {
          height: 348px;
     }
     .restaurant-pg section.bio .img.col {
          flex: 0 0 100%;
          padding-top: 24px;
          padding-bottom: 30px;
     }
     .restaurant-pg section.bio .text.col {
          font-size: 0.944em;
     }
     .restaurant-pg section.info-box,
     .bio-pg section.info-box {
          max-width: 780px;
          padding: 12px 7%;
          margin-top: 0;
     }
     .restaurant-pg section.info-box .col:first-child,
     .restaurant-pg section.info-box .col:last-child,
     .bio-pg section.info-box .col:first-child,
     .bio-pg section.info-box .col:last-child {
          flex: 0 0 100%;
     }
     .restaurant-pg section.info-box .col:first-child,
     .bio-pg section.info-box .col:first-child {
          padding-top: 24px;
          padding-bottom: 24px;
     }
     .restaurant-pg section.info-box .inner-wrapper,
     .bio-pg section.info-box .inner-wrapper {
          padding-left: 0;
     }
/*
     ⤴︎ =============  end RESTAURANT
*/
/*
     ⤵︎ =============  BIO
*/
     .bio-pg {
          padding-bottom: 48px;
     }
     .bio-pg .top-section {
          padding-top: 178px;
     }
     .bio-pg .top-section .col:last-child {
          flex: 0 0 302px;
     }
     .bio-pg .top-section .col:first-child {
          font-size: 1em;
          font-weight: 600;
     }
     .bio-pg .main .img.col {
         flex: 0 0 100%;
         padding-top: 24px;
         padding-bottom: 30px;
     }
     .bio-pg .social-box .box {
          padding: 20px 44px;
     }
     .bio-pg .main .row,
     .bio-pg .main .centered-row {
          padding-bottom: 60px;
     }
     .bio-pg .main .centered-row {
          padding-top: 0;
     }
     .bio-pg .restaurant {
          padding-top: 60px;
     }
     .bio-pg .main .restaurant .centered-row {
          padding-bottom: 30px;
     }
/*
     ⤴︎ =============  end BIO
*/
/*
     ⤵︎ =============  FOOTER
*/
     #footer {
          font-size: 15px;
     }
     #footer .col:nth-child(2) {
          flex: 0 0 302px;
     }
     #footer .col {
          flex: 0 0 calc((100% - 302px) / 2);
     }
     #footer .social a img {
          width: 28px;
     }
     #footer .logo {
          width: 66px;
     }
/*
     ⤴︎ =============  end FOOTER
*/
}
/* 
     ⤴︎
*/
/*  
     ⤵︎                                         767px >=x
*/
@media screen and (max-width:767px) {
     .modal .outer-wrapper {
          padding: 4rem 24px 3rem;
     }
/*
     ⤵︎ =============  HEADER
*/
     #main-search-pp .options .row {
          --bs-gutter-x: 12px;
     }
     #main-search-pp .options .col {
          flex: 0 0 50%;
     }
     #main-search-pp .dropdown-toggle.btn {
          --bs-btn-padding-x: 36px;
     }
     #main-search-pp .dropdown-toggle.btn:after {
          width: 36px;
     }
     #main-search-pp .options .col {
          flex: 0 0 50%;
     }
/*
     ⤴︎ =============  end HEADER
*/
/*
     ⤵︎ =============  HOMEPAGE
*/
     .btn {
          --bs-btn-padding-y: 1rem;
     }
     #home-hero .text-bar h1 {
          font-size: 2.25em;
     }
     #recipe-day .recipe-entry_v1 {
          max-width: 540px;
          margin: auto;
          padding-bottom: 18px;
     }
     #recipe-day .recipe-entry_v1 .img.col {
          flex: 0 0 100%;
          max-width: 460px;
          margin: 30px auto auto auto;
          order: 2;
     }
     #recipe-day .recipe-entry_v1 .text.col {
          flex: 0 0 100%;
          order: 1;
          text-align: center;
     }
     #recipe-day .recipe-d-info {
          display: none;
     }
     #recipe-day .recipe-entry_v1 a p {
          margin: auto;
     }
     #categories-sctn .swiper-slide {
          width: 254px;
     }
     #popular-recipies .slider {
          --abp-slide-width: 480px;
     }
     #recipies-4-sctn .adv-box:last-child {
          display: none;
     }
     .adv-box-mb {
          padding-top: 48px;
     }
     #yt-recipes .slider {
          left: -55vw;
          width: 210vw;
     }
     #yt-recipes h1.sctn-header img.logo {
          width: 196px;
     }
     .post-entry a h1 {
          font-size: 1.375em;
     }
     #blog-sctn .swiper-slide {
          width: 396px;
     }
/*
     ⤴︎ =============  end HOMEPAGE
*/
/*
     ⤵︎ =============  RECIPES
*/
     .recipies-page .recipies-entries article {
          margin-bottom: 72px;
     }
     .recipies-page .recipies-entries .row {
          --bs-gutter-x: 24px;
     }
/*
     ⤴︎ =============  end RECIPES
*/
/*
     ⤵︎ =============  RECIPE
*/
     .single-recipe {
          padding-bottom: 36px;
     }
     .single-recipe .sidebar,
     .single-recipe .main-content {
          flex: 0 0 100%;
     }
     .single-recipe .main-content .sidebar {
          padding-top: 30px;
          gap: 0 12px;
     }
     .single-recipe .sidebar a.btn,
     .single-post .sidebar a.btn {
          flex: 0 0 calc(50% - 6px);
     }
     .related-recipies .section-header a.more {
          --bs-btn-padding-x: 9px;
          font-size: 0.875em;
          top: 50% !important;
          transform: translateY(-50%);
          margin-top: -12px;
     }
     .related-recipies .section-header,
     .related-categories .section-header {
          padding-right: 212px;
     }
     .related-recipies .section-header .heading-w-lines h1,
     .related-categories#categories-sctn h1 {
          padding-left: 12px;
          font-size: 1.75em;
     }
     .related-categories .section-header {
          padding-right: 0;
     }
     .related-categories#categories-sctn h1 {
          padding-left: 12px;
     }
     .related-categories#categories-sctn a.entry .img {
          flex: 0 0 90px;
     }
     .related-categories#categories-sctn a.entry .img .bg-img {
          width: 78px;
          height: 78px;
     }
     .related-categories#categories-sctn a.entry .title {
          flex: 0 0 calc(100% - 90px);
          padding-left: 12px;
     }
     .related-categories#categories-sctn .swiper-slide {
          width: 236px;
          padding-right: 18px;
     }
     .single-recipe .top-section iframe {
          height: 480px;
     }
     #nutritional-table-pp header .col {
          flex: 0 0 100%;
     }
     #nutritional-table-pp header h1 {
          padding-bottom: 36px;
     }
     #nutritional-table-pp .tab-content {
          padding-top: 24px;
     }
     #nutritional-table-pp .tab-content .col {
          flex: 0 0 50%;
     }
     #nutritional-table-pp .item .label {
          padding: 12px;
     }
/*
     ⤴︎ =============  end RECIPE
*/
/*
     ⤵︎ =============  BLOG
*/
     .blog-entries .feat.col {
          flex: 0 0 100%;
          padding-right: 184px;
     }
     .blog-entries .adv.col {
          position: absolute;
          top: 0;
          right: -12px;
     }
     .blog-entries .col {
          flex: 0 0 50%;
     }
     .blog-page .pagination {
          margin-top: 12px;
     }
/*
     ⤴︎ =============  end BLOG
*/
/*
     ⤵︎ =============  BLOG POST
*/
     .single-post {
          padding-bottom: 72px;
     }
     .single-post .breadcrumb {
          --bs-breadcrumb-margin-bottom: 24px;
     }
     .single-post .top-section {
          padding-top: 144px;
          padding-bottom: 36px;
     }
     .single-post .heading-w-lines h1 {
          margin-bottom: 0;
          font-size: 2em;
     }
     .single-post .heading-w-lines {
          padding-top: 30px;
          padding-bottom: 30px;
          margin-bottom: 48px;
     }
     .single-post .top-section p.teaser {
          padding-bottom: 24px;
          font-size: 1.125em;
     }
     .single-post .main {
          padding-top: 48px;
     }
     .single-post .main-content .inner-wrapper {
          font-size: 1em;
     }
     .single-post .quiz h1.title span,
     .single-post .comments h1.title span {
          padding: 0 24px;
     }
     #rel-posts .section-header h1 {
          padding-left: 12px;
          font-size: 1.75em;
     }
     #rel-posts .blog-entries .col {
          flex: 0 0 33.333%;
          padding-bottom: 60px;
     }
     #rel-posts .blog-entries .post-entry a h1 {
          font-size: 1.125em;
     }
     #rel-posts .post-entry .wrapper {
          padding: 24px 0 0 0;
     }
/*
     ⤴︎ =============  end BLOG POST
*/
/*
     ⤵︎ =============  RESTAURANT
*/
     .restaurant-pg .heading-w-lines h1 {
          font-size: 2.5em;
          font-weight: 600;
     }
     .restaurant-pg .heading-w-lines {
          padding-top: 30px;
          padding-bottom: 32px;
          margin-bottom: 42px;
     }
     .restaurant-pg .top-section p.teaser {
          font-size: 1.25em;
          font-weight: 500;
     }
     .restaurant-pg .swiper-slide img {
          height: 320px;
     }
     .restaurant-pg section.intro {
          padding-bottom: 66px;
     }
     .restaurant-pg section.dishes {
          padding-top: 66px;
     }
     .restaurant-pg section.videos {
          padding-top: 72px;
          padding-bottom: 84px;
     }
     .restaurant-pg section.videos .col {
          padding-bottom: 60px;
     }
/*
     ⤴︎ =============  end RESTAURANT
*/
/*
     ⤵︎ =============  BIO
*/
     .bio-pg .heading-w-lines h1 {
          font-size: 2.5em;
          font-weight: 600;
     }
     .bio-pg .heading-w-lines {
          padding-top: 30px;
          padding-bottom: 32px;
          margin-bottom: 42px;
     }
     .bio-pg .top-section .col:last-child {
          flex: 0 0 240px;
     }
     .bio-pg .main .row,
     .bio-pg .main .centered-row {
          padding-bottom: 36px;
     }
     .bio-pg .ambassador h1.title {
          margin-bottom: 54px;
          font-size: 1.375em;
     }
     .bio-pg .ambassador h1.title span {
          max-width: 440px;
          padding: 0 30px;
     }
/*
     ⤴︎ =============  end BIO
*/
/*
     ⤵︎ =============  FOOTER
*/
     #footer .container-fluid {
          max-width: 540px;
     }
     #footer .col:nth-child(2) {
          flex: 0 0 100%;
          max-width: 396px;
     }
     #footer .bottom .col:nth-child(2) {
          max-width: none;
     }
     #footer .col {
          flex: 0 0 50%;
     }
/*
     ⤴︎ =============  end FOOTER
*/
}
/* 
     ⤴︎
/* 
/*  
     ⤵︎                                         640px >=x
*/
@media screen and (max-width:640px) {
/*
     ⤵︎ =============  RECIPES
*/
     .recipies-page .recipies-entries .recipe-d-info.row {
          --bs-gutter-x: 12px;
          font-size: 14px;
     }
/*
     ⤴︎ =============  end RECIPES
*/
}
/* 
     ⤴︎
*/
/*  
     ⤵︎                                         575px >=x
*/
@media screen and (max-width:575px) {
     .container-fluid {
          --bs-gutter-x: 2.25rem;
     }
     .modal {
          padding: 0;
     }
     .modal .outer-wrapper {
          padding: 4rem 24px 3rem;
     }
/*
     ⤵︎ =============  HEADER
*/
     #header {
          height: 88px;
     }
     #header .col.logo {
          flex: 0 0 228px;
     }
     #header .col {
          flex: 0 0 calc(100% - 228px);
     }
     #main-search-pp .modal-body {
          padding: 0;
     }
     #main-search-pp label {
          font-size: 1.75em;
     }
 /*
     ⤴︎ =============  end HEADER
*/
/*
     ⤵︎ =============  RECIPES
*/
     .df-page .heading .heading-w-lines h1 {
          font-size: 1.875em;
     }
     .recipies-page .recipe-entry_v2 a h1:after,
     .recipies-page .recipies-entries .recipe-d-info.row {
          display: none;
     }
     .recipies-page .recipies-entries article {
          margin-bottom: 36px;
     }
     .recipies-page .recipe-entry_v2 a h1 {
          padding-top: 6px;
          font-size: 1.125em;
     }
     .df-page .sorting .btn {
          font-size: 1em;
     }
/*
     ⤴︎ =============  end RECIPES
*/
/*
     ⤵︎ =============  RECIPE
*/
     .single-recipe .user-options .actions {
          flex-wrap: wrap;
     }
     .single-recipe .user-options .actions a {
          padding: 6px 0 6px 30px;
          background-position: left center;
     }
     .single-recipe .user-options .actions {
          max-width: 236px;
          gap: 6px 18px;
     }
     .single-recipe .user-options .rating {
          padding-bottom: 24px;
     }
     .single-recipe .top-section iframe {
          height: 312px;
     }
     .single-recipe .feat-img .recipe-play-icon {
          width: 60px;
          height: 60px;
          background-size: 18px auto;
     }
     .single-recipe .top-section .intro {
          padding: 48px 0 18px;
          margin-bottom: 24px;
     }
     .single-recipe .recipe-d-info .col {
          flex: 0 0 50%;
          max-width: 196px;
     }
     .single-recipe .sidebar a.btn,
     .single-post .sidebar a.btn {
          --bs-btn-padding-x: 12px;
          margin-bottom: 6px;
     }
     .comments-list .item .avatar {
          width: 42px;
          height: 42px;
     }
     .comments-list .item {
          padding-bottom: 16px;
     }
     .comments .login,
     .comments-list .item .author {
          font-size: 0.9375em;
     }
     .comments-list .item .author {
          padding-bottom: 6px;
     }
     .related-recipies .section-header a.more {
          display: none;
     }
     .related-recipies .section-header,
     .related-categories .section-header {
          padding-right: 0;
     }
     .related-recipies,
     .related-categories {
          padding-top: 54px;
          padding-bottom: 54px;
     }
     .related-recipies .section-header .heading-w-lines h1,
     .related-categories#categories-sctn h1 {
          font-size: 1.5em;
     }
     .related-recipies .swiper,
     .related-categories#categories-sctn .slider {
          padding-left: 18px;
     }
     .related-recipies .swiper-slide {
          left: -10px;
          width: 260px;
          padding: 0 9px;
     }
     .related-recipies .swiper-button-prev,
     .related-recipies .swiper-button-next {
          top: 64px;
          width: 42px;
          height: 42px;
          background-size: 12px auto;
     }
     .related-categories#categories-sctn a.entry .title h2 {
          font-size: 1em;
     }
     .related-categories#categories-sctn a.entry .img .bg-img {
          width: 66px;
          height: 66px;
     }
     .related-categories#categories-sctn a.entry .img {
          flex: 0 0 76px;
          padding: 5px;
     }
     .related-categories#categories-sctn a.entry .title {
          flex: 0 0 calc(100% - 78px);
     }
     .related-categories#categories-sctn .swiper-slide {
          width: 208px;
          padding-right: 12px;
     }
     .related-recipies .swiper-button-prev {
          left: 24px;
     }
     .related-recipies .recipe-entry_v2 a h1 {
          padding: 24px 0 0;
          font-size: 1.125em;
     }
/*
     ⤴︎ =============  end RECIPE
*/
/*
     ⤵︎ =============  BLOG
*/
     .blog-page h1.pg-title {
          margin-top: 0;
          margin-bottom: 36px;
     }
/*
     ⤴︎ =============  end BLOG
*/
/*
     ⤵︎ =============  BLOG POST
*/
     .single-post .main {
          --bs-gutter-x: 2.25rem;
     }
     .single-post .heading-w-lines h1 {
          font-size: 1.5em;
          font-weight: 600;
     }
     .single-post .heading-w-lines {
          padding-top: 24px;
          padding-bottom: 24px;
          margin-bottom: 30px;
     }
     .single-post .top-section p.teaser {
          padding-bottom: 12px;
          font-size: 1em;
          font-weight: 500;
     }
     .single-post .quiz h1.title,
     .single-post .comments h1.title {
          margin-bottom: 24px;
          font-size: 1.5em;
     }
     .single-post .sidebar a.btn {
          margin-bottom: 48px;
     }
     #rel-posts .blog-entries .col {
          flex: 0 0 50%;
          padding-bottom: 36px;
     }
/*
     ⤴︎ =============  end BLOG POST
*/
/*
     ⤵︎ =============  RESTAURANT
*/
     .restaurant-pg .info-box,
     .bio-pg .info-box {
          font-size: 1em;
          font-weight: 500;
     }
     .restaurant-pg .info-box p .icon-open,
     .bio-pg .info-box p .icon-open {
          padding-left: 6px;
          width: 21px;
     }
     .restaurant-pg .main {
          font-size: 1.0625em;
     }
     .restaurant-pg section.intro .inner-wrapper iframe,
     .restaurant-pg section.videos iframe {
          height: 300px;
     }
     .restaurant-pg .swiper-button-prev, .restaurant-pg .swiper-button-next {
          width: 48px;
          height: 48px;
          background-size: 12px auto;
     }
     .restaurant-pg section.bio h1.title span {
          padding: 0 20px;
     }
     .restaurant-pg section.bio h1.title {
          margin-bottom: 36px;
     }
     .restaurant-pg section.info-box,
     .bio-pg section.info-box {
          padding: 12px;
          font-size: 0.94em;
     }
/*
     ⤴︎ =============  end RESTAURANT
*/
/*
     ⤵︎ =============  BIO
*/
     .bio-pg .top-section {
          padding-top: 160px;
     }
     .bio-pg .top-section .col:last-child {
          flex: 0 0 100%;
     }
     .bio-pg .top-section .col:last-child img {
          margin: 36px auto auto;
     }
     .bio-pg .top-section .col:first-child {
          text-align: center;
     }
     .bio-pg .social-box .box {
          padding: 30px 12px;
     }
     .bio-pg .social-box {
          --bs-gutter-x: 12px;
     }
     .bio-pg .social-box .box a {
          font-size: 1em;
          font-weight: 600;
          gap: 6px;
     }
     .bio-pg .social-box .box a .icon {
          width: 24px;
     }
     .bio-pg .ambassador h1.title span {
          max-width: 380px;
          padding: 0 12px;
     }
/*
     ⤴︎ =============  end BIO
*/
/*
     ⤵︎ =============  FOOTER
*/
     #footer .container-fluid {
          max-width: 396px;
          text-align: center;
     }
     #footer .col {
          flex: 0 0 100%;
          padding-bottom: 48px;
     }
     #footer .col.order-3 {
          padding-bottom: 18px;
     }
     #footer .social,
     #footer .bottom .col:nth-child(3),
     #footer .social h3 {
          text-align: center;
     }
/*
     ⤴︎ =============  end FOOTER
*/
}
/* 
     ⤴︎
*/
/*  
     ⤵︎                                         480px >=x
*/
@media screen and (max-width:480px) {
/*
     ⤵︎ =============  HEADER
*/
     #header .w-100 .col.top-bar {
          display: none;
     }
     #header {
          height: 141px;
          padding: 12px 0 6px;
          background: -webkit-gradient(linear, left bottom, left top, from(rgba(255,255,255,0.95)), color-stop(50%, rgba(255,255,255,1)));
          background: -o-linear-gradient(bottom, rgba(255,255,255,0.95) 0%, rgba(255,255,255,1) 50%);
          background: linear-gradient(0deg, rgba(255,255,255,0.95) 0%, rgba(255,255,255,1) 50%);
          box-shadow: 0 12px 24px rgba(0,0,0,0.06);
     }
     #header .search-bar {
          display: block;
          position: relative;
          margin-top: 12px;
     }
     #header.shrink .search-bar {
          display: none;
     }
     #header .search-bar .form-control {
         padding: 14px 54px 14px 12px;
         font-size: 14px;
         line-height: 18px;
         color: var(--bs-body-color);
         background-color: #dfedef;
         border: 1px solid transparent;
         border-radius: 3px;
         box-shadow: none;
         -webkit-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out;
     }
     #header .search-bar .form-control:focus {
         border-color: #fff;
     }
     #header .search-bar .form-control::-webkit-input-placeholder {
         opacity: 1;
         color: #373b3b;
         font-style: italic;
     }
     #header .search-bar .form-control::-moz-placeholder {
         opacity: 1;
         color: #373b3b;
         font-style: italic;
     }
     #header .search-bar .form-control:-ms-input-placeholder {
         opacity: 1;
         color: #373b3b;
         font-style: italic;
     }
     #header .search-bar .form-control:-moz-placeholder {
         opacity: 1;
         color: #373b3b;
         font-style: italic;
     }
     #header .search-bar .btn {
         position: absolute;
         top: 0;
         bottom: 0;
         right: 0;
         width: 54px;
         min-width: inherit;
         padding: 0;
         background-image: url(../images/icon-search-blue.svg);
         background-repeat: no-repeat;
         background-position: center center;
         background-size: 22px auto;
     }
     #main-search-pp label {
          font-size: 1.5em;
          font-weight: 600;
          padding-bottom: 18px;
     }
     #main-search-pp input.form-control {
          padding: 24px 36px 24px 12px;
     }
     #main-search-pp .input-box .btn {
          width: 36px;
          background-size: 20px auto;
     }
     #main-search-pp .options .col {
          flex: 0 0 100%;
          max-width: none;
     }
     #main-search-pp .dropdown-menu {
          max-height: 284px;
     }
     #main-search-pp .btn-light {
          max-width: none;
     }
/*
     ⤴︎ =============  end HEADER
*/
/*
     ⤵︎ =============  HOMEPAGE
*/
     #home-hero .text-bar {
          padding: 9px 0;
     }
     #home-hero .text-bar .col {
          padding-top: 6px;
          padding-bottom: 6px;
     }
     #home-hero .text-bar h1 {
          font-size: 1.73em;
     }
     .btn {
          --bs-btn-font-size: 14px;
          min-width: 204px;
     }
     .btn.btn-link {
          --bs-btn-font-size: 1em;
          min-width: inherit;
     }
     #recipe-day.container-fluid {
          padding-top: 42px;
          padding-bottom: 42px;
     }
     #recipe-day .heading-w-lines h2 {
          font-size: 1.125em;
     }
     #recipe-day .recipe-entry_v1 .img.col {
          max-width: 348px;
          margin: 24px auto auto auto;
     }
     .recipe-play-icon {
          width: 48px;
          height: 48px;
          background-size: 15px auto;
     }
     .swiper-button-prev,
     .swiper-button-next,
     #popular-recipies .swiper-button-prev,
     #popular-recipies .swiper-button-next {
          width: 20px;
          height: 32px
     }
     #recipe-day .swiper {
          padding: 0 0 36px 0;
     }
     .recipe-entry-label {
          top: 6px;
          right: 6px;
          padding: 6px;
          font-size: 13px;
          min-width: inherit;
     }
     .green-bg {
          padding: 48px 0;
     }
     #categories-sctn h1 {
          padding-top: 12px;
          margin-bottom: 24px;
          font-size: 1.5em;
          font-weight: 600;
     }
     #categories-sctn .slider {
          display: none;
     }
     #categories-sctn a.entry {
          padding: 12px 0;
     }
     #categories-sctn a.entry .img {
          display: block;
          width: 102px;
          margin: auto;
     }
     #categories-sctn a.entry .title {
          padding: 9px 0 0 0;
          text-align: center;
     }
     #categories-sctn .tags {
          font-size: 14px;
          gap: 3px 9px !important;
     }
     #categories-sctn .entries-mb {
         display: block;
     }
     #popular-recipies .heading-w-lines h1,
     .section-header .heading-w-lines h1 {
          padding: 6px 0;
          font-size: 1.5em;
          font-weight: 600;
     }
     .heading-w-lines {
          margin-bottom: 16px;
     }
     #popular-recipies {
          padding-bottom: 84px;
     }
     #popular-recipies .text.col p {
          font-size: 0.93em;
     }
     #popular-recipies .text.col {
          padding: 0 1.125rem 0;
     }
     #popular-recipies .slider.col {
          padding-left: 3px;
     }
     #popular-recipies .slider .entry h1, .recipe-entry_v3 h1 {
          font-size: 1.375em;
     }
     #popular-recipies .slider {
          --abp-slide-width: 362px;
     }
     #popular-recipies .recipe-d-info,
     .recipe-entry_v3 .recipe-d-info {
          display: none;
     }
     #popular-recipies .slider .entry a .wrapper,
     .recipe-entry_v3 a .wrapper {
          bottom: 0;
     }
     #popular-recipies .swiper {
          padding-bottom: 48px;
     }
     #recipies-1-sctn .section-header {
          padding-right: 1.125rem;
     }
     .section-header .nav-tabs .nav-link {
          padding: 3px 6px;
          font-size: 0.93em;
     }
     .recipe-entry_v2 a h1 {
          padding: 12px 0;
     }
     .recipe-entry_v2 .recipe-d-info, .recipe-entry_v3 .recipe-d-info {
          font-size: 13px;
     }
     .recipe-entry_v2 .recipe-d-info .icon img,
     .recipe-entry_v3 .recipe-d-info .icon img {
          margin-bottom: 6px;
     }
     #recipies-1-sctn .slider {
          padding-bottom: 84px;
     }
     #recipies-1-sctn {
          padding-bottom: 54px;
     }
     .bg-image-sctn {
          padding: 60px 0 72px;
     }
     .bg-image-sctn .swiper-slide {
          width: 330px !important;
     }
     .recipe-entry_v3 .recipe-play-icon {
          margin-top: -22px;
     }
     .bg-image-sctn .slider {
          padding-bottom: 66px;
          padding-top: 12px;
     }
     .trends-sctn {
          padding: 48px 0;
     }
     .trends-sctn h2 {
          max-width: 268px;
          font-size: 1em;
     }
     .trends-sctn h1 {
          font-size: 1.125em;
     }
     .trends-sctn h1 a {
          font-size: 1em;
          font-weight: 600;
     }
     #recipies-3-sctn {
          padding-top: 48px;
          padding-bottom: 48px;
     }
     #recipies-3-sctn .recipe-entry_v3 h1 {
          font-size: 1.375em;
     }
     #popular-recipies .slider .entry a:hover .wrapper,
     .recipe-entry_v3 a:hover .wrapper {
          bottom: 0;
     }
     #recipies-3-sctn .feat.swiper-slide {
          width: 95%;
     }
     #recipies-3-sctn .section-header {
          padding-right: 1.125rem;
     }
     #recipies-3-sctn .recipe-entry_v2 .recipe-d-info {
          display: none;
     }
     .green-bg .recipe-entry_v2 a h1:after {
          background-color: transparent;
     }
     #recipies-3-sctn .swiper-slide {
          width: 245px;
     }
     #recipies-3-sctn .slider {
          padding-bottom: 60px;
          padding-left: 1.125rem;
     }
     #recipies-4-sctn {
          padding-top: 48px;
     }
     #recipies-4-sctn .section-header {
          padding-right: 1.125rem;
          padding-left: 1.125rem;
     }
     #recipies-4-sctn .swiper {
          padding-left: 6px;
     }
     #recipies-4-sctn .recipe-entry_v1 a h1 {
          font-size: 1.25em;
          margin-bottom: 18px;
     }
     #recipies-4-sctn .recipe-entry_v1 a p {
          margin-bottom: 12px;
          font-size: 0.93em;
     }
     .recipe-entry_v1 .recipe-d-info {
          font-size: 13px;
     }
     #recipies-4-sctn .recipe-d-info .col {
          display: block;
          text-align: center;
     }
     #recipies-4-sctn .recipe-d-info .icon,
     #recipies-4-sctn .recipe-d-info .value {
          display: block;
     }
     #recipies-4-sctn .recipe-d-info .value {
          width: 100%;
     }
     #recipies-4-sctn .recipe-entry_v1 .row {
          --bs-gutter-x: 30px;
     }
     #recipies-4-sctn .swiper-slide {
          width: 336px;
     }
     #yt-recipes {
          padding: 60px 0 48px;
     }
     #yt-recipes h1.sctn-header {
          max-width: 300px;
          margin: auto;
          font-size: 1.75em;
          font-weight: 700;
     }
     #yt-recipes h1.sctn-header img.logo {
          width: 160px;
     }
     #yt-recipes .slider {
          left: 0;
          width: 100%;
          padding: 0 6px 72px 6px;
     }
     #yt-recipes .swiper-slide .outer-wrapper {
          height: auto;
     }
     #yt-recipes .swiper-slide .entry {
         width: 100%;
         max-width: none;
     }
     #blog-sctn .main.row {
          padding-top: 12px;
     }
     #blog-sctn .main.col {
          padding-left: 6px;
     }
     #blog-sctn .post-entry {
          padding: 0 12px;
     }
     .post-entry .wrapper {
          padding: 30px 0 0 0;
     }
     .post-entry a h1 {
          margin-bottom: 18px;
     }
     .post-entry a p {
          font-size: 0.93em;
     }
     #blog-sctn .swiper-slide {
          width: 348px;
          padding-bottom: 88px;
     }
     #recipies-4-sctn .adv.col {
          padding-right: 1.125rem;
          padding-left: 1.125rem;
     }
/*
     ⤴︎ =============  end HOMEPAGE
*/
/*
     ⤵︎ =============  RECIPES
*/
     .df-page {
          padding-top: 184px;
     }
     .df-page .sorting .btn {
          font-size: 14px;
     }
     .recipies-page .recp-options {
          justify-content: end;
     }
     .recipies-page .recp-options .col {
          flex: 0 0 100%;
          max-width: 240px !important;
          padding-bottom: 6px;
     }
     .recipies-page .recipies-entries .row {
          --bs-gutter-x: 12px;
     }
     .pagination .page-item {
          margin: 0 2px;
     }
     .pagination .next.page-item {
          margin-left: 12px;
     }
     .pagination .prev.page-item {
          margin-right: 12px;
     }
/*
     ⤴︎ =============  end RECIPES
*/
/*
     ⤵︎ =============  RECIPE
*/
     .single-recipe .top-section {
          padding-top: 178px;
     }
     .single-recipe .user-options .rating .star {
          width: 16px;
          height: 16px;
     }
     .single-recipe .ingredients h3,
     .single-recipe .ingredients .inner-wrapper {
          padding-left: 6px;
          padding-right: 6px;
     }
     .single-recipe .heading-w-lines h1 {
          font-size: 1.75em;
     }
     .single-recipe .top-section .intro {
          font-size: .9375em;
     }
     .single-recipe .ingredients h3,
     .single-recipe .main-content a.toggle-title h2 {
          font-size: 1.25em;
     }
     .single-recipe .ingredients .form-check {
          margin-bottom: 18px;
     }
     .single-recipe .form-check-input:checked[type=checkbox] {
          background-size: 18px auto;
     }
     .single-recipe .ingredients .form-check .form-check-input {
          width: 18px;
          height: 18px;
          margin-top: 1px;
     }
     .single-recipe .main-content .form-check .form-check-input {
          width: 20px;
          height: 20px;
          margin-top: 13px;
     }
     .single-recipe .main-content form ul .form-check:before {
          width: 24px;
          height: 36px;
     }
     .single-recipe .main-content .form-check-label {
          margin-left: 6px;
          padding: 12px;
     }
     .single-recipe .main-content form ul li:before {
          left: 10px;
     }
     .single-recipe .main-content a.toggle-title h2 {
          padding-left: 3px;
     }
     .single-recipe .sidebar a.btn,
     .single-post .sidebar a.btn {
          flex: 0 0 100%;
          max-width: 274px;
     }
     .comments .login {
          text-align: left;
          font-size: 0.875em;
     }
     .comments a.toggle-title h1 {
          font-size: 1.75em;
     }
     .comments a.toggle-title h1 span {
          padding: 0 24px;
     }
     .comments-list .item .comm-msg {
          padding: 18px 12px;
          font-size: 0.875em;
     }
     .single-recipe {
          padding-bottom: 24px;
     }
     .comments {
          padding-top: 78px;
     }
     .related-recipies .section-header .heading-w-lines h1,
     .related-categories#categories-sctn h1 {
          padding-left: 6px;
          font-size: 1.375em;
     }
     .related-categories#categories-sctn .slider {
          display: block;
     }
     .related-categories#categories-sctn  a.entry .title {
          padding-top: 0;
          text-align: left;
     }
     #nutritional-table-pp .outer-wrapper {
          padding: 3rem 12px 2rem;
     }
/*
     ⤴︎ =============  end RECIPE
*/
/*
     ⤵︎ =============  BLOG
*/
     .blog-entries .adv.col {
          position: static;
          flex: 0 0 100%;
          justify-content: center !important;
     }
     .blog-entries .feat.col {
          padding-right: 0;
     }
     .blog-entries .col {
          padding-bottom: 60px;
     }
     .blog-entries .post-entry a h1 {
          font-size: 1em;
      }
/*
     ⤴︎ =============  end BLOG
*/
/*
     ⤵︎ =============  BLOG POST
*/
     .single-post .top-section {
          padding-top: 178px;
     }
     .single-post .main-content .inner-wrapper {
          font-size: 0.9375em;
     }
     #rel-posts .section-header h1 {
          padding-left: 0;
          font-size: 1.5em;
     }
     #rel-posts .section-header a.more {
          --bs-btn-padding-y: 12px;
          --bs-btn-padding-x: 6px;
     }
     #rel-posts .section-header a.more span {
          display: none;
     }
     #rel-posts .section-header {
          padding-right: 120px;
     }
/*
     ⤴︎ =============  end BLOG POST
*/
/*
     ⤵︎ =============  RESTAURANT
*/
     .restaurant-pg .top-section {
          padding-top: 196px;
     }
     .restaurant-pg .heading-w-lines h1 {
          font-size: 2.25em;
          font-weight: 700;
     }
     .restaurant-pg .heading-w-lines .lines,
     .restaurant-pg .heading-w-lines .lines span {
          max-width: 78px;
     }
     .restaurant-pg .top-section p.teaser {
          font-size: 1.125em;
          font-weight: 500;
     }
     .restaurant-pg section.intro .inner-wrapper iframe,
     .restaurant-pg section.videos iframe {
          height: 248px;
     }
     .restaurant-pg .swiper-slide img {
          height: 232px;
     }
     .restaurant-pg section.bio h1.title {
          font-size: 1.5em;
     }
     .restaurant-pg section.bio {
          padding-bottom: 24px;
     }
/*
     ⤴︎ =============  end RESTAURANT
*/

/*
     ⤵︎ =============  BIO
*/
     .bio-pg {
          padding-bottom: 24px;
     }
     .bio-pg .top-section {
          padding-top: 196px;
     }
     .bio-pg .heading-w-lines h1 {
          font-size: 2.25em;
          font-weight: 700;
     }
     .bio-pg .heading-w-lines .lines,
     .bio-pg .heading-w-lines .lines span {
          max-width: 78px;
     }
     .bio-pg .social-box .box {
          padding: 18px 12px;
     }
     .bio-pg .social-box .box .col {
          flex: 0 0 100%;
     }
     .bio-pg .social-box .box .col {
          flex: 0 0 100%;
          padding: 9px 12px;
     }
     .bio-pg .social-box .box a {
          justify-content: center;
     }
     .bio-pg .main {
          font-size: 1em;
     }
     .bio-pg .main .img.col iframe {
          height: 248px;
     }
     .bio-pg .ambassador {
          padding-top: 54px;
     }
     .bio-pg .ambassador h1.title {
          margin-bottom: 36px;
          font-size: 1.25em;
     }
     .bio-pg .ambassador h1.title span {
          max-width: 296px;
          padding: 0 12px;
     }
     .bio-pg .main .insta.centered-row {
          padding-top: 36px;
     }
     .bio-pg .restaurant h1 {
          font-size: 1.25em;
     }
/*
     ⤴︎ =============  end BIO
*/
/*
     ⤵︎ =============  FOOTER
*/
     #footer {
          padding: 30px 0 12px;
     }
     #footer .newsletter h3 {
          margin: 36px auto 20px;
          font-size: 18px;
          font-weight: 600;
     }
     #footer .newsletter .btn {
          width: 36px;
     }
     #footer .newsletter input.form-control {
          padding: 21px 36px 21px 18px;
     }
     #footer .social h3 {
          margin-bottom: 18px;
          font-size: 14px;
          font-weight: 500;
     }
     #footer .col nav {
          font-size: 16px;
          font-weight: 600;
     }
     #footer .col nav a {
          font-weight: 600;
          color: #fff;
     }
     #footer .bottom.row nav {
          padding-bottom: 12px;
     }
     #footer .bottom.row nav a {
          color: rgba(255, 255, 255, 0.9);
     }
/*
     ⤴︎ =============  end FOOTER
*/
}
/* 
     ⤴︎
*/
/*  
     ⤵︎                                         420px >=x
*/
@media screen and (max-width:420px) {
/*
     ⤵︎ =============  RECIPES
*/
     .breadcrumb {
          --bs-breadcrumb-margin-bottom: 1.25rem;
     }
     .breadcrumb, .df-page .heading .heading-w-lines h1,
     .form-check {
          padding-left: 0;
     }
     .df-page .heading .heading-w-lines {
          padding-top: 20px;
          padding-bottom: 20px;
     }
     .df-page .heading .heading-w-lines h1 {
          font-size: 1.5em;
          font-weight: 700;
     }
     .recipies-page .recipies-entries .row .col {
          flex: 0 0 100% !important;
     }
     .df-page {
          padding-bottom: 96px;
     }
     .pagination {
          --bs-pagination-font-size: 14px;
          padding-top: 48px;
     }
     .pagination .page-item {
          line-height: 26px;
     }
     .pagination .page-link {
          width: 26px;
          height: 26px;
     }
/*
     ⤴︎ =============  end RECIPES
*/
/*
     ⤵︎ =============  RECIPE
*/
     #nutritional-table-pp .item {
          display: block;
          text-align: center;
     }
     #nutritional-table-pp .item .values {
          display: flex;
     }
     #nutritional-table-pp .item .value {
          flex: 0 0 50%;
          text-align: center;
          padding: 6px !important;
          border-top: 1px solid #000;
     }
     #nutritional-table-pp .item .value:first-child {
          border-left: 0;
          border-bottom: 0;
     }
     #nutritional-table-pp .tab-content .row {
          --bs-gutter-x: 9px;
     }
/*
     ⤴︎ =============  end RECIPE
*/
}
/*  
     ⤵︎                                         380px >=x
*/
@media screen and (max-width:380px) {
/*
     ⤵︎ =============  RESTAURANT
*/
     .restaurant-pg .main {
          font-size: 1em;
     }
     .restaurant-pg .info-box p,
     .bio-pg .info-box p {
          flex-wrap: wrap;
     }
     .restaurant-pg .main {
          padding-top: 60px;
     }
/*
     ⤴︎ =============  end RESTAURANT
*/
}
/* 
     ⤴︎
*/
/*  
     ⤵︎                                         360px >=x
*/
@media screen and (max-width:360px) {
/*
     ⤵︎ =============  HEADER
*/
     #header .col.logo {
          flex: 0 0 208px;
     }
     #header .col {
          flex: 0 0 calc(100% - 208px);
     }
     #header .navbar-toggler-icon {
          width: 30px;
          height: 30px;
     }
     #header .navbar-toggler {
          --bs-btn-padding-x: 0;
          --bs-btn-padding-y: 6px;
     }
/*
 ⤴︎ =============  end HEADER
*/
/*
     ⤵︎ =============  HOMEPAGE
*/
     #popular-recipies .slider {
          --abp-slide-width: 100%;
     }
     .bg-image-sctn .swiper-slide,
     #recipies-4-sctn .swiper-slide,
     #blog-sctn .swiper-slide {
           width: 100% !important;
     }
     #recipies-2-sctn .recipe-entry_v3 a,
     .recipe-entry_v3 a {
          padding-top: 100%;
     }
     #yt-recipes .entry a {
          padding-top: 80%;
     }
/*
     ⤴︎ =============  end HOMEPAGE
*/
/*
     ⤵︎ =============  RECIPE
*/
     #nutritional-table-pp header {
          padding-top: 18px;
     }
     #nutritional-table-pp header h1 {
          padding-bottom: 24px;
     }
     #nutritional-table-pp .nav-tabs {
          gap: 12px 3px;
     }
     #nutritional-table-pp .nav-tabs .nav-link {
          padding: 9px;
     }
     #nutritional-table-pp .nav-tabs .nav-link.active span:before {
          left: -3px;
          right: -3px;
     }
/*
     ⤴︎ =============  end RECIPE
*/
/*
     ⤵︎ =============  BLOG
*/
     .blog-entries .col {
          flex: 0 0 100%;
     }
     .blog-entries .post-entry a h1 {
          font-size: 1.125em;
     }
/*
     ⤴︎ =============  end BLOG
*/
/*
     ⤵︎ =============  BLOG POST
*/
     #rel-posts .blog-entries .col {
          padding-bottom: 30px;
     }
     #rel-posts .blog-entries .col {
          flex: 0 0 100%;
     }
     #rel-posts .section-header {
          margin-bottom: 78px;
          padding-right: 0;
          overflow: visible;
     }
     #rel-posts .section-header .heading-w-lines {
          overflow: visible;
     }
     #rel-posts .section-header a.more {
          top: auto !important;
          bottom: -58px;
          transform: none !important;
     }
/*
     ⤴︎ =============  end BLOG POST
*/
/*
     ⤵︎ =============  RESTAURANT
*/
     .restaurant-pg .swiper-slide img {
          height: 360px;
     }
/*
     ⤴︎ =============  end RESTAURANT
*/
}
/* 
     ⤴︎
*/
/*  
     ⤵︎                                         320px >=x
*/
@media screen and (max-width:320px) {
     .container-fluid {
          --bs-gutter-x: 1.5rem;
     }
     .modal .outer-wrapper {
          padding: 4rem 12px 3rem;
     }
/*
     ⤵︎ =============  HEADER
*/
     #header .col.logo {
          flex: 0 0 188px;
     }
     #header .col {
          flex: 0 0 calc(100% - 188px);
     }
     #header .offcanvas-header .logo {
          width: 196px;
     }
/*
      ⤴︎ =============  end HEADER
*/
/*
     ⤵︎ =============  FOOTER
*/
     #footer .newsletter input.form-control {
          padding: 21px 36px 21px 12px;
     }
     #footer .newsletter p.note {
          padding: 12px 12px 0 12px;
     }
/*
     ⤴︎ =============  end FOOTER
*/
}
/* 
     ⤴︎
*/