@media screen and (min-width: 1400px) {
}

@media screen and (max-width: 1399px) {
/* Header section Starts */
    .main-product-category .container {
        max-width: 100%;
    }

    .trending-products .heading-box {
        padding-bottom: 30px;
    }
    .latest-launches .heading-box {
        padding-bottom: 30px;
    }

    .center-header .center-header-last-box {
        gap: 30px;
    }
    .center-header .center-header-last-box .center-header-icons {
        gap: 30px;
    }

    .center-header .container {
        max-width: 100%;
    }
    /* Header section Ends */
    /* Footer section Starts */
    /* .custom-footer .logo-images {
        display: flex;
        gap: 10px;
    } */
    /* Footer section Ends */
    /* Top-Footer section Starts */
    /*.top-footer .warranty-box,
    .Delivery-box,
    .Offers-box {
        padding: 0 40px;
    }*/
    .top-footer .warranty-box{
        padding-right: 40px;
    }
    .top-footer .Delivery-box{
        padding: 0 40px;
    }
    .top-footer .Offers-box{
        padding-left: 40px;
    }
    /* Top-Footer section Ends */
    /* Hero Banner section Starts */
    .hero-banner .details h4 {
        font-size: 22px;
    }
    .hero-banner .details h1 {
        font-size: 50px;
    }
    .hero-banner .details p {
        font-size: 30px;
    }
    .hero-banner .details h3 {
        font-size: 42px;
    }
    /* Hero Banner section Ends */
    /* latest products section Starts */
    .latest-launches .container {
        max-width: 100%;
    }
    .latest-launches .heading-box h1 {
        font-size: 36px;
    }
    /* latest products section Ends */
    /* Trending products section starts */
    .trending-products .container {
        max-width: 100%;
    }
    .trending-products .heading-box h1 {
        font-size: 36px;
    }
    /* Trending products section ends */


/* shop page section starts */
    /* Breadcrumb section */
    .breadcrumb-section .container {
        max-width: 100%;
    }
    .product-filter-sec .container {
        max-width: 100%;
    }
    /* product grid section ends */
/* shop page section ends */


/* Product-Detail-Page Starts*/
    /* Product detail section */
    .main-product-detail-sec .container {
        max-width: 100%;
    }
    .main-product-detail-sec .product-details {
        padding-left: 0px;
    }



    .features-body-1 .container,
    .features-body-2 .container,
    .features-body-3 .container,
    .features-body-4 .container {
        max-width: 100%;
    }

    /* features-body-2 css */
    .features-body-2 .bluetooth {
        padding: 60px;
        padding-bottom: 50px;
        border-radius: 16px;
        position: relative;
        display: flex;
    }
    .features-body-2 .bluetooth-conn h2.bluetooth-title {
        font-size: 41px;
        line-height: 100%;
        font-weight: 600;
        margin: 0;
        padding-bottom: 20px;
    }
    .features-body-2 .bluetooth-conn img {
        padding-bottom: 25px;
    }
    .features-body-2 .blutooth-pro-img {
        position: absolute;
        top: auto;
        left: auto;
        bottom: 85px;
        right: 50px;
        max-width: 260px;
    }
    .features-body-2 .blutooth-pro-img img.pro-img-2\.1 {
        width: 100%;
        margin-bottom: -50px;
    }

    /* features-body-2.1 css */
    .features-body-2 .driver-texts h2 {
        font-size: 41px;
        line-height: 100%;
        color: #040404;
        font-weight: 600;
        margin-bottom: 28px;
        max-width: 360px;
    }
    .features-body-2 .dynamic-driver-bann {
        padding: 60px;
        padding-bottom: 60px;
        border-radius: 16px;
    }
    .features-body-2 .driver-image {
        max-width: 200px;
    }

    /* features-body-1 css */
    .features-body-1 .banner-img-text {
        padding: 50px 0px;
        text-align: left;
        align-content: center;
    }
    .features-body-1 .genera-earbuds.pro-banner-1 {
        padding: 30px 30px;
        gap: 40px;
    }
    /* features-body-3 css */
    .features-body-3 .features-trans-bann {
        padding: 50px 40px 40px;
    }
    .features-body-3 .features-trans-mode h2 {
        font-size: 41px;
        margin-bottom: 20px;
    }
    .features-body-3 .features-active-cancel h2 {
        font-size: 41px;
        margin-bottom: 20px;
    }

    /* Specificaion Section Css */
    .specification-body .container {
        max-width: 100%;
    }

    /* Additional Info Section Css */
    section.additional-info-body {
        padding-bottom: 20px;
    }


    .breadcrumb-section .breadcrumb {
        padding-top: 15px;
        margin: 0;
    }


    /* Review & Rating Section Css */
    .review-rating-body .container {
        max-width: 100%;
    }
    .customer-review-body .container {
        max-width: 100%;
    }
    .customer-review-body .customer-review {
        padding-bottom: 20px;
    }
/* Product-Detail-Page Ends*/


/* Blog Page Starts */
    section.hero-banner-sec {
        padding: 100px 100px;
    }
    .blog-page .container {
        max-width: 100%;
    }
    .blog-page .main-blog-sec {
        padding: 50px 0 30px;
    }
    .main-blog-sec .blog-main-divv {
        padding-bottom: 30px;
    }
    .blog-main-divv .blog-pro-texts h2{
        font-size: 34px;
    }
/* Blog Page Ends */


/* Blog Detail Page Starts */
    .blog-detail-sec .container {
        max-width: 1320px;
        width: 100%;
    }
    .more-blog-sec .more-blog-title {
        padding: 60px 0 40px;
    }
    .blog-detail section.more-blog-sec {
        padding-bottom: 60px;
    }
    .blog-detail-sec .blog-image img{
        height: 450px;
    }
    .blog-detail-sec .blog-detail-title .title h1 {
        font-size: 44px;
        margin-bottom: 20px;
    }
    .blog-detail-sec .blog-detail-title .description p{
        margin-bottom: 20px;
    }
    .blog-detail-sec .blog-detail-title,
    .blog-detail-sec .blog-image,
    .blog-detail-sec .blog-description,
    .blog-detail-sec .blog-specification,
    .blog-detail-sec .blog-qna-1 {
        padding-bottom: 40px;
    }
    .blog-detail-sec .blog-description .title h1{
        font-size: 42px;
    }
/* Blog Detail Page Ends */


/* About Us Page Starts */
    .our-story .container {
        max-width: 100%;
    }
    .about-us section.our-story {
        padding: 50px 0;
    }
    .our-mission-vision .container,
    .why-choose-accelo .container {
        max-width: 100%;
    }
    .why-choose-accelo .specifications .specific-box{
        padding: 20px;
    }
    /*.about-us .our-mission-vision .mission-vision {
        padding: 0px 180px;
        padding-bottom: 60px;
    }*/
    .our-mission-vision .our-box {
        padding: 30px;
    }
    .our-mission-vision .about-card .mission{
        padding-right: 20px;
    }
    .our-mission-vision .about-card .vision{
        padding-left: 20px;
    }
/* About Us Page Ends */


/* My Account Pages Starts */
    .my-account-nav .account-title h3 {
        font-size: 42px;
    }
    .my-profile-main-box .profile-info-box {
        padding: 35px;
    }
    .my-account-nav .account-links {
        padding: 25px;
    }
    .my-profile-sec .container {
        max-width: 100%;
    }

    /* My Order Sec */
    .my-order-sec .container {
        max-width: 100%;
    }

    /* Wishlist Sec */
    .empty-wishlist-sec .container {
        max-width: 100%;
    }

    /* Addresses */
    .add-address .container {
        max-width: 100%;
    }

    /* My Orders */
    .my-orders-box-sec .container {
        max-width: 100%;
    }

    .pro-wishlist-sec .container {
        max-width: 100%;
    }

    .my-log-out-sec .container {
        max-width: 100%;
    }

/* My Account Pages Ends */

    .brands-detail-sec .container {
        max-width: 100%;
    }
    .brands-detail-sec .col.brand-image-set{
        padding: 0 10px;
        margin-top: 30px;
    }
    .brands-detail-sec .col img{
        width: 100%;
        max-width: 200px;
    }
    .more-blog-sec .container {
        max-width: 100%;
    }

    .center-header .center-header-last-box .help-support-text-divv {
        padding-left: 50px;
    }

    section.brands-detail-sec {
        background-color: #F4F4F4;
        padding: 80px 0;
        overflow-x: hidden;
    }

    .my-Addresses-sec .container {
        max-width: 100%;
    }

    .addresses-show-box .container {
        max-width: 100%;
    }

    .cart-sec .container {
        max-width: 100%;
    }

    .cart-title-count .container {
        max-width: 100%;
    }

    .container.main-container-footer {
        display: flex;
        flex-direction: column;
        gap: 35px;
        max-width: 100%;
    }

    footer.custom-footer {
        background: #040404;
        padding: 50px 0 0;
    }

    .custom-footer .logo-images {
        display: flex;
        gap: 10px;
    }

    .brands-detail-sec .brand-image-set {
        text-align: center;
    }


}

