@media(min-width:1600px) {
    .banner .container {
        max-width: 1428px;
        padding: 0 15px !important;
    }

    .vertical-sliders {
        margin: 0;
    }

    .banner .text {
        padding-left: 0;
    }
}

@media(max-width:1300px) {
	
    .chef-cols .text-holder {
        padding: 10px;
    }

    .chef-info h2 {
        font-size: 14px;
    }

    .chef-info strong {
        font-size: 15px;
    }

    .chef-info .txt p {
        font-size: 15px;
    }

    .chef-cols .text-holder img {
        width: 80px;
        height: 80px;
    }

    .banner .text {
        padding-left: 15px;
    }

    .widget {
        padding: 20px;
        gap: 10px;
    }

    .checkout-form {
        padding: 0;
    }

    .menu-opener {
        width: 22px;
        height: 13px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        margin-right: 30px;
    }

    .menu-opener span:nth-child(2) {
        width: 55%;
    }

    .menu-opener span {
        height: 1px;
        background: #fff;
        display: block;
        transition: all .3s ease;
    }

    .menu-opener.active span:nth-child(2) {
        width: 45%;
    }

    .menu-opener.active span:nth-child(1) {
        width: 76%;
    }

    #nav {
        position: fixed;
        width: 273px;
        background: #fff;
        z-index: 999;
        left: 0;
        margin: 0;
        height: 100%;
        top: 0;
        padding: 80px 12px 0;
        transition: all .2s ease;
        transform: translate(-200%, 0);
        display: flex;
        flex-direction: column;
    }

    .menu-closer {
        display: block;
        position: absolute;
        top: 10px;
        right: 20px;
    }

    #nav ul {
        flex-direction: column;
        gap: 0;
    }
    #nav li{
        padding:10px 0;
    }
    #nav ul a {
        display: block;
        color: #000;
    }
    #nav .btns{
        display: block;
        margin-top: auto;
    }
    #nav .btns a {
        font-size: 14px;
        margin: 10px 0;
    }
    #nav.active {
        transform: translate(0, 0);
    }

    .footer-top {
        padding: 40px 15px;
    }
    .nav-logo {
        position: absolute;
        top: 20px;
        left: 14px;
        display: block;
    }
    .nav-logo img{
        width:94px;
    }
}

