/* ─────────────────────────────── 1540 ─────────────────────────────── */

@media (max-width: 1540px) {

    .container {

        padding-right: 30px;

        padding-left: 30px;

    }



    .hero-sec .hero-content {

        left: 30px;

        top: 55%;

        transform: translateY(-50%);

    }



    .grain-sec .grains-grid {

        gap: 25px;

    }



    .grain-sec .grain-box {

        max-width: 170px;

    }



    .limited-offer-sec .container {

        padding: 0;

    }



    .testimonial-slider .review-card {

        padding: 0 8px;

        margin-bottom: 16px;

    }



    .testimonial-slider .review-box {

        max-width: 320px;

        padding: 20px 15px;

    }



    .testimonial-slider .review-box .user-info {

        justify-content: space-between;

        gap: 5px;

    }



    .hero-sec {

        height: 720px;

    }



    .hero-sec .hero-sec-image {

        max-width: 50%;

    }



    .hero-sec::before {

        height: 150px;

        width: 300px;

    }



    .hero-sec::after {

        height: 250px;

        width: 500px;

    }



    .product-detail-con {

        padding-right: 0;

    }



    .product-detail-con .services .service-box {

        padding: 24px 5px;

    }



}



/* ─────────────────────────────── 1399 ─────────────────────────────── */

@media (max-width: 1399px) {

    .why-content .feature-card {

        padding-right: 0;

        margin-bottom: 20px;

    }



    .machine-video-sec .machine-video {

        display: block;

    }



    .grain-sec .grains-grid {

        gap: 20px;

    }



    .grain-sec .grain-box {

        max-width: 160px;

    }



    .hero-sec .hero-content .hero-offer-label {

        font-size: 30px;

    }



    .hero-content .hero-sub-title,

    .hero-content .hero-title {

        font-size: 54px;

    }



    .hero-sec {

        height: 650px;

    }



    .hero-sec .hero-content {

        left: 20px;

    }



    .hero-sec .hero-sec-image {

        max-width: 53%;

        right: 40px;

    }



    .machine-video-sec .col-md-8 {

        max-width: 60%;

    }



    .pam-slider .pam-slide,

    .blog-sec .blog-slider .blog-card {

        padding: 0 12px;

    }



    .hero-content .hero-add .icon {

        font-size: 22px
    }



    .testimonial-slider .review-card {

        padding: 0 5px;

    }



    .testimonial-slider .review-box {

        padding: 20px 10px;

        max-width: 300px;

    }



    .product-detail-con .services {

        --bs-gutter-x: 10px;

        margin-top: 20px;

    }



    .product-detail-con .cms-con p {

        margin-bottom: 15px;

    }



    .product-detail-con .cms-con {

        margin-top: 20px;

        margin-bottom: 15px;



    }

}



/* ─────────────────────────────── 1299 ─────────────────────────────── */

@media (max-width: 1299px) {

    .header-logo {

        height: 60px;

    }



    .nav-header ul li {

        margin-left: 50px;

    }



    .testimonial-slider .review-box {

        max-width: 275px;

    }



    .testimonial-slider .review-box .user-info .user-img {

        min-height: 40px;

        min-width: 40px;

        height: 40px;

        width: 40px;

    }



    .testimonial-slider .review-box .user-info .rate {

        width: 50px;

    }



    .testimonial-slider .review-box .user-info .rate i,

    .testimonial-slider .review-box .user-info .rate span {

        font-size: 14px;

    }



    .pam-detail ul {

        margin-top: 10px;

        margin-bottom: 15px;

    }



    .btn {

        padding: 7px 14px;

    }



    .why-btn .btn {

        padding: 10px 20px;

    }



    .why-content .feature-card {

        gap: 10px;

    }



    .hero-sec {

        height: 570px;

    }



    .hero-content .hero-sub-title,

    .hero-content .hero-title {

        font-size: 45px;

    }



    .hero-sec .hero-content .hero-offer-label {

        font-size: 26px;

    }



    .why-sec .why-content .sec-title {

        margin-bottom: 16px;

    }



    .why-content .feature-card {

        margin-bottom: 15px;

    }



    .why-content .feature-row {

        --bs-gutter-x: 10px
    }



    .machine-video-con ul li {

        margin-bottom: 35px;

    }



    .milestone-sec .stats-row .stat-box .stat-title,

    .milestone-sec .stats-row .stat-box .stat-title .count {

        font-size: 34px;

    }



    .grain-sec .grain-box {

        max-width: 150px;

    }



    .grain-sec .grains-grid {

        gap: 15px;

    }



    .hero-sec::before {



        width: 200px;

    }



    .hero-sec::after {



        width: 400px;

    }



    .product-detail-con .services .serv-con p {

        font-size: 16px
    }



    .product-detail-thumb .slick-track {

        margin-left: 10px;

    }



    .products-accessories-sec.youMayLike .youMayLike-slider .col-3 {

        padding: 10px 5px;

    }



    .nav-header ul li ul {

        padding-top: 32px;

    }



    .header.has_sticky .nav-header ul li ul {

        padding-top: 25px;

    }

    .why-sec .row {
        --bs-gutter-x: 40px;
    }

    .machine-video {
        margin-left: 30px;
    }

}



/* ─────────────────────────────── 1199 ─────────────────────────────── */

