@media only screen and (min-width: 320px) and (max-width: 767px) {
    .header-section .container-fluid {
        padding: 3px 7px;
    }
   /* .m-hide{
        display:none;
    }*/
  /*  .mobile_show {
        position: absolute;
        top: 62px;
        right: 9px;
        visibility:visible;
    }*/
    .header-logo.header-same {
        width: 25%;
    }
    .mobile-icon{
        margin-bottom:0px;
    }
    .marquee-tag .container-fluid {
        max-width: calc(100vw - -2%);
    }
    .aside_bar .relative-component{
        height:auto;
    }
    .category_list h3 {
        font-size: 16px;
        margin-bottom: 22px;
    }
    .category_list ul li .category-list h5 a {
        font-size: 15px;
    }
    p{
        font-size:14px!important;
    }
    .innerCard li {
        margin-top: 15px;
    }
    .headline h2 {
        font-size: 18px;
        font-weight: 900;
    }
    .desktop {
        display: block;
        margin-bottom: 0px;
    }
    .about-intro .who-we-are {
        grid-template-columns:repeat(1,1fr)!important;
    }
    .pillars-grid {
        grid-template-columns: repeat(1, 1fr)!important;
    }
    .join-section .join-grid {
        grid-template-columns: repeat(1, 1fr) !important;
    }
    .about-intro {
        padding: 30px 0 34px 0!important;
    }
    .wwa-stats {
        grid-template-columns: repeat(2, 1fr)!important;
    }
    .section-padding {
        padding: 0px 0px !important;
    }
    .blog-Section .container-fluid {
        max-width: calc(100vw - 0%);
    }
    .timeline-section .container {
        padding: 20px 0px;
    }
        .timeline-section .container.left {
            padding: 20px 0px;
        }
        .timeline-section .container.left {
            left: -10px!important;
        }
        .timeline-section .container::after {
            right: -18px!important;
        }
    .timeline-section .container {
        padding: 20px 0px!important;
    }
        .timeline-section .container.right {
            margin-left: 10px!important;
        }
            .timeline-section .container.right::after {
                left: -18px!important;
            }
    .timeline-section .content h3 {
        font-size: 16px;
    }
    .timeline-section .content p {
        font-size: 13px !important;
        color: #333!important;
        margin-bottom: 0px;
        line-height: 19px!important;
    }
    .spicy .secodn_slider{
        padding-left:0px;
        padding-right:0px;
    }
    .category_list_1 #dropProducts {
        top: -7px !important;
        left: 0 !important;
    }
    .desktop {
        position: absolute;
        right: 10px;
    }
    .social-bar {
        top: 50%;
    }
    .supports {
        padding: 20px 15px!important;
    }
    .service-contain {
        padding: 0 15px!important;
    }
    .about-intro .who-we-are {
        gap: 0px!important;
    }
    .blog-Section .headlines {
        margin: 20px 0 40px 0!important;
    }
    .timeline-section {
        padding: 30px 20px!important;
    }
    .centered{
        margin-bottom:0px!important;
    }
    .features-pillars {
        padding: 40px 0px!important;
        margin: 34px 0 0 0!important;
    }
  
}

@media (min-width: 570px) and (max-width: 660px) {
    .theme-logo{
        text-align:left!important;
    }
    .my_footer-btn {
        display: flex;
        gap: 4px;
    }
        .my_footer-btn a {
            padding: 6px 9px;
        }
}


@media (min-width: 400px) and (max-width: 765px) {
   
}




@media (min-width: 768px) and (max-width: 1024px) {
    .desktop {
        display: none;
        margin-bottom: 0px;
    }

    .my_footer-btn {
        display: flex;
        gap: 5px;
    }

        .my_footer-btn a {
            padding: 6px 9px;
            font-size: 12px;
        }

    #dropProducts {
        left: 80px !important;
    }

    body {
        padding-bottom: 0px !important;
    }

    .product-card-details a {
        line-height: 44px;
    }

    .input-group.qtyslot {
        width: 50% !important;
    }

    .header-section .container-fluid {
        padding: 6px 0px 0 0;
    }

    header.header-section {
        padding: 0px 0px;
    }

    .header-logo {
        width: 85px !important;
    }

    .mini-header .header-logo.header-same img {
        width: 93%;
    }

    li.nav-item.category-left.actve .fst {
        font-size: 13px !important;
        padding: 0 6px;
    }

    .search-icon.select select.form-control {
        width: 140px;
    }

    .secodn_slider {
        margin: 6px 0;
    }

    .relative-component {
        height: 360px;
    }

    .spicy {
        padding: 0 12px !important;
    }

    .secodn_slider .col-lg-6 {
        padding-right: 0px;
    }

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

    .supports {
        padding: 0px;
    }

        .supports .col-lg-4 {
            margin-bottom: 27px;
        }

    .footer-section .container-fluid {
        max-width: calc(100vw - 0%) !important;
    }

    .headline h2 {
        font-size: 24px;
    }

    .footer-section .main-footer .col-lg-4 {
        margin-bottom: 20px;
    }

    .service-contain {
        flex-wrap: wrap !important;
    }

        .service-contain .service-box {
            margin-bottom: 20px;
        }

    .service-box .service-image {
        width: 50px;
    }

        .service-box .service-image img {
            width: 100%;
        }

    .certify {
        padding: 20px 20px;
    }

    .footer_bottom {
        margin-top: 10px;
    }

    .bg-lightgrey .container {
        margin: 0px;
        max-width: 100%;
    }

    footer.footer-section {
        margin: 0px 0 0 0;
    }

    .main_banner .carousel-control-prev {
        top: 43%;
        left: 2px;
    }

    .main_banner .carousel-control-next {
        top: 42%;
        right: 2px;
    }

    .header-wishlist {
        display: flex !important;
    }

    .team-single {
        height: 450px;
    }

    .team-text h3 {
        margin: 0px 0 0 0px !important;
        padding: 0px;
    }

    .our-team-area.section-padding .col-md-3.col-sm-3.col-xs-12 .team-text {
        margin-top: 0px;
    }

    .team-title {
        padding: 0px !important;
    }

    .pillars-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }

    .features-pillars .container {
        margin: 0px;
        max-width: 100%;
    }

    .join-section .container {
        margin: 0px;
        max-width: 100%;
    }

    .marquee-tag .container-fluid {
        max-width: calc(100vw - 0%);
    }
}