@media(max-width:1200px) {
    .page-id-48 .visual {
        padding-right: 61px;
    }
    .page-id-48 .cart-icon {
        width: 56px;
        height: 60px;
        padding: 20px 0 0 10px;
        top: 150px;
    }
    .page-id-48 .cart-icon img {
        width: 26px;
    }

    .cart-icon .count {
        width: 20px;
        height: 20px;
        font-size: 12px;
        top: 4px;
        right: 4px;
    }
    .services-slider .swiper-slide img {
        height: 30vw;
    }

    .banner .text {
        width: 50%;
    }

    .vertical-sliders {
        width: 50%;
    }

    .banner h1 {
        font-size: 43px;
        line-height: 52px;
        margin: 0;
    }

    .vertical-swiper,
    .reverse-swiper {
        height: 480px;
    }

    .video-area {
        padding: 40px 0;
    }

    .video-area .holder {
        padding: 20px 40px;
    }

    .video-holder {
        gap: 10px;
    }

    .video {
        width: 50%;
    }

    .video video {
        height: 40vw;
    }

    .video-holder .text {
        width: 50%;
        padding: 0;
    }

    .video-holder h3 {
        font-size: 32px;
        line-height: 36px;
        margin: 0 0 10px;
    }

    .video-holder p {
        margin: 0 0 20px;
    }

    .video-holder .btn-default {
        margin: 0;
    }

    .country-btns {
        margin: 0 0 30px;
    }

    .b-slider {
        margin: 0 0 50px;
    }

    .specialties {
        margin: 0 0 40px;
    }

    .how-it-works {
        padding: 0 15px;
    }

    .how-it-works .holder {
        padding: 30px 15px;
    }

    .how-it-works h2 {
        font-size: 32px;
        line-height: 36px;
        margin: 0 0 30px;
    }

    .work-cols {
        gap: 20px;
        padding: 0 0 40px;
    }

    .work-cols .col {
        width: calc(33.3% - 15px);
    }

    .how-it-works .col h2 {
        font-size: 20px;
        line-height: 26px;
        margin: 10px 0 20px;
        min-height: auto;
    }
    .work-cols p{
        font-size: 16px;
    }
    .gift-idea {
        padding: 40px 15px;
    }

    .cities-holder h2 {
        font-size: 30px;
    }

    .cities-area {
        padding: 30px 15px;
    }
    .cities-area .container{
        padding:0;
    }

    .our-best {
        padding: 30px 0;
    }

    .services-slider h3 {
        font-size: 17px;
    }

    .services-slider {
        padding: 90px 0 50px;
    }

    .choose-holder {
        padding: 30px 0;
    }

    .choose-holder .sec-header {
        margin: 0 0 40px;
    }

    .three-cols .column {
        padding: 20px 20px;
    }

    .three-cols .column.active h3 {
        font-size: 26px;
        line-height: 32px;
        margin: 0 0 10px;
    }

    .testimonials {
        padding: 30px 0 0;
    }

    .testimonials h2 {
        margin: 0 0 40px;
    }

    .testimonials .b-slider__slide {
        margin: 0 20px;
    }

    .join-holder {
        padding: 30px 15px;
    }

    .join-holder h2 {
        font-size: 30px;
        line-height: 36px;
    }

    .masonry-item img {
        height: 250px;
    }

    .masonry-item:nth-child(2) img,
    .masonry-item:nth-child(3) img {
        height: 180px;
    }

    .widget {
        padding: 20px;
        gap: 10px;
    }

    .widget .step-toggle {
        top: 11px;
    }

    .widget h2 {
        margin: 7px 0 0;
        font-size: 20px;
        line-height: 24px;
    }

    .widget .text-holder {
        padding: 20px 0 0;
    }

    .chef-holder strong,
    .chef-holder p,
    .woocommerce-privacy-policy-text p {
        font-size: 16px;
    }

    .widget h5 {
        font-size: 21px;
    }


    .chef-info label {
        font-size: 17px;
        width: 103px;
        height: 50px;
    }

    .total-sidebar {
        padding: 20px;
    }

    button.add-to-cart {
        font-size: 14px;
    }

    .contact-cols {
        padding: 0 35px;
    }

    .step {
        padding: 30px;
    }

    .step-toggle {
        right: 20px;
        top: 20px;
    }

    .day-status label {
        height: 90px;
    }

    .day-status label img {
        width: 32px;
    }

    .fields-row {
        gap: 10px;
    }

    .tabbing li a {
        font-size: 17px;
        padding: 10px 22px;
        line-height: 23px;
    }

    .dish-col {
        padding: 10px 20px;
    }

    .dish-tab {
        margin: 0 0 30px;
    }
    .visual {
        padding: 30px 0;
    }
}

