@media (max-width: 576px) {
    .sitemap_bg  {
         padding:0px; 
    }
    .sitemal_card p{
        font-size: 14px;
    }
    .stars-fed i{
        padding: 4px;
    }
    .hero img{
        border-radius: 10px;
    }
    .line {
    margin-top: 20px;
   margin-bottom: 20px;     
    }
    .ekam-class-card{
     padding: 10px !important;
    }
    .ekam-card-header {
    flex-direction: column !important;
    align-items: start!important;
    justify-content: space-between!important;
    gap: 6px !important;

    }
    .links-histry-step {
    margin: 8px 0;
    }
    .ekam-class-img{
     width: 120px; 
    }
    .fre_hero {
    padding-top: 30px; 
    }
     .sidebar_profile {
        display: none;
    }
     .cer_bg h3 {
     font-size: 16px !important;
    }
    .award img {
    width: 100%;
    height: auto;
    }
    .award img {
    width: 100%;
    height: auto;
    }
    .sidebar {
    margin-top:70px !important;
    display: flex;
    width: 100%;
    height: auto;
    position: relative;
    overflow-x: auto;
    white-space: nowrap;
    }
/*    .price_side {*/
/*        padding: 16px !important;*/
/*}*/
    .filter-listing .accordion{
    display: flex;
    justify-content: space-between;
    width: 100%;
    }
    .listing-filter-card {
            display: flex !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    margin-top: 4px;
    border-radius: 4px;
    flex-direction: column;
    }
     .filter-bar {
    display: flex !important;
    flex-wrap: nowrap !important;        /* ek line me rakhe */
    gap: 8px !important;
    overflow-x: auto !important;         /* left-right scroll */
    -webkit-overflow-scrolling: touch;
    margin-top: 0px;
    border-radius: 4px;
   }
.shop-title {
    font-size: 12px;
    font-weight: 500;
    margin: 7px 0 6px;
    -webkit-line-clamp: 1;
   }
  .filter-group,
  .reset-btn {
    flex: 0 0 auto !important;           /* wrap hone se roke */
    white-space: nowrap !important;
  }
  .filter-group select {
      padding: 8px; 
  }
  .reset-btn { 
   padding: 8px 18px;
  }
  .shop-item{
   padding: 8px; 
   border-radius: 8px;
  }
  .shop-price {
    font-size: 14px;
    font-weight: 600;
    color: #111;
   }

   .shop-cartbtn {
    font-size: 14px!important;
    font-weight: 400 !important;
    padding: 6px 0;
    margin-top: 8px;
    }
   .list_top_heading {
    font-size: 14px !important;
    font-weight: 500; }

    .pro-assets .body_text{
    font-size: 12px !important;
    }
    .blog_heading {
        font-size: 16px;
    }
        .margi_secation {
        margin-top: 14px;
        margin-bottom: 20px;
    }
    margi_secation_bwg{
        margin: 0px;
    }
    .feedback-sec {
    margin-top: 20px;
    }
    .foot_Bg  {
         margin-top: 20px;
    }
    .offer_card h3 {
        font-size: 16px;
    font-weight: 500;
    }
    .franchise_apply h4 {
    color: var(--white);
    font-size: 20px;
     }
     .margi_secation_a {
    margin-top: 20px;
    margin-bottom: 20px;
    }
    .model_card h2 {
    font-size: 16px;}
    .body {
        font-size: 12px;
    }
    .hyper_text h2 {
    font-size: 14px; 
    }
    .card-pro {
    padding: 16px;
    }
    .model_card{
        padding: 16px;
    }
    .offer_card{
        padding: 16px;
    }
    .feed-sub-heading {
    font-size: 18px;
    }
    .btn-yellow {
            padding: 6px 14px;
        font-size: 14px;
    }
    .testimonial-card {
    min-height: auto !important;
    }
    .body_text{
    font-size: 14px;
    font-weight: 500;
    }
    .onwoard_title_heading h4{
      font-size: 16px; 
    }
    .franchise_hero .container .btn-yellow {
    background-color: #ffcc00;
    border: none;
    padding: 6px 13px;
    /* font-weight: 600; */
    border-radius: 10px;
    margin-top: 4px;
        
    }
    .margi_secation {
    margin-top: 20px;
    margin-bottom: 20px;
    }
    .onwoard_title_heading{
    padding: 10px;
    border-radius: 0px 00px 10px 10px;
    width: 100%;
    }
    .onwoard_title_heading{
        margin-bottom: 0px !important;
    }
    .onward-heading {
    font-size: 16px;
    margin-top: 14px;
    }
    .farnc_card_mat p {
    font-size: 14px; 
    }
    .farnc_card h2 {
    font-size: 16px;
    color: var(--primery-dark);
     }
    .certification{
    height: auto;
    padding: 16px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-between
    }
    .farnc_card h2 {
    font-size: 16px;
    color: var(--primery-dark);
    }
    .how-to-work-card {
    padding: 16px;    
    }
    .offer_banners {
    margin-top: 0px;
}
     .Bg_color {
         overflow: hidden;
    }
    .margi_secation 
     .head_logo {
         position: relative;
         margin: 8px;
    }
     .search_bar {
         margin-top: 10px !important;
    }
     .search-box {
         width: 100% !important;
    }
     .hero {
         margin: 0px 10px;
        padding: 20px 0px 00px 00px;
        background: none;
    }
     .hero .sub-heading{
         font-size: 16px !important;
    }
     .sub-headings {
         font-size: 16px !important;
         margin:0px;
    }
     .hero .btn-yellow {
         margin-top: 7px;
         font-size: 14px;
         padding: 6px 14px;
    }
     .navbar-toggler {
         position: absolute;
         top: 4px;
         right: 1px;
         margin: 10px;
    }
     .from_bar {
         width: 100%;
    }
     .navbar-toggler {
         display: block !important;
    }
     .margin_se {
         padding: 0px;
    }
     .feedcard {
         padding: 02px;
    }
     .testimonial-card {
         padding: 10px;
    }
     .Bg_color {
         display: none;
    }
     .sub-heading{
         font-size: 16px;
    }
     .swiper-button-next-custom {
         display: none;
    }
     .swiper-button-prev-custom {
         display: none;
    }
     .swiper-button-prev-custom_cl {
         display: none;
    }
     .swiper-button-next-custom_cl {
         display: none;
    }
     .swiper-button-prev-custom_dcl {
         display: none;
    }
     .swiper-button-next-custom_dcl {
         display: none;
    }
     .swiper-button-next-custom_dcblog {
         display: none;
    }
     .swiper-button-prev-custom_dcblog {
         display: none;
    }
     .swiper-button-prev-custom_dcl {
         display: none;
    }
     .new_shop_bh {
         padding: 16px;
    }
     .cart-billing-card {
         padding: 0px 10px!important;
    }
     .already-address-card {
         padding: 10px;
    }
     .payment-option {
         padding: 10px 10px;
         margin-top: 7px;
    }
     .cart-page-steps {
         display: none;
    }
     .btn-votes-submit {
         padding: 16px 29px 
    }
     .cart-bg{
         padding: 10px;
    }
     .coupo-code-div {
         padding: 7px;
         margin-top: 16px;
    }
     .coupon-info .view-coupons-link {
         font-size: 12px;
    }
     .feedcard {
         padding: 10px;
    }
     .cart-product {
         padding: 10px;
    }
     .cart-product img {
         height: 110px;
         width: 110px;
    }
     .contact-us-liks-card {
         padding: 20px 20px;
    }
     .margi_secation_bwg {
     padding: 16px;
    }
    .prcb_hero_mid { 
    margin-top: 20px;
    margin-bottom: 00px;
    }
    .custom-slick-thumbs{
            display: none;
    }
    .product-add-cart-sec {
    position: fixed;
    bottom: -12px;
    left: 0;
    right: 0;
    z-index: 999;
    background: #fff;
    padding: 10px;
    }
    .add-cart-button-buy {
        padding:0px;
    }
    .product-details-pricing {
    margin-bottom: 13px !important;
    }
       .franchise_hero {
        min-height: 24vh;
    }
        .franchise_hero_heading {
        font-size: 18px !important;
    }
    .margi_secation .container-fluid custom-container-fluid {
       margin-top: 0rem !important;
    }
    .farnc_card p {
    font-size: 14px;}
    
    .how-to-work-card h2 {
    font-size: 18px;
    margin-top: 15px;
    }
    .how-to-work-card-a,
.how-to-work-card-b,
.how-to-work-card-c,
.how-to-work-card-d,
.how-to-work-card-e,
.how-to-work-card-f,
.how-to-work-card-g,
.how-to-work-card-i  {
        height: 176px;
        padding: 10px;
    }
    .farnc_card_ma{
        padding: 10px;
    }
    .body_text-2 {
    
    font-size: 14px !important;
} 
.onwards {
    padding: 0px 14px 14px 14px;}

}
/* // Medium devices (tablets, 768px and up) */
 @media (max-width: 768px) {
     .des_view .price_side {
             display: block;
     }
     .mobile_pri {
    display: none;
    }
    .mobile_pri .price_side {
        position: fixed;
    bottom: 0;
    width: 100%;
    left: 0;
    z-index: 999;
    }
     .side_bar_price {
        display: block!important;
        position: fixed;
        bottom: 0px;
        width: 100%;
        left: 0;
     }
     /*.price_side {*/
     /*display: none !important ;    */
     /*}*/
     .prie_de_li {
         display: none;
     }
     .blog-listing-card .blog-heading {
      font-size: 14px;
     }
     .blog-info-align .blog-info-span{
     font-size: 12px;   
     }
     .blog-listing-card .blog-read-btn{
     font-size: 12px;    
     }
     .blog-listing-card img{
      margin-bottom: 8px; 
      
     }
     .ekam-class-info h5 {
    font-size: 16px;
     }
     .sidebar{
    width: 100% !important;
    }
     .ff_detail_top h1 {
    color: #333333;
    font-size: 20px;
    margin-bottom: 15px;
    }
     .own_se {
             flex-direction: column;
    align-items: center;
    text-align: center;
     }
         .listing-items-filter.boxes-list .item {
        width: calc(50% - 12px);
    }
    .cart-product {
    padding: 10px;
        font-size: 20px;
   }
   .cer_bg  {
           padding: 20px;
   }
    .sidebar_profile {
        display: none;
    }
    .cer_bg h3 {
        font-size: 20px !important;
    }
    .award img {
    width: 80% !important;
    }
    .sidebar {
        margin-top: 02px !important;
         display: flex;
        width: 100%;
        height: auto;
        position: relative;
        overflow-x: auto;
        white-space: nowrap;
    }
     .filter-bar {
    display: flex !important;
    flex-wrap: nowrap !important;        /* ek line me rakhe */
    gap: 8px !important;
    overflow-x: auto !important;         /* left-right scroll */
    -webkit-overflow-scrolling: touch;
    margin-top: 4px;
    border-radius: 4px;
   }
.shop-title {
    font-size: 12px;
    font-weight: 500;
    margin: 7px 0 6px;
    -webkit-line-clamp: 1;
   }
  .filter-group,
  .reset-btn {
    flex: 0 0 auto !important;           /* wrap hone se roke */
    white-space: nowrap !important;
  }
  .filter-group select {
      padding: 8px; 
  }
  .reset-btn { 
   padding: 8px 18px;
  }
  .shop-item{
   padding: 8px; 
   border-radius: 8px;
  }
  .shop-price {
    font-size: 14px;
    font-weight: 600;
    color: #111;
   }
     .navbar-toggler {
         display: none;
    }
     .hero {
         margin: 1px 10px;
        padding: 20px 0px 00px 00px;
        background: none;
    }
    .hero img{
        border-radius: 10px;
    }
     .hero .sub-heading{
         font-size: 20px;
    }
        .sub-heading {
        font-size: 18px !important;
    }

     .Bg_color {
         display: none;
    }
     .blog-listing-left-card {
         display: none;
    }
     .margi_secation_bwg {
         padding: 16px;
    }
     .margi_secation_bwg {
         margin-top: 30px;
    }
     .prcb_hero_mid { 
        margin-top: 20px;
        margin-left: 00px;
    }
    .Wellness-pro {
        height: auto ;
        padding: 14px;
    }
    .pro_card {
        margin-top:0px;
    }
    .btn-viewall {
        padding: 6px 14px;
        font-size: 14px;
    }
}