@media (max-width: 1199px) {

    .header-logo {

        height: 50px;

    }



    .nav-header ul li {

        margin-left: 40px;

    }



    .nav-header ul li a {

        font-size: 16px;

        line-height: 20px;

    }



    .main-header {

        padding-block: 5px;

    }



    .nav-header ul li .arrow {

        right: -15px;

        border-left: 5px solid transparent;

        border-right: 5px solid transparent;

        border-top: 5px solid #4b5563;

    }



    .Utilities .icon {

        font-size: 20px;

    }



    .Utilities .login-user .login {

        margin-left: 30px;

    }



    .Utilities .search {

        margin-right: 20px;

    }



    .footer-contact .foot-contact-detail {

        margin-bottom: 25px;

    }



    .footer .row {

        --bs-gutter-x: 20px;

    }



    .footer .footer-links {

        padding-left: 20px;

    }



    .hero-content .hero-sub-title,

    .hero-content .hero-title {

        font-size: 38px;

    }



    .hero-sec .hero-content .hero-offer-label {

        font-size: 22px;

    }



    .hero-content .hero-add .icon {

        font-size: 18px;

    }



    .hero-content .hero-add {

        padding: 10px;

    }



    .hero-sec {

        height: 500px;

    }



    .hero-content .hero-sub-title {

        margin-bottom: 20px;

        line-height: 44px;

    }



    .hero-sec .hero-sec-image {

        max-width: 54%;

    }



    .premium-atta-maker .premium-am-card .pam-detail {

        padding: 24px 18px;

    }



    .why-content .feature-card .feature-icon {

        min-height: 40px;

        min-width: 40px;

    }



    .com-pro-title,

    .com-pro-title a {

        line-height: 1.4;

        margin-bottom: 0;

    }



    .why-content .feature-content p {

        font-size: 15px;

    }



    .why-sec .why-content .sec-title {

        font-size: 26px;

        margin-bottom: 8px;

    }



    .why-sec .why-content .sec-head {

        margin-bottom: 20px;

    }



    .machine-video-con {

        min-width: auto;

    }



    .machine-video-sec .container>.row {

        align-items: flex-end !important;

    }



    .machine-video-sec {

        padding: 80px 0;

    }



    .grain-sec .grains-grid {

        gap: 15px;

    }



    .pro-acc-slider .pro-acc-box .pro-acc-detail,

    er .pro-acc-box .pro-acc-detail {

        padding: 16px 12px;

    }



    .pro-acc-slider .col-3 {

        padding: 0 7px;

    }



    .pro-acc-detail .com-pro-title,

    .pro-acc-detail .com-pro-title a {

        font-size: 16px;

    }



    .pam-slider .pam-slide,

    .blog-sec .blog-slider .blog-card {

        padding: 0 7px;

    }



    .blog-sec .blog-slider .blog-box .blog-title,

    .blog-sec .blog-slider .blog-box .blog-title a {

        font-size: 18px;

    }



    .blog-sec .blog-slider .blog-box .blog-title {

        margin: 8px 0;

    }



    .usp-strip-sec .usp-box {

        flex-direction: column;

        text-align: center;

        padding: 10px;

        gap: 10px;

        background-color: transparent;

    }



    .usp-strip-sec .usp-box .usp-content .usp-title,

    .usp-strip-sec .usp-box .usp-content p {

        color: #fff;

    }



    .trending-slider .trend-prod:nth-child(even) {

        margin-top: 20px;

    }



    .trending-slider .trend-prod {

        padding: 0 7px;

    }



    .testimonial-slider .review-box {

        max-width: 400px;

    }



    .testimonial-slider .review-box .user-info .rate {

        position: absolute;

        right: 0;

    }



    .testimonial-slider .review-box .user-info {

        justify-content: start;

        gap: 10px;

    }



    .testimonial-slider .review-box .user-review p {

        margin-top: 15px;

    }



    .why-content .feature-card {

        margin-bottom: 10px;

    }



    .milestone-sec .stats-row .stat-box .stat-title,

    .milestone-sec .stats-row .stat-box .stat-title .count {

        font-size: 30px;

    }



    .machine-video-sec .machine-video .video-wrap::before {

        height: 60px;

        width: 60px;

    }



    .machine-video-sec .machine-video .video-wrap::after {

        font-size: 22px;

    }



    .product-detail-title {

        font-size: 26px;

        margin-bottom: 5px;

    }



    .product-detail-con .price {

        margin-top: 10px;

    }



    .product-detail-con .price .current-price {

        font-size: 26px;

    }



    .product-detail-con .price .old-price {

        font-size: 16px
    }



    .price .discount-badge {

        margin-left: 8px;

    }



    .product-detail-con .cms-con {

        margin: 8px 0;

    }



    .quantity-box-wrap label {

        margin-bottom: 5px;

    }



    .quantity-box-wrap {

        margin-bottom: 15px;

    }



    .product-detail-sec .product-detail-con .btn {

        padding: 8px;

        margin-bottom: 8px;

    }



    .product-details-box .product-detail-thumb-box {

        padding: 0 5px;

    }



    .product-detail-sec .row {

        --bs-gutter-x: 10px
    }



    .product-detail-con .cms-con p {

        margin-bottom: 10px;

    }



    .product-detail-thumb .slick-track {

        margin-left: 5px;

    }



    .quantity-box-wrap .qty-btn {

        height: 35px;

        width: 35px;

    }



    .product-detail-con .services .service-box {

        padding: 14px 5px;

    }



    .product-detail-con .services {

        margin-top: 10px;

    }



    .Utilities .cart .cart-count {

        height: 18px;

        width: 18px;

        font-size: 10px;

        top: -12px
    }



    .trending-sec {

        padding: 60px 0 50px;

    }



    #tab-specifications_tab .table {

        margin-top: 10px;

    }



    #tab-specifications_tab .table td {

        padding: 8px 0;

    }



    #tab-compare_models_tab .table>:not(caption)>*>* {

        padding: 10px 16px;

    }



    #tab-specifications_tab .cms-con ul {

        padding-top: 10px;

        margin-bottom: 20px;

    }



    #tab-specifications_tab .row {

        --bs-gutter-x: 20px
    }



    #tab-specifications_tab .cms-con ul li {

        margin-bottom: 10px;

    }



    #tab-features_tab .feature .row {

        --bs-gutter-x: 40px
    }



    .tab-content .img img {

        min-width: 36px;

        width: 36px;

    }



    #tab-features_tab .benefits .benefit-box,

    #tab-features_tab .feature .featured-top {

        gap: 10px;

    }



    #tab-features_tab .feature .featured-tab-box {

        margin-bottom: 40px;

    }



    .product-datail-tabs {

        padding-bottom: 60px;

    }



    .trending-slider .slick-slide:nth-child(even) {

        margin-top: 20px;

    }



    .nav-header ul li ul {

        padding-top: 23px;

    }



    .header.has_sticky .nav-header ul li ul {

        padding-top: 22px;

    }



    .bannTitle {

        font-size: 44px;

    }



    .faq-sec.common-sec {

        padding-top: 80px;

        padding-bottom: 80px;

    }



    .accordion-button {

        font-size: 24px;

    }



    .breadcrumb-title {

        font-size: 38px;

    }



    .breadcrumbs-sec {

        min-height: 250px;

    }



    .accordion-button::after {

        width: 20px;

        height: 20px;

        background-size: 20px;

    }



    .accordion-button.collapsed {

        padding: 25px 0;

    }



    .accordion-button {

        padding: 25px 0;

    }



    .accordion-body {

        padding-bottom: 25px;

        max-width: 92%;

    }


    .why-sec .row {
        --bs-gutter-x: 30px;
    }

    .machine-video {
        margin-left: 0;
    }

    .common {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .vision-mission-title {
        font-size: 26px;
    }

    .vision-mission-box img {
        max-width: 250px;
    }

    .team-box img {
        width: 150px;
    }

    .custom-review-summary {
        min-width: 400px;
    }

    .reviews-main {
        gap: 20px;
    }

    #reviews .commentlist li .avatar {
        max-height: 40px;
        max-width: 40px;
    }

    .star-rating::before,
    .average-rating .star-rating span:before,
    .star-rating span::before,
    .single-product div.product .woocommerce-product-rating .star-rating::before,
    .single-product div.product .woocommerce-product-rating .star-rating span::before {
        font-size: 14px !important;
    }

    .average-rating strong {
        font-size: 44px;
    }

    .woocommerce-tabs .panel h2:first-of-type {
        font-size: 22px !important;
    }

    #reviews .commentlist li .comment_container .description {
        padding-left: 54px;
    }

    .average-rating {
        margin-bottom: 20px;
    }

    .woocommerce-shop .product-list-sec .storefront-sorting {
        margin-bottom: 20px;
    }

    .product-list-sidebar .search-box {
        margin-bottom: 10px;
    }

    .woocommerce-shop .product-list-sec .row {
        --bs-gutter-x: 12px;

    }

    .woocommerce-shop .product-list-sec .products .row {
        --bs-gutter-x: 12px;
        --bs-gutter-y: 15px;
    }

    .woocommerce .products .pro-acc-detail {
        padding: 10px 10px 20px;
    }

    .woocommerce .products .price {
        align-items: center;
        gap: 5px;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .error-sec .error-title {
        font-size: 9.375rem;
    }
}