@media(max-width:999px) {
	.custom-add-to-cart {
    position: absolute;
    bottom: 5%;
    right: 3%;
	}
    .chef-cols .img-holder img {
        height: 20vw;
    }

    .chef-cols .col {
        border-radius: 15px 15px 0 0;
    }

    .testimonials .b-slider__slide {
        width: 35vw;
    }

    .banner .text {
        font-size: 17px;
        padding: 20px 0 0 15px;
        line-height: 25px;
    }

    .banner h1 {
        font-size: 35px;
        line-height: 40px;
    }

    .banner h1 p:empty {
        display: none !important;
    }

    .vertical-swiper,
    .reverse-swiper {
        height: 350px;
    }

    .sec-header h2 {
        font-size: 30px;
        line-height: 34px;
        margin: 0 0 10px;
    }

    .sec-header p {
        font-size: 18px;
    }

    .video-holder h3 {
        font-size: 25px;
        line-height: 30px;
        width: 100%;
    }

    .video-holder p {
        font-size: 17px;
        margin: 0 0 10px;
    }

    .video-holder .btn-default {
        font-size: 18px;
        padding: 16px 80px 16px 20px;
    }

    .work-cols img {
        height: 22vw;
    }

    .cities-holder h2 {
        font-size: 22px;
        line-height: 26px;
    }

    .city h3 {
        font-size: 18px;
    }

    .city .btn-default {
        font-size: 14px;
        padding-left: 0;
    }

    .services-slider {
        padding: 130px 0 30px;
    }

    .services-slider .swiper-button-next,
    .services-slider .swiper-button-prev {
        top: 77px;
    }

    .three-cols img {
        max-width: 60px;
    }

    .three-cols h3 {
        margin: 0 0 10px;
        font-size: 18px;
    }

    .three-cols p {
        margin: 0;
        font-size: 16px;
    }

    .three-cols .column .btn-default {
        width: 100%;
        font-size: 17px;
        padding: 17px 10px;
    }

    .three-cols .column.active {
        padding: 10px 20px;
    }

    .testimonials h2 {
        font-size: 30px;
    }

    .join-holder h2 {
        font-size: 23px;
        line-height: 28px;
        margin: 0 0 20px;
    }

    .join-holder p {
        font-size: 17px;
    }

    h3#order_review_heading {
        font-size: 18px;
        margin: 0;
    }

    p.service-type {
        font-size: 14px;
    }

    .summary-product {
        align-items: flex-start;
    }

    .summary-product-details .product-description {
        line-height: 17px;
    }

    .checkout .container {
        flex-wrap: wrap;
    }

    .address-area {
        width: 100%;
    }

    .total-sidebar {
        width: 100%;
    }

    h3#order_review_heading {
        font-size: 18px;
        margin: 0;
    }

    p.service-type {
        font-size: 14px;
    }

    .summary-product {
        align-items: flex-start;
    }

    .summary-product-details .product-description {
        line-height: 17px;
    }

    .footer-top {
        padding: 20px 15px;
    }

    .gift-box {
        padding: 20px;
    }

    .gift-box .gift-btn {
        width: fit-content;
        padding: 12px 23px;
        font-size: 17px;
    }

    .gift-box .text h2 {
        font-size: 30px;
        line-height: 39px;
    }

    .contact-cols .holder {
        padding: 25px 0;
    }

    .contact-cols h2 {
        font: 400 22px / 26px 'AbeeZee', sans-serif;
        margin: 0 0 10px;
    }

    .contact-cols .holder {
        font-size: 16px;
    }

    .contact-cols .col:first-child {
        width: 53%;
    }

    .visual h1 {
        font: 400 40px / 45px 'ABeeZee', sans-serif;
    }

    .step .text {
        flex-grow: 1;
    }

    .fields-row label {
        width: 100%;
        padding: 10px 87px 10px 27px;
        height: 80px;
    }

    .step .counter,
    .widget-number {
        width: 40px;
        height: 40px;
        font-size: 18px;
    }

    .step {
        padding: 30px 15px;
    }

    .step h2 {
        margin: 7px 0 3px;
        font-size: 18px;
    }

    .step p {
        font-size: 16px;
        line-height: 22px;
    }

    .fields-row .circle {
        top: 23px;
    }

    #datepicker {
        width: 280px;
        font-size: 17px;
    }

    .fields-row label {
        padding: 10px 15px;
    }

    #moroccan_city+label,
    #senegal_city+label {
        padding: 0 80px 0 20px !important;
    }

    .visual.add {
        height: 200px;
    }

    #moroccan_city+label,
    #senegal_city+label {
        font-size: 16px;
        padding: 0 40px 0 20px !important;
        height: 60px;
    }

    .fields-row .circle {
        width: 20px;
        height: 20px;
        right: 10px;
        top: 20px;
    }

    #moroccan_cities {
        width: 180px;
        font-size: 16px;
        height: 56px;
    }

    .step p {
        margin: 0 0 20px;
    }

    .notice {
        height: auto;
    }

    #moroccan_cities {
        width: 180px;
        font-size: 16px;
        height: 56px;
    }

    .step p {
        margin: 0 0 20px;
    }

    .notice {
        height: auto;
        width: 100%;
        display: block;
    }

    .step-content .fields-row {
        display: flex;
        flex-wrap: wrap;
    }

    .step-content .field-col {
        width: 48%;
    }

    .dish-col-holder {
        width: 100%;
    }

    #moroccan_cities {
        width: 180px;
        font-size: 16px;
        height: 56px;
    }

    .step p {
        margin: 0 0 20px;
    }

    .notice {
        height: auto;
        width: 100%;
        display: block;
    }

    .step-content .fields-row {
        display: flex;
        flex-wrap: wrap;
    }

    .step-content .field-col {
        width: 48%;
    }

    .dish-col {
        width: 100%;
    }

    .submit-btn .btn-default {
        padding: 20px 70px 20px 13px;
        font-size: 20px;
    }

    .submit-btn {
        margin: 0 0 10px;
    }

    .step .text {
        padding: 0 10px;
    }

    .fields-row .circle:after {
        width: 8px;
        height: 8px;
    }
    .chef-cols .col {
        width: calc(50% - 18px);
    }
}