/* // X-Large devices (large desktops, 1200px and up) */
 @media (max-width: 1200px) {
     .sidebar_profile {
         display:none;
     }
     .sidebar{
    width: 240px ;
    }
     .about-counter-card .about-counter-count{
         font-size: 22px;
     }
     .certification img {
         height: 306px;
    }
     .blog-listing-left-card {
         display: none;
    }
     .cart-bg {
         padding: 12px;
    }
     .contact-us-liks-card {
         padding: 20px 20px;
    }
     .faq-title {
         font-size: 22px;
    }
     .margi_secation_bwg {
         padding: 20px;
    }
    .free_exam{
        padding: 40px;
    }
    .prcv_small_card {
        
        justify-content: space-between;
    }
    .prcb_hero_mid .Heading {
        text-align: center;
    }
    .prcb_hero_mid p{
       text-align: center;
    }
    .pro_ceri{
        margin-top: 0px;
    }
    .step_one_a .sub-heading {
        font-size: 20px;
    }
    .sub-heading {
        font-size: 26px;
}
.step_one_a_slabs{
    padding: 20px;
}
.pro_ceri{
    padding: 16px;
}
.Bg_color{
    display: none;
}

}


@media (max-width: 1024px)  {
    .sidebar{
    width: 190px ;
    }
    .sidebar_profile{
        display:none;
    }
    .offer_card {
        
    }
    .onwoard_title_heading {
    margin-bottom: 20px;
}
.franchise_hero_heading {
        font-size: 24px;
}
.franchise_hero{ 
    min-height: 16vh;
}
.margi_secation {
    margin-top: 40px;
    margin-bottom: 40px;
}
.margi_secation_bwg {
        margin-top: 55px;

}
.franchise_apply {
    min-height: 22vh;
    background-size: auto;
}
}

