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

    /* ==============================
        Hero Section Start
    ==============================  */
    .hero-section .container {
        padding-block: 180px 110px;
    }

    .hero-section .content {
        max-width: 570px;
    }
    .hero-section h1 {
        font-size: 56px;
    }

    .hero-vector {
        height: 100%;
        right: 0;
    }

    .hero-section .hero-banner img {
        width: 52%;
        top: -6%;
    }
    /* ==============================
        Hero Section End
    ==============================  */

    /* ==============================
        Help Hero Section Start
    ==============================  */
    .help-hero .container {
        padding-block: 110px;
    }

    .help-hero .content {
        max-width: 570px;
    }
    .help-hero h1 {
        font-size: 56px;
    }

    .help-hero .hero-vector {
        height: 100%;
        right: 0;
    }

    .help-hero .hero-banner img {
        width: 48%;
        top: -22%;
    }
    /* ==============================
        Help Hero Section End
    ==============================  */
}

@media screen and (max-width: 1199px) {
    .py-160 {
        padding-block: 120px;
    }

    .py-60 {
        padding-block: 54px;
    }
    .demo-btn {
        font-size: 16px;
    }

    /* ==============================
        HEADER Section Start
    ==============================  */
    header .navbar-brand img {
        max-width: 140px;
    }
    header .navbar-nav {
        gap: 16px;
    }
    header .navbar-nav .nav-link {
        font-size: 15px;
        padding: 10px 0px !important;
    }
    /* ==============================
        HEADER Section End
    ==============================  */

    /* ==============================
        Hero Section Start
    ==============================  */
    .hero-section .container {
        padding-block: 150px 90px;
    }
    .hero-section .content {
        max-width: 500px;
    }
    .hero-section h1 {
        font-size: 45px;
    }
    .hero-section .lg-text {
        font-size: 16px;
    }
    .hero-section .hero-banner img {
        width: 50%;
        top: 10%;
    }
    /* ==============================
        Hero Section End
    ==============================  */

    /* ==============================
        Order-Steps Section Start
    ==============================  */
    .step-card {
        padding: 30px;
        border-radius: 30px;
    }
    .step-card svg {
       margin-bottom: 24px;
    }
    .step-card h4 {
        font-size: 22px;
        margin-bottom: 20px;
    }
    /* ==============================
        Order-Steps Section End
    ==============================  */



    /* ==============================
       Help Hero Section Start
    ==============================  */
    .help-hero .container {
        padding-block: 90px;
    }
    .help-hero .content {
        max-width: 500px;
    }
    .help-hero h1 {
        font-size: 45px;
    }
    .help-hero .lg-text {
        font-size: 16px;
    }
    .help-hero .hero-banner img {
        width: 48%;
        top: -10%;
    }

    .help-hero .search-wrapper input {
        font-size: 16px;
        padding: 16px 16px 16px 46px;
    }
    .help-hero .search-wrapper i {
        font-size: 18px;
    }
    .help-hero .search-wrapper button {
        font-size: 16px;
        padding: 10px 24px;
    }
    /* ==============================
        Help Hero Section End
    ==============================  */

    /* ==============================
        Help Contact Section Start
    ==============================  */
    .help-contact .help-banner {
        bottom: -54px;
    }
    /* ==============================
        Help Contact Section End
    ==============================  */


    /*  auth Modal Style  */
    .auth-modal .aside-form {
        padding: 30px;
    }
    .auth-modal .divider {
        margin-block: 20px;
    }
    /*  auth Modal Style  */

}