@media(max-width:767px) {
    .banner .text p span {
        display: none;
    }
    .video-area .sec-header p {
        display: none;
    }
    .select-items {
        font-size: 16px;
    }
    .swiper-button-prev {
        right: 60px;
    }
    .cities-slider {
        padding: 60px 0 0;
    }
    .swiper-button-next, .swiper-button-prev {
        scale: 0.7;
        top:26px;
    }
    .cities-slider {
        /* max-width: 85%; */
        margin: 0 auto;
    }
    .sec-header p{
        font-size: 16px;
    }
    .services-slider .swiper-slide img {
        height: 40vw;
    }
    .best-services {
        padding: 0 15px;
    }
    .services-slider .swiper-button-next,
    .cities-area .swiper-button-next{
        right: 0;
    }
    .cities-holder .header a {
        font-size: 14px;
        line-height: 19px;
        gap:0;
    }
    .cities-holder .header a img {
        width: 17px;
    }
    .cities-holder h2 {
        font-size: 22px;
        line-height: 28px;
    }
    .tabs-content{margin:0 0 45px;}
    .specialties{
        padding:20px 0 30px;
    }
    .flickity-viewport span{
        margin:20px 0 0;
    }
    .tabs-content .b-slider__slide{
        width:270px;
    }
    .tabs-content .b-slider__slide img{
        height:270px !important;
    }
    .footer-col strong.contact_us_title{display: block;}

    .chef-cols .col {
        width: calc(50% - 18px);
    }

    .chef-cols .img-holder img {
        height: 27vw;
    }

    .chef-info {
        margin: 0 0 10px;
    }

    .banner h1 {
        font-size: 33px;
        line-height: 46px;
        margin: 0 0 10px;
        max-width: 400px;
    }

    .vertical-swiper,
    .reverse-swiper {
        height: 300px;
    }

    .banner .text {
        font-size: 15px;
    }

    .vertical-sliders {
        gap: 10px;
    }

    .banner p:empty {
        display: none;
    }

    .banner .btn-holder {
        margin: 20px 0;
        display: flex;
        justify-content: center;
    }

    .btn-primary {
        font-size: 15px;
        padding: 17px 78px 17px 15px;
    }

    .video-holder {
        flex-direction: column;
    }

    .video {
        width: 100%;
    }

    .video video {
        height: 52vw;
    }

    .video-holder .text {
        width: 100%;
    }

    .flickity-viewport span {
        font-size: 15px;
    }

    .b-slider {
        margin: 0 0 10px;
    }

    .work-cols {
        flex-wrap: wrap;
        padding-bottom: 9px;
    }
    .our-best {
        padding: 50px 0 30px;
    }
    .work-cols .col {
        width: calc(50% - 15px);
    }

    .cities-holder .header a {
        font-size: 15px;
        line-height: 18px;
    }

    .three-cols .column {
        width: calc(50% - 14px);
    }

    .testimonials .b-slider__slide {
        width: 45vw;
    }

    .join-holder {
        margin: 20px 0 0;
    }

    .join-holder .text {
        flex-direction: column;
        text-align: center;
    }

    .join-holder h2 {
        text-align: center;
        margin: 0 0 20px;
        font-size: 20px;
    }
    .join-holder p {
        font-size: 16px;
    }

    .join-holder .txt {
        width: 100%;
    }

    .masonry-grid {
        width: 100%;
        margin:50px 0 30px;
    }

    .join-holder .btn-default {
        margin: 0 auto 20px;
    }

    .join-holder .txt-holder {
        margin: 0;
    }

    .popup .img-holder {
        width: 40%;
        height: 300px;
    }

    .footer-col ul {
        display: none;
    }

    .footer-col strong {
        margin: 0;

        position: relative;
    }

    .footer-col strong:after {
        width: 10px;
        height: 13px;
        position: absolute;
        content: '';
        right: 10px;
        top: 5px;
        background: url("../images/new/left-arrow.svg") no-repeat;
        transform: rotate(90deg);
        transition: all .2s ease;
    }

    .footer-col strong.active:after {
        transform: rotate(-90deg);
    }

    #footer .container {
        gap: 0;
    }

    .footer-col ul li {
        margin: 0;
        padding: 0 0 7px;
    }

    .footer-col ul {
        padding: 10px 0 0;
    }

    #footer span.dot {
        width: 6px;
        height: 6px;
    }
    .footer-bottom p {
        margin: 0 4px;
    }

    .footer-col:first-child,
    .footer-col:nth-child(2) {
        width: 48%;
        border: none;
        padding: 0;
    }

    .footer-col:nth-child(2) {
        width: auto;
        margin-bottom: 20px;
    }

    .footer-col {
        width: 100%;
        padding: 11px 0;
        border-bottom: 1px solid #fff;
    }

    #footer .container {
        justify-content: left;
    }

    #header .btn-primary {
        padding: 13px 25px;
        width: auto;
        min-width: auto;
    }

    .logo,
    .footer-logo {
        width: 150px;
    }

    .visual.add {
        height: 230px;
    }
    .filter-col strong,
    .select-selected{
        font-size: 16px;
    }
    .select-selected{
        width:100%;
        padding:0 27px 3px;
    }

    .visual h1 {
        font: 400 28px / 34px 'ABeeZee', sans-serif;
    }

    .page-slogan p {
        font-size: 15px;
    }

    .visual p {
        font-size: 16px;
    }

    .visual p {
        font-size: 16px;
    }

    .contact-cols {
        flex-direction: column;
    }

    .contact-cols .col {
        width: 100% !important;
    }

    .contact-form input,
    .contact-form textarea {
        margin: 0 0 12px;
    }

    .contact-form textarea {
        height: 80px;
    }

    .gift-box .text h2 {
        font-size: 23px;
        line-height: 29px;
    }

    .gift-box .gift-btn {
        font-size: 16px;
    }

    .gift-box .gift-btn img {
        width: 33px;
    }

    .gift-box .img-holder {
        width: 50%;
    }

    span.wpcf7-spinner {
        display: none;
    }

    .contact-cols {
        padding: 15px 15px 30px;
    }

    .contact-form input[type="submit"] {
        margin: 10px auto 0;
    }

    /*.gift-box .img-holder {
        display: none;
    }*/
	
	/* --- Ajustement section "Idée cadeau" (mobile) --- */