@media screen and (max-width: 1199px) {
    /* Header section Starts */
    .menu-header .navbar-nav {
        gap: 100px;
    }
    .center-header .center-header-first-box {
        justify-content: center;
    }
    .center-header .center-header-last-box {
        flex-direction: column;
        align-items: flex-end;
        gap: 20px;
    }
    .center-header .center-header-last-box .center-header-icons {
        padding: 0;
        gap: 20px;
    }
    .center-header .center-header-last-box .help-support-text-divv {
        padding-left: 0;
    }
    /* Header section Ends */
    /* Footer section Starts */
    footer.custom-footer {
        padding: 50px 0 0;
    }
    .custom-footer hr {
        margin: 10px 0 0;
    }
    .custom-footer .container {
        max-width: 100%;
    }
    .custom-footer .logo-img-text .logo-images img {
        width: 100%;
        max-width: 100px;
    }
    .custom-footer .copyright-text p.copy-text-p,
    h6.terms-text,
    h6.privacy-text {
        padding: 25px 0;
    }
    .custom-footer .footer-main-links-box .footer-title {
        font-size: 22px;
    }
    .custom-footer .footer-main-links-box .footer-links .footer-link-text {
        font-size: 15px;
    }
    .custom-footer .logo-img-text h3 {
        font-size: 22px;
    }
    .custom-footer .footer-logo img {
        width: 100%;
        max-width: 170px;
    }
    /* Footer section Ends */
    /* Top-Footer section Starts */
    .top-footer {
        padding: 50px 0;
    }
    .top-footer .warranty-box{
        padding-right: 10px;
    }
    .top-footer .Delivery-box{
        padding: 0 10px;
    }
    .top-footer .Offers-box{
        padding-left: 10px;
    }
    /*.top-footer .warranty-box,
    .Delivery-box,
    .Offers-box {
        padding: 0 10px;
    }*/
    .top-footer img.top-footer-logo {
        padding-bottom: 20px;
    }
    /* Top-Footer section Ends */
    /* Hero Banner section Starts */
    .hero-banner {
        padding: 50px 0;
    }
    .hero-banner .details {
        padding: 1rem;
    }
    /* Hero Banner section Ends */
    /* latest products section Starts */
    .latest-launches img.img-fluid.product-img {
        margin: 0 auto;
    }
    .latest-launches .heading-box h1{
        padding-left: 150px;
    } 
    /* latest products section Ends */
    /* trending products section Starts */
    .trending-products img.img-fluid.product-img {
        margin: 0 auto;
    }
    .trending-products .heading-box h1{
        padding-left: 150px;
    } 
    /* trending products section Ends */
    /* Help & Support section starts */
    /* Contact us section starts */
    .contact-us-sec h2.title-contact {
        font-size: 40px;
    }
    .contact-us-sec .main-title {
        font-size: 36px;
    }
    section.contact-us-sec {
        padding: 50px 0;
    }
    /* Contact us section ends */
    /* Faq section starts */
    .faq-sec {
        padding: 50px 0;
    }
    /* Faq section ends */

/* Product-Detail-Page Starts*/
    /* Product detail section */
    .product-details h1.pro-price {
        font-size: 42px;
    }
    .product-details h1.product-title {
        font-size: 48px;
        margin-bottom: 10px;
    }
    .product-details .rating-product {
        padding-bottom: 25px;
    }
    .product-details .ori-price-save {
        padding-bottom: 25px;
    }
    .product-details .pro-color {
        padding-bottom: 30px;
    }
    .product-details .pro-quantity {
        padding-bottom: 30px;
    }
    .product-details .pro-delivery {
        padding-bottom: 30px;
    }
    .product-details .key-feature {
        padding-top: 30px;
    }
    .main-product-detail-sec {
        padding: 15px 0 0;
    }



    .features-body-1 .container,
    .features-body-2 .container,
    .features-body-3 .container,
    .features-body-4 .container {
        max-width: 100%;
    }

    /* features-body-2 css */
    .features-body-2 .blutooth-pro-img {
        position: absolute;
        top: auto;
        left: auto;
        bottom: 75px;
        right: 20px;
        max-width: 260px;
    }
    .features-body-2 .bluetooth {
        padding: 30px;
        padding-bottom: 50px;
        border-radius: 16px;
        position: relative;
        display: flex;
    }
    .features-body-2 .bluetooth-conn h2.bluetooth-title {
        font-size: 36px;
        line-height: 100%;
        font-weight: 600;
        margin: 0;
        padding-bottom: 20px;
    }

    /* features-body-2.1 css */
    .features-body-2 .driver-image {
        position: absolute;
        top: auto;
        left: auto;
        bottom: 30px;
        right: 10px;
        max-width: 180px;
    }
    .features-body-2 .dynamic-driver-bann {
        padding: 30px;
        padding-bottom: 55px;
        border-radius: 16px;
    }
    .features-body-2 .driver-texts h2 {
        font-size: 40px;
    }
    .features-body-1 h2.genera-title {
        font-size: 40px;
    }
    .features-body-3 .features-trans-bann {
        padding: 50px 20px 40px;
    }
    .features-body-3 .features-active-cancel h2 {
        font-size: 38px;
        margin-bottom: 20px;
    }
    .features-body-3 .features-trans-mode h2 {
        font-size: 38px;
        margin-bottom: 20px;
    }
    .features-body-4 .design-title h2 {
        font-size: 40px;
        margin-bottom: 29px;
    }
    .features-body-4 .ip-rating h2 {
        font-size: 40px;
        margin-bottom: 29px;
    }
    .features-body-1 .pro-features-img-tab {
        max-width: 450px;
        width: 100%;
    }
    .features-body-3 .feature-pro-image {
        max-width: 230px;
    }


    .features-tab-sec section.features-body-1 {
        padding-bottom: 30px;
    }
    .features-tab-sec section.features-body-2 {
        padding-bottom: 30px;
    }
    .features-tab-sec section.features-body-3 {
        padding-bottom: 30px;
    }
    .features-tab-sec section.features-body-4 {
        padding-bottom: 20px;
    }


    /* Additional Info Section Css */
    .additional-info-body .container {
        max-width: 100%;
    }
/* Product-Detail-Page Ends*/


/* Blog Page Starts */
    section.hero-banner-sec {
        padding: 70px 70px;
    }
    .hero-banner-sec .hero-banner-description h4 {
        font-size: 22px;
        margin-bottom: 15px;
    }
    .hero-banner-sec .hero-banner-title h1 {
        font-size: 42px;
        margin-bottom: 30px;
    }
    .main-blog-sec a.blog-box {
        padding: 20px;
        gap: 30px;
    }
    .blog-main-divv .blog-pro-texts h2 {
        font-size: 34px;
        margin-bottom: 20px;
    }
    .blog-main-divv .blog-pro-texts p {
        font-size: 16px;
        margin-bottom: 20px;
    }
    .hero-banner-sec .hero-banner-title h1 {
        font-size: 40px;
        margin-bottom: 30px;
    }
/* Blog Page Ends */


/* Blog Detail Page Starts */
    .blog-detail section.blog-detail-sec {
        padding: 30px 0 0;
    }
    .blog-detail-sec .blog-detail-title .title h1 {
        font-size: 40px;
    }
    .blog-detail-sec .blog-detail-title .description p {
        font-size: 20px;
        margin-bottom: 20px;
    }
    .blog-detail-sec .blog-detail-title,
    .blog-detail-sec .blog-image,
    .blog-detail-sec .blog-description,
    .blog-detail-sec .blog-specification,
    .blog-detail-sec .blog-qna-1 {
        padding-bottom: 30px;
    }
    .blog-detail-sec .blog-description .title h1 {
        font-size: 34px;
        margin-bottom: 20px;
    }
    .blog-detail-sec .blog-specification .specific-title .title h2 {
        font-size: 36px;
    }
    .blog-detail-sec .blog-specification .specific-title {
        padding-bottom: 20px;
    }
    .blog-detail-sec .blog-specification .specification {
        padding-bottom: 20px;
    }
    .blog-detail-sec .blog-qna-1 .qna-title .title h2 {
        font-size: 36px;
    }
    .blog-detail-sec .blog-qna-2 .blog-qna-title h2 {
        font-size: 36px;
        margin-bottom: 22px;
    }
    .blog-detail-sec .blog-qna-2 {
        padding-bottom: 25px;
    }
    .blog-detail-sec .blog-image img{
        height: 400px;
    }
    .more-blog-sec .more-blog-title{
        padding: 40px 0;
    }
    .more-blog-sec .blog-detail-pros a.blog-detail-box{
        padding: 30px;
        gap: 30px;
    }
    .blog-detail-pros .blog-detail-info{
        gap: 25px;
    }
/* Blog Detail Page Ends */


/* About Us Page Starts */
    .about-us section.our-story {
        padding: 50px 0;
    }
    .why-choose-accelo .why-choose .title h2 {
        font-size: 42px;
    }
    .about-us section.why-choose-accelo {
        padding: 50px 0 50px;
    }
    .about-us section.our-mission-vision {
        padding-bottom: 60px;
        border-bottom: 2px solid #FEFEFE;
    }
    .about-us .our-mission-vision .mission-vision {
        padding: 0px 50px;
        padding-bottom: 50px;
    }
    .our-mission-vision .mission-vision .title h2 {
        font-size: 44px;
    }
    .our-story .our-story-box .our-story-text .title h2 {
        font-size: 44px;
        margin-bottom: 30px;
    }
    .our-story .our-story-box {
        padding: 30px;
        gap: 30px;
    }
    .hero-banner-sec .about-title h2 {
        font-size: 42px;
    }
    .our-mission-vision .our-box {
        padding: 20px;
        gap: 25px;
    }
    .our-mission-vision .our-box .mission-and-vision-image img{
        max-width: 50px;
    }
    .our-mission-vision .our-box .mission-and-vision-box .title h3{
        font-size: 30px;
        margin-bottom: 10px;
    }
/* About Us Page Ends */


/* My Account Pages Starts */
    .my-profile-main-box .profile-info-box {
        padding: 30px;
    }
    .my-account-nav .account-links {
        padding: 20px;
    }
    .my-profile-sec .my-profile-main-box {
        gap: 35px;
    }
    .my-account-nav {
        gap: 30px;
    }
    .account-nav li {
        margin-bottom: 15px;
    }
    .my-profile-main-box .profile-title h3 {
        font-size: 34px;
    }
    .my-account-nav .account-title h3 {
        font-size: 38px;
    }

    /* My Orders */
    .empty-order-box .order-title h4 {
        font-weight: 600;
        font-size: 34px;
        line-height: 100%;
        color: #040404;
        margin: 0;
    }

    /* Wishlist Sec */
    .empty-wishlist-box .wishlist-title h4 {
        font-size: 34px;
    }
    .empty-wishlist-sec .empty-wishlist-box {
        display: flex;
        flex-direction: column;
        gap: 35px;
    }

    /* Addresses */
    .add-address .address-form-box {
        display: flex;
        flex-direction: column;
        gap: 35px;
    }
    .add-address .address-form-box .add-title h2 {
        font-size: 34px;
    }

    /* My Orders */
    .my-orders .order-title .orders-title {
        font-size: 34px;
    }

    .my-orders section.my-orders-box-sec {
        padding: 50px 0;
    }

    .pro-wishlist-box .product-box .pro-image {
        max-width: 100px;
        align-content: center;
    }

    .pro-wishlist-sec .pro-wishlist-box .product-box {
        padding: 32px 15px;
        gap: 20px;
    }

    .empty-log-out-box .log-out-title h4 {
        font-size: 34px;
    }
/* My Account Pages Ends */

    section.brands-detail-sec {
        padding: 50px 15px;
    }
    .brands-detail-sec .col.brand-image-set{
        padding: 0 10px;
    }
    
    .empty-Addresses-box .Addresses-title h4 {
        font-size: 34px;
    }

    .addresses-show-box .empty-Addresses-box {
        gap: 35px;
    }

    .my-Addresses-sec .empty-Addresses-box {
        gap: 35px;
    }

    .pro-wishlist-box .wish-title h2 {
        font-size: 34px;
    }

    .pro-wishlist-sec .pro-wishlist-box {
        gap: 36px;
    }


    .cart-sec .cart-pro-item {
        display: flex;
        justify-content: center;
    }

    .cart-page section.cart-title-count {
        padding-top: 60px;
        padding-bottom: 32px;
    }

    .cart-page section.cart-sec {
        padding-bottom: 60px;
    }


}