@media screen and (max-width: 991px) {
    .mb-100 {
        margin-bottom: 80px;
    }

    .py-160 {
        padding-block: 100px;
    }

    .py-120 {
        padding-block: 100px;
    }

    .py-100 {
        padding-block: 80px;
    }

    .py-80 {
        padding-block: 70px;
    }

    .py-60 {
        padding-block: 48px;
    }

    .py-40 {
        padding-block: 36px;
    }

    /* ==============================
        HEADER Section Start
     ==============================  */
    header nav.navbar {
        padding: 24px 0;
    }
    header .navbar-nav {
        gap: 12px;
    }
    header .navbar-nav .nav-link {
       padding: 0 !important;
    }
    header .navbar-nav .nav-item:first-child .nav-link {
        padding-top: 0 !important;
    }
    header.index_page .right-wrapper a {
        color: var(--dark-color);
    }
    /* ==============================
        HEADER Section End
    ==============================  */

    /* ==============================
        Hero Section Start
    ==============================  */
    .hero-section .container{
        padding-block: 130px 60px;
    }
    .hero-vector {
        display: none;
    }
    .hero-section .wrap {
        display: flex;
        flex-direction: column;
        gap: 30px;
    }
    .hero-section .content {
        max-width: unset;
    }
    .hero-section h1 {
        font-size: 38px;
    }
    .hero-section .hero-banner img {
        width: 100%;
        position: relative;
        z-index: 3;
        top: unset;
        right: unset;
        display: block;
        margin: auto;
    }
    .hero-section .border-left h5 {
        font-size: 16px;
    }
    .hero-section .border-left .badge {
        font-size: 14px;
        padding: 6px 10px;
    }
    /* ==============================
        Hero Section End
    ==============================  */

    /* ==============================
        Menu Category Section Start
    ==============================  */
    .menu-cat .menu-box {
        padding: 20px 18px;
        border-radius: 20px;
        box-shadow: rgba(0, 0, 0, 0.05) 0px 25px 50px 0px !important;
        gap: 14px;
    }
    .menu-cat .menu-box svg {
        width: 50px;
    }
    /* ==============================
        Menu Category Section End
    ==============================  */

    /* ==============================
        Order-Steps Section Start
    ==============================  */
    .order-steps .step-card h4 {
        margin-bottom: 16px;
    }
    .order-steps .arrow-circle {
        transform: rotate(90deg);
    }

    /* ==============================
        Order-Steps Section End
    ==============================  */

    /* ==============================
        Limited-Offer Section Start
    ==============================  */
    .limited-offer .border-left h5 {
        font-size: 17px;
    }
    .limited-offer .border-left .badge {
        font-size: 15px;
        padding: 6px 12px;
    }
    /* ==============================
        Limited-Offer Section End
    ==============================  */

    /* ==============================
        Our-Story Section Start
    ==============================  */
    .contact-icon {
        width: 48px;
        height: 48px;
    }
    .contact-icon i {
        font-size: 16px;
    }

    .contact-number {
        font-size: 16px;
    }
    /* ==============================
        Our-Story Section End
    ==============================  */

    /* ==============================
        Gallery Section Start
    ==============================  */
    .gallery-grid {
        grid-template-columns: repeat(6, 1fr);
    }

    .gallery-grid .item:nth-child(1),
    .gallery-grid .item:nth-child(6),
    .gallery-grid .item:nth-child(9) {
        grid-column: span 6;
    }

    .gallery-grid .item:nth-child(2),
    .gallery-grid .item:nth-child(3),
    .gallery-grid .item:nth-child(4),
    .gallery-grid .item:nth-child(5),
    .gallery-grid .item:nth-child(7),
    .gallery-grid .item:nth-child(8) {
        grid-column: span 3;
    }

    .gallery-grid .item:nth-child(5) {
        grid-row: span 1;
    }
    /* ==============================
        Gallery Section End
    ==============================  */

    /* ==============================
        Contact-Detail Section Start
    ==============================  */
    .contact-detail-section .card {
        width: 100% !important;
        padding: 20px 30px;
    }

    .contact-detail-section .card i {
        font-size: 24px;
        color: var(--white-color);
    }

    .contact-detail-section .card p {
        font-size: 18px;
    }

    .share-social-link {
        gap: 10px;
        margin-top: 15px;
    }
    .social-link {
        width: 34px;
        height: 34px;
        font-size: 14px;
    }
    /* ==============================
        Contact-Detail Section End
    ==============================  */

    /* ==============================
        Contact-Map Section Start
    ==============================  */
    .contact-map-section #display-google-map {
        height: 500px;
    }

    .contact-map-section .float-form {
        position: unset;
        transform: unset;
    }

    .contact-form {
        max-width: 100%;
        margin: auto;
    }
    /* ==============================
        Contact-Map Section End
    ==============================  */

    /* ==============================
        Update Item Modal Start
    ==============================  */
    .update-item-modal .modal-header,
    .update-item-modal .modal-body {
        padding-bottom: 16px;
        margin-bottom: 16px;
    }
    .update-item-modal .cart-item {
        gap: 20px;
    }
    .update-item-modal .cart-product-info {
        gap: 12px;
    }
    .update-item-modal .cart-product-info .product-img {
        width: 80px;
        height: 70px;
    }
    .update-item-modal .cart-product-info .product-title {
        font-size: 18px;
    }
    .update-item-modal .cart-product-info .product-price {
        font-size: 14px;
        font-weight: 600;
    }
    .update-item-modal .extras-wrapper .extras-content {
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
    }
    .update-item-modal .extras-wrapper .extras-heading {
        margin-bottom: 12px;
    }
    .update-item-modal .btn-close {
        margin-bottom: 5px;
    }
    /* ==============================
        Update Item Modal End
    ==============================  */

    /* ==============================
        Add Address Modal Start
    ==============================  */
   .add_address-modal .map-wrap {
        height: 300px;
        margin-bottom: 18px;
    }
    .add_address-modal .map-wrap .map {
        border-width: 14px;
    }
    .add_address-modal .map-wrap .search-location-wrap {
        gap: 10px;
        top: 20px;
        right: 20px;
    }
    .add_address-modal .map-wrap .search-location-wrap input {
        padding: 10px 14px;
    }
    .add_address-modal .map-wrap .search-location-wrap .full-view {
        font-size: 16px;
        padding: 7px 12px;
    }
    /* ==============================
        Add Address Modal End
    ==============================  */

    /* ==============================
        Blog DEtail Page
    ==============================  */
    .overlay-video-wrapper img {
        height: 500px;
    }
    .overlay-wrapper {
        margin-top: 30px;
    }
    /* ==============================
        Blog DEtail Page
    ==============================  */


    /* ==============================
        Help Hero Section Start
    ==============================  */
    .help-hero .container{
        padding-block: 130px 60px;
    }
    .help-hero .hero-vector {
        display: none;
    }
    .help-hero .wrap {
        display: flex;
        flex-direction: column;
        gap: 30px;
    }
    .help-hero .content {
        width: 100%;
        max-width: unset;
    }
    .help-hero h1 {
        font-size: 38px;
    }
    .help-hero .hero-banner img {
        width: 80%;
        position: relative;
        z-index: 3;
        top: unset;
        right: unset;
        display: block;
        margin: auto;
    }
    /* ==============================
        Help Hero Section End
    ==============================  */

    /* ==============================
        Help POpular Article Start
    ==============================  */
    .help-article-columns {
        flex-direction: column;
        gap: 20px;
    }

    .help-article-item {
        font-size: 20px;
    }
    /* ==============================
        Help POpular Article End
    ==============================  */

    /* ==============================
        Help Contact Section Start
    ==============================  */
    .help-contact .contact-content {
        position: relative;
        z-index: 3;
    }
    .help-contact .help-banner {
        bottom: -48px;
        height: 100%;
    }
    .help-contact .contact-btn {
        font-size: 15px;
        padding: 12px 24px;
    }
    /* ==============================
        Help Contact Section End
    ==============================  */

    /* NewsLetter Modal  */
    .newsletter-modal .title {
        margin-top: 15px;
    }

}

