@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;
    }
    .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;
    }
   
}


@media (min-width: 768px) and (max-width: 1024px) {
    .desktop{
        display:none;
        margin-bottom:0px;
    }
    #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%);
    }
}