@media screen and (max-width: 991px) {
    /* Header section Starts */
    .custom-header .center-header .container {
        max-width: 100%;
    }
    .center-header .center-header-first-box {
        flex-direction: column;
        align-items: center;
        gap: 10px;
    }
    .center-header .center-header-last-box {
        flex-direction: column;
        align-items: center;
    }
    .custom-header .menu-header .container {
        max-width: 100%;
    }
    .menu-header .navbar-nav {
        flex-wrap: wrap;
        gap: 100px;
    }
    .custom-header .menu-header .navbar-nav {
        gap: 100px;
    }
    .custom-header .center-header .input-box {
        max-width: 100%;
    }
    /* Header section Ends */
    /* Footer section Starts */
    .custom-footer .logo-img-text .logo-images img {
        width: 100%;
        max-width: 90px;
    }
    .custom-footer .logo-img-text h3 {
        font-size: 20px;
        text-align: center;
    }
    /* Footer section Ends */
    /* Top-Footer section Starts */
    .top-footer .container {
        max-width: 980px;
    }
    /* Top-Footer section Ends */
    /* Hero Banner section starts */
    .hero-banner {
        padding: 30px 0;
    }
    .hero-banner .details h4 {
        font-size: 18px;
    }
    .hero-banner .details h1 {
        font-size: 40px;
    }
    .hero-banner .detail-box-info-title {
        padding-bottom: 35px;
    }
    .hero-banner .details p {
        font-size: 22px;
        line-height: 30px;
    }
    .hero-banner .details h3 {
        font-size: 35px;
    }
    .hero-banner .detail-box-price-description {
        padding-bottom: 30px;
    }
    .hero-banner .details button {
        padding: 10px 20px;
    }
    /* Hero Banner section ends */
    /* main product section starts */
    section.main-product-category {
        padding: 50px 0;
    }
    .main-product-category .container .row.gy-3 .col-lg-3{
        margin-top: 30px;
    }
    /* main product section ends */
    /* latest products section Starts */
    .latest-launches .heading-box h1 {
        font-size: 34px;
    }
    /* latest products section Ends */
    /* Trending products section starts */
    .trending-products .heading-box h1 {
        font-size: 34px;
    }
    /* Trending products section ends */
    /* Help & Support section starts */
    /* Contact us section starts */
    .contact-us-sec h2.title-contact {
        font-size: 38px;
    }
    .contact-us-sec img.main-supp-img {
        padding-bottom: 30px;
        max-width: 50px;
        width: 100%;
        height: auto;
    }
    .contact-us-sec .main-title {
        font-size: 28px;
    }
    .contact-us-sec .whatsapp-time {
        font-size: 14px;
    }
    .contact-us-sec .main-desc {
        padding-bottom: 15px;
        font-size: 20px;
    }
    .contact-us-sec .chat-time {
        font-size: 14px;
        padding-bottom: 25px;
    }
    /* Contact us section ends */
    /* Faq section starts */
    .faq-sec {
        padding: 10px 0;
    }
    .faq-sec .faq-title {
        font-size: 38px;
    }
    .faq-sec p.ans-text {
        font-size: 16px;
    }
    .faq-sec span.faq-que-text {
        font-size: 22px;
    }
    /* Faq section ends */

/* Help & Support section starts */


/* shop page section starts */
    .shop-page section.product-filter-sec {
        padding: 2px 0;
    }
    /* Breadcrumb section starts */
    /* Breadcrumb section ends */

    /* product grid section starts */
    .product-filter-sec .main-product-box .sort-label {
        font-size: 14px;
    }
    .product-filter-sec .main-product-box .custom-select-box{
        width: 180px;
    }
    .product-filter-sec .main-product-box h3.show-prod-text {
        font-size: 15px;
        display: flex;
        align-items: center;
    }
    .product-filter-sec .main-product-box .sort-wrapper {
        gap: 10px;
    }
    .product-filter-sec .shop-product-grid h5.product-detail-name {
        font-size: 20px;
    }
    .product-filter-sec .shop-product-grid h6.from {
        font-size: 18px;
    }
    .product-filter-sec .shop-product-grid .product-price .price {
        font-size: 20px;
    }
    .product-filter-sec .shop-product-grid .product-price .original-price {
        font-size: 18px;
    }
    /* product grid section ends */
/* shop page section starts */

/* Product-Detail-Page Starts*/
    .features-tab-sec section.features-body-1 {
        padding-bottom: 25px;
    }
    .features-tab-sec section.features-body-2 {
        padding-bottom: 25px;
    }
    .features-tab-sec section.features-body-3 {
        padding-bottom: 25px;
    }
    .features-tab-sec section.features-body-4 {
        padding-bottom: 10px;
    }
    .features-body-1 .container,
    .features-body-2 .container,
    .features-body-3 .container,
    .features-body-4 .container {
        max-width: 100%;
    }
    .features-body-1 p.genera-description {
        margin: 0;
    }
    .features-body-1 h2.genera-title {
        font-size: 35px;
    }
    .features-body-1 .genera-earbuds.pro-banner-1 {
        padding: 10px 10px;
        gap: 20px;
    }
    .features-body-2 .driver-texts h2 {
        font-size: 32px;
    }
    .features-body-2 .driver-texts p {
        font-size: 14px;
        max-width: 150px;
    }
    .features-body-2 .driver-image {
        position: absolute;
        top: auto;
        left: auto;
        bottom: 30px;   
        right: 20px;
        max-width: 150px;
    }
    .features-body-2 .dynamic-driver-bann {
        padding: 15px;
        padding-bottom: 10px;
    }
    .features-body-2 .bluetooth {
        padding: 10px;
        padding-bottom: 50px;
    }
    .features-body-2 .bluetooth-conn h2.bluetooth-title {
        font-size: 32px;
        padding-bottom: 20px;
    }
    .features-body-2 .bluetooth-conn img {
        padding-bottom: 25px;
        max-width: 45px;
    }
    .features-body-2 .bluetooth-conn h2.bluetooth-version {
        font-size: 32px;
        margin: 0;
        padding-bottom: 0px;
    }
    .features-body-2 .blutooth-pro-img {
        bottom: 95px;
        right: 30px;
        max-width: 170px;
    }
    .features-body-3 .features-trans-mode p {
        font-size: 12px;
        line-height: 18px;
    }
    .features-body-3 .features-trans-mode h2 {
        font-size: 30px;
        margin-bottom: 10px;
    }
    .features-body-3 .features-active-cancel h2 {
        font-size: 30px;
        margin-bottom: 10px;
    }
    .features-body-3 .features-trans-bann {
        padding: 20px 20px 20px;
    }
    .features-tab-sec .features-trans-mode {
        max-width: 210px;
    }
    .features-body-3 .features-active-cancel {
        max-width: 200px;
    }
    .features-body-3 .features-trans-bann {
        padding: 40px 20px;
    }
    .features-body-3 .features-active-cancel p {
        font-size: 14px;
        line-height: 18px;
        max-width: 200px;
    }
    .features-body-3 .feature-pro-image {
        max-width: 200px;
    }
    .features-tab-sec .features-trans-mode {
        max-width: 210px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .features-body-3 .features-trans-mode p {
        font-size: 14px;
        line-height: 18px;
        max-width: 200px;
    }

    .features-body-4 .water-rating-feature {
        padding: 15px 10px;
    }
    .features-body-4 .design-title h2 {
        font-size: 35px;
        margin-bottom: 20px;
    }
    .features-body-4 .pro-image-design {
        max-width: 100%;
        padding-bottom: 25px;
    }
    .features-body-4 .image-pro-rating {
        max-width: 100%;
        padding-bottom: 25px;
    }
    .features-body-4 .ip-rating h2 {
        font-size: 35px;
        margin-bottom: 20px;
    }
    .features-body-4 .design-feature {
        padding: 15px 10px;
    }

    .features-body-1 .banner-img-text {
        padding: 40px 0px;
        text-align: left;
        align-content: center;
    }
    .features-body-1 .pro-features-img-tab {
        max-width: 300px;
        width: 100%;
    }

    /* Product Detail Section */
    .product-details p.inc-tax {
        margin: 10px 0 14px;
    }
    .product-details h1.product-title {
        font-size: 40px;
    }
    .product-details .rating-product {
        padding-bottom: 20px;
    }
    .product-details h1.pro-price {
        font-size: 36px;
    }
    .product-details .ori-price-save {
        padding-bottom: 20px;
    }
    .thumb {
        min-width: 100px;
        width: 100px;
        height: 100px;
    }
    .product-details .pro-offers-boxes {
        display: flex;
        gap: 5px;
    }
    .product-details .color-title {
        font-size: 22px;
    }
    .product-details h3.quantity-title {
        font-size: 22px;
    }
    .top-footer .topf-title, .delivery-title, .offer-title {
        font-size: 22px;
    }
    .product-details h2.feature-title {
        font-size: 22px;
    }
    .product-details h1.offers-title {
        font-size: 22px;
    }
    .main-image {
        padding: 70px 30px;
    }
/* Product-Detail-Page Ends*/


/* Blog Page Starts */

    .main-blog-sec .blog-pro-image {
        width: 100%;
        max-width: 300px;
    }
    .blog-main-divv .blog-pro-texts p {
        font-size: 16px;
        margin-bottom: 10px;
    }
    .blog-main-divv .blog-pro-texts h2 {
        font-size: 24px;
        margin-bottom: 10px;
    }
    .main-blog-sec a.blog-box {
        padding: 20px;
        gap: 20px;
    }
    .pagination-slider-number .blog-pagination {
        margin: 0;
    }
/* Blog Page Ends */


/* Blog Detail Page Starts */
    .blog-detail section.blog-detail-sec {
        padding: 20px 0 0;
    }
    .blog-detail-sec .blog-detail-title .title h1 {
        font-size: 34px;
        margin-bottom: 20px;
    }
    .blog-detail-sec .blog-detail-title .description p {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 20px;
    }
    .blog-detail-sec .blog-detail-title {
        padding-bottom: 20px;
    }
    .blog-detail-sec .blog-image{
        padding-bottom: 20px;
    }
    .blog-detail-sec .blog-description .title h1 {
        font-size: 26px;
        margin-bottom: 20px;
    }
    .blog-detail-sec .blog-description{
        padding-bottom: 20px;
    }
    .blog-detail-sec .blog-specification .specific-title .title h2 {
        font-size: 28px;
    }
    .blog-detail-sec .blog-specification .specific-title .description p {
        font-size: 20px;
        line-height: 28px;
    }
    .blog-detail-sec .blog-specification {
        padding-bottom: 30px;
    }
    .blog-detail-sec .blog-qna-1 .qna-title .title h2,
    .blog-detail-sec .blog-qna-2 .blog-qna-title h2 {
        font-size: 28px;
    }
    .blog-detail-sec .blog-qna-1 .qna-title .description p {
        font-size: 20px;
        line-height: 28px;
    }
    .blog-detail-sec .blog-qna-1 .qna-title {
        margin-bottom: 20px;
    }
    .blog-detail-sec .blog-qna-1 {
        padding-bottom: 30px;
    }
    .more-blog-sec .more-blog-title {
        padding: 40px 0 30px;
    }
    .blog-detail-box .blog-detail-info .info-title h4 {
        font-size: 24px;
        margin-bottom: 15px;
    }
    .blog-detail-box .blog-detail-info .info-description p {
        font-size: 16px;
        margin-bottom: 26px;
    }
    .blog-detail section.more-blog-sec {
        padding-bottom: 40px;
    }
    .blog-detail-box .blog-detail-info h4 {
        font-size: 20px;
    }
/* Blog Detail Page Ends */


/* About Us Page Starts */
    section.hero-banner-sec {
        padding: 40px 40px;
    }
    .about-us section.our-story {
        padding: 30px 0;
    }
    .our-story .our-story-box .our-story-text .title h2 {
        font-size: 42px;
        margin-bottom: 20px;
    }
    .our-story .our-story-box .our-story-image img {
        width: 100%;
        padding: 35px 0;
    }
    .our-mission-vision .mission-vision .title h2 {
        font-size: 42px;
    }
    .about-us .our-mission-vision .mission-vision {
        padding: 0px 30px;
        padding-bottom: 30px;
    }
    .about-us section.our-mission-vision {
        padding-bottom: 40px;
        border-bottom: 2px solid #FEFEFE;
    }
    .about-us section.why-choose-accelo {
        padding: 30px 0 30px;
    }
    .why-choose-accelo .container{
        max-width: 100%;
    }
    .why-choose-accelo .why-choose .title h2 {
        font-size: 32px;
    }
    .why-choose-accelo .why-choose {
        gap: 12px;
    }
    .why-choose-accelo .specifications .specific-box {
        padding: 15px;
        gap: 10px;
    }
    .why-choose-accelo .specifications .specific-box .title h4{
        font-size: 22px;
    }
    .hero-banner-sec .about-description h4 {
        font-size: 22px;
        margin-bottom: 12px;
    }
    .hero-banner-sec .about-title {
        padding-bottom: 22px;
    }
    .hero-banner-sec .about-title h2 {
        font-size: 40px;
    }
    .our-mission-vision .about-card .mission{
        padding-right: 10px;
    }
    .our-mission-vision .about-card .vision{
        padding-left: 10px;
    }
    .our-mission-vision .our-box .mission-and-vision-image img{
        max-width: 40px;
    }
    .our-mission-vision .our-box .mission-and-vision-box .title h3{
        font-size: 26px;
    }
    .our-mission-vision .our-box .mission-and-vision-box .description p {
        font-size: 14px;
        line-height: 22px;
    }
/* About Us Page Ends */


/* My Account Pages Starts */
    .my-account-nav .account-title h3 {
        font-size: 29px;
    }
    .my-profile-main-box .profile-info-box {
        padding: 20px;
    }
    .my-account-nav .account-links {
        padding: 20px 10px;
    }
    .my-profile-main-box .profile-title h3 {
        font-size: 26px;
    }
    .main-wrapper.my-profile {
        padding: 50px 0;
    }

    /* My Orders */
    .empty-order-box .order-title h4 {
        font-size: 26px;
    }
    .my-order-sec .empty-order-box {
        gap: 35px;
    }
    .my-orders section.my-order-sec {
        padding: 50px 0;
    }

    /* Wishlist Sec */
    .wishlist-page section.empty-wishlist-sec {
        padding: 50px 0;
    }
    .empty-wishlist-box .wishlist-title h4 {
        font-size: 26px;
    }
    .empty-wishlist-sec .empty-wishlist-box .current-wishlist-container {
        padding: 40px;
    }

    /* Addresses */
    .my-addresses section.add-address {
        padding: 50px 0;
    }
    .add-address .address-form-box .add-title h2 {
        font-size: 26px;
    }

    /* My Orders */
    .my-orders-box-sec .my-orders .orders-tabs {
        gap: 18px;
        padding: 18px;
    }

    .my-orders-box-sec .my-orders {
        gap: 31px;
    }

    .order-card .order-product .product-details-orders .product-info .title h4 {
        max-width: 250px;
    }

    .pro-wishlist-sec .pro-wishlist-box .product-box {
        padding: 32px 10px;
        gap: 10px;
    }

    .pro-wishlist-box .product-box .pro-details .pro-btn a {
        padding: 12px 12px;
    }

    .empty-log-out-box .log-out-title h4 {
        font-size: 26px;
    }

    .log-out-page section.my-log-out-sec {
        padding: 40px 0;
    }
/* My Account Pages Ends */

    section.brands-detail-sec {
        padding: 50px 0;
    }

    .empty-Addresses-box .Addresses-title h4 {
        font-size: 26px;
    }

    .my-addresses section.my-Addresses-sec {
        padding: 50px 0;
    }

    .my-addresses section.addresses-show-box {
        padding: 50px 0;
    }

    .pro-wishlist-box .wish-title h2 {
        font-size: 26px;
    }

    .my-orders .order-title .orders-title {
        font-size: 26px;
    }

    .cart-title-count .cart-heading .cart-title h2 {
        font-size: 40px;
    }

    .cart-pro-item-details .pro-item-details .pro-price .p-price h4 {
        font-size: 34px;
    }

    .cart-page section.cart-title-count {
        padding-top: 40px;
        padding-bottom: 32px;
    }

    .cart-page section.cart-sec {
        padding-bottom: 40px;
    }   


    
    .custom-footer .footer-logo {
        padding-bottom: 35px;
        text-align: center;
    }

    .custom-footer .logo-images {
        display: flex;
        gap: 10px;
        justify-self: center;
        margin-bottom: 40px;
    }

    .footer-account.footer-main-links-box {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-self: end;
    }

    .pro-wishlist-box .product-box .pro-details {
        max-width: calc(100% - 110px);
    }

    footer.custom-footer {
        padding: 20px 0 0;
    }
    /*Brands Page */
    .brands-detail-sec .row{
        padding: 0 15px;
    }
    .brands-detail-sec .col.brand-image-set{
        margin-top: 20px;
    }

}

@media screen and (max-width: 767px) {
    /* Header section Starts */
    header .top-header {
        padding: 10px;
    }
    .center-header .center-header-first-box {
        align-items: start;
    }
    .center-header .center-header-last-box {
        align-items: end;
    }
    .center-header .center-head-box {
        display: none;
    }
    .center-header .center-header-last-box .help-support-text-divv {
        display: none;
    }
    .top-header p.top-header-text {
        font-size: 12px;
    }
    .center-header {
        padding: 20px 0;
    }
    .center-header .center-header-last-box .center-header-icons {
        align-items: center;
    }

    .mobile-nav-inner {
        height: 30px;
    }
    .menu-header .container {
        padding: 0;
    }

    .mobile-nav-links {
        position: fixed;
        top: 0;
        right: 0;
        width: 260px;
        height: 100vh;
        background-color: #111;
        color: #fff;
        transform: translateX(100%);
        transition: transform 0.3s ease;
        z-index: 9999;
        padding: 40px 20px 20px;
    }
    .mobile-nav-links.active {
        transform: translateX(0%);
    }
    .mobile-nav-links ul {
        list-style: none;
        padding: 0;
        margin: 0;
        margin-top: 40px;
    }
    .mobile-nav-links li {
        margin-bottom: 20px;
    }
    .mobile-nav-links a {
        color: #fff;
        text-decoration: none;
        font-size: 18px;
    }
    .close-btn {
        position: absolute;
        top: 10px;
        right: 15px;
        background: none;
        border: none;
        font-size: 30px;
        color: #fff;
        cursor: pointer;
    }
    .custom-header .menu-header {
        padding: 0px 0;
        font-size: 25px;
    }
    /* Header section Ends */

    /* Footer section Starts */
    .custom-footer .row {
        display: flex;
        flex-wrap: wrap;
    }
    .custom-footer .logo-img-text {
        text-align: center;
    }
    .custom-footer .footer-main-links-box {
        display: flex;
        flex-wrap: wrap;
    }

    .custom-footer .logo-img-text .logo-images img {
        width: 100%;
        max-width: 100px;
    }

    .custom-footer .footer-main-links-box {
        display: flex;
        flex-wrap: wrap;
        justify-self: auto;
    }

    /* Footer section Ends */

    /* Top-Footer section Starts */
    .top-footer .container {
        max-width: auto;
    }
    .top-footer {
        padding: 20px 0;
    }
    .top-footer .warranty-box,
    .Delivery-box,
    .Offers-box {
        padding: 30px 15px;
    }
    /* Top-Footer section Ends */

    /* Hero Banner Section starts */
    .hero-banner .box {
        flex: 0 0 auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        position: relative;
    }
    .hero-banner .details {
        text-align: center;
    }
    .hero-banner .details h4 {
        font-size: 16px;
    }
    .hero-banner .details h1 {
        font-size: 36px;
    }
    .hero-banner .detail-box-info-title {
        padding-bottom: 25px;
    }
    .hero-banner .details p {
        font-size: 18px;
        line-height: 30px;
    }
    .hero-banner .details h3 {
        font-size: 30px;
    }
    .hero-banner .detail-box-price-description {
        padding-bottom: 25px;
    }
    .hero-banner .illustration img {
        padding-bottom: 40px;
    }
    /* Hero Banner Section ends */


/* Help & Support page starts */

    /* Contact us section starts */
    section.contact-us-sec {
        padding: 30px 0;
    }
    .contact-us-sec h2.title-contact {
        padding-bottom: 20px;
        font-size: 30px;
    }
    .contact-us-sec .main-box-divv1 {
        padding-bottom: 40px;
    }
    .contact-us-sec .main-title {
        padding-bottom: 20px;
    }
    .contact-us-sec .phone-time {
        margin-bottom: 25px;
    }
    .contact-us-sec .chat-time {
        font-size: 14px;
        padding-bottom: 40px;
    }
    .contact-us-sec .whatsapp-time {
        margin-bottom: 20px;
    }
    .contact-us-sec .email-time {
        margin-bottom: 20px;
    }
    /* Contact us section ends */

    /* Faq section starts */
    .faq-sec .container {
        max-width: 100%;
    }
    /* Faq section ends */

/* Help & Support page ends */


/* shop page page starts */

    /* product grid section starts */
    .product-filter-sec .main-product-box .sort-label {
        font-size: 14px;
    }
    .product-filter-sec .main-product-box h3.show-prod-text {
        font-size: 15px;
    }
    .product-filter-sec .main-product-box .sort-wrapper {
        gap: 5px;
    }

    .product-filter-sec .main-filter-box {
        padding-bottom: 30px;
    }
    

    .main-filter-box.collapsed .filter-box,
    .main-filter-box.collapsed .filter-box2,
    .main-filter-box.collapsed .filter-box3,
    .main-filter-box.collapsed .filter-box4,
    .main-filter-box.collapsed .filter-box5,
    .main-filter-box.collapsed .Line-img,
    .main-filter-box.collapsed .Line-img-2 {
        display: none !important;
    }

    .filter-options {
        display: flex;
        flex-wrap: wrap;
        gap: 10px 20px;
    }
    /* product grid section ends */

/* shop page page ends */


/* Product Detail Page Starts */
    .features-tab-sec ul.tab-list {
        display: none;
    }

    .features-tab-sec .tab-dropdown {
        display: block;
        width: 100%;
        padding: 10px 16px;
        font-size: 14px;
        font-weight: 500;
        border: 1px solid black;
        border-radius: 8px;
        background-color: transparent;
        background-image: url('../images/Product-detail/product-review&ratings-tab/dropdown-img.png');
        background-repeat: no-repeat;
        background-position: right 15px center;
        background-size: 15px 12px;
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
        transition: border-color 0.2s ease-in-out, box-shadow 0.2s;
        margin: 10px auto 20px;
    }

    .features-tab-sec .tab-dropdown:focus,
    .features-tab-sec .tab-dropdown:hover {
        border-color: #000;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
        outline: none;
    }


    /* Changes css responsive */
    .features-body-1 h2.genera-title {
        font-size: 28px;
    }
    .features-body-1 h4.genera-subtitle {
        font-size: 18px;
        line-height: 30px;
    }
    .features-body-1 .pro-features-img-tab {
        max-width: 230px;
        width: 100%;
    }
    .features-body-1 .banner-img-text {
        padding: 0px 0px;
    }
    .features-body-1 .genera-earbuds.pro-banner-1 {
        padding: 10px 10px;
    }

    .features-body-2 .driver-texts p {
        font-size: 16px;
        max-width: 240px;
    }
    .features-body-2 .driver-texts h2 {
        font-size: 32px;
        margin-bottom: 35px;
    }
    .features-body-2 .driver-image {
        top: auto;
        left: auto;
        bottom: 15px;
        right: 50px;
        max-width: 150px;
    }
    .features-body-2 .bluetooth {
        padding: 10px;
        padding-bottom: 20px;
    }
    .features-body-2 .blutooth-pro-img {
        bottom: 70px;
        right: 30px;
        max-width: 170px;
    }
    .features-body-2 .bluetooth-conn h2.bluetooth-title {
        font-size: 32px;
        padding-bottom: 30px;
    }
    .features-body-2 .bluetooth-conn h2.bluetooth-title {
        font-size: 32px;
        padding-bottom: 30px;
    }

    .features-body-3 .features-active-cancel {
        max-width: 100%;
    }
    .features-body-3 .features-active-cancel p {
        font-size: 14px;
        line-height: 18px;
        max-width: 100%;
        margin-bottom: 10px;
    }
    .features-body-3 .features-trans-bann {
        padding: 40px 40px;
        flex-direction: column;
        align-items: center;
    }
    .features-body-3 .feature-pro-image {
        max-width: 200px;
        margin-bottom: 10px;
    }
    .features-tab-sec .features-trans-mode {
        max-width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .features-body-3 .features-trans-mode p {
        font-size: 14px;
        line-height: 18px;
        max-width: 100%;
    }

    .features-body-4 .rating-description p {
        margin: 0;
    }
    .features-body-4 .ip-rating h2 {
        font-size: 32px;
        margin-bottom: 0px;
    }
    .features-body-4 .image-pro-rating {
        max-width: 100%;
        padding-bottom: 10px;
    }
    .features-body-4 .rating-description p {
        margin-bottom: 5px;
    }
    .features-body-4 .design-title h2 {
        font-size: 32px;
        margin-bottom: 5px;
    }
    .features-body-4 .pro-image-design {
        max-width: 100%;
        padding-bottom: 10px;
    }
    .features-body-4 .design-description p {
        margin-bottom: 5px;
    }
    .features-body-1 p.genera-description {
        font-size: 16px;
        line-height: 20px;
    }
    .features-body-1 h4.genera-subtitle {
        line-height: 20px;
        margin: 0;
    }


    /* Review & Rating Section css */
    .review-rating-body .pro-review-tab {
        padding: 20px;
    }
    .review-rating-body .review-rating-stars .rating-score {
        font-size: 32px;
    }
    .review-rating-body .write-review-tab-title {
        font-size: 22px;
    }
    .review-rating-body .rating-tab {
        padding: 20px;
    }
    .customer-review-body .customer-review-box h5 {
        font-size: 22px;
        margin-bottom: 30px;
    }
    .customer-review-body .customer-name h4 {
        font-size: 22px;
    }
    .customer-review img.six-complete-stars {
        max-width: 175px;
        width: 100%;
    }
    .customer-review img.customer-circle {
        max-width: 50px;
        width: 100%;
    }



    /* Product Detail Section Css */
    .thumb-slider-wrapper {
        display: flex;
        justify-content: center;
    }
    .main-image {
        padding: 70px 200px;
    }
    .pro-offers .pro-offers-boxes .pro-emi-starts {
    padding-bottom: 0px;
    }
/* Product Detail Page Ends */


/* Blog Page Starts */
    .main-blog-sec a.blog-box {
        padding: 20px;
        gap: 20px;
        flex-direction: column;
    }
    .main-blog-sec .blog-main-divv .blog-pro-image {
        padding: 10px 0;
        margin: 0 auto;
    }
    .main-blog-sec .blog-main-divv .blog-pro-texts {
        padding: 5px 0 0px;
    }
/* Blog Page Ends */


/* Blog Detail Page Starts */
    .more-blog-sec .container {
        max-width: 100%;
    }
    .blog-detail-sec .blog-detail-title .title h1{
        font-size: 28px;
    }
    .blog-detail-sec .blog-detail-title .description p{
        margin-bottom: 10px;
    }
    .blog-detail-sec .blog-description .title h1{
        font-size: 28px;
        margin-bottom: 15px;
    }
    .blog-detail-sec .blog-specification .specific-title .title h2{
        font-size: 24px;
    }
    .blog-detail-sec .blog-qna-1 .qna-title .title h2,
    .blog-detail-sec .blog-qna-2 .blog-qna-title h2 {
        font-size: 24px;
    }
    .blog-detail-sec .blog-specification .specific-title .description p{
        font-size: 18px;
    }
    .blog-detail-sec .blog-detail-title,
    .blog-detail-sec .blog-image,
    .blog-detail-sec .blog-description,
    .blog-detail-sec .blog-specification,
    .blog-detail-sec .blog-qna-1 {
        padding-bottom: 20px;
    }
    
/* Blog Detail Page Ends */


/* About Us Page Starts */
    .our-story .our-story-box {
        padding: 15px;
        gap: 30px;
        flex-direction: column;
    }
    .our-story .our-story-box .our-story-image img {
        width: 100%;
        padding: 0;
    }
    .our-story .our-story-box .our-story-text .title h2 {
        font-size: 40px;
        margin-bottom: 15px;
    }
    .our-mission-vision .mission-vision .title h2 {
        font-size: 40px;
    }
    .about-us .our-mission-vision .mission-vision {
        padding: 0px 15px;
        padding-bottom: 20px;
        gap: 10px;
    }
    .why-choose-accelo .why-choose {
        gap: 12px;
    }
    .why-choose-accelo .container {
        max-width: 100%;
    }
    .why-choose-accelo .why-choose {
        padding-bottom: 20px;
    }
    .why-choose-accelo .specifications .specific-box{
        padding: 0;
        padding-bottom: 20px;
    }
    .our-mission-vision .about-card{
        flex-direction: column;
        gap: 20px;
    }
     .our-mission-vision .about-card .mission{
        padding-right: 0px;
    }
    .our-mission-vision .about-card .vision{
        padding-left: 0px;
    }
/* About Us Page Ends */


/* My Account Pages Starts */
    .main-wrapper.my-profile {
        padding: 50px 0;
    }

    .pro-wishlist-sec .pro-wishlist-box .product-box {
        padding: 32px 30px;
        gap: 40px;
        flex-direction: column;
    }

    .pro-wishlist-box .product-box .pro-details {
        display: flex;
        gap: 40px;
        flex-direction: column;
    }

    .pro-wishlist-box .product-box .pro-details .pro-btn h6 {
        text-align: center;
    }

    .color-options {
        display: flex;
        justify-content: center;
    }

    .pro-price {
        display: flex;
        justify-content: center;
    }

    .product-box .pro-details .pro-info .pro-title h4 {
        text-align: center;
    }

    .pro-wishlist-box .product-box .pro-image img.wishlist-product-image {
        width: 150px;
        display: flex;
        justify-self: center;
    }

    .pro-wishlist-box .product-box .pro-image {
        max-width: 100%;
    }
/* My Account Pages Ends */
    .cart-sec .cart-pro-item {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .cart-pro-item .cart-pro-item-img img {
        width: 100%;
        max-width: 150px;
    }
    .cart-pro-item-details .pro-item-details .pro-price .p-price h5,
    .cart-pro-item-details .pro-item-details .pro-price .o-price h5{
        font-size: 18px;
    }
    .cart-sec .cart-pro-item .cart-pro-item-details {
        width: 100%;
    }

    .pro-wishlist-box .product-box .pro-details {
        max-width: 100%;
    }

    /*brands Detils Page */
    .brands-detail-sec h1.brand-title{
        font-size: 42px;
    }
    .brands-detail-sec .col img{
        max-width: 150px;
    }
    .brands-detail-sec .col.brand-image-set{
        max-width: 100%;
        /*max-width: 150px;*/
    }
    .brands-detail-sec .col.brand-image-set{
        margin-top: 15px;
    }
}

@media screen and (max-width: 575px) {
    /* Header section */
    .top-header p.top-header-text {
        font-size: 13px;
    }
    .center-header .center-head-box-text h5,
    .center-header .center-head-box-text h6,
    .center-header .center-header-last-box p.help-supp-text {
        font-size: 13px;
        text-align: center;
    }
    .custom-header .center-header .input-box input {
        font-size: 13px;
        padding: 0 40px 0 35px;
    }
    .menu-header .navbar-nav {
        justify-content: space-around;
        flex-direction: column;
        align-items: center;
        gap: 10px;
    }
    .custom-header .center-header .input-box {
        padding: 0 10px;
    }
    .center-header .center-header-last-box .center-header-icons {
        gap: 10px;
    }
    .center-header .center-header-last-box {
        gap: 15px;
    }
    .center-head-box-text h5 a {
        font-size: 14px;
    }
    .center-header .center-head-box img.location-icon {
        max-width: 20px;
        max-height: 20px;
    }

    /* Footer Section Starts */
    .custom-footer .footer-menu {
        margin: 0 auto;
        display: flex;
        padding-bottom: 30px;
    }
    .custom-footer .footer-title {
        margin: 0 auto;
    }
    /* Footer Section Ends */

    /* latest products section Starts */
    .latest-launches .heading-box h1 {
        font-size: 32px;
    }
    /* latest products section Ends */

    /* Trending products section starts */
    .trending-products .heading-box h1 {
        font-size: 32px;
    }
    /* Trending products section ends */

/* Help & Support page starts */
    /* Contact us section starts */
    .contact-us-sec .box-supp-sec2 {
        padding: 50px 0px;
    }
    .contact-us-sec .box-supp-sec1 {
        padding: 50px 0px;
    }
    .contact-us-sec button {
        max-height: 45px;
    }
    /* Contact us section ends */
/* Help & Support page ends */


/* shop page section starts */

    /* product grid section starts */
    .product-filter-sec .main-product-box .search-filter-box {
        display: flex;
        flex-direction: column;
        gap: 15px;
    }
    /* product grid section ends */

/* shop page section ends */


/* Product Detail Page Starts */
    .features-body-1 .genera-earbuds.pro-banner-1 {
        padding: 10px 10px;
        flex-direction: column;
    }
    .features-body-1 .banner-img-text {
        padding: 0px 0px;
    }
    .features-body-2 .driver-image {
        top: auto;
        left: auto;
        bottom: 10px;
        right: 10px;
        max-width: 150px;
    }
    .features-body-3 .feature-pro-image {
        max-width: 200px;
        margin-bottom: 10px;
    }
    .features-body-3 .features-active-cancel p {
        margin-bottom: 10px;
    }
    .features-body-3 .features-trans-bann {
        padding: 20px 20px;
    }
    .features-body-4 .pro-image-design {
        max-width: 200px;
        width: 100%;
        padding-bottom: 10px;
    }
    .features-body-4 .design-title h2 {
        font-size: 32px;
        margin-bottom: 10px;
    }
    .features-body-4 .image-pro-rating {
        max-width: 230px;
        padding-bottom: 10px;
    }
    .features-body-1 .pro-features-img-tab {
        max-width: 200px;
        width: 100%;
        margin: 0 auto;
    }
    .features-body-1 p.genera-description {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 10px;
    }
    .features-body-1 .banner-img-text {
        padding: 0px 0px;
        text-align: center;
    }

    /* Specification Section */
    .specification-body .feature-box-title h3 {
        font-size: 22px;
    }


    .breadcrumb ul li {
        font-size: 13px;
    }


    /* Additional Info Section Css */
    section.additional-info-body {
        padding-bottom: 10px;
    }
    .additional-info-body .additional-info-title h3 {
        text-align: center;
    }
    .additional-info-body .addi-label-value {
        display: flex;
        flex-direction: column;
        padding-bottom: 15px;
    }
    .additional-info-body h5 {
        text-align: center;
    }
    .additional-info-body h4 {
        text-align: center;
    }
    .additional-info-body .additional-information-tab {
        padding: 15px 15px 0;
    }


    /* Review & Rating Section Css */
    .customer-review-body .customer-review-rating {
        padding: 20px;
    }
    .customer-review-body .product-images-date .product-images {
        display: flex;
        gap: 10px;
    }
    .customer-review img.six-complete-stars {
        max-width: 170px;
        width: 100%;
    }


    /* Product Detail Section */
    .product-details h5.pro-emi {
        padding: 12px 12px 44px 12px;
    }
    .main-image {
        padding: 30px 60px;
    }
    .thumb-slider-wrapper {
        padding-bottom: 10px;
    }
    .product-details h1.product-title {
        font-size: 38px;
    }
    .product-details h1.pro-price {
        font-size: 34px;
    }
/* Product Detail Page Ends */


/* Blog Page Starts */
    .blog-main-divv .blog-pro-texts h2 {
        font-size: 26px;
        margin-bottom: 15px;
    }
    .blog-main-divv .blog-pro-texts h2{
        font-size: 22px;
    } 
    .hero-banner-sec .hero-banner-description p {
        font-size: 14px;
        line-height: 24px;
        font-weight: 500;
        margin: 0;
    }
    .hero-banner-sec .hero-banner-description h4 {
        font-size: 20px;
        margin-bottom: 15px;
    }
    .hero-banner-sec .hero-banner-title h1 {
        font-size: 36px;
        margin-bottom: 30px;
    }
    .blog-page .main-blog-sec {
        padding: 30px 0 30px;
    }
/* Blog Page Ends */


/* Blog Detail Page Starts */
    .blog-detail-sec .blog-image img{
        height: 350px;
    }
    .more-blog-sec .more-blog-title h1 {
        font-size: 38px;
    }
    .more-blog-sec .more-blog-title {
        padding: 30px 0 30px;
    }
    .blog-detail-sec .blog-description .title h1,
    .blog-detail-sec .blog-detail-title .title h1{
        font-size: 24px;
    }
    .blog-detail-sec .blog-detail-title .description p,
    .blog-detail-sec .blog-description .description p{
        font-size: 14px;
        line-height: 20px;
    }
    .blog-detail-sec .blog-specification .specific-title .title h2{
        font-size: 22px;
    }
    .blog-detail-sec .blog-specification .specific-title .description p,
    .blog-detail-sec .blog-qna-1 .qna-title .description p{
        font-size: 16px;
        line-height: 22px;
    }
    .blog-detail-sec .blog-specification .specification {
        padding-bottom: 5px;
    }
    .blog-detail-sec .blog-specification .why-buy .questions h4{
        font-size: 14px;
    }
/* Blog Detail Page Ends */


/* About Page Starts */
    .our-story .our-story-box .our-story-text .title h2 {
        font-size: 36px;
        margin-bottom: 15px;
    }
    .our-mission-vision .mission-vision .title h2 {
        font-size: 36px;
    }
    .about-us .our-mission-vision .mission-vision{
        padding: 0;
        padding-bottom: 20px;
    }
    .hero-banner-sec .about-title h2 {
        font-size: 38px;
    }

/* About Page Ends */

/* My Accounta Starts */
    .my-orders-box-sec .my-orders .orders-tabs {
        overflow-x: scroll;
    }

    .my-orders-box-sec .my-orders .orders-tabs .tab {
        white-space: nowrap;
    }

    .my-orders .order-card .order-header {
        display: flex;
        flex-direction: column;
        gap: 10px;
        text-align: center;
    }

    .my-orders .order-card .order-product {
        display: flex;
        flex-direction: column;
        gap: 30px;  
    }

    .order-card .order-product .product-details-orders .product-price {
        margin-left: 0;
        display: flex;
        flex-direction: row;
        gap: 8px;
    }

    .order-card .order-product .product-details-orders .product-info {
        display: flex;
        flex-direction: column;
        gap: 20px;
        text-align: center;
    }

    .order-card .order-product .product-details-orders .product-price .old-price {
        align-content: center;
    }

    .form-row {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        gap: 20px;
    }

/* My Accounta Ends */


    .my-orders .order-card .order-header .in-progress-color {
        display: flex;
        justify-content: center;
    }

    .my-orders .order-card .order-header .delivered-color {
        display: flex;
        justify-content: center;
    }

    .my-orders .order-card .order-header .cancelled-color {
        display: flex;
        justify-content: center;
    }

    .log-in-sec .login-divv {
        padding: 20px;
    }
    .cart-sec .cart-pro-item{
        padding: 20px;
        gap: 20px;
    }
    .cart-sec .cart-pro-item .cart-pro-item-details{
        gap: 25px;
    }
    .cart-pro-item .cart-pro-item-details .pro-item-details .pro-info{
        gap: 20px;
    }
    .cart-sec .cart-pro-item .pro-item-details {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        gap: 20px;
    }

    .cart-pro-item .cart-pro-item-details .pro-price {
        display: flex;
        flex-direction: row;
        gap: 0px;
        justify-content: space-between;
    }
    .cart-pro-item-details .pro-item-details .pro-info .pro-name h2{
        font-size: 24px;
    }
    .cart-pro-item-details .pro-item-details .pro-price .p-price h4 {
        font-size: 30px;
        text-align: left;
    }

    .cart-pro-item-details .pro-price .p-price, .o-price {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        gap: 8px;
    }

    .cart-pro-item .pro-item-delivery-info {
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        gap: 20px;
    }

    .cart-pro-item .pro-item-delivery-info .delivery-time {
        text-align: left;
    }

    .custom-footer .terms-privacy-text {
        display: flex;
        justify-content: space-around;
    }

    .custom-footer .copyright-text p.copy-text-p {
        text-align: center;
    }

    .custom-footer .terms-privacy-text h6.privacy-text {
        padding-left: 0px;
    }

    .custom-footer .terms-privacy-text h6.terms-text {
        padding-right: 0px;
    }
    /*Brand Page*/
    .brand-image-set {
        text-align: center;
    }
}

@media screen and (max-width: 460px) {
    /* Hero Banner section starts */
    .hero-banner .illustration img {
        padding-bottom: 30px;
    }
    /* Hero Banner section ends */

    /* Footer Section Starts */
    .custom-footer .copyright-text p.copy-text-p, h6.terms-text, h6.privacy-text {
        padding: 15px 0;
    }

    /* Footer Section Ends */


/* shop page page starts */
    /* product grid section starts */
    .pagination-slider-number .pagination li a {
        width: 30px;
        height: 30px;
    }
    .main-filter-box {
        padding-bottom: 30px;
    }
    /* product grid section ends */
/* shop page page starts */


/* Product Detail Page Starts */
    .features-body-2 .driver-image {
        top: auto;
        left: auto;
        bottom: 10px;
        right: 70px;
        max-width: 150px;
    }
    .features-body-2 .dynamic-driver-bann {
        padding: 15px;
        padding-bottom: 150px;
    }
    .features-body-2 .driver-texts p {
        font-size: 16px;
        max-width: 100%;
    }
    .features-body-2 .blutooth-pro-img {
        bottom: 70px;
        right: 10px;
        max-width: 170px;
    }


    /* Review & Rating Section Css */
    .customer-review-body .customer-name {
        display: flex;
        flex-direction: column;
        padding-bottom: 20px;
    }
    .customer-review-body .customer-review-rating .img-name-customer {
        display: flex;
        gap: 12px;
        padding-bottom: 10px;
    }
    .customer-review-body .product-images-date .product-images {
        display: flex;
        gap: 5px;
        padding-bottom: 10px;
    }
    .customer-review-body .customer-review-rating .product-images-date {
        display: flex;
        flex-direction: column;
    }


    /* Product Detail section */
    .product-details h5.pro-emi {
        padding: 12px 12px 24px 12px;
    }
/* Product Detail Page Ends */


/* Blog Detail Page Starts */
    .breadcrumb ul li a{
        margin-left: 0;
    }
    .breadcrumb ul{
        padding: 0;
        display: flex;
        flex-wrap: nowrap;
    }
    /*.breadcrumb-icon{
        margin: 0;
    }*/
/* Blog Detail Page Ends */


/* Otp Verification Page Starts */
    .otp-divv {
        background: #FFF;
        padding: 15px;
        border-radius: 16px;
        text-align: center;
        display: flex;
        flex-direction: column;
        gap: 32px;
    }
/* Otp Verification Page Ends */


/* Sign-UP Page Starts */
    .sign-up-sec .signup-divv {
        background-color: #FEFEFE;
        padding: 30px;
        border-radius: 16px;
        display: flex;
        flex-direction: column;
        gap: 32px;
        text-align: center;
        max-width: 500px;
        margin: 0 auto;
        width: 100%;
    }
    .log-in-sec .login-divv .or img.line-image {
        max-width: 100px;
    }
    .sign-up-sec .signup-divv .or img.line-image {
        max-width: 100px;
    }
/* Sign-UP Page Ends */


/* My Account Pages Starts */
    /* My Orders */
    .my-order-sec .empty-order-box .current-order-container {
        background-color: #FEFEFE;
        text-align: center;
        border-radius: 16px;
        padding: 15px;
    }

    .add-address .address-form-box .add-address-main-box {
        padding: 20px;
    }

    .btn.submit {
        padding: 11px 20px;
    }

    .btn.cancel {
        padding: 11px 44px;
    }

/* My Account Pages Ends */

    .addresses-show-box .empty-Addresses-box .address-box {
        padding: 20px;
    }

    .more-blog-sec .blog-detail-pros a.blog-detail-box {
        padding: 20px;
    }
/* Cart Pages */
.cart-pro-item-details .pro-item-details .pro-info .pro-name h2{
        font-size: 24px;
        line-height: 28px;
    }


}

@media screen and (max-width: 375px) {
    
    /* Review & Rating Section Css */
    .rating-tab .uploaded-item {
        width: calc(30% - 0px);
        max-width: none;
        height: 80px;
        border-radius: 8px;
    }

    .rating-tab .product-img {
        width: 80%;
        height: auto;
        object-fit: contain;
    }

    .rating-tab .remove-btn {
        top: -4px;
        right: -4px;
        height: 14px;
        width: 14px;
    }

    .rating-tab .remove-btn img {
        width: 100%;
        height: 14px;
    }

    .product-details h1.product-title {
        font-size: 34px;
    }
    .product-details h1.pro-price {
        font-size: 30px;
    }
    .product-details p.inc-tax {
        margin: 5px 0 14px;
    }
    .product-details h5.pro-emi {
        padding: 12px 12px 72px 12px;
        margin: 0;
    }


    /* Blog Page */
    .hero-banner-sec .hero-banner-description p {
        font-size: 14px;
        line-height: 22px;
        font-weight: 500;
        margin: 0;
    }
    section.hero-banner-sec {
        padding: 40px 10px;
    }

/* My Account Pages Starts */
    .my-profile-main-box .gender-box .gender-option {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
    }

    .empty-wishlist-sec .empty-wishlist-box .current-wishlist-container {
        padding: 25px;
    }

    .my-orders .order-footer .review-link {
        max-width: 135px;
    }

    .my-orders .order-card .order-footer .refund-text {
        max-width: 135px;
    }

    .btn-form-address {
        display: flex;
        flex-direction: column;
        text-align: center;
        gap: 20px;
    }
/* My Account Pages Ends */
/* Cart Page*/
.cart-pro-item-details .pro-quantity .quantity-selector{
    max-width: 120px;
}
.cart-pro-item-details .pro-item-details .pro-price .p-price h4 {
        font-size: 28px;
    }
    .cart-pro-item .pro-item-delivery-info .delivery-info h2,
    .cart-pro-item .pro-item-delivery-info .express-title{
        font-size: 22px;
    }
    .cart-pro-item .pro-item-delivery-info .delivery-info h5,
    .cart-pro-item .pro-item-delivery-info .delivery-time{
        font-size: 14px;
    }
    .cart-pro-item .pro-item-delivery-info .checkbox-express input[type="checkbox"]{
        max-width: 18px;
        height: 18px;
    }
    /*About Page*/
    .our-mission-vision .mission-vision .title h2 {
        font-size: 32px;
    }
    .our-mission-vision .mission-vision .description p {
        font-size: 14px;
        line-height: 22px;
    }
    .why-choose-accelo .why-choose .title h2{
        font-size: 30px;
    }

    /*Blog Page */
    .main-blog-sec .blog-main-divv{
        padding-bottom: 20px;
    }
    .blog-main-divv .blog-pro-texts h2 {
        font-size: 20px;
    }
    .blog-main-divv .blog-pro-texts p {
        font-size: 14px;
        line-height: 22px;
    }
    /*Blog-detils Page*/
    .blog-detail-sec .blog-image img{
        height: 300px;
    }
    .blog-detail-sec .blog-detail-title .title h1,
    .blog-detail-sec .blog-description .title h1 {
        font-size: 22px;
        margin-bottom: 10px;
    }
    .blog-detail-sec .blog-specification .specific-title .title h2 {
        font-size: 20px;
    }
    .blog-detail-sec .blog-specification .specification ul, 
    .blog-detail-sec .blog-qna-1 .specification-qna ul{
        font-size: 14px;
    } 
    .blog-detail-sec .blog-qna-1 .qna-title .title h2, 
    .blog-detail-sec .blog-qna-2 .blog-qna-title h2 {
        font-size: 22px;
        margin-bottom: 15px;
    }
}