@media (max-width: 767px) {
  .gift-box {
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 20px;
  }

  .gift-box .text {
    width: 100%;
  }

  .gift-box .text h2 {
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 15px;
  }

  .gift-box .gift-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    padding: 12px 24px;
    border-radius: 50px;
    margin: 0 auto;
    gap: 8px;
  }

  .gift-box .img-holder {
    display: block !important;
    width: 100%;
  }

  .gift-box .img-holder img {
    max-width: 180px;
    height: auto;
    margin: 0 auto;
    display: block;
  }

  /* un peu d’air autour du bloc */
  .gift-idea {
    padding: 25px 15px;
    border-radius: 15px;
  }
}


    .gift-box .gift-btn {
        padding: 12px 13px;
        font-size: 15px;
        margin:0 auto;
    }

    .custom-cart {
        padding: 20px 20px;
        width: 360px;
    }

    .custom-cart p {
        font-size: 14px;
    }

    .mini-total {
        font-size: 15px;
    }

    .mini-total .btns {
        margin: 10px 0 0;
        gap: 4px;
    }

    a.wc-block-components-product-name {
        font-size: 16px;
    }

    span.wc-block-formatted-money-amount.wc-block-components-formatted-money-amount.wc-block-components-product-price__value {
        font-size: 12px;
    }


    #wrapper table.wc-block-cart-items th,
    #wrapper table td {
        margin: 0 !important;
    }

    table.wc-block-cart-items.wp-block-woocommerce-cart-line-items-block {
        margin: 0 !important;
    }

    .woocommerce-cart #main {
        padding: 0;
    }

    .wc-block-components-sidebar.wc-block-cart__sidebar.wp-block-woocommerce-cart-totals-block * {
        font-size: 16px !important;
    }
    .video-area .holder {
        padding: 30px 15px;
    }
    .video-holder h3 {
        margin: 10px 0 20px;
    }
    .video-holder p {
        font-size: 16px;
    }
    a.btn-default.pink-btn {
        margin: 30px auto 0;
    }
    .specialties {
        margin-top:30px;
        padding-bottom: 0;
    }
    .how-it-works h2 {
        font-size: 24px;
        line-height: 28px;
        margin: 0 0 30px;
    }
    .reserve-btn {
        margin: 20px 0;
    }
    .choose-holder {
        padding: 30px 0;
    }
    .three-cols{padding-bottom: 0;}
    .three-cols .column.active h3{
        font-size: 20px;
        line-height: 25px;
    }
    .contact-btns a {
        font-size: 14px;
    }
    .contact-btns a:last-child {margin:0;}
    .contact-btns {
        margin: 10px 0 0;
    }
    #footer h2{display: none;}
    .footer-col:last-child{border:none;}
    .footer-bottom {
        font-size: 14px;
    }

    #footer .footer-bottom .container {
        justify-content: space-between;
    }
    .chef-cols {
        padding: 0 5px;
    }
    .footer-logo {
        margin: 0 0 20px;
    }

    .quantity-wrapper.mobile {
        display: flex;
        margin-top: 10px;
    }
    .quantity-wrapper.desktop {
        display: none;
    }
    .cart-product-item .price {
        font-size: 14px;
        line-height: 18px;
    }
    .select-selected{
        padding:0 41px 3px 17px;
        background: url("../images/new/select-tip.png") no-repeat 90% 50%;
    }
    .chef-cols .swiper-button-next img, .chef-cols .swiper-button-prev img,
    .chef-cols .swiper-button-next, .chef-cols .swiper-button-prev {
        width: 50px !important;
        height: 50px !important;
    }
    .padding-section{
        padding:0 15px;
    }
    .notice {
        flex-direction: column;
        display: flex;
        align-items: flex-start;
    }
    .widget-number {
        float: left;
    }

    .widget {
        display: block;
    }

    .widget h2 {
        margin: 8px 20px 0 50px;
    }

    .widget .step-toggle {
        top: 0;
    }
    .widget .text-holder{
        width:100%;
    }
}