/* ─────────────────────────────── 1023 ─────────────────────────────── */

@media (max-width: 1023px) {}



/* ─────────────────────────────── 991 ─────────────────────────────── */

@media (max-width: 991px) {

    .top-header p small {

        font-size: 14px;

    }



    .com-padd {

        padding-top: 50px;

        padding-bottom: 50px;

    }



    .Utilities .login-user .login {

        margin-left: 20px;

    }



    .nav-header ul li {

        margin-left: 30px;

    }



    .footer .footer-contact .social-links {

        display: block;

        margin-bottom: 20px;

    }



    .footer .footer-links {

        padding-left: 0px;

    }



    .footer .row {

        --bs-gutter-x: 0;

    }



    .footer .footer-title {

        font-size: 16px;

        margin-bottom: 15px;

    }



    .footer .footer-links ul li {

        margin-bottom: 5px;

    }



    .footer .footer-links ul li a,

    .footer-contact .foot-contact-detail p {

        font-size: 14px;

    }



    .footer .social-links ul li a {

        height: 30px;

        width: 30px;

    }



    .footer .social-links ul li a span.icon {

        font-size: 18px;

    }



    .footer .footer-contact form .form-inner .form-control {

        padding: 8px 15px;

    }



    .footer .footer-contact form .form-inner .footer-btn {

        padding: 8px 12px;

    }



    .footer .footer-bottom {

        padding-top: 20px;

    }



    .footer hr {

        margin-top: 30px;

    }



    .footer {

        padding-top: 40px;

        padding-bottom: 20px;

    }



    .hero-sec {

        height: 400px;

    }



    .hero-sec .hero-sec-image {

        right: 15px;

    }



    .hero-sec .hero-content .hero-offer-label {

        font-size: 18px;

        margin-bottom: 10px;

    }



    .hero-content .hero-sub-title,

    .hero-content .hero-title {

        font-size: 28px;

    }



    .hero-content .hero-add {

        padding: 8px;

        margin-top: 3px;

    }



    .hero-content .hero-sub-title {

        margin-bottom: 10px;

        line-height: 34px;

    }



    .hero-content .hero-buttons .btn {

        width: 140px;

        padding: 5px 7px;

        margin-right: 5px;

    }



    .hero-content .hero-add .icon {

        font-size: 16px;

    }



    .premium-atta-maker .premium-am-card {

        margin-bottom: 20px;

    }



    .premium-atta-maker .row {

        --bs-gutter-x: 20px;

    }



    .why-sec {

        padding-top: 0;

    }



    .premium-product-sec {

        padding-top: 50px;

        padding-bottom: 60px;

    }



    .why-sec .why-image {

        margin-left: auto;

        margin-right: auto;

        margin-bottom: 30px;

    }



    .sec-title {

        font-size: 28px;

        margin-bottom: 10px;

    }



    .machine-video-sec .container>.row {

        flex-direction: column-reverse;

    }



    .machine-video-con ul li:last-child {

        margin-bottom: 0;

    }



    .why-content .why-btn {

        margin-top: 20px;

    }



    .machine-video-sec {

        padding: 50px 0;

    }



    .machine-video-con ul li::after {

        left: 8px;

    }



    .machine-video-con ul li::before {

        height: 40px;

        width: 40px;

    }



    .machine-video-con ul li {

        padding-left: 50px;

    }



    .sec-head {

        margin-bottom: 30px;

    }



    .premium-product-sec .sec-head {

        margin-bottom: 35px;

    }



    .machine-video-sec .machine-video-con {

        margin-top: 30px;

    }



    .grain-sec .grain-box {

        max-width: 130px;

    }



    .grain-sec .grain-content {

        padding: 12px;

    }



    .slick-dots {

        padding-top: 0px;

    }



    .pam-slider .slick-dots,

    .blog-container .slick-dots {

        margin: -15px 0 0;

    }



    .view-all-link {

        margin-top: 30px;

    }



    .milestone-sec .stats-row .stat-icon {

        height: 50px;

        width: 50px;

    }



    .milestone-sec .stats-row .stat-icon .icon {

        font-size: 20px;

    }



    .milestone-sec .stats-row .stat-box .stat-title,

    .milestone-sec .stats-row .stat-box .stat-title .count {

        font-size: 28px;

    }



    .pam-detail .price-cta .price,

    .limited-offer-sec .sec-head .sec-title,

    .limited-offer-sec .offer-content .count-down .count-num {

        font-size: 20px;

        line-height: 1;

        margin-bottom: 5px;

    }

    .price ins {
        font-size: 20px;
        line-height: 1;
    }



    .limited-offer-sec .offer-content .btn {

        margin-top: 15px;

        padding: 8px 20px;

    }



    .limited-offer-sec .container {

        padding: 0 15px;

    }



    .limited-offer-sec .container .offer-content {

        padding: 28px;

        border-top-left-radius: 16px;

        border-bottom-left-radius: 16px;

    }



    .limited-offer-sec .container .offer-image,

    .limited-offer-sec .container .offer-image img {

        border-top-right-radius: 16px;

        border-bottom-right-radius: 16px;

        overflow: hidden;

    }



    .trending-slider .trend-prod:nth-child(even) {

        margin-top: 10px;

    }



    .usp-strip-sec .usp-box .usp-content .usp-title {

        margin-bottom: 4px;

    }



    .hero-content .hero-buttons .btn-outline .pause-icon {

        margin-right: 5px;

        margin-bottom: 4px;

    }



    .premium-atta-maker .premium-am-card .am-image img {

        aspect-ratio: 8 / 5;

        object-fit: cover;

    }



    .limited-offer-sec .offer-image img {

        height: 283px;

    }



    .price-cta .btn {

        padding: 6px 12px;

        font-size: 15px;

    }



    .pam-detail ul li {

        padding-left: 20px;

    }



    .machine-video-sec .machine-video .video-wrap::before {

        height: 50px;

        width: 50px;

    }



    .machine-video-sec .machine-video .video-wrap::after {

        font-size: 20px;

    }



    .hero-sec::before,

    .innerBanner::before {



        width: 150px;

    }



    .innerBanner::after {

        height: 200px;

        width: 200px;

    }



    .hero-sec::after {



        width: 300px;

    }



    .usp-strip-sec {

        padding: 40px 0;

    }



    .usp-strip-sec .usp-box .usp-image {

        min-height: 40px;

        min-width: 40px;

    }



    .product-detail-title {

        font-size: 24px;



    }



    .product-detail-con .price {

        margin-top: 8px;

    }



    .product-detail-con .price .current-price {

        font-size: 24px;

    }



    .product-detail-con .price .old-price {

        font-size: 14px
    }



    .price .discount-badge {

        font-size: 12px;

    }



    .product-detail-con .cms-con p {

        font-size: 14px;

    }



    .product-detail-sec .product-detail-con .btn {

        padding: 5px 8px;

    }



    .product-detail-sec .cms-con ul li {

        font-size: 14px;

        padding-left: 22px;

        padding-bottom: 5px;

    }



    .quantity-box-wrap .qty-group-btn input {

        width: 40px;

    }



    .quantity-box-wrap .qty-btn {

        height: 35px;

        width: 35px;

    }



    .product-detail-con .services .service-box {

        display: flex;

        align-items: start;

        padding: 5px 10px;

        gap: 5px;

        background-color: transparent;

    }



    .product-detail-con .services .serv-img .icon {

        font-size: 24px;

        margin: 0;

    }



    .product-detail-con .services .serv-img {

        line-height: 1;

    }



    .product-detail-con .services {

        --bs-gutter-y: 5px;

        --bs-gutter-x: 5px;

        margin-top: 0px;

        text-align: start;

    }



    .product-detail-con .services .serv-con p {

        font-size: 14px;

    }



    .product-detail-con .services .serv-con p br {

        display: none;

    }



    .product-detail-con {

        margin-top: 30px;

    }



    .product-datail-tabs .nav-tabs .nav-item.show .nav-link,

    .woocommerce-tabs ul.tabs li {


        padding: 15px 20px;

    }

    .woocommerce-tabs ul.tabs li a,
    .woocommerce-tabs ul.tabs li.active a {
        font-size: 16px;

    }

    .product-datail-tabs .nav-tabs .nav-item.show .nav-link,

    .woocommerce-tabs ul.tabs li.active {

        padding: 15px 25px;

    }



    .product-datail-tabs {

        padding: 33px 0 50px;

    }



    .product-datail-tabs .tab-content {

        padding-top: 20px;

    }



    #tab-description .cms-con ul li {

        padding-bottom: 10px;

    }



    .grain-sec .grains-grid {

        gap: 14px;

    }



    .products-accessories-sec.youMayLike .sec-head .sec-title {

        font-size: 22px;

    }



    #tab-specifications_tab .grain-support .cms-con ul {

        grid-template-columns: repeat(3, 1fr);

    }



    #tab-specifications_tab .cms-con ul li {

        padding-left: 18px;

    }



    #tab-specifications_tab .grain-support .cms-con ul li::before {

        height: 14px;

        width: 14px;

        left: 0;

    }



    #tab-specifications_tab .package-content .cms-con ul li::before {

        left: 0;

    }



    #tab-features_tab .benefits .benefit-box {

        flex-direction: column;

        justify-content: center;

        align-items: center;

        text-align: center;

    }



    #tab-features_tab .feature .row {

        --bs-gutter-x: 20px;

    }



    #tab-warranty_tab .warranty-info {

        padding: 3px 15px 14px;

    }



    #tab-warranty_tab .register-warranty {

        margin-top: 8px;

        margin-bottom: 20px;

    }



    #tab-warranty_tab .cms-con ul li,

    #tab-warranty_tab .cms-con ol li {

        padding-left: 20px;

    }



    #tab-warranty_tab .register-warranty ol li::before {

        height: 15px;

        width: 15px;

        line-height: 15px;

    }



    #tab-warranty_tab .contact-support {

        padding: 16px;

    }



    #tab-warranty_tab .contact-support .cms-con ul li .icon {

        font-size: 16px;

    }



    #tab-warranty_tab .not-covered .cms-con ul,

    #tab-warranty_tab .register-warranty ol,

    #tab-warranty_tab .covered .cms-con ul {

        margin-top: 10px;

    }



    #tab-warranty_tab .cms-con ul li,

    #tab-warranty_tab .cms-con ol li {

        margin-bottom: 4px;

    }



    #tab-warranty_tab .warranty-box {

        gap: 10px;

    }



    .grain-content .com-pro-title {

        font-size: 16px;

    }



    .grain-content span {

        font-size: 14px;

    }



    .bannTitle {

        font-size: 34px;

    }



    .faq-sec.common-sec {

        padding-top: 50px;

        padding-bottom: 50px;

    }



    .accordion-button {

        font-size: 22px;

    }



    .breadcrumbs-sec {

        min-height: 200px;

    }



    .breadcrumb-title {

        font-size: 34px;

    }



    .breadcrumb-box .sec-head {

        margin-bottom: 10px;

    }

    .page-template-about-us .why-sec {
        padding-top: 64px;
    }

    .vision-mission-title {
        font-size: 24px;
        margin-bottom: 15px;
    }

    .vision-mission-box img {
        max-width: 200px;
    }

    .our-team-sec .row {
        --bs-gutter-x: 30px;
    }

    .team-name {
        margin-bottom: 10px;
    }

    .team-box img {
        width: 140px;
    }

    .common {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .blog-inner-sec .blog-box .blog-title,
    .blog-inner-sec .blog-box .blog-title a {
        font-size: 18px;
    }

    #respond input[type="text"],
    #respond input[type="email"],
    #respond textarea,
    #respond select {
        padding: 7px 10px;
    }

    #respond .submit {
        padding: 7px 15px;
    }

    .custom-review-summary {
        min-width: 50%;
    }

    #reviews .commentlist {
        width: 100%;
    }

    .custom-review-summary,
    #respond {
        padding: 20px 15px;
    }

    .woocommerce-tabs .panel h2:first-of-type {
        font-size: 20px !important;
    }

    .custom-review-summary h3 {
        font-size: 18px;
    }

    .average-rating strong {
        font-size: 32px;
    }

    .average-rating .review-count {
        margin-top: -10px;
    }

    .comment-form-rating .stars a {
        font-size: 16px;
    }

    #reviews .comment-form-rating label {
        margin-bottom: 4px;
    }

    #reviews .commentlist li {
        margin-bottom: 20px;
    }

    .filter-button {
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid #ddd;
        margin-left: 10px;
        margin-bottom: 0;
        line-height: 0;
        height: 46px;
        width: 46px;
        border-radius: 8px;
    }

    .filter-button .icon {
        mask-image: url(../image/filter.svg);
        font-size: 20px;
        background-color: #4b5563;
    }

    .filter-button:hover .icon {
        background-color: #111827;
    }

    .categories-box {
        position: fixed;
        top: 0;
        left: 0;
        height: 100vh;
        background: #fff;
        width: 300px;
        padding: 20px;
        z-index: 100;
        overflow-y: scroll;
        transform: translate(-100%);
        border-right: 1px solid #ddd;
        border-top: none;
        transition: all .4s ease-in-out;
    }

    .categories-box.active {
        transform: translate(0);
    }

    .categories-title {
        padding-bottom: 15px;
        border-bottom: 1px solid #ddd;
    }

    .product-list-sidebar .search-box {
        width: 100%;
        margin-bottom: 0;

    }

    .product-list-sidebar {
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        border: none;
        margin-bottom: 20px;
        background-color: transparent;
        box-shadow: none;
    }

    .error-sec .error-title {
        font-size: 6.25rem;
    }

    .error-sec .error-subtitle {
        font-size: 2.5rem;
    }

    .thank-you-sec .thank-you-img {
        max-width: 120px;
    }

    .thank-you-sec .thank-you-con .thank-you-title {
        font-size: 5rem;

    }
}