@media (max-width: 360px) {
    .sidebar {
        margin-top:77px;
        display: flex;
            width: 100%;
        height: auto;
        position: relative;
        overflow-x: auto;
        white-space: nowrap;
    }
}

@media (max-width:420px){
    .ekam-tabs .nav-link{
    font-weight: 600;
    font-size: 12px;
    margin-bottom: 4px;
}
    .body_text-2 {
        font-size: 12px !important;
        margin-bottom: 4px;
    }
    .ekam-card-header{
        flex-direction: column;
    align-items: start;
    }
    .ekam-class-card {
     padding: 10px; 
     font-size: 12px;
     
    }
    .ekam-class-img {
    width: 74px; 
    }
    .sidebar a{
    padding: 10px;
    font-size: 12px;
    margin-bottom: 4px;
    
    }
    .ekam-class-info h5 {
    font-size: 14px;
    margin-bottom: 4px;
    }
    .body_text {
    font-size: 12px;
    margin-bottom: 4px;
    }
    .ekam-soon-btn{
    padding: 4px 23px;
    font-size: 10px;
    }
    .download-in p {
        font-size: 12px;
    margin-bottom: 4px;
    }
    .download-in {
    padding: 6px;
    }
    .blog-listing-card .blog-heading {
    font-size: 14px; }
}