@media(max-width:600px) {
    .three-cols .column.active {
        order: 10;
    }
    .services-slider .swiper-slide img {
        height: 270px;
    }
    .video video {
        height: 300px;
    }
    #header .btn-primary {
        padding: 10px 20px;
        font-size: 15px;
    }

    .menu-opener {
        margin-right: 0;
    }

    .language-selector,
    .cart-counter {
        margin-right: 20px;
    }

    span.gt-lang-code {
        font-weight: 400;
    }

    .logo,
    .footer-logo {
        width: 120px;
    }

    #header {
        padding: 10px 0;
    }

    #header .btn-primary{
        display: none;
    }

    .logo,
    .footer-logo {
        width: 100px;
    }

    .footer-col {
        font-size: 14px;
        line-height: 18px;
    }

    #footer h2 {
        font-size: 18px;
    }

    .footer-top {
        padding: 10px 0;
    }

    .step .text {
        padding: 0;
    }

    .step {
        padding: 10px;
    }

    .step .counter {
        margin: 0 0 10px;
    }

    .step-content .field-col {
        width: 100%;
    }

    .next-btn {
        margin: 20px 0 0;
    }

    .step-content .field-col select {
        width: 100% !important;
    }

    input#datepicker {
        width: 100%;
    }

    .time-slots label {
        width: auto;
        padding: 0 12px;
        height: 33px;
        font-size: 16px;
    }

    .time-slots {
        gap: 10px;
    }

    .tabbing {
        width: 100%;
        text-align: center;
        white-space: nowrap;
        overflow: auto;
        padding: 7px 10px;
        justify-content: space-between;
    }
    .step-toggle img,
    .step-toggle a {
        width: 15px;
    }
    .step-toggle a{height:15px;}
    .tabbing li a {
        font-size: 14px;
        padding: 6px 12px;
        line-height: 23px;
    }
    .tabbing li{
        display: inline-block;
    }

    .dish-col .img-holder img.thumbnail {
        border-radius: 0;
    }

    .dish-col {
        flex-direction: column;
        padding: 0;
        overflow: hidden;
    }

    .dish-col .txt {
        width: 100%;
        order: 2;
        padding: 30px 10px 40px;
    }

    .step .dish-col p {
        margin: 0 0 16px;
    }

    .dish-tab .dish-col h3 {
        margin: 0 0 14px;
    }

    .step .price {
        font-size: 16px;
    }

    .dish-col .img-holder {
        width: 100%;
    }

    .dish-col .img-holder>img {
        width: 100% !important;
    }

    .submit-btn .btn-default {
        font-size: 16px;
    }

    .popup .holder {
        padding: 60px 20px 20px;
        flex-direction: column;
        border-radius: 20px;
    }
    .popup-closer {
        position: absolute;
        right: 18px;
        top: 16px;
    }
    .popup .img-holder{
        width:100%;
        height:55vw;
    }
    .popup .img-holder img{
        width:100%;
        height: 55vw;
    }
    .widget .row {
        flex-wrap: wrap;
    }

    .widget .col {
        width: 100%;
        flex: auto;
    }

    .widget .col span {
        font-size: 16px;
    }

    .widget .step-toggle {
        top: 30px;
        right: 20px;
    }

    .widget {
        position: relative;
    }

    .widget .text {
        position: static;
        width: 100%;
    }

    p#billing_country_field {
        margin: 0;
    }

    p#billing_state_field {
        margin: 0;
    }

    .chef-info img {
        width: 70px;
        border-radius: 4px;
    }

    .chef-info .txt {
        flex-direction: column;
    }
    .summary-chef .chef-info .txt {
        flex-direction: row;
    }

    .chef-info .txt-holder span {
        font-size: 17px;
    }

    em.training-price {
        display: block;
        text-align: center;
        font-size: 18px;
    }

    .chef-holder label {
        width: 100%;
        margin: 10px auto 0;
    }

    .widget h5 {
        font-size: 17px;
        line-height: 21px;
    }

    .widget h2 {
        font-size: 17px;
        line-height: 21px;
    }

    .visual.small {
        height: auto;
        padding: 10px 0 20px;
    }

    .vertical-sliders {
        display: none;
    }

    .banner .text {
        width: 100%;
        padding: 20px 15px;
    }

    .btn-primary:after,
    .btn-default:after {
        width: 35px;
        height: 35px;
    }

    .btn-primary img,
    .btn-default img {
        width: 17px;
        right: 20px;
        top: 50%;
        transform: translate(0, -50%);
    }

    .video-area {
        padding: 0;
    }

    .sec-header h2 {
        font-size: 20px;
    }

    .sec-header {
        margin: 0 0 20px;
    }

    a.btn-default.pink-btn {
        font-size: 16px;
    }

    header.sec-header.small p {
        font-size: 16px;
        line-height: 24px;
    }

    .country-btns a {
        font-size: 16px;
    }

    .work-cols .col {
        width: 100%;
    }

    .work-cols img {
        height: 50vw;
    }

    .btn-default.white-btn {
        font-size: 17px;
    }

    .three-cols .column {
        width: 100%;
    }

    .testimonials h2 {
        font-size: 22px;
    }

    .testimonials .b-slider__slide {
        width: 60vw;
    }
    .testimonials .b-slider__slide p{
        font-size: 16px;
    }

    a.btn-default.pink-btn {
        padding-top: 17px;
        padding-bottom: 17px;
    }

    .masonry-item:nth-child(2) img,
    .masonry-item:nth-child(3) img {
        height: 36vw;
    }
    .masonry-item:first-child img,
    .masonry-item:last-child img {
        height: 44vw;
    }

    .chef-cols .col {
        width: calc(50% - 18px);
    }

    .chef-info {
        margin: 0 0 10px;
    }

    .page-slogan p {
        font-size: 15px;
    }

    .filters {
        flex-wrap: wrap;
        gap: 10px;
    }

    .filter-col {
        width: 100%;
    }

    .filter-col select {
        width: 100%;
    }

    .chef-cols .col {
        width: 100%;
    }

    .chef-cols .img-holder img {
        height: 52vw;
    }

    .chef-cols {
        gap: 20px;
    }

    .load-more {
        padding: 20px 0 0;
        font-size: 17px;
    }
    .chef-cols .text-holder img {
        width: 50px;
        height: 50px;
    }
    .chef-info h2,
    .chef-info strong{margin:0;}
    .chef-attr p {
        font-size: 14px;
    }
    .btn a {
        font-size: 16px;
        line-height: 20px;
    }
    .step h2 {
        font-size: 15px;
        font-weight: 500;
        padding: 3px 30px 0 0;
        line-height: 19px;
    }
    .custom-select.add .select-selected {
        width: 100%;
        height: 56px;
        font-size: 16px;
    }
    .day-status label img {
        width: 25px;
    }
    .day-status label span {
        font-size: 16px;
    }


    .step {
        padding:10px 10px 18px;
        display: block;
    }

    .step .counter {
        float: left;
    }

    .step h2 {
        margin: 8px 0 0 50px;
    }

    .step-content {
        width: 100%;
        margin: 20px 0 0;
    }
    .signup-form {
        padding: 40px 10px 20px;
    }
    .dish-col .img-holder, .dish-col .img-holder img.thumbnail {
		height:200px;
    }
	.custom-add-to-cart {
    position: absolute;
    bottom: auto;
    top: 141px;
    right: 0;
	}

    .cart-product-image {
        width: 80px;
        height: 80px;
    }
    .cart-product-details {
        width: 67%;
        flex-direction: column;
        flex: none;
    }

    .cart-product-item {
        gap: 15px;
    }

    .cart-product-details h4 {
        font-size: 14px;
        line-height: 18px;
        margin: 0 0 7px;
    }

    p.short-desc {
        font-size: 12px;
        line-height: 16px;
    }

    .cart-product-item .price {
        font-size: 16px;
        margin: 7px 0 2px;
    }
    label.fancy-check {
        font-size: 16px;
    }
    .widget .chef-info .txt-holder * {
        text-align: left;
    }

    .widget .chef-info img {
        width: 100px;
        height: 100px;
        object-fit: cover;
        border-radius: 12px;
    }
    .hide-mobile{display: none;}
    .hide-desktop {
        display: flex;
        text-align: center;
        justify-content: center;
    }
	.footer-bottom {
        font-size: 10px;
    }
	.hide-on-mobile{display:none;}
}
@media(max-width:480px){
    .cities-holder .header {
        flex-direction: column;
        gap: 10px;
    }

    .cities-holder .header a {
        gap: 8px;
    }
}