@media screen and (max-width: 767px) {
    .mb-100 {
        margin-bottom: 60px;
    }

    .py-160 {
        padding-block: 70px;
    }

    .py-120 {
        padding-block: 80px;
    }

    .py-100 {
        padding-block: 60px;
    }

    .py-80 {
        padding-block: 60px;
    }

    .py-60 {
        padding-block: 42px;
    }

    .py-40 {
        padding-block: 32px;
    }

    .p-48 {
        padding: 24px;
    }
    .subtitle {
        font-size: 16px;
    }
    .theme-btn {
        font-size: 15px;
        padding: 10px 24px;
        border-radius: 14px;
    }
    /* ==============================
        HEADER Section Start
    ==============================  */
    header nav.navbar {
        padding: 20px 0;
    }
    .auth-btn-wrap button {
        font-size: 15px;
        padding: 10px 24px;
        border-radius: 14px;
    }
    /* ==============================
        HEADER Section End
    ==============================  */

    /* ==============================
        Hero Section Start
    ==============================  */
    .hero-section .container {
        padding-block: 115px 50px;
    }
    .hero-section h1 {
        font-size: 33px;
    }
    /* ==============================
        Hero Section End
    ==============================  */

    /* ==============================
        Menu Category Section Start
    ==============================  */
    .menu-cat .menu-box {
        padding: 18px 16px;
        border-radius: 18px;
        gap: 10px;
    }
    .menu-cat .menu-box h6 {
        font-size: 14px;
    }
    .menu-cat .menu-box svg {
        width: 42px;
    }
    /* ==============================
        Menu Category Section End
    ==============================  */

    /* ==============================
        Dishes Section Start
    ==============================  */
    .dishes-section .nav-pills {
        column-gap: 10px;
        row-gap: 8px;
    }
    .dishes-section .nav-pills .nav-link {
        font-size: 15px;
        border-radius: 10px;
        padding: 8px 14px;
    }
    /* ==============================
        Dishes Section End
    ==============================  */

    /* ==============================
        Featured-Single-Dish Section Start
    ==============================  */
    .feature-single-dish .chef-card {
        right: 20px;
    }
    .feature-single-dish .card-stack {
        width: 100px;
        height: 120px;
    }

    .feature-single-dish .card-bg {
        width: 80px;
        height: 100px;
    }

    .feature-single-dish .card-content {
        padding: 16px 8px;
    }

    .feature-single-dish .avatar {
        width: 48px;
        height: 48px;
        margin-bottom: 8px;
    }

    .feature-single-dish .name {
        font-size: 14px;
    }

    .feature-single-dish .role {
        font-size: 12px;
    }

    .feature-single-dish .dish-card {
        padding: 12px;
        border-radius: 12px;
    }
    .feature-single-dish .dish-card .img-wrapper {
        width: 56px;
        height: 56px;
        border-radius: 8px;
        margin-right: 8px;
    }

    .feature-single-dish .dish-card .title {
        font-size: 16px;
    }

    .feature-single-dish .dish-card .price {
        font-size: 13px;
    }

    .feature-single-dish .dish-card .rating i {
        font-size: 11px;
    }
    /* ==============================
        Featured-Single-Dish Section End
    ==============================  */

    /* ==============================
        Banner Section Start
    ==============================  */
    .banner-section .banner {
        border-radius: 24px;
    }

    .banner-section .figure {
        min-height: 280px;
    }

    .banner-section .figure-caption {
        padding: 30px;
    }

    .banner-section .figure-caption .title {
        font-size: 24px;
        margin-bottom: 10px;
    }

    .banner-section .figure-caption .description {
        font-size: 16px;
        margin-bottom: 20px !important;
    }

    /* ==============================
        Banner Section End
    ==============================  */

    /* ==============================
        Order-Steps Section Start
    ==============================  */
    .order-steps .step-card h4 {
        font-size: 21px;
        margin-bottom: 12px;
    }

    /* ==============================
        Order-Steps Section End
    ==============================  */

    /* ==============================
        Limited-Offer Section Start
    ==============================  */
    .countdowntimer .numberDisplay {
        font-size: 36px;
    }

    .countdowntimer .numberDisplay::before {
        font-size: 36px !important;
        right: -21px !important;
    }

    .countdowntimer .displaySection {
        width: 70px;
        height: 60px;
    }
    /* ==============================
        Limited-Offer Section End
    ==============================  */

    /* ==============================
        Testimonial Section Start
    ==============================  */
    .testimonial-section .card {
        padding: 20px;
        gap: 18px;
        border-radius: 16px;
    }
    .testimonial-section .card .img-wrapper {
        width: 50px;
        height: 50px;
    }
    .testimonial-section .card .star-icon i {
         font-size: 12px;
    }
    .testimonial-section .card .main-text {
        font-size: 15px;
    }
    /* ==============================
        Testimonial Section End
    ==============================  */

    .slideshow-section .swiper-slide {
        border-radius: 20px;
        height: 320px;
    }

     /* ==============================
        Breadcrumb Section Start
    ==============================  */
    .breadcrumb-section .content .shadow-text {
        font-size: 54px;
        margin-bottom: -40px;
    }

    .breadcrumb-section .content h1 {
        font-size: 40px;
        margin-bottom: 40px;
    }
    /* ==============================
        Breadcrumb Section End
    ==============================  */

    /* ==============================
        Top-Chefs Section Start
    ==============================  */
    .top-chef-card .chef-image {
        height: 300px;
    }
    .chef-details {
        padding: 16px;
    }
    .chef-name {
        font-size: 20px;
        margin-bottom: 0;
    }
    .chef-position {
        font-size: 13px;
    }
    .chef-socials {
        gap: 8px;
        margin-top: 8px;
    }
    .chef-socials .social-link {
        width: 30px;
        height: 30px;
    }
    /* ==============================
        Top-Chefs Section Start
    ==============================  */

    /* ==============================
        Contact-Detail Section Start
    ==============================  */
    .contact-detail-section .card {
        width: 100% !important;
        padding: 16px 24px;
    }

    .contact-detail-section .card i {
        font-size: 20px;
        color: var(--white-color);
    }
    .contact-detail-section .card h5 {
            font-size: 18px;
    }
    .contact-detail-section .card p {
        font-size: 16px;
    }

    .share-social-link {
        gap: 8px;
    }
    /* ==============================
        Contact-Detail Section End
    ==============================  */

    /* ==============================
        Contact-Map Section Start
    ==============================  */
    .contact-map-section #display-google-map {
        height: 450px;
    }
    .contact-form {
        padding: 30px;
    }
    .contact-form label {
        font-size: 16px;
        margin-bottom: 5px;
    }
    /* ==============================
        Contact-Map Section End
    ==============================  */

    /* ==============================
        Blog Section Start
    ==============================  */
    .blog-section .wrapper {
        border-radius: 20px;
    }
    .blog-section .wrapper img {
        height: 350px;
    }
    .blog-section .figure .figure-caption {
        padding: 20px;
    }
    .blog-section .figure .figure-caption h5 a {
        font-size: 18px;
    }
    .blog-section .figure .figure-caption h4 a {
        font-size: 20px;
    }
    /* ==============================
        Blog Section End
    ==============================  */


     /* ==============================
        Blog DEtail Page
    ==============================  */
     .blog-details-page .detail-overlay-section {
        height: 450px;
    }
    .overlay-video-wrapper img {
        height: 450px;
    }
    .overlay-wrapper {
        margin-top: 20px;
    }
    .overview-section .gray-text {
        font-size: 16px;
    }
    /* ==============================
        Blog DEtail Page
    ==============================  */

    /* ==============================
        Cart Page Cart Section Start
    ==============================  */
    .cart-content .table-wrapper table,
    .cart-content .table-wrapper thead,
    .cart-content .table-wrapper tbody,
    .cart-content .table-wrapper th,
    .cart-content .table-wrapper td,
    .cart-content .table-wrapper tr {
        display: block;
        width: 100%;
    }

    .cart-content .table-wrapper table tbody>tr {
        border: 1px solid rgba(255, 150, 46, 0.08);
        display: block !important;
        margin-bottom: 15px;
        padding: 16px;
    }
    .cart-content .table-wrapper table tbody>tr td {
        border-bottom: 1px solid rgba(255, 150, 46, 0.08);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 14px;
        padding: 10px 0px;
    }
    .cart-content .table-wrapper table tbody>tr td:first-child {
        padding-top: 0;
    }

    .cart-content .table-wrapper table tbody>tr td:last-child {
        padding-bottom: 0;
    }

    .cart-content .table-wrapper table tbody>tr td.product-info {
        width: 100%;
        gap: 14px;
    }

    .cart-content .table-wrapper table tbody > tr td .product-img {
        width: 70px;
        height: 60px;
    }

    .cart-content .table-wrapper table td::before {
        content: attr(data-label);
        float: left;
        font-weight: bold;
        text-transform: capitalize;
        font-size: 16px;
        color: var(--dark-color);
        min-width: 90px;
        text-align: left;
    }

    .cart-content .table-wrapper table tbody>tr td .cart-qty-plus-minus {
        margin: 0;
    }

    .cart-content .table-wrapper table tbody>tr td.ec-cart-pro-remove {
        width: auto;
    }

    .cart-content .table-wrapper table tbody>tr td.ec-cart-pro-remove a {
        margin: 0;
    }

    .cart-content .table-wrapper table td:last-child {
        border-bottom: 0;
    }
    .card_page.quantity-controls {
        padding: 10px;
    }
    .card_page.quantity-controls .quantity-decrease,
    .card_page.quantity-controls .quantity-increase {
        width: 24px;
        font-size: 12px;
    }
    .card_page.quantity-controls .quantity-input {
        font-size: 14px;
        width: 30px;
    }
    .cart-content .cart-actions .btn-return {
        font-size: 15px;
        padding: 10px 24px;
        border-radius: 14px;
    }
    .coupon-form {
        width: 100%;
        border-radius: 14px;
    }
    .coupon-form .coupon-input {
        padding: 11px 16px;
    }
    .coupon-form .coupon-btn {
        font-size: 15px;
        padding: 10px 24px;
    }
    /* ==============================
        Cart Page Cart Section End
    ==============================  */

    /* ==============================
        Update Item Modal Start
    ==============================  */
    .update-item-modal .modal-content {
        padding: 20px;
        border-radius: 20px;
    }
    .update-item-modal .cart-product-info {
        gap: 8px;
    }
    .update-item-modal .cart-product-info .product-img {
        width: 64px;
        height: 54px;
    }
    .update-item-modal .cart-product-info .product-title {
        font-size: 16px;
    }
    .update-item-modal .cart-product-info .product-price {
        font-size: 13px;
    }
    .update-item-modal .extras-wrapper .extras-content {
        gap: 16px;
    }
    .update-item-modal .theme-btn {
        font-size: 15px;
        padding: 10px 24px;
        border-radius: 14px;
    }
    /* ==============================
        Update Item Modal End
    ==============================  */

    /* ==============================
        Billing Section Start
    ==============================  */
    .delivery-option-box {
        padding: 16px 18px;
    }
    .delivery-action-buttons button {
        font-size: 15px;
        padding: 10px 24px;
        border-radius: 14px;
    }
    .summary-items {
        gap: 14px;
    }
    .summary-items .total-amount,
    .summary-items .summary-total .label {
        font-size: 20px;
    }
    /* ==============================
        Billing Section End
    ==============================  */

    /* ==============================
        Add Address Modal Start
    ==============================  */
    .add_address-modal .modal-content {
        padding: 20px;
        border-radius: 20px;
    }
   .add_address-modal .map-wrap {
        height: 270px;
        margin-bottom: 16px;
    }
    .add_address-modal .map-wrap .map {
        border-width: 10px;
    }
    .add_address-modal .map-wrap .search-location-wrap {
        top: 16px;
        right: 16px;
    }
    .modal .form-grid input, .modal .form-grid textarea {
        font-size: 14px;
        padding: 10px 14px;
    }
    /* ==============================
        Add Address Modal End
    ==============================  */

    /* ==============================
        User Dashboard Start
    ==============================  */
    .ec-vendor-sidebar .ec-sidebar-wrap .ec-sidebar-block {
        padding: 20px 0 14px 0;
    }
    .ec-vendor-dashboard .ec-vendor-sidebar .ec-sidebar-block .ec-vendor-block .ec-vendor-block-detail h5,
    .ec-vendor-uploads .ec-vendor-sidebar .ec-sidebar-block .ec-vendor-block .ec-vendor-block-detail h5 {
        font-size: 18px;
        margin-bottom: 16px;
    }
    .ec-vendor-dashboard .ec-vendor-sidebar .ec-sidebar-block .ec-vendor-block .ec-vendor-block-items ul li a,
     .ec-vendor-uploads .ec-vendor-sidebar .ec-sidebar-block .ec-vendor-block .ec-vendor-block-items ul li a {
       font-size: 15px;
    }
    .ec-vendor-dashboard .ec-vendor-dashboard-card-profile,
    .ec-vendor-uploads .ec-vendor-dashboard-card-profile {
        height: auto;
        padding: 24px;
    }
    .ec-vendor-dashboard .ec-vendor-dashboard-card-profile img,
     .ec-vendor-uploads .ec-vendor-dashboard-card-profile img {
        width: 100px;
        height: 100px;
    }
    .ec-vendor-dashboard .ec-vendor-dashboard-card-profile h3,
    .ec-vendor-uploads .ec-vendor-dashboard-card-profile h3 {
        font-size: 18px;
    }
    .ec-vendor-dashboard .ec-vendor-dashboard-card-address,
     .ec-vendor-uploads .ec-vendor-dashboard-card-address {
        height: auto;
        padding: 24px;
    }
    .ec-vendor-dashboard .ec-vendor-dashboard-card-address h5,
    .ec-vendor-uploads .ec-vendor-dashboard-card-address h5 {
        margin-bottom: 16px;
    }
    .ec-vendor-dashboard .ec-vendor-dashboard-card .ec-vendor-card-header,
    .ec-vendor-uploads .ec-vendor-dashboard-card .ec-vendor-card-header {
        padding: 16px 20px;
    }
    .ec-vendor-dashboard .ec-vendor-dashboard-card .ec-vendor-card-body .ec-table thead tr th,
    .ec-vendor-uploads .ec-vendor-dashboard-card .ec-vendor-card-body .ec-table thead tr th {
        padding-left: 20px;
    }
    .ec-vendor-dashboard .ec-vendor-dashboard-card .ec-vendor-card-body .ec-table tbody tr th,
    .ec-vendor-dashboard .ec-vendor-dashboard-card .ec-vendor-card-body .ec-table tbody tr td,
    .ec-vendor-uploads .ec-vendor-dashboard-card .ec-vendor-card-body .ec-table tbody tr th,
    .ec-vendor-uploads .ec-vendor-dashboard-card .ec-vendor-card-body .ec-table tbody tr td {
        padding-left: 20px;
    }
    .ec-vendor-dashboard .ec-vendor-dashboard-card .ec-vendor-card-header h5,
     .ec-vendor-uploads .ec-vendor-dashboard-card .ec-vendor-card-header h5 {
        font-size: 16px;
    }
    .ec-vendor-dashboard .ec-vendor-dashboard-card .ec-vendor-card-header  a,
     .ec-vendor-uploads .ec-vendor-dashboard-card .ec-vendor-card-header  a {
        font-size: 14px;
    }

    .ec-vendor-dashboard .ec-vendor-dashboard-card .ec-vendor-card-header {
        align-items: start;
    }
    .ec-vendor-dashboard .ec-vendor-dashboard-card .ec-vendor-card-header-inner {
        flex-direction: column;
        align-items: unset;
    }
    .order-summary .address-card {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .order-summary .card.billing-card {
        border-radius: 12px;
        border: 1px solid rgba(255, 150, 46, 0.09);
    }

    .order-summary .card.shipping-card {
        border-radius: 12px;
        border: 1px solid rgba(255, 150, 46, 0.09);
    }

    #ec-progressbar li .ec-track-title {
        font-size: 13px;
        max-width: 100%;
    }
    #ec-progressbar li .ec-progressbar-track:before {
        width: 36px;
        height: 36px;
        line-height: 36px;
        font-size: 12px;
    }
    #ec-progressbar li .ec-progressbar-track:after {
        height: 8px;
    }

    .ec-vendor-dashboard .ec-vendor-dashboard-card .ec-vendor-card-setting-header,
    .ec-vendor-uploads .ec-vendor-dashboard-card .ec-vendor-card-setting-header {
        padding: 0 0 16px 0;
        margin: 20px 20px;
    }
    .ec-vendor-dashboard .ec-vendor-dashboard-card .ec-vendor-card-setting-table,
     .ec-vendor-uploads .ec-vendor-dashboard-card .ec-vendor-card-setting-table {
        padding: 5px 20px 20px 20px;
    }
    .ec-vendor-dashboard .ec-vendor-dashboard-card .setting-form .setting-image,
    .ec-vendor-uploads .ec-vendor-dashboard-card .setting-form .setting-image {
        width: 180px;
    }
    .ec-vendor-dashboard .ec-vendor-dashboard-card .setting-form .setting-image img, .ec-vendor-uploads .ec-vendor-dashboard-card .setting-form .setting-image img {
        height: 180px;
        width: 100%;
    }
    /* ==============================
        User Dashboard End
    ==============================  */

    /* ==============================
        Help Hero Section Start
    ==============================  */
    .help-hero .container {
        padding-block: 50px;
    }
    .help-hero h1 {
        font-size: 33px;
    }
    .help-hero .search-wrapper input {
        padding: 12px 12px 12px 36px;
    }
     .help-hero .search-wrapper i {
        font-size: 16px;
        left: 12px;
    }
    .help-hero .search-wrapper button {
        padding: 8px 18px;
        border-radius: 16px;
    }
    .help-hero .popular-searches-wrapper {
        gap: 10px;
        margin-top: 20px;
    }
    .help-hero .popular-searches-wrapper label {
        font-size: 14px;
        margin-right: 14px;
    }
     .help-hero .popular-searches-wrapper a {
        font-size: 14px;
        padding: 6px 12px;
    }
    /* ==============================
        Help Hero Section End
    ==============================  */

    /* ==============================
        Help Category Section Start
    ==============================  */
    .help-category-card {
        padding: 24px;
        border-radius: 20px;
    }
    .help-category-card svg {
        width: 50px;
        height: 50px;
        margin-bottom: 10px;
    }
    /* ==============================
        Help Category Section End
    ==============================  */

    /* ==============================
        Help POpular Article Start
    ==============================  */
    .help-article-columns {
        gap: 20px;
    }
    .help-article-item {
        font-size: 18px;
    }
    /* ==============================
        Help POpular Article End
    ==============================  */

    /* ==============================
        Help Contact Section Start
    ==============================  */
    .help-contact {
        position: relative;
        z-index: 10;
    }
    .help-contact::before {
        content: "";
        width: 100%;
        height: 100%;
        background-color: var(--dark-color);
        opacity: 0.3;
        position: absolute;
        top: 0;
        left: 0;
    }
    .help-contact .help-banner {
        bottom: -42px;
        z-index: -1;
    }
    .help-contact .contact-btn {
        padding: 10px 20px;
    }
    /* ==============================
        Help Contact Section End
    ==============================  */

    /* ==============================
        Help Category Tabs Start
    ==============================  */
    .help-cat-search {
        float: unset;
    }
    .help-cat-search input {
        width: 100%;
        font-size: 16px;
        padding: 14px 16px 14px 40px;
    }
    .help-cat-search i {
        font-size: 18px;
        left: 14px;
    }
    .help-tabs-wrapper {
        position: static;
        top: unset;
    }
    .help-tabs-wrapper h5 {
        font-size: 20px;
        padding: 18px 14px 14px 20px;
    }
    .help-tabs-wrapper .nav-pills .nav-link {
        font-size: 16px;
        padding: 14px;
        padding-left: 20px;
        gap: 14px;
    }
    .help-tab-content-wrapper {
        padding: 20px;
    }
    .help-tab-content-wrapper h5 {
        font-size: 20px;
    }
    .help-tab-content-wrapper .help-question-list {
        gap: 20px;
    }
    .help-tab-content-wrapper .help-question-link {
        font-size: 16px;
        padding: 14px 18px;
    }
    /* ==============================
        Help Category Tabs End
    ==============================  */

    /* ==============================
        Help SubCategory Tabs Start
    ==============================  */
    .article-feedback .feedback-question {
        font-size: 20px;
    }
     .article-feedback .feedback-button {
        font-size: 15px;
        padding: 11px 24px;
    }
     .related-articles .related-articles-title {
        font-size: 20px;
    }
    /* ==============================
        Help SubCategory Tabs End
    ==============================  */

    /* ==============================
        Support Request Page Start
    ==============================  */
    .info-label {
        font-size: 16px;
        color: var(--dark-color);
    }

    .info-value {
        font-size: 16px;
    }
    /* ==============================
        Support Request Page End
    ==============================  */

    /* NewsLetter Modal Style */
    .newsletter-modal .aside-form {
        padding: 24px;
    }
    .newsletter-modal .title {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .newsletter-modal .title h2 {
        margin-bottom: 8px;
    }
    .newsletter-modal .title p {
        font-size: 15px
    }
    /* NewsLetter Modal Style */

    /* footer style  */
    footer .social-icons {
        gap: 12px;
        margin-top: 24px;
    }
    footer .social-icon {
        font-size: 1.12rem;
        width: 50px;
        height: 50px;
    }
    .nav-section h3 {
        padding-bottom: 0;
    }
    .nav-section .nav-links li {
        margin-bottom: 10px;
    }
    .nav-section .nav-links a {
        font-size: 15px;
    }
    .location-timing h4 {
        font-size: 18px;
    }
}

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

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

    .py-160 {
        padding-block: 50px;
    }

    .py-120 {
        padding-block: 60px;
    }

    .py-100 {
        padding-block: 50px;
    }

    .py-80 {
        padding-block: 48px;
    }

    .py-60 {
        padding-block: 36px;
    }

    .py-40 {
        padding-block: 24px;
    }

    .p-48 {
        padding: 16px;
    }

    h2.section-heading {
        font-size: 22px;
    }
    .subtitle {
        font-size: 15px;
    }
    .section-title {
        font-size: 20px;
        margin-bottom: 0;
    }

    /* .theme-btn {
        font-size: 14px;
        padding: 8px 18px;
    } */
    .play-btn {
        gap: 10px;
    }
    .play-btn span {
        width: 38px;
        height: 38px;
    }
    .play-btn span i {
        font-size: 15px;
    }
    .play-btn span::before {
        width: 60px;
        height: 60px;
    }
    .play-btn p {
        font-size: 14px;
    }

    /* ==============================
        HEADER Section Start
    ==============================  */
    header nav.navbar {
        padding: 16px 0;
    }
    /* header .theme-btn {
        font-size: 14px;
        padding: 8px 18px;
    } */
    header .navbar-brand img {
        max-width: 120px;
    }
    header .navbar-nav {
        gap: 10px;
        margin-left: 20px !important;
    }
    header .navbar-nav .nav-link {
        font-size: 15px;
    }
    header .navbar-toggler {
        width: 40px;
        height: 40px;
        font-size: 18px;
    }
    header .offcanvas-header,
    header .offcanvas-body {
        padding: 20px;
    }
    .right-wrapper {
        gap: 10px;
    }
    .profile img {
        width: 44px;
        height: 44px;
    }

    .auth-btn-wrap button {
        font-size: 13px;
        padding: 7px 14px;
        border-radius: 8px;
    }
    /* ==============================
        HEADER Section End
    ==============================  */

    /* ==============================
        Hero Section Start
    ==============================  */
    .hero-section .container {
        padding-block: 100px 40px;
    }
    .hero-section h1 {
        font-size: 26px;
    }
    .hero-section .lg-text {
        font-size: 15px;
    }
    .multi-users p {
        font-size: 14px;
    }
    .multi-users ul li:not(:first-child) {
        margin-left: -13px;
    }
    .multi-users ul li img {
        width: 40px;
        height: 40px;
    }

    .hero-section .partner-title {
        font-size: 14px;
    }
    /* ==============================
        Hero Section end
    ==============================  */

    /* ==============================
        Featured-Single-Dish Section Start
    ==============================  */
    .feature-single-dish .wrapper {
        padding: 30px 0;
    }

    .feature-single-dish .chef-card {
        right: 20px;
    }

    .feature-single-dish .card-stack {
        width: 80px;
        height: 100px;
        border-radius: 8px;
    }

    .feature-single-dish .card-bg {
        width: 60px;
        height: 80px;
        border-radius: 8px;
    }

    .feature-single-dish .card-bg.right.first {
        transform: translate(22px, 7px) rotate(22deg);
        z-index: 0;
    }

    .feature-single-dish .card-bg.right.last {
        transform: translate(33px, 14px) rotate(26deg) scale(0.8);
        z-index: 1;
    }

    .feature-single-dish .card-bg.left.first {
        transform: translate(-5px, 6px) rotate(-20deg);
        z-index: 0;
    }

    .feature-single-dish .card-bg.left.last {
        transform: translate(-16px, 17px) rotate(-26deg) scale(0.8);
        z-index: 1;
    }

    .feature-single-dish .card-content {
        padding: 12px 6px;
    }
    .feature-single-dish .avatar {
           width: 40px;
           height: 40px;
           margin-bottom: 6px;
   }

    .feature-single-dish .name {
        font-size: 12px;
    }

    .feature-single-dish .role {
        font-size: 10px;
    }

    .feature-single-dish .dish-card {
        padding: 8px;
    }

    .feature-single-dish .dish-card .img-wrapper {
        width: 48px;
        height: 48px;
        border-radius: 6px;
        margin-right: 6px;
    }

    .feature-single-dish .dish-card .title {
        font-size: 15px;
        margin-bottom: 0px;
    }

    .feature-single-dish .dish-card .price {
        font-size: 12px;
    }

    .feature-single-dish .dish-card .rating i {
        font-size: 10px;
    }
    /* ==============================
        Featured-Single-Dish Section End
    ==============================  */

    /* ==============================
        Banner Section Start
    ==============================  */
    .banner-section .banner {
        border-radius: 16px;
    }

    .banner-section .figure {
        min-height: 250px;
    }

    .banner-section .figure-caption {
        padding: 24px;
    }

    .banner-section .figure-caption .title {
        font-size: 20px;
    }

    .banner-section .figure-caption .description {
        font-size: 14px;
    }

    /* ==============================
        Banner Section End
    ==============================  */

    /* ==============================
        Order-Steps Section Start
    ==============================  */
    .order-steps .step-card {
        padding: 24px;
        border-radius: 24px;
    }
    .order-steps .step-card svg {
        width: 35px;
        margin-bottom: 18px;
    }
    .order-steps .step-card h4 {
        font-size: 18px;
        margin-bottom: 10px;
    }
    .order-steps .step-card p {
        /*font-size: 13px;*/
    }

    /* ==============================
        Order-Steps Section End
    ==============================  */

    /* ==============================
        Limited-Offer Section Start
    ==============================  */
    .limited-offer .border-left h5 {
        font-size: 16px;
    }
    .limited-offer .border-left .badge {
        font-size: 14px;
        padding: 5px 10px;
    }

    .countdowntimer .numberDisplay {
        font-size: 28px;
    }

    .countdowntimer .numberDisplay::before {
        font-size: 28px !important;
        right: -14px !important;
    }

    .countdowntimer .displaySection {
        width: 50px;
        height: 50px;
    }
    /* ==============================
        Limited-Offer Section End
    ==============================  */

    /* ==============================
        Breadcrumb Section Start
    ==============================  */
    .breadcrumb-section .content .shadow-text {
        font-size: 48px;
        margin-bottom: -36px;
    }

    .breadcrumb-section .content h1 {
        font-size: 32px;
        margin-bottom: 30px;
    }
    .breadcrumb-section .breadcrumb-btn {
        font-size: 14px;
        padding: 7px 24px;
    }
    /* ==============================
        Breadcrumb Section End
    ==============================  */

    /* ==============================
        Our-Story Section Start
    ==============================  */
    .contact-icon {
        width: 40px;
        height: 40px;
    }
    .contact-icon i {
        font-size: 14px;
    }
    .contact-label {
        font-size: 14px;
        margin-bottom: 0 !important;
    }
    .contact-number {
        font-size: 15px;
    }
    /* ==============================
        Our-Story Section End
    ==============================  */

    /* ==============================
        Top-Chefs Section Start
    ==============================  */
    .chef-name {
        font-size: 18px;
    }
    /* ==============================
        Top-Chefs Section Start
    ==============================  */

    /* ==============================
        Gallery Section Start
    ==============================  */
    .gallery-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }

    .gallery-grid .item {
        width: 100%;
        grid-column: span 1;
    }

    .gallery-grid .item:nth-child(1),
    .gallery-grid .item:nth-child(5),
    .gallery-grid .item:nth-child(6),
    .gallery-grid .item:nth-child(9) {
        grid-column: span 3;
    }

    .gallery-grid .item:nth-child(5) {
        grid-row: span 1;
    }
    /* ==============================
        Gallery Section End
    ==============================  */

    /* ==============================
        Contact-Map Section Start
    ==============================  */
    .contact-map-section #display-google-map {
        height: 370px;
    }
    .contact-form {
        padding: 20px;
        border-radius: 20px;
    }
    /* ==============================
        Contact-Map Section End
    ==============================  */

    /* ==============================
        Billing Section Start
    ==============================  */
    .billing-section .billing-options h5,
    .accordion h5,
    .additional-info h5 {
        font-size: 18px;
    }
    .delivery-option-box {
        padding: 13px 16px;
    }
    .delivery-option-box .icon {
        margin-bottom: 6px;
    }
    .delivery-option-box .title {
        font-size: 15px;
    }
    .delivery-action-buttons button {
        font-size: 15px;
        padding: 10px 24px;
        border-radius: 14px;
    }
    .billing-section .accordion-item .accordion-button {
        font-size: 15px;
        padding: 12px 16px;
    }
    .accordion-button::after {
        width: 16px;
        height: 16px;
        background-size: 16px;
    }
    .billing-section .accordion-item .accordion-body {
        padding: 1rem 1.25rem;
    }
    .billing-section form .form-control {
        font-size: 14px;
        padding: 12px 14px;
    }
    .summary-items {
        gap: 10px;
    }
    .summary-items .label,
    .summary-items .value {
        font-size: 14px;
    }

    .summary-items .total-amount,
    .summary-items .summary-total .label {
        font-size: 18px;
    }
    /* ==============================
        Billing Section End
    ==============================  */

    /* ==============================
        User Dashboard Start
    ==============================  */
    .ec-vendor-dashboard .ec-vendor-dashboard-card-profile,
     .ec-vendor-uploads .ec-vendor-dashboard-card-profile {
        padding: 20px;
    }
    .ec-vendor-dashboard .ec-vendor-dashboard-card-profile img,
    .ec-vendor-uploads .ec-vendor-dashboard-card-profile img {
        width: 90px;
        height: 90px;
    }
    .ec-vendor-dashboard .ec-vendor-dashboard-card-profile h3,
    .ec-vendor-uploads .ec-vendor-dashboard-card-profile h3 {
        font-size: 16px;
    }
    .ec-vendor-dashboard .ec-vendor-dashboard-card-profile .ec-profile-btn a {
        font-size: 15px;
    }
    .ec-vendor-dashboard .ec-vendor-dashboard-card-address,
     .ec-vendor-uploads .ec-vendor-dashboard-card-address {
        padding: 20px;
    }
    .ec-vendor-dashboard .ec-vendor-dashboard-card-address h3,
    .ec-vendor-uploads .ec-vendor-dashboard-card-address h3 {
        margin-bottom: 8px;
        font-size: 16px;
    }

    .ec-vendor-dashboard .ec-vendor-dashboard-card .setting-form .setting-image,
    .ec-vendor-uploads .ec-vendor-dashboard-card .setting-form .setting-image {
        width: 160px;
    }
    .ec-vendor-dashboard .ec-vendor-dashboard-card .setting-form .setting-image img, .ec-vendor-uploads .ec-vendor-dashboard-card .setting-form .setting-image img {
        height: 160px;
        width: 100%;
    }
    .ec-vendor-dashboard .ec-vendor-dashboard-card .setting-form button,
    .ec-vendor-uploads .ec-vendor-dashboard-card .setting-form button {
        font-size: 15px;
    }
    /* ==============================
        User Dashboard End
    ==============================  */

    /* ==============================
        Blog Section Start
    ==============================  */
     .blog-section .wrapper img {
        height: 300px;
    }
    .blog-section .figure .figure-caption h5 a {
        font-size: 16px;
    }
    .blog-section .figure .figure-caption h4 a {
        font-size: 18px;
    }
    /* ==============================
        Blog Section End
    ==============================  */


     /* ==============================
        Blog DEtail Page
    ==============================  */
    .blog-details-page .detail-overlay-section {
        height: 400px;
    }
    .overlay-video-wrapper img {
        height: 380px;
    }
    .overlay-wrapper {
        margin-top: 16px;
    }
    .overview-section .gray-text {
        font-size: 15px;
    }
    /* ==============================
        Blog DEtail Page
    ==============================  */


    #ec-progressbar li {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 30px;
    }

    #ec-progressbar {
        margin: 20px 0 5px;
    }

  #ec-progressbar li {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 30px;
  }

  #ec-progressbar li:last-child {
    margin-bottom: 0;
  }

  #ec-progressbar li .ec-progressbar-track:before {
    width: 40px;
    height: 40px;
    font-size: 17px;
  }

  #ec-progressbar li:last-child .ec-progressbar-track:after {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
  }

  #ec-progressbar li .ec-progressbar-track:after {
    height: 110%;
    top: -100%;
    transform: translateY(0);
    width: 6px;
  }

  #ec-progressbar li:nth-child(2) .ec-progressbar-track:after {
    left: 0;
    right: 0px;
    margin: 0 auto;
  }

  #ec-progressbar li:nth-child(3) .ec-progressbar-track:after {
    left: 0;
    right: 0px;
    margin: 0 auto;
  }

  #ec-progressbar li:nth-child(4) .ec-progressbar-track:after {
    left: 0;
    right: 0px;
    margin: 0 auto;
  }

  #ec-progressbar li .ec-track-title {
    max-width: unset;
    font-size: 14px;
    margin: 0 20px;
    text-align: left;
  }


    /* ==============================
        Help Hero Section Start
    ==============================  */
    .help-hero .container {
        padding-block: 40px;
    }
    .help-hero h1 {
        font-size: 26px;
    }
    .multi-users p {
        font-size: 14px;
    }
    .multi-users ul li:not(:first-child) {
        margin-left: -13px;
    }
    .multi-users ul li img {
        width: 40px;
        height: 40px;
    }

    .help-hero .partner-title {
        font-size: 14px;
    }
    /* ==============================
        Help Hero Section end
    ==============================  */

    /* ==============================
        Help Category Section Start
    ==============================  */
    .help-category-card {
        padding: 20px;
        border-radius: 16px;
    }
    .help-category-card h5 {
        font-size: 18px;
    }
    /* ==============================
        Help Category Section End
    ==============================  */

    /* ==============================
        Help POpular Article Start
    ==============================  */
    .help-article-list {
        padding-left: 2rem;
    }
    .help-article-item {
        font-size: 16px;
    }
    /* ==============================
        Help POpular Article End
    ==============================  */

    /* ==============================
        Help Contact Section Start
    ==============================  */
    .help-contact .help-banner {
        bottom: -36px;
    }

    /*   Chat Interface   */
    .help-chat-container {
        width: 100%;
        max-width: calc(100vw - 16px);
        margin: 0 8px;
        padding: 16px;
        right: 0px;
    }
    .help-chat-header .chat-info .dropdown-toggle {
        font-size: 18px;
    }
    .help-chat-container .help-chat-header {
        padding-bottom: 16px;
    }
    .help-chat-messages {
        padding: 1rem 0;
    }
    .chat-message.sent .text, .chat-message.received .text {
        font-size: 14px;
        padding: 10px 12px;
    }
    .reply-message {
        font-size: 13px;
        border-radius: 12px;
        padding: 10px 12px;
    }
    .help-chat-messages .reply-wrapper {
        gap: 12px;
    }

    .help-chat-footer input {
        padding: 10px 12px;
        border-radius: 12px;
    }
    .help-chat-footer .send-btn {
        font-size: 14px;
        right: 6px;;
        width: 36px;
        height: 36px;
    }
    /* ==============================
        Help Contact Section End
    ==============================  */

        /* ==============================
        Help Category Tabs Start
    ==============================  */
    .help-cat-search input {
        font-size: 15px;
        padding: 12px 14px 12px 36px;
        border-radius: 10px;
    }
    .help-cat-search i {
        font-size: 16px;
        left: 12px;
    }
    .help-tabs-wrapper h5 {
        font-size: 18px;
        padding: 16px 12px 12px 18px;
    }
    .help-tabs-wrapper .nav-pills .nav-link {
        font-size: 15px;
        padding: 12px;
        padding-left: 18px;
    }
    .help-tab-content-wrapper {
        padding: 16px;
    }
    .help-tab-content-wrapper h5 {
        font-size: 18px;
    }
    .help-tab-content-wrapper .help-question-list {
        gap: 16px;
    }
    .help-tab-content-wrapper .help-question-link {
        font-size: 15px;
        padding: 12px 16px;
    }
    /* ==============================
        Help Category Tabs End
    ==============================  */

    /* ==============================
        Help SubCategory Tabs Start
    ==============================  */
    .help-subcategory .subcategory-description {
        font-size: 15px;
        margin-bottom: 16px !important;
    }
    .help-subcategory .subcategory-steps .step-item {
        margin-bottom: 14px !important;
    }
    .help-subcategory .step-item .step-description {
        font-size: 15px;
    }

    /* Articles Feedback */
    .article-feedback {
        margin-top: 20px;
    }
    .article-feedback .feedback-question {
        font-size: 18px;
        margin-bottom: 12px;
    }
    .article-feedback .feedback-button {
        font-size: 13px;
        padding: 10px 20px;
    }

    /* Related Articles */
    .related-articles {
        margin-top: 20px;
    }
    .related-articles .related-articles-title {
        font-size: 18px;
        margin-bottom: 12px;
    }
    .related-articles .related-article-item {
        margin-bottom: 4px;
    }
    .related-articles .related-article-link {
        font-size: 14px;
    }
    /* ==============================
        Help SubCategory Tabs End
    ==============================  */

    /* ==============================
        Support Request Page Start
    ==============================  */
    .support-request-header {
        padding-bottom: 16px;
        margin-bottom: 16px;
    }
    .support-intro-text {
        font-size: 15px;
        margin-top: 12px;
    }
    .support-message-body {
        padding-bottom: 16px;
    }
    .support-message-body p {
        font-size: 15px;
        margin-bottom: 12px !important;
    }
    .support-signature {
        font-size: 15px;
    }
    .support-footer-note {
        font-size: 14px;
    }
    .support-info-card {
        padding: 16px;
    }
    .info-label {
        font-size: 15px;
    }

    .info-value {
        font-size: 15px;
    }
    /* ==============================
        Support Request Page End
    ==============================  */

     /* footer style  */
    footer .social-icons {
        gap: 10px;
        margin-top: 20px;
    }
    footer .social-icon {
        font-size: 1rem;
        width: 44px;
        height: 44px;
    }
    .nav-section h3 {
        padding-bottom: 0;
    }
    .nav-section .nav-links li {
        margin-bottom: 7px;
    }
    .location-timing h4 {
        font-size: 18px;
    }
    .location-timing i {
        font-size: 16px;
    }
    .location-timing p {
        font-size: 15px;
    }
    .contact-title {
        font-size: 17px;
        margin-bottom: 16px;
        gap: 16px;
    }
    /* footer style  */


    /* auth Modal Style */
    .auth-modal .modal-content {
        border-radius: 20px;
    }
    .auth-modal .authincation-wrapper .btn-close {
        right: 20px;
        top: 14px;
    }
    .auth-modal .aside-form {
        padding: 20px;
    }
    .auth-modal .title {
        margin-bottom: 20px;
    }
    .auth-modal .form-control {
        padding: 10px 14px !important;
    }
    .auth-modal .primary-btn,
    .auth-modal .dark-btn {
        font-size: 14px;
        padding: 10px 24px;
    }
    /* auth Modal Style */

    /* NewsLetter Modal Style */
    .newsletter-modal .authincation-wrapper .btn-close {
        right: 20px;
        top: 14px;
    }
    .newsletter-modal .modal-content {
        border-radius: 20px;
    }
    .newsletter-modal .aside-form {
        padding: 20px;
    }
    .newsletter-modal .title {
        margin-top: 24px;
        margin-bottom: 16px;
    }
    .newsletter-modal .title h2 {
        font-size: 24px;
        margin-bottom: 8px;
    }
    .newsletter-modal .title p {
        font-size: 14px
    }
    .newsletter-modal .form-control,
    .newsletter-modal .dark-btn {
        padding: 10px 14px !important;
    }
    .newsletter-modal .newsletter-check {
        margin-top: 20px;
    }
    /* NewsLetter Modal Style */

    /* Side Cart Style */
    .eccart-pro-items li .sidecart_pro_img {
        width: 90px;
    }
    .eccart-pro-items li .sidecart_pro_img img {
        width: 100%;
    }
    .cart-sub-total {
        margin-bottom: 20px;
    }

    .cart_btn {
        grid: 12px;
    }
    .cart_btn .primary,
     .cart_btn .dark {
        font-size: 14px;
        padding: 10px 30px;
    }
    .cart_btn .primary i,
     .cart_btn .dark i {
        font-size: 16px;
    }
    /* Side Cart Style */


    .back-to-top.show {
        bottom: 18px;
        right: 18px;
    }
}