/* ─────────────────────────────── 767 ─────────────────────────────── */

@media (max-width: 767px) {

    .hero-sec {

        height: 300px;

    }



    .hero-sec .hero-sec-image {

        max-width: 50%;

    }



    .hero-sec .hero-content {

        top: 50%;

    }



    .container {

        padding-left: 15px;

        padding-right: 15px;

    }



    .nav-header {

        position: fixed;

        inset-block-start: 0;

        inset-inline-start: 0;

        width: 300px;

        height: 100vh;

        background: #fff;

        transform: translate(-100%);

        z-index: 999;

        transition: transform 0.4s ease-in-out;

    }



    .menu-btn {

        display: block;

    }



    .nav-open .nav-overlay {

        position: fixed;

        inset: 0;

        z-index: 11;

        width: 100%;

        height: 100vh;

        background: rgba(0, 0, 0, 0.4);

        display: block;

    }



    .nav-header .header-logo {

        padding: 20px 0;

        background: #f1f5f7;

    }



    .nav-header .header-logo img {

        display: block;

        margin-inline: auto;

    }



    .nav-header ul {

        text-align: start;

        overflow-y: visible;

    }



    .nav-header ul li {

        display: block;

        margin-left: 0;

        border-bottom: 1px solid #32312f1f;

    }



    .nav-header ul li>ul {

        display: none;

        opacity: 1 !important;

        visibility: visible !important;

        position: static !important;

        transform: none !important;

        padding: 0 !important;

        width: auto !important;

        left: inherit !important;

        top: inherit !important;

        box-shadow: none !important;

        border-radius: 0;

    }



    .nav-header ul li a {

        width: 100%;

        padding: 16px 20px;

        padding-right: 50px;

        font-size: 16px;

    }



    .nav-header ul li ul li:last-child {

        padding-bottom: 16px;

    }



    .nav-header ul li ul li a {

        font-size: 14px;

        padding: 8px 20px;

    }



    .nav-header ul li .arrow {

        position: absolute;

        top: 18px;

        right: 15px;

        display: flex;

        align-items: center;

        justify-content: center;

        font-size: 12px;

        z-index: 2;

        transform: translateY(0);

        margin: unset;

    }



    .nav-open .nav-header {

        transform: translateX(0);

    }



    .nav-logo .close-icon {

        display: block !important;

    }



    .nav-header .nav-logo {

        display: block !important;

        background: #f9f9f9;

    }



    .nav-header ul li a::before {

        display: none;

    }



    .Utilities .login-user .icon {

        margin-right: 5px;

    }



    .Utilities .icon {

        font-size: 18px;

    }



    .footer .footer-contact {

        margin-top: 40px;

    }



    .footer .footer-bottom small,

    .footer .footer-bottom .payment-card {

        display: inline-block;

        width: 100%;

        text-align: center !important;

    }



    .footer .footer-bottom .row {

        display: flex;

        flex-direction: column-reverse;

        gap: 10px;

    }



    .btn {

        padding: 6px 10px;

    }



    .hero-sec .hero-content .hero-offer-label {

        font-size: 14px;

    }



    .hero-content .hero-sub-title,

    .hero-content .hero-title {

        font-size: 20px;

        line-height: 26px;

    }



    .hero-content .hero-add .icon {

        font-size: 14px;

    }



    .hero-content .hero-add {

        margin-top: 0;

        padding: 4px;

    }



    .hero-content .hero-buttons .btn {

        width: 120px;

        font-size: 14px;

        padding: 7px 0;

        margin-right: 0;

        line-height: 1;

    }



    .hero-content .hero-buttons .btn .icon {

        font-size: 12px;

        margin-bottom: 2px;

    }



    .Utilities .login-user .login {

        margin-left: 15px;

        font-size: 14px;

        line-height: 1.2;

        padding: 5px 8px;

    }



    .Utilities .login-user .icon {

        margin-right: 3px;

    }



    .sec-title {

        font-size: 24px;

        margin-bottom: 0px;

    }



    .com-padd {

        padding: 40px 0;

    }



    .premium-product-sec {

        padding-top: 40px;

        padding-bottom: 50px;

    }



    .premium-product-sec .sec-head {

        margin-bottom: 25px;

    }



    .block-title,

    .block-title a {

        font-size: 18px;

    }



    .premium-atta-maker .premium-am-card .pam-detail {

        padding: 15px 10px;

    }



    .pam-detail ul li {

        padding-left: 20px;

        font-size: 15px;

        padding-bottom: 3px;

    }



    .pam-detail .stf {

        font-size: 14px;

    }



    .pam-detail .price-cta .price,

    .limited-offer-sec .sec-head .sec-title,

    .limited-offer-sec .offer-content .count-down .count-num,

    .price ins {

        font-size: 18px;

    }



    .pam-detail .price-cta .price,
    .price-cta .price ins {

        margin-bottom: 0;

    }



    .pam-detail ul {

        margin: 5px 0 10px;

    }



    .why-content .feature-content p {

        font-size: 15px;

    }



    .why-btn .btn {

        padding: 7px 15px;

    }



    .why-sec {

        padding-bottom: 50px;

    }



    .sec-head {

        margin-bottom: 25px;

    }



    .machine-video-con ul li::before {

        height: 30px;

        width: 30px;

    }



    .machine-video-con ul li::after {

        left: 5px;

        height: 20px;

        width: 20px;

    }



    .machine-video-con ul li {

        margin-bottom: 20px;

        padding-left: 40px;

    }



    .machine-video-con ul li::before,

    .machine-video-con ul li::after {

        top: 40%;

    }



    .grain-sec .grain-content {

        padding: 10px;

    }



    .grain-sec .grain-box {

        max-width: calc(25% - 7.5px);

    }



    .grain-sec .grains-grid {

        gap: 10px;

    }



    .com-pro-title,

    .com-pro-title a {

        font-size: 16px;

    }



    .slick-dots li button {

        height: 8px;

        width: 8px;

    }



    .milestone-sec .stats-row .stat-box {

        margin-bottom: 20px;

    }



    .milestone-sec .stats-row .stat-box .stat-title {

        line-height: 1;

        font-size: 24px;

        margin-top: 8px;

        margin-bottom: 4px;

    }



    .milestone-sec .stats-row .stat-box .stat-title .count {

        font-size: 24px;

        line-height: 1;



    }



    .grain-sec .sec-head,

    .products-accessories-sec .sec-head,

    .milestone-sec .sec-head {

        max-width: 500px;

    }



    .milestone-sec .stats-row .stat-box {

        flex-direction: row;

        gap: 20px;

    }



    .milestone-sec .stats-row .stat-box .stat-title,

    .milestone-sec .stats-row .stat-box .stat-title .count {

        text-align: start;

    }



    .limited-offer-sec .container .row {

        flex-direction: column-reverse;

    }



    .limited-offer-sec .container .offer-content,

    .limited-offer-sec .container .offer-image img,

    .limited-offer-sec .container .offer-image {

        max-width: 448px;

        width: 100%;

        border-radius: 0;

        margin: 0 auto;

        height: 100%;

    }



    .limited-offer-sec .container .offer-content {

        border-bottom-left-radius: 16px;

        border-bottom-right-radius: 16px;

    }



    .limited-offer-sec .container .offer-image img {

        border-radius: 0;

        border-top-left-radius: 16px;

        border-top-right-radius: 16px;

    }



    .grain-sec .grain-content .com-pro-title {

        margin-bottom: 0;

    }



    .grain-sec .grain-content span {

        font-size: 14px;

    }



    .why-sec .why-image img {

        aspect-ratio: 7/5;

        object-fit: cover;

        margin: 0 auto;

    }



    .usp-strip-sec .row {

        display: grid;

        grid-template-columns: repeat(3, 1fr);

        gap: 10px;

        --bs-gutter-x: 0px;

    }



    .usp-strip-sec .row .usp-box {

        padding: 0px;

        align-items: start;



    }



    .usp-strip-sec .usp-box .usp-image {

        min-height: 36px;

        min-width: 36px;

    }



    .usp-strip-sec .usp-box .usp-image .icon {

        font-size: 22px;

    }



    .premium-atta-maker .premium-am-card {

        margin: 0 auto;

        margin-bottom: 20px;

    }



    .machine-video-sec .machine-video .video-wrap::before {

        height: 40px;

        width: 40px;

    }



    .machine-video-sec .machine-video .video-wrap::after {

        font-size: 18px;

    }



    .machine-video-sec .machine-video-con {

        margin-top: 20px;

    }



    .usp-strip-sec .usp-box {

        margin-bottom: 10px;

        flex-direction: row;

    }



    .usp-strip-sec .usp-box .usp-content .usp-title,

    .usp-strip-sec .usp-box .usp-content p {

        text-align: start;

    }



    .usp-strip-sec {

        padding: 30px 0;

    }



    .blog-container .slick-dots {

        padding-top: 0;

    }



    .Utilities .cart .cart-count {

        font-size: 8px;

        height: 15px;

        width: 15px;

        top: -9px;

        right: -9px;

    }



    .slick-dots li {

        line-height: 0;

    }



    .product-detail-con .services .service-box {

        background-color: transparent;



    }



    .product-detail-con .services .serv-img .icon {

        font-size: 20px;

        margin: 0 auto;

    }



    .product-detail-con .services {

        margin-top: 0px;

    }



    .product-detail-con .services .serv-con p br {

        display: none;

    }



    .back-to-top-btn {

        height: 35px;

        width: 35px;

    }



    .back-to-top-btn .icon {

        font-size: 22px;

    }



    #tab-features_tab .benefits .benefit-box {

        flex-direction: row;

        justify-content: start;

        align-items: start;

        text-align: start;

        margin-bottom: 20px;

    }



    .product-datail-tabs .tab-content .tab-pane .tab-title {

        font-size: 18px;

    }



    #tab-specifications_tab .table td,

    #tab-specifications_tab .cms-con ul li,

    #tab-features_tab .feature p,

    #tab-features_tab .benefits .benefit-box p,

    #tab-warranty_tab .cms-con ul li,

    #tab-warranty_tab .cms-con ol li,

    #tab-warranty_tab .warranty-box p,

    #tab-compare_models_tab .table thead tr th a,

    #tab-compare_models_tab .table>:not(caption)>*>*,

    #tab-compare_models_tab .table tbody tr .badge,

    #tab-compare_models_tab .table tbody tr a {

        font-size: 14px;

    }



    #tab-specifications_tab .package-content .cms-con ul li::before,

    #tab-specifications_tab .grain-support .cms-con ul li::before {

        height: 12px;

        width: 12px;

        top: 10px;

    }



    #tab-features_tab .feature .row {

        --bs-gutter-x: 10px;

    }



    .tab-content .img img {

        min-width: 32px;

        width: 32px;

    }



    #tab-features_tab .benefits .benefit-box,

    #tab-features_tab .feature .featured-top {

        gap: 7px;

    }



    #tab-features_tab .benefits {

        padding: 16px;

    }



    #tab-features_tab .benefits .benefit-box .img {

        margin-top: 5px;

    }



    #tab-warranty_tab .warranty-info,

    #tab-warranty_tab .covered .cms-con ul,

    #tab-warranty_tab .not-covered {

        margin-bottom: 20px;

    }



    #tab-warranty_tab .not-covered .cms-con ul,

    #tab-warranty_tab .register-warranty ol,

    #tab-warranty_tab .covered .cms-con ul {

        margin-top: 5px;

    }



    #tab-warranty_tab .contact-support {

        margin-top: 20px;

    }



    #tab-compare_models_tab .table>:not(caption)>*>* {

        padding: 10px 5px;

    }



    #tab-compare_models_tab .table thead tr th {

        padding-top: 12px;

        padding-bottom: 12px;

    }



    .woocommerce-tabs ul.tabs li {

        padding: 12px 20px;

    }




    .woocommerce-tabs ul.tabs li.active {

        padding: 12px 25px;

    }



    #tab-warranty_tab .contact-support {

        margin-left: -15px;

        margin-right: -15px;

        padding-left: 15px;

        padding-right: 15px;

    }



    #tab-features_tab .feature .featured-tab-box {

        margin-bottom: 25px;

    }



    .trending-slider .slick-slide:nth-child(even) {

        margin-top: 10px;

    }



    .bannTitle {

        font-size: 30px;

    }



    .innerBanner {

        height: 230px;

    }



    .innerBanner::before {



        width: 120px;

    }



    .innerBanner::after {

        height: 150px;

        width: 150px;

    }



    .accordion-button {

        font-size: 18px;

    }





    .accordion-button.collapsed {

        padding: 20px 0;

    }



    .accordion-button {

        padding: 20px 0;

    }



    .accordion-body {

        padding-bottom: 20px;

        max-width: 95%;

    }



    .accordion-button::after {

        width: 16px;

        height: 16px;

        background-size: 16px;

    }

    .our-team-sec .row>* {
        margin-bottom: 30px;
    }

    .our-team-sec .row>*:last-child {
        margin-bottom: 0;
    }

    .selectFilter {
        display: block;
        background: #f8f8f8;
        color: #333333;
        position: relative;
        border-radius: 10px;
        font-size: 16px;
        padding: 18px;
        line-height: 1;
        font-weight: 700;
        border: 1px solid rgba(0, 0, 0, 0.1);
        width: 100%;
        z-index: 3;
        text-align: left;
    }

    .selectFilter::after {
        content: "";
        position: absolute;
        right: 22px;
        top: -3px;
        bottom: 0;
        width: 10px;
        height: 10px;
        border-bottom: 3px solid #333333;
        border-right: 3px solid #333333;
        transform: rotate(45deg);
        margin: auto;
        transition: border .4s ease-in-out, transform .4s ease-in-out
    }

    .filterDropdown:not(.asd) {
        margin: 0 auto;
        width: 100%;
        top: 55px;
        position: absolute;
        background-color: #f8f8f8;
        border-radius: 0;
        z-index: 2;
        display: none;
        border: 1px solid rgba(0, 0, 0, 0.1);
        border-radius: 10px;
        overflow: hidden;
        margin-top: -50px;
        max-height: 580px;
        padding-top: 50px
    }

    .filterDropdown:not(.asd) li {
        display: block;
        border-radius: 0;
        border-bottom: 1px solid #e5e5e5;
        padding: 0
    }

    .filterDropdown:not(.asd) li:last-child {
        border-bottom: none
    }

    .filterDropdown:not(.asd) li .blogcate_btn.active {
        background: transparent;
        border-radius: 0;
        border-color: transparent
    }

    .filterDropdown:not(.asd) li .blogcate_btn {
        background: transparent;
        border: none;
        text-align: start;
        padding: 12px 15px;
        width: 100%;
        display: block;
    }

    .blog_category ul li a {
        color: #000;
    }

    .blog_category ul li a.active {
        color: #204391;
    }

    .blog-search-box .form-control {
        font-size: 14px;
        line-height: 1.4;
    }

    .blog-search-box .search-form {
        padding-bottom: 14px;
    }

    .blog-main .row {
        --bs-gutter-y: 20px;
    }

    .reviews-main {
        flex-direction: column;
        margin-bottom: 30px;
    }

    #reviews .comment-form-author,
    #reviews .comment-form-email {
        width: 100% !important;
        float: none !important;
    }

    .custom-review-summary,
    #reviews .commentlist {
        min-width: 100%;
    }

    #reviews .commentlist li p.meta {
        margin-bottom: 8px !important;
    }

    .comment-form-author,
    .comment-form-email,
    .comment-form-comment,
    .comment-form-rating,
    .comment-form-cookies-consent,
    .form-submit {
        margin-bottom: 12px;
    }

    .woocommerce-shop .product-list-sec .products>.row>div {
        width: 50% !important;
    }

    .search-box input[type="search"] {
        padding-top: 6px;
        padding-bottom: 6px;
        padding-left: 10px;
        font-size: 14px;
    }

    .filter-button {
        max-height: 35px;
        max-width: 35px;
    }

    .filter-button .icon {
        font-size: 16px;
    }

    .product-list-sidebar {
        margin-bottom: 10px;
    }

    .woocommerce-ordering select.orderby {
        padding-top: 6px;
        padding-bottom: 6px;
        padding-left: 10px;
    }

    .error-sec,
    .thank-you-sec {
        height: 100vh;
        padding: 30px 0px;
    }

    .error-sec .error-title {
        font-size: 5rem;
    }

    .error-sec .error-subtitle {
        font-size: 1.75rem;
    }

}



