@media (max-width:1460px) {

}

@media (min-width: 768px) and (max-width: 1024px){
    .instant-order-area p{font-size: 16px;}
    .main-header .header-inner{min-height: 60px;}
    .main-header.scrolled .header-inner{min-height: 60px;}
    .main-header::before,
    .main-header.scrolled::before {height: 60px;}
    .main-header ul.cate-menu{position: absolute; z-index: 2; background: #fff; width: 100%; left: -100%; transition: all .5s ease; display:flex; flex-wrap: wrap;}
    .main-header ul.cate-menu.open{left: 0px; transition: all .5s ease;}
    .main-header.scrolled ul.cate-menu{opacity: 1 !important; max-height: inherit !important; margin-top: 10px; visibility: visible;}
    .main-header ul.cate-menu li{width: 33.33%}
    .main-header ul.cate-menu li:last-child{width: 100%}
    .main-header ul.cate-menu li a{color: #2A110A; text-align: center; font-size: 12px; line-height: 14px; text-transform: uppercase; display: flex; align-items: center; padding: 8px 15px; border-bottom: #eaeaea 1px solid;}
    .main-header ul.cate-menu li a .icon{width: 34px; height: 34px; margin: 0 10px 0 0}
    .main-header ul.cate-menu li .dropdown-menu{margin: 0px !important; transform: translate(0px, 50px) !important; width: 100%; border-radius: 0px; border: none; border-top: #eaeaea 1px solid; border-bottom: #eaeaea 1px solid}
    .main-header ul.cate-menu li .dropdown-menu li a{border-radius: 0px}
    .main-header .header-inner .logo,
    .main-header.scrolled .header-inner .logo{width: 42px; top: 10px}
    .main-header .header-inner{padding-left: 52px; justify-content: flex-end; margin-bottom: 0px}
    .main-header .header-inner .search-area .form-control{height: 34px;font-size: 14px}
    .main-header .header-inner .search-area .btn-search{width: 34px; height: 34px}
    .main-header .header-inner .rightside{margin: 0px}
    .main-header .header-inner .rightside .btn-location{width: 22px; height: 22px; margin-left: 8px; padding:0px; font-size: 0px;}
    .main-header .header-inner .rightside .btn-location svg{position: relative; top: 0; left: 0px; width: 100%; height: 100%;}
    .main-header .header-inner .rightside .btn-icon {width: 22px; height: 22px; margin-left: 8px; padding:0px}
    .main-header .header-inner .rightside .btn-icon svg{width: 100%; height: 100%;}
    .main-header .header-inner .rightside .btn-cake{font-size: 10px; line-height: 12px; padding: 4px 0px 4px 27px; margin-left: 5px; width: 98px;}
    .main-header .header-inner .rightside .btn-cake img {width: 16px;}
    .main-header .header-inner .rightside .btn-cake svg{position: absolute; top: 5px; left: 0px; width: 22px; height: 22px;}
    .main-header .header-inner .rightside .btn-menu{display: block; width: 34px; height: 34px;  padding:10px; margin: 0px 0px 0px 10px}
    .main-header .header-inner .rightside .btn-menu svg{width: 100%; height: 100%; vertical-align: top;}

    .banner-area h1{font-size: 16px; letter-spacing: -0.32px; margin: 0 0 15px 0}
    .banner-area .btn-buy{font-size: 12px; padding: 12px 30px}

    .category-product-area{padding: 20px 0 30px 0}
    .category-product-area.pd-top-0 {padding: 0px 0px 20px 0px;}
    .category-product-area h2{font-size: 20px; }
    .category-product-area .cate-slider .swiper-slide {max-width: 66px !important;}
    .category-product-area .cate-block{font-size: 10px; line-height: 12px}
    .category-product-area .cate-block .icon{width: 62px; height: 62px}
    .category-product-area .cate-block .icon img {max-width: 50%; max-height: 50%;}
    .category-product-area .cate-slider{margin-bottom: 30px}
    .category-product-area .btn-area{margin: 26px 0 0 0}
    .category-product-area .btn-view{padding: 12px 40px; font-size: 12px;}

    .pro-block .pro-img{height: 190px}
    .pro-block .pro-detail {padding: 10px 14px;}
    .pro-block .pro-detail .pro-name{font-size: 16px}
    .pro-block .pro-detail .d-flex .price{font-size: 12px; line-height: 16px; margin: 0px;}
    .pro-block.offer-block .pro-detail .d-flex .price del{font-size: 12px; line-height: 16px; margin: 0px}
    .pro-block .pro-detail .d-flex .btn-buy{width: 34px; height: 34px; padding: 10px}
    .pro-block .pro-detail .d-flex .btn-buy svg{width: 100%; height: 100%}
    .pro-block .pro-detail .d-flex .btn-right .btn-wishlist{width: 34px; height: 34px; padding: 10px}
    .pro-block .pro-detail .d-flex .btn-right .btn-wishlist svg{width: 100%; height: 100%}
    .pro-block .pro-img .new-offer,
    .pro-block .pro-img .new-label{width: 34px; height: 34px; font-size: 8px; line-height: 10px; top: 10px; left: 10px;}

    .instant-order-area{padding: 54px 0}
    .instant-order-area::before,
    .instant-order-area::after{margin-top: -96px; background-size: cover; width: 76px; height: 192px;}
    .instant-order-area h2{font-size: 25px; margin: 0 0 10px 0}
    .instant-order-area .btn-white{padding: 12px 40px; font-size: 12px;}

    .package-area {padding: 0 0 25px 0;}
    .package-area h2{font-size: 20px; margin: 0 0 20px 0}
    .package-area .package-block .img-area{height: 240px}
    .package-area .package-block .content-block{padding: 10px 0px 15px 0px}
    .package-area .package-block .content-block .title{font-size: 16px}
    .package-area .package-block .content-block .price{font-size: 18px}
    .package-area .package-block .content-block ul.point{padding: 10px 0px 0px 0px; min-height: 150px;}
    .package-area .package-block .content-block ul.point li{font-size: 12px; line-height: 20px;}
    .package-area .package-block .content-block .btn-buy{padding: 12px;font-size: 12px}

    .highlights-area{padding: 0 0 25px 0;}
    .highlights-area h2{font-size: 20px; margin: 0 0 20px 0}
    .highlights-area .highlight-block{padding: 10px}
    .highlights-area .highlight-block .img-block{height: 260px}
    .highlights-area .highlight-block .title{font-size: 20px; margin: 12px 0 10px 0}

    .baking-process-area{padding: 0 0 0 15px; text-align: left;}
    .baking-process-area .content-flex{display: none}
    .baking-process-area .process-slider{display: block;}
    .baking-process-area h2{font-size: 20px; margin: 0 0 14px 0; }
    .baking-process-area .swiper-slide{width: 220px}
    .baking-process-area .process-block{border-radius: 5px; background: #F3F3F3; padding: 12px 15px; min-height: 160px}
    .baking-process-area h3{font-size: 12px}
    .baking-process-area p{font-size: 10px}



    .our-story-area .story-block .content-area h2{font-size: 20px; margin: 0 0 10px 0; padding: 0 0 10px 0}
    .our-story-area .story-block .content-area p{font-size: 10px; line-height: 18.5px; margin: 0 0 10px 0}
    .our-story-area .story-block .content-area p strong{font-size: 12px; line-height: 20px;}
    .our-story-area .story-block .content-area .btn-more{padding: 12px 40px; font-size: 12px;}


    .footer-area{padding: 30px 0 0 0; position: relative; overflow: hidden;}
    .footer-area::before{content: ''; position: absolute; width: 300px; height: 469px; top: 40px; right: -70px; background: url(../images/footer-icon.png) center center no-repeat}
    .footer-area .d-flex{flex-wrap: wrap; padding: 0 0 30px 0; position: relative; z-index: 1}
    .footer-area .logo-area{width: 25%;}
    .footer-area .logo-area .logo {width: 104px;}
    .footer-area .link-area{width: 20%}
    .footer-area .help-area{width: 30%}
    .footer-area .social-area{width: 25%}
    .footer-area .subscribe-block{width: 100%}
    .footer-area p{font-size: 12px; line-height: 16px;}
    .footer-area h3{font-size: 12px; line-height: 20px; margin: 12px 0px 0px 0px}
    .footer-area ul.link li a{font-size: 12px; line-height: 20px; display: block;}
    .footer-area .copyright{padding: 28px 0; font-size: 12px; line-height: 20px;  position: relative; z-index: 1}

    .cart-main-area{width: 360px; padding: 20px}
    .cart-main-area .bottom-part{padding: 20px}
    .cart-main-area .bottom-part .btn-checkout,
    .cart-main-area .bottom-part .btn-viewcart{padding: 15px; font-size: 14px; margin-top: 10px}
    .cart-main-area .bottom-part .subtotal{font-size: 15px}
    .cart-main-area .bottom-part .subtotal span{font-size: 20px}
    .cart-main-area .cart-list-block{padding: 0 20px; top: 80px; bottom: 166px;}
    .cart-main-area .cart-product .pro-img{width: 120px; height: 120px}
    .cart-main-area .cart-product{padding-left: 135px; min-height: 120px; padding-bottom: 20px; margin-bottom: 22px;}
    .cart-main-area .cart-product .pro-detail{height: 120px; padding-top: 0;}
    .cart-main-area .cart-product .pro-detail .pro-name{font-size: 13px; margin: 0 0 10px 0}
    .cart-main-area .cart-product .pro-detail .price{font-size: 15px}

    .product-detail-page{padding: 20px 0 40px 0}
    .product-detail-page .d-flex{display: block !important;}
    .product-detail-page .leftside{width: 100%; padding: 0px}
    .product-detail-page .thumbs-slider .swiper-slide {width: 62px !important; height: 62px;}
    .product-detail-page .product-thumb .swiper-slide{height: 600px}
    .product-detail-page .leftside .wishlist-icon{top: 15px; right: 15px}
    .product-detail-page .rightside{width: 100%; padding: 30px 0 0 0}

    .product-detail-page .product-name{font-size: 26px}
    .product-detail-page p{font-size: 12px}
    .product-detail-page .additional-option-area h3{font-size: 18px; margin: 0 0 8px 0}
    .product-detail-page .product-price{font-size: 24px}
    .product-detail-page .btn-buy{padding: 18px; font-size: 14px;}

    .custom-size-popup{max-width: 460px;}
    .custom-size-popup .modal-content .modal-body{padding: 30px}
    .custom-size-popup .modal-content .modal-body h2{font-size: 24px; margin: 0 0 15px 0}
    .custom-size-popup .modal-content .modal-body div.quantity{margin-bottom: 10px;}
    .custom-size-popup .modal-content .modal-body .form-control{font-size: 14px;}
    .custom-size-popup .modal-content .modal-body .btn-submit{padding: 18px; font-size: 14px; margin-top: 0; width: 100%}

    .cart-page{padding: 10px 0 30px 0}
    .cart-page h2{font-size: 20px; margin: 0 0 20px 0}
    .cart-page .additional-info-area .btn-more{padding: 12px 40px; font-size: 12px; text-align: center; margin: 0 0 15px 0}
    .cart-page .additional-info-area .leftside{width: 50%}
    .cart-page .additional-info-area .rightside{width: 40%; padding-top: 25px}


    .cart-page .additional-info-area .home-delivery-area{width: 100%}
    .cart-page .additional-info-area .pickup-location-area{padding-top: 10px;}
    .cart-page .additional-info-area .home-delivery-area{padding-top: 10px;}
    .cart-page .additional-info-area ul.pickup li{margin: 0 5px 5px 0}
    .cart-page .additional-info-area ul.pickup li input[type="radio"].css-radio + label.css-radiobtn{font-size: 10px; padding: 8px 15px}
    .cart-page .additional-info-area ul.summary-area li{font-size: 14px}
    .cart-page .additional-info-area ul.summary-area li.total{font-size: 18px}
    .cart-page .additional-info-area .btn-continue{padding: 12px 40px; font-size: 12px; width: 100%; text-align: center; margin: 0 0 15px 0}

    .cart-table thead tr {position: absolute; top: -9999px; left: -9999px;}
    .cart-table tbody tr {border-bottom: #e9eef1 5px solid;}
    .cart-table tbody tr td {border: none !important; border-top: #e9eef1 1px solid !important; position: relative;  display: inline-block; width: 100%; padding: 10px 0px 10px 0px !important; min-height: 51px;  vertical-align: middle !important; text-align: right !important;}
    .cart-table tbody tr td:before {position: absolute; top: 18px; left: 0px;width: 100%; white-space: nowrap;  font-size: 12px; text-transform: uppercase; color: #2A110A;line-height: 16px; text-align: left;}
    .cart-table tbody tr td:nth-of-type(1):before {content: "#";}
    .cart-table tbody tr td:nth-of-type(2):before {content: "Item details";}
    .cart-table tbody tr td:nth-of-type(3):before {content: "Additional opt";}
    .cart-table tbody tr td:nth-of-type(4):before {content: "Price/ Qty";}
    .cart-table tbody tr td:nth-of-type(5):before {content: "Qty";}
    .cart-table tbody tr td:nth-of-type(6):before {content: "No. of serv.";}
    .cart-table tbody tr td:nth-of-type(7):before {content: "Sub total";}
    .cart-table tbody tr td:nth-of-type(3) {padding-top: 45px !important;}
    .cart-page .cart-table tr td .trash{margin-right: 0;float: right;}
    .cart-page .form-select.serving{display: inline-block; height: 30px; line-height: 100%}
    .cart-page .price-qty-block .form-select{height: 30px; line-height: 100%}
    .cart-page .price-qty-block{justify-content: end;}
    .cart-page .pro-info {width: 100%; text-align: left;}
    ul.additon-option{max-width: 100%; text-align: left;}
    select.additon-flavor{max-width: 100%;}


    .checkout-page{padding: 10px 0 30px 0}
    .checkout-page h2{font-size: 20px; margin: 0 0 20px 0}
    .checkout-page .inner-flex{display: block;}
    .checkout-page .inner-flex .form-area{width: 100%; padding: 0px}
    .checkout-page .inner-flex .summary-area{width: 100%; padding: 25px 0px 0px 0px}

    .thankyou-page{padding: 10px 0 30px 0}
    .thankyou-page .icon-name-area h2{font-size: 24px; margin: 0 0 10px 0}
    .thankyou-page .icon-name-area p{font-size: 14px}
    .thankyou-page .information-area .invoice span{font-size: 16px}
    .thankyou-page .information-area .yellow-block{padding: 25px; margin-bottom: 15px}
    .thankyou-page .information-area .yellow-block ul.info li{font-size: 16px; line-height: 24px; position: relative; padding-left: 100px}
    .thankyou-page .information-area .yellow-block ul.info li strong{position: absolute; left: 0px;}
    .thankyou-page .information-area .yellow-block ul.info li:last-child{margin-top: 10px}
    .thankyou-page .information-area table.table-product thead tr th{font-size: 14px; padding: 10px 0}
    .thankyou-page .information-area table.table-product tbody tr td{font-size: 14px}
    .thankyou-page .information-area .summary-area{padding: 0px 0px 15px 50%}
    .thankyou-page .information-area .summary-area .summary-table th{font-size: 14px; line-height: 26px}
    .thankyou-page .information-area .summary-area .summary-table td{font-size: 14px; line-height: 26px}
    .thankyou-page .information-area .summary-area .summary-table tr.total th,
    .thankyou-page .information-area .summary-area .summary-table tr.total td{font-size: 20px; padding-top: 8px}
    .thankyou-page .information-area .info-block{padding: 26px 0 20px 0}
    .thankyou-page .information-area .info-block h3{font-size: 18px; padding-bottom: 12px; margin: 0 0 10px 0;}
    .thankyou-page .information-area .info-block ul.info-list li{font-size: 14px; margin-bottom: 5px}
    .thankyou-page .information-area .info-block p{font-size: 14px}

    .login-popup{max-width: 460px;}
    .login-popup .modal-body{display: block;}
    .login-popup .modal-body .photo-block{width: 100%; height: 260px}
    .login-popup .modal-body .form-area {width: 100%; padding: 30px;}

    .common-page{padding: 10px 0 30px 0}
    .common-page h1{font-size: 24px; margin: 0 0 15px 0}
    .common-page h2{font-size: 20px; margin: 15px 0 15px 0}
    .common-page ul li{font-size: 13px; padding-left: 25px; margin: 0 0 10px 0}
    .common-page ul li::before {left: 0px; top: 5px}

    .faq-page{padding: 10px 0 30px 0}
    .faq-page h1{font-size: 24px; margin: 0 0 15px 0}
    .faq-page .accordion-item .accordion-button{font-size: 14px}
    .faq-page .accordion-item .accordion-body p{font-size: 12px}
    .faq-page .accordion-item .accordion-body{padding: 0 0px 18px 0}

    .testimonials-page{padding: 10px 0 30px 0}
    .testimonials-page h1{font-size: 24px; margin: 0 0 15px 0}
    .testimonials-page .grid-sizer, .testimonials-page .grid-item{padding: 10px; width: 50%}
    .testimonials-page .grid-item .testimonial-block{padding: 25px}

    .ourstory-content{padding: 10px 0 20px 0}
    .ourstory-content .photo-area{padding: 100px 0}
    .ourstory-content h1{font-size: 24px;}
    .ourstory-content h2{font-size: 16px; padding-right: 0px}
    .ourstory-content p{font-size: 12px}

    .creator-area{padding: 0 0 20px 0}
    .creator-area h2{font-size: 22px; margin: 0 0 20px 0; }
    .creator-area .creator-block p{font-size: 12px}
    .creator-area .creator-block .creator-photo{width: 175px; height: 175px; top: 0px}

    .partner-area{padding: 0 0 40px 0;}
    .partner-area h2{font-size: 22px; margin: 0}
    .partner-area p{font-size: 12px}

    .content-two{padding: 0 0 40px 0}
    .content-two h2{font-size: 22px; margin: 0 0 10px 0}
    .content-two p{width: 100%; font-size: 12px}

    .step-section{padding: 0 0 40px 0}
    .step-section h2{font-size: 22px; margin: 0 0 10px 0}
    .step-section .step-main{max-width: 560px}
    .step-section .step-block{display: block; padding-bottom: 100px}
    .step-section .step-block .step-photo{width: 200px; height: 200px; margin: 0 auto;}
    .step-section .step-block .step-detail{width: 100%; padding: 30px 0 0 0; text-align: center; background: transparent}
    .step-section .step-block .arrow{transform: rotate(90deg); right: 50%; margin-right: -13px; bottom: 75px; top: auto;}
    .step-section .step-block:nth-of-type(2n+2) .arrow{transform: rotate(90deg); right: 50%; margin-right: -13px; bottom: 75px; top: auto; left: auto;}
    .step-section .step-block:nth-of-type(2n+2){padding: 0px 0px 100px 0px}
    .step-section .step-block:nth-of-type(2n+2) .step-detail{padding:30px 0 0 0 }
    .step-section .step-block::before{content: none}
    .step-section .step-block::after{height: 70px; right: 50%; bottom: 0px; top: auto}
    .step-section .step-block:nth-of-type(2n+2)::after{height: 70px; right: 50%; bottom: 0px; top: auto; left: auto;}
    .step-section .step-block:last-child{padding: 0px}
    .step-section .step-block:last-child .arrow{display: none}

    .contact-page h1{font-size: 24px; }
    .contact-page p{font-size: 13px; margin: 0 0 20px 0;}
    .contact-page .form-area .input-nuber-area,
    .contact-page .form-area .btn-area{width: 50%;}
    .contact-page .contact-list-area .nav{display: flex; flex-wrap: wrap; margin: 0 -3px 20px -3px;}
    .contact-page .contact-list-area .nav li{padding: 0 3px; margin-bottom: 6px;}
    .contact-page .contact-list-area .nav-link{padding: 10px; font-size: 12px;}
    .contact-page .contact-list-area .location-area {display: block;}
    .contact-page .contact-list-area .location-area .location-content{width: 100%; padding: 0px; margin-bottom: 20px;}
    .contact-page .contact-list-area .location-area .map-area{width: 100%;}
    .contact-page .contact-list-area .location-area address{padding: 0 0px 0 34px;}

    .product-list-page #products .col-lg-3{width: 33.33%;}
}

@media (max-width: 767px) {
  .instant-order-area p{font-size: 16px;}
  .main-header.scrolled::before {height: 116px;}
  .main-header.scrolled ul.cate-menu{opacity: 1 !important; max-height: inherit !important; margin-top: 10px;visibility: visible;}
  .main-header ul.cate-menu{position: absolute; z-index: 2; background: #fff; width: 100%; left: -100%; transition: all .5s ease; display:block;}
  .main-header ul.cate-menu.open{left: 0px; transition: all .5s ease;}
  .main-header ul.cate-menu li a{color: #2A110A; text-align: center; font-size: 12px; line-height: 14px; text-transform: uppercase; display: flex; align-items: center; padding: 8px 15px; border-bottom: #eaeaea 1px solid;}
  .main-header ul.cate-menu li a .icon{width: 34px; height: 34px; margin: 0 10px 0 0}
  .main-header ul.cate-menu li .dropdown-menu{margin: 0px !important; transform: translate(0px, 50px) !important; width: 100%; border-radius: 0px; border: none; border-top: #eaeaea 1px solid; border-bottom: #eaeaea 1px solid}
  .main-header ul.cate-menu li .dropdown-menu li a{border-radius: 0px}
  .main-header .header-inner .logo,
  .main-header.scrolled .header-inner .logo{width: 58px; top: 10px}
  .main-header .header-inner{padding-left: 52px; justify-content: flex-end; min-height: 74px; margin-bottom: 40px}
  .main-header.scrolled .header-inner{min-height: 74px;}
  .main-header .header-inner .search-area{position: absolute;top: 74px;}
  .main-header .header-inner .search-area .form-control{height: 34px;font-size: 14px}
  .main-header .header-inner .search-area .btn-search{width: 34px; height: 34px}
  .main-header .header-inner .rightside{margin: 0px}
  .main-header .header-inner .rightside .btn-location{width: 22px; height: 22px; margin-left: 8px; padding:0px; font-size: 0px;}
  .main-header .header-inner .rightside .btn-location svg{position: relative; top: 0; left: 0px; width: 100%; height: 100%;}
  .main-header .header-inner .rightside .btn-icon {width: 22px; height: 22px; margin-left: 8px; padding:0px}
  .main-header .header-inner .rightside .btn-icon svg{width: 100%; height: 100%;}
  .main-header .header-inner .rightside .btn-cake{font-size: 10px; line-height: 12px; padding: 4px 0px 4px 27px; margin-left: 5px; width: 98px;}
  .main-header .header-inner .rightside .btn-cake img {width: 16px;}
  .main-header .header-inner .rightside .btn-cake svg{position: absolute; top: 5px; left: 0px; width: 22px; height: 22px;}
  .main-header .header-inner .rightside .btn-menu{display: none; width: 34px; height: 34px;  padding:10px; margin: 0px}
  .main-header .header-inner .rightside .btn-menu svg{width: 100%; height: 100%; vertical-align: top;}
  #login_drop_wrap{right: 0px;}
  .mobile-cate-menu{display: done; margin: 0px; padding: 8px 0px 16px 0px; list-style:none; flex-wrap: wrap;display: flex;}
  .mobile-cate-menu li{width: 33.33%; margin-top: 8px;}
  .mobile-cate-menu li a{font-size: 13px; color: #2A110A; line-height: 12px; text-align: center; display: block;}
  .mobile-cate-menu li a .icon{margin: 0 auto 4px auto; width: 40px; height: 40px; position: relative;}
  .mobile-cate-menu li a .icon img{object-fit: contain; max-width: 100%; max-height: 100%; margin: auto; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px;}
  .mobile-cate-menu li ul.dropdown-menu li{width: 100%;}

  /* .banner-area{height: 150px;}
  .banner-area img{width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: cover;} */
  .banner-area .container{padding: 70px 15px;}
  .banner-area h1{font-size: 18px; letter-spacing: -0.32px; margin: 0 0 5px 0;}
  .banner-area .btn-buy{font-size: 12px; padding: 10px 20px}

  .banner-area .d-view { display: none;}
  .banner-area .m-view { display: block;}

  .category-product-area{padding: 20px 0 30px 0}
  .category-product-area.pd-top-0 {padding: 0px 0px 20px 0px;}
  .category-product-area .d-flex{margin: 0 0 14px 0;}
  .category-product-area h2{font-size: 18px; line-height: 20px; margin: 0}
  .category-product-area .cate-slider .swiper-slide {max-width: 56px !important;}
  .category-product-area .cate-block{font-size: 12px; line-height: 12px}
  .category-product-area .cate-block .icon{width: 75px; height: 75px}
  /* .category-product-area .cate-block .icon img {max-width: 50%; max-height: 50%;} */
  .category-product-area .cate-slider{margin-bottom: 30px; display: none;}
  .category-product-area .slider-width{margin-bottom: 30px; display: none;}
  .category-product-area ul.mobile-cate{display: flex;}
  .category-product-area .btn-area{margin: 26px 0 0 0; display: none;}
  .category-product-area .btn-view{padding: 10px 15px; font-size: 12px;}
  .category-product-area .mobile-slider{display: none;}

  .pro-block .pro-img{height: 160px}
  .pro-block .pro-detail {padding: 10px 14px;}
  .pro-block .pro-detail .pro-name{font-size: 12px}
  .pro-block .pro-detail .d-flex .price{font-size: 12px; line-height: 16px; margin: 0px 0px 8px 0px;}
  .pro-block.offer-block .pro-detail .d-flex .price del{font-size: 12px; line-height: 16px; margin: 0px}
  .pro-block .pro-detail .d-flex{display: block !important;}

  .instant-order-area{padding: 54px 0}
  .instant-order-area::before,
  .instant-order-area::after{margin-top: -96px; background-size: cover; width: 76px; height: 192px;}
  .instant-order-area h2{font-size: 25px; margin: 0 0 10px 0}
  .instant-order-area .btn-white{padding: 12px 40px; font-size: 12px;}

  .package-area {padding: 0 0 25px 0;}
  .package-area h2{font-size: 20px; margin: 0 0 20px 0}
  .package-area .package-block .img-area{height: 120px}
  .package-area .package-block .content-block{padding: 10px 0px 15px 0px}
  .package-area .package-block .content-block .title{font-size: 12px; line-height: 24px;}
  .package-area .package-block .content-block .price{font-size: 14px; line-height: 24px;}
  .package-area .package-block .content-block ul.point{padding: 10px 0px 0px 0px; min-height: 125px;}
  .package-area .package-block .content-block ul.point li{font-size: 9px; line-height: 16px;}
  .package-area .package-block .content-block .btn-buy{padding: 8px 12px; font-size: 12px}

  .highlights-area{padding: 0 0 25px 0;}
  .highlights-area h2{font-size: 20px; margin: 0 0 20px 0}
  .highlights-area .highlight-block{padding: 10px}
  .highlights-area .highlight-block .img-block{height: 260px}
  .highlights-area .highlight-block .title{font-size: 20px; margin: 12px 0 10px 0}

  .baking-process-area{padding: 0 0 0 15px; text-align: left;}
  .baking-process-area .content-flex{display: none}
  .baking-process-area .process-slider{display: block;}
  .baking-process-area h2{font-size: 20px; margin: 0 0 14px 0; }
  .baking-process-area .swiper-slide{width: 190px}
  .baking-process-area .process-block{border-radius: 5px; background: #F3F3F3; padding: 12px 15px; min-height: 160px}
  .baking-process-area h3{font-size: 12px}
  .baking-process-area p{font-size: 10px}

  .our-story-area .story-block{display: block;}
  .our-story-area .story-block .photo-block{width: 100%}
  .our-story-area .story-block .photo-block img{position: relative;}
  .our-story-area .story-block .content-area{width: 100%; padding: 25px 0 0 0}
  .our-story-area .story-block .content-area h2{font-size: 20px; margin: 0 0 10px 0; padding: 0 0 10px 0}
  .our-story-area .story-block .content-area p{font-size: 10px; line-height: 18.5px; margin: 0 0 10px 0}
  .our-story-area .story-block .content-area p strong{font-size: 12px; line-height: 20px;}
  .our-story-area .story-block .content-area .btn-more{font-size: 12px; padding: 12px;}

  .footer-area{padding: 30px 0 0 0; position: relative; overflow: hidden;}
  .footer-area::before{content: ''; position: absolute; width: 300px; height: 469px; top: 40px; right: -70px; background: url(../images/footer-icon.png) center center no-repeat}
  .footer-area .d-flex{flex-wrap:wrap; padding: 0 0 30px 0; position: relative; z-index: 1}
  .footer-area .logo-area{width: 100%;}
  .footer-area .logo-area .logo {width: 104px;}
  .footer-area .link-area{width: 50%}
  .footer-area .help-area{width: 50%}
  .footer-area .social-area{width: 100%}
  .footer-area .subscribe-block{width: 100%}
  .footer-area .subscribe-area .form-control{font-size: 12px; height: 42px;}
  .footer-area .subscribe-area .btn-send{height: 42px;}
  .footer-area p{font-size: 12px; line-height: 16px;}
  .footer-area h3{font-size: 12px; line-height: 20px; margin: 12px 0px 0px 0px}
  .footer-area ul.link li a{font-size: 12px; line-height: 20px; display: block;}
  .footer-area .copyright{padding: 28px 0; font-size: 12px; line-height: 20px;  position: relative; z-index: 1}

  .product-list-page{padding: 20px 0 30px 0}
  .product-list-page h2{font-size: 20px; margin: 0 0 20px 0; display: block;}
  .product-list-page .filter-area{display: block; margin-bottom: 20px;}
  .product-list-page .filter-area .leftside{padding: 10px 0; border-right: none;}
  .product-list-page .filter-area .rightside{padding-bottom: 10px;}
  .product-list-page .filter-area .leftside .cate-slider .swiper-slide{max-width:66px !important;}
  .product-list-page .owl-carousel .item{width: 66px !important;}
  .product-list-page .owl-carousel .cate-block .icon{width: 52px; height: 52px;}
  .product-list-page .owl-carousel .cate-block .icon img {max-width: 75%; max-height: 75%;}
  .product-list-page .owl-carousel .cate-block{font-size: 8px; line-height: 10px;}
  .product-list-page .filter-checkbox ul li{margin-right: 10px;margin-bottom: 10px; padding: 5px 8px; font-size: 8px; line-height: 20px;}
  .product-list-page .filter-checkbox {margin: 0px 0px 20px 0px; padding: 0 0 10px 0;}
  .product-list-page .btn-area{margin: 26px 0 0 0}
  .product-list-page .btn-view{padding: 12px 40px; font-size: 12px;}

  .filter-main-block{width: 100%; padding: 20px}
  .filter-main-block ul.filter-list li{padding-left: 15px}
  .filter-main-block ul.tag-list li{margin: 0px 6px 6px 0px}
  .filter-main-block ul.tag-list li input[type="checkbox"].css-checkbox + label.css-checkbtn{padding: 8px 10px; font-size: 10px}

  .cart-main-area{width: 100%; padding: 20px}
  .cart-main-area .bottom-part{padding: 20px}
  .cart-main-area .bottom-part .btn-checkout,
  .cart-main-area .bottom-part .btn-viewcart{padding: 15px; font-size: 14px; margin-top: 10px}
  .cart-main-area .bottom-part .subtotal{font-size: 15px}
  .cart-main-area .bottom-part .subtotal span{font-size: 20px}
  .cart-main-area .cart-list-block{padding: 0 20px; top: 80px; bottom: 166px;}
  .cart-main-area .cart-product .pro-img{width: 120px; height: 120px}
  .cart-main-area .cart-product{padding-left: 135px; min-height: 120px; padding-bottom: 20px; margin-bottom: 22px;}
  .cart-main-area .cart-product .pro-detail{height: 120px; padding-top: 0;}
  .cart-main-area .cart-product .pro-detail .pro-name{font-size: 13px; margin: 0 0 10px 0}
  .cart-main-area .cart-product .pro-detail .price{font-size: 15px}

  .product-detail-page{padding: 20px 0 40px 0}
  .product-detail-page .d-flex{display: block !important;}
  .product-detail-page .leftside{width: 100%; padding: 0px}
  .product-detail-page .thumbs-slider .swiper-slide {width: 62px !important; height: 62px;}
  .product-detail-page .product-thumb .swiper-slide{height: 300px}
  .product-detail-page .leftside .wishlist-icon{top: 15px; right: 15px}
  .product-detail-page .rightside{width: 100%; padding: 30px 0 0 0}
  .product-detail-page .size-select-area{margin: 0px -7px 15px -7px}
  .product-detail-page .size-select-area .size-block{margin: 0px 0px 14px 0px; padding: 0 7px; width: 50%}
  .product-detail-page .size-select-area .size-block input[type="radio"].css-radiobox + label.css-radio{width: 100%}
  .product-detail-page .additional-option-area .additional-select{margin: 0px -6px}
  .product-detail-page .additional-option-area .additional-select .additional-block{padding: 0 6px; width: 33.33%; margin: 0px 0px 5px 0px}
  .product-detail-page .additional-option-area .additional-select .additional-block a {width: 100%;}
  .product-detail-page .additional-option-area .additional-select .additional-block input[type="checkbox"].css-radiobox + label.css-radio{width: 100%}
  .product-detail-page .product-name{font-size: 26px}
  .product-detail-page p{font-size: 12px}
  .product-detail-page .additional-option-area h3{font-size: 18px; margin: 0 0 8px 0}
  .product-detail-page .product-price{font-size: 24px}
  .product-detail-page .btn-buy{padding: 18px; font-size: 14px;}

  .custom-size-popup .modal-content .modal-body{padding: 30px}
  .custom-size-popup .modal-content .modal-body h2{font-size: 24px; margin: 0 0 15px 0}
  .custom-size-popup .modal-content .modal-body .form-control{font-size: 14px; height: 48px; margin-bottom: 10px}
  .custom-size-popup .modal-content .modal-body .btn-submit{padding: 18px; font-size: 14px; margin-top: 0; width: 100%}

  .cart-page{padding: 10px 0 30px 0}
  .cart-page h2{font-size: 20px; margin: 0 0 20px 0}
  .cart-page .additional-info-area .btn-more{padding: 12px 40px; font-size: 12px; width: 100%; text-align: center; margin: 0 0 15px 0}
  .cart-page .additional-info-area .d-flex{display: block !important;}
  .cart-page .additional-info-area .leftside{width: 100%}
  .cart-page .additional-info-area .rightside{width: 100%; padding-top: 25px}
  .cart-page .additional-info-area .coupon-area{display: block;}
  .cart-page .additional-info-area .coupon-area .btn-apply{width: 100%; margin: 10px 0 0 0; padding: 6px 40px; font-size: 12px;}
  .cart-page .additional-info-area ul.delivery-option{flex-wrap: wrap;}
  .cart-page .additional-info-area ul.delivery-option li{margin: 0px 0px 5px 0px; width: 100%}
  .cart-page .additional-info-area .home-delivery-area{width: 100%}
  .cart-page .additional-info-area .pickup-location-area{padding-top: 10px;}
  .cart-page .additional-info-area .home-delivery-area{padding-top: 10px;}
  .cart-page .additional-info-area ul.pickup li{margin: 0 5px 5px 0}
  .cart-page .additional-info-area ul.pickup li input[type="radio"].css-radio + label.css-radiobtn{font-size: 10px; padding: 8px 15px}
  .cart-page .additional-info-area ul.summary-area li{font-size: 14px}
  .cart-page .additional-info-area ul.summary-area li.total{font-size: 18px}
  .cart-page .additional-info-area .btn-continue{padding: 12px 40px; font-size: 12px; width: 100%; text-align: center; margin: 0 0 15px 0}

  .cart-table thead tr {position: absolute; top: -9999px; left: -9999px;}
  .cart-table tbody tr {border-bottom: #e9eef1 5px solid;}
  .cart-table tbody tr td {border: none !important; font-size: 12px !important; border-top: #e9eef1 1px solid !important; position: relative;  display: inline-block; width: 100%; padding: 10px 0px 10px 0px !important; min-height: 51px;  vertical-align: middle !important; text-align: right !important; line-height: 30px !important;}
  .cart-table tbody tr td .form-select{font-size: 12px;}
  .cart-table tbody tr td:before {position: absolute; top: 18px; left: 0px;width: 100%; white-space: nowrap;  font-size: 12px; text-transform: uppercase; color: #2A110A;line-height: 16px; text-align: left;}
  .cart-table tbody tr td:nth-of-type(1):before {content: "";}
  .cart-table tbody tr td:nth-of-type(2):before {content: "Item details";}
  .cart-table tbody tr td:nth-of-type(3):before {content: "Additional opt";}
  .cart-table tbody tr td:nth-of-type(4):before {content: "Price/ Qty";}
  .cart-table tbody tr td:nth-of-type(5):before {content: "Qty";}
  .cart-table tbody tr td:nth-of-type(6):before {content: "No. of serv.";}
  .cart-table tbody tr td:nth-of-type(7):before {content: "Sub total";}
  .cart-table tbody tr td:nth-of-type(3) {padding-top: 45px !important;}
  .cart-page .cart-table tr td .trash{margin-right: 0;float: right;}
  .cart-page .form-select.serving{display: inline-block; height: 30px; line-height: 100%}
  .cart-page .price-qty-block .form-select{height: 30px; line-height: 100%}
  .cart-page .price-qty-block{justify-content: end;}
  .cart-page .pro-info {width: 100%; text-align: left;}

  .checkout-page{padding: 10px 0 30px 0}
  .checkout-page h2{font-size: 20px; margin: 0 0 20px 0}
  .checkout-page .inner-flex{display: block;}
  .checkout-page .inner-flex .form-area{width: 100%; padding: 0px}
  .checkout-page .inner-flex .summary-area{width: 100%; padding: 25px 0px 0px 0px}
  .checkout-page .inner-flex .summary-area .payment-area ul.payment-link li{width: 100%; margin-top: 10px;}
  .checkout-page .inner-flex .summary-area .payment-area ul.payment-link li a{padding: 10px 0}

  .thankyou-page{padding: 10px 0 30px 0}
  .thankyou-page .icon-name-area h2{font-size: 24px; margin: 0 0 10px 0}
  .thankyou-page .icon-name-area p{font-size: 14px}
  .thankyou-page .information-area .invoice{display: block;}
  .thankyou-page .information-area .invoice strong{display: block;}
  .thankyou-page .information-area .invoice span{font-size: 16px}
  .thankyou-page .information-area .yellow-block{padding: 25px}
  .thankyou-page .information-area .yellow-block ul.info li{font-size: 14px; line-height: 20px; position: relative; padding-left: 100px}
  .thankyou-page .information-area .yellow-block ul.info li strong{position: absolute; left: 0px;}
  .thankyou-page .information-area .yellow-block ul.info li:last-child{margin-top: 10px}
  .thankyou-page .information-area table.table-product thead tr {position: absolute; top: -9999px; left: -9999px;}
  .thankyou-page .information-area table.table-product tbody tr {border-bottom: #e9eef1 5px solid;}
  .thankyou-page .information-area table.table-product tbody tr td {border: none !important; border-top: #e9eef1 1px solid !important; position: relative;  display: inline-block; width: 100%; padding: 10px 0px 10px 0px !important; text-align: right; font-size: 14px; vertical-align: middle;}
  .thankyou-page .information-area table.table-product tbody tr td:before {position: absolute; top: 12px; left: 0px;width: 100%; white-space: nowrap; font-weight: 700; font-size: 12px; text-transform: uppercase; color: #2A110A;line-height: 16px; text-align: left;}
  .thankyou-page .information-area table.table-product tbody tr td:nth-of-type(1):before {content: "No";}
  .thankyou-page .information-area table.table-product tbody tr td:nth-of-type(2):before {content: "Product";}
  .thankyou-page .information-area table.table-product tbody tr td:nth-of-type(3):before {content: "Unit Price";}
  .thankyou-page .information-area table.table-product tbody tr td:nth-of-type(4):before {content: "Quantity";}
  .thankyou-page .information-area table.table-product tbody tr td:nth-of-type(5):before {content: "Total Price";}
  .thankyou-page .information-area .summary-area{padding: 0px 0px 15px 0px}
  .thankyou-page .information-area .summary-area .summary-table th{font-size: 14px; line-height: 26px}
  .thankyou-page .information-area .summary-area .summary-table td{font-size: 14px; line-height: 26px}
  .thankyou-page .information-area .summary-area .summary-table tr.total th,
  .thankyou-page .information-area .summary-area .summary-table tr.total td{font-size: 20px; padding-top: 8px}
  .thankyou-page .information-area .info-block{padding: 26px 0 20px 0}
  .thankyou-page .information-area .info-block h3{font-size: 18px; padding-bottom: 12px; margin: 0 0 10px 0;}
  .thankyou-page .information-area .info-block ul.info-list li{font-size: 14px; margin-bottom: 5px}
  .thankyou-page .information-area .info-block ul.info-list li strong{display: block;}
  .thankyou-page .information-area .info-block p{font-size: 14px}

  .login-popup .modal-body{display: block;}
  .login-popup .modal-body .photo-block{width: 100%; height: 260px}
  .login-popup .modal-body .form-area {width: 100%; padding: 30px;}

  .common-page{padding: 10px 0 30px 0}
  .common-page h1{font-size: 24px; margin: 0 0 15px 0}
  .common-page h2{font-size: 20px; margin: 15px 0 15px 0}
  .common-page ul li{font-size: 13px; padding-left: 25px; margin: 0 0 10px 0}
  .common-page ul li::before {left: 0px; top: 5px}

  .faq-page{padding: 10px 0 30px 0}
  .faq-page h1{font-size: 24px; margin: 0 0 15px 0}
  .faq-page .accordion-item .accordion-button{font-size: 14px}
  .faq-page .accordion-item .accordion-body p{font-size: 12px}
  .faq-page .accordion-item .accordion-body{padding: 0 0px 18px 0}

  .testimonials-page{padding: 10px 0 30px 0}
  .testimonials-page h1{font-size: 24px; margin: 0 0 15px 0}
  .testimonials-page .grid-sizer, .testimonials-page .grid-item{padding: 0px; width: 100%}
  .testimonials-page .grid-item{margin-bottom: 15px}
  .testimonials-page .grid-item .testimonial-block{padding: 25px}

  .ourstory-content{padding: 10px 0 20px 0}
  .ourstory-content .photo-area{padding: 50px 0}
  .ourstory-content h1{font-size: 24px; }
  .ourstory-content h2{font-size: 16px; padding-right: 0px}
  .ourstory-content p{font-size: 12px}

  .creator-area{padding: 0}
  .creator-area h2{font-size: 22px; margin: 0 0 20px 0; text-align: center;}
  .creator-area .creator-block{padding: 0px; text-align: center;}
  .creator-area .creator-block .creator-photo {width: 125px; height: 125px; position: relative; margin:0 auto 15px auto; top: 0px}
  .creator-area .creator-block p{font-size: 12px}

  .partner-area{padding: 0 0 40px 0; text-align: center;}
  .partner-area h2{font-size: 22px; margin: 0}
  .partner-area p{font-size: 12px}

  .content-two{padding: 0 0 40px 0}
  .content-two h2{font-size: 22px; margin: 0 0 10px 0}
  .content-two p{width: 100%; font-size: 12px}

  .step-section{padding: 0 0 40px 0}
  .step-section::before,
  .step-section::after{opacity: 0.5}
  .step-section h2{font-size: 22px; margin: 0 0 10px 0}
  .step-section .step-main{position: relative; z-index: 1}
  .step-section .step-block{display: block; padding-bottom: 100px}
  .step-section .step-block .step-photo{width: 200px; height: 200px; margin: 0 auto; border-radius: 50%}
  .step-section .step-block .step-detail{width: 100%; padding: 30px 0 0 0; text-align: center; background: transparent}
  .step-section .step-block .arrow{transform: rotate(90deg); right: 50%; margin-right: -13px; bottom: 75px; top: auto;}
  .step-section .step-block:nth-of-type(2n+2) .arrow{transform: rotate(90deg); right: 50%; margin-right: -13px; bottom: 75px; top: auto; left: auto;}
  .step-section .step-block:nth-of-type(2n+2){padding: 0px 0px 100px 0px}
  .step-section .step-block:nth-of-type(2n+2) .step-detail{padding:30px 0 0 0 }
  .step-section .step-block::before{content: none}
  .step-section .step-block::after{height: 70px; right: 50%; bottom: 0px; top: auto}
  .step-section .step-block:nth-of-type(2n+2)::after{height: 70px; right: 50%; bottom: 0px; top: auto; left: auto;}
  .step-section .step-block:last-child{padding: 0px}
  .step-section .step-block:last-child .arrow{display: none}

  .login-page{padding: 0px;}
  .weight-box.no-marg.open .dropdown{left: 0 !important; top: 70px;}
  .weight-box.no-marg p.holder{position: relative;left: 0; top: 0; margin: 0;}

  .contact-page h1{font-size: 24px; }
  .contact-page p{font-size: 13px; margin: 0 0 20px 0;}
  .contact-page .form-area .input-nuber-area,
  .contact-page .form-area .btn-area{width: 100%;}
  .contact-page .contact-list-area .nav{display: flex; flex-wrap: wrap; margin: 0 -3px 20px -3px;}
  .contact-page .contact-list-area .nav li{width: 50%; padding: 0 3px; margin-bottom: 6px;}
  /* .contact-page .contact-list-area .nav li:last-child{width: 100%;} */
  .contact-page .contact-list-area .nav-link{padding: 10px;}
  .contact-page .contact-list-area .location-area {display: block;}
  .contact-page .contact-list-area .location-area .location-content{width: 100%; padding: 0px; margin-bottom: 20px;}
  .contact-page .contact-list-area .location-area .map-area{width: 100%;}
  .contact-page .contact-list-area .location-area address{padding: 0 0px 0 34px;}

  .bp-collections{border-top: #DBDBDB 1px solid;}
  .title-top{display: block; text-align: center;}
  .title-top h1{font-size: 30px; line-height: 30px; margin: 0px 0px 10px 0px;}
  .helpBtnWrap_cate_left{font-size: 14px; line-height: 16px;}

  .collections-block .d-flex{display: block !important; padding: 15px 0;}
  .collections-block .img-wrpr{width: 100%; height: 140px;}
  .collections-block figcaption{width: 100%; margin: 0px; padding: 15px 0 0 0;}
  .collections-block figcaption h3{font-size: 16px; line-height: 20px; text-align: center;}
  .collections-block figcaption p{font-size: 12px; line-height: 18px; text-align: center;}

  ul.additon-option{max-width: 100%; margin-top: -5px; }
  ul.additon-option li{text-align: left; line-height: 15px; min-height: 15px; background: url(../images/right-icon.png) 0 3px no-repeat;}
  .thankyou-page .information-area .yellow-block ul.info li span {display: block; font-size: 13px;}

  ul.yellowbox_category li{width: 50%;}
  ul.yellowbox_category li a .img-area{height: 140px;}
  ul.yellowbox_category li a h3{font-size: 14px;}
  .filter-area .owl-carousel .owl-nav .owl-next{right:-5px;top:-23px}

  .product-list-page #products .col-lg-3{width: 50%;}
}


@media (max-width: 359px) {
    .mobile-cate-menu li{width: 33.33%; margin-top: 8px;}
    .mobile-cate-menu li a{font-size: 11px; color: #2A110A; line-height: 12px; text-align: center; display: block;}
    .mobile-cate-menu li a .icon{margin: 0 auto 4px auto; width: 40px; height: 40px; position: relative;}
}