@media (max-width: 568px) {

    .header-logo {

        height: 40px;

    }

    .error-sec,
    .thank-you-sec {
        height: 70vh;
    }


    .Utilities .search {

        margin-right: 15px;

    }



    .Utilities .icon {

        font-size: 16px;

    }



    .blog-sec .blog-slider .blog-box .blog-title,

    .blog-sec .blog-slider .blog-box .blog-title a {

        font-size: 16px;

    }



    .usp-strip-sec .row {

        grid-template-columns: repeat(2, 1fr);

    }



    .header .top-header {

        padding: 5px 0;

    }



    .milestone-sec .stats-row .stat-box {

        flex-direction: column;

        gap: 20px;

    }



    .milestone-sec .stats-row .stat-box .stat-title,

    .milestone-sec .stats-row .stat-box .stat-title .count {

        text-align: center;

    }



    .hero-sec .hero-content,

    .hero-sec .hero-sec-image {

        position: static;

        transform: translateY(0);

    }



    .hero-sec {

        padding-top: 20px;

        height: 100%;

    }



    .hero-sec .hero-sec-image {

        max-width: 100%;

        margin: 20px 15px 0;

    }



    .usp-strip-sec {

        padding: 20px 0;

    }



    .usp-strip-sec .usp-box {

        align-items: center;

        margin-bottom: 0;

    }



    .pam-slider .slick-list,

    .blog-container .slick-list {

        padding-bottom: 0;

    }



    .product-detail-con {

        margin-top: 20px;

    }



    .product-detail-title {

        font-size: 22px;

    }



    .product-detail-con .price .current-price {

        font-size: 22px;

    }



    .product-datail-tabs #tab-description .cms-con h4 {

        font-size: 18px;

    }



    .product-datail-tabs #tab-description .cms-con ul li {

        font-size: 14px;

        padding-left: 20px;

    }



    #tab-description .cms-con ul li::before {

        top: 9px;

        left: 6px;

    }



    #tab-warranty_tab .warranty-info {

        margin-left: -15px;

        margin-right: -15px;

        padding: 3px 15px 14px;

    }



    #tab-compare_models_tab.active {

        overflow-x: auto;

        --webkit-overflow-scrolling: touch;

        display: block;

        white-space: nowrap;

    }



    #tab-compare_models_tab .table>:not(caption)>*>* {

        padding: 10px;

    }



    #tab-features_tab .benefits {

        margin: 0 -15px;

    }



    .hero-content .hero-sub-title br {

        display: none;

    }



    .innerBanner {

        height: 200px;

    }



    .bannTitle {

        font-size: 28px;

    }



    .breadcrumbs-wrapper {

        display: none;

    }



    .breadcrumbs-sec {

        min-height: 140px;

    }



    .breadcrumb-title {

        font-size: 24px;

    }

    .why-sec .why-content .sec-title {
        margin-bottom: 15px;
    }

    .vision-mission-box .img-box+.content-box {
        margin-top: 25px;
    }

    .team-box img {
        width: 130px;
        margin: 0 auto 10px;
    }

    .selectFilter {
        padding: 13px;
    }

    .filterDropdown:not(.asd) {
        top: 50px;
    }

    #reviews .commentlist li .avatar {
        margin-right: 10px;
        max-height: 36px;
        max-width: 36px;
    }

    #reviews .commentlist li .comment_container .description {
        padding-left: 46px;
    }

    .reviews-main {
        margin-bottom: 20px;
    }

    .custom-review-summary,
    #respond {
        padding: 15px 10px;
    }

    .woocommerce-shop .product-list-sec .woocommerce-result-count {
        display: none;
    }

    .woocommerce-shop .product-list-sec .storefront-sorting {
        justify-content: start;
    }

    .woocommerce-message {
        padding-left: 30px !important;
    }

    .woocommerce-message::before {
        left: .6em !important;
    }

    .woocommerce-message .button {
        padding-top: 7px !important;
        padding-bottom: 7px !important;
    }

    .thank-you-sec .thank-you-con .thank-you-title {
        font-size: 3.5rem;
    }

    .thank-you-sec .thank-you-img {
        max-width: 90px;
    }
}



@media (max-width: 489px) {

    .why-content .feature-row .feature-col {

        width: 100%;

    }



    .hero-content .hero-buttons .btn {

        width: 100px;

        font-size: 12px;

    }



    .sec-title {

        font-size: 22px;

    }



    .sec-head p,

    .why-content .feature-content p,

    .com-pro-title,

    .com-pro-title a,

    .grain-content .com-pro-title,

    p {

        font-size: 14px;

        line-height: 1.4;

    }



    .why-content .feature-card .feature-icon {

        min-height: 35px;

        min-width: 35px;

    }



    .why-content .feature-card .feature-icon .icon {

        font-size: 20px;

    }



    .why-btn .btn {

        font-size: 14px;

    }



    .machine-video-con ul li::after {

        left: 5px;

        height: 15px;

        width: 15px;

    }



    .machine-video-con ul li::before {

        height: 25px;

        width: 25px;

    }



    .machine-video-con ul li {

        padding-left: 35px;

        font-size: 14px;

    }



    .machine-video-con ul li::before,

    .machine-video-con ul li::after {

        top: 35%;

        /* transform: translateY(0); */

    }



    .grain-sec .grains-grid {

        gap: 7px;

    }



    .grain-sec .grain-box {

        max-width: calc(33.33% - 7px);

    }



    .milestone-sec .stats-row .stat-box .stat-title,

    .milestone-sec .stats-row .stat-box .stat-title .count {

        font-size: 20px;

    }



    .milestone-sec .stats-row .stat-icon {

        height: 40px;

        width: 40px;

    }



    .milestone-sec .stats-row .stat-icon .icon {

        font-size: 16px;

    }



    .limited-offer-sec .container .offer-content {

        padding: 1rem;

    }



    .price-cta .btn,

    .btn {

        font-size: 14px;

    }



    .pam-detail ul li {

        padding-left: 20px;

        font-size: 14px;

        padding-bottom: 3px;

    }



    .pam-detail ul li::before,

    .product-detail-sec .cms-con ul li:before {

        top: 50%;

    }



    .hero-sec::before {

        width: 130px;

    }



    .hero-sec::after {

        width: 250px;

    }



    .top-header small {

        font-size: 12px;

    }



    .bannTitle {

        font-size: 24px;

    }

    .woocommerce-shop .product-list-sec .products>.row>div {
        width: 100% !important;
    }

    .woocommerce-ordering {
        max-width: 100%;
    }

    .Utilities .search {
        margin-right: 10px;
    }

    .menu-btn {
        margin-left: 10px;
    }
}



@media (max-width: 350px) {

    /* Add your styles here */

}