@media screen and (max-width: 600px) {
    .head_mid{
      display: flex;
      gap: 10px;
    }

  
    .package_layout_inside {
        width: 80%;
    }

    .cart_footer{
      bottom: 120px;
    }

    .curent_pos{
      position:absolute;bottom:0;width:100%;
    }

    .mob_hide{
      display: none!important;
    }

    .mob_wt_500{
      font-weight: 500!important;
    }

    .mob_td{
      width:20px;
    }

    .mob_font{
      font-size: 13px;
      font-weight: 500;
      padding: 2px;
    }

    .td_mob_font{
      font-size: 11px!important;
    }

    .mob_image{
      width: 40px!important;
      height: 40px!important;
    }

    .mob_font_14{
      font-size: 14px!important;
    }

    .mob_font_13{
      font-size: 13px!important;
    }

    .mob_font_16{
      font-size: 16px!important;
    }

    .mob_cart{
      height: 35px!important;
      width: 35px!important;

    }

    .mob_cart i{
      font-size: 18px!important;
    }

    .cart_pos{
      width: 17px;
      height: 17px;
      top: -3px;
      font-size: 13px;
      right: 8px;

    }

    .p_ht{
      height: 48px;
    }

    .in_cart_tag{
      background: #fedf0a; 
      position: absolute;
      top:-12px;
      color: black;
      border-radius:6px;
      left:-12px;
      font-weight: 500;
      font-size: 13px;
      padding:5px;
   }

   .banner{
   
}

.banner img{
    width:100%;
    scale: 1.01;
}

.cart_layout_inside {
  width: 100%;
  background: white;
  position: absolute;
  right:0;
  height: 100vh;
}

.mob_margin{
  margin-top: 89px!important;
}

.top_info_head{
  margin-top: 110px;
}

.cart_btns input{
    border-radius:0!important;
}


  }

  /* for desktop down */

  @media screen and (min-width: 600px) {
    
    .desktop_hide{
        display: none!important;
    }

    

    .p_ht{
      height: 48px;
    }
    .desktop_img{
      width: 30px!important;
      height: 30px!important;
    }

    .nav_gap{
      margin-right: 30px;
    }

    .in_cart_tag{
       background: #fedf0a; 
       position: absolute;
       top:-12px;
       color: black;
       border-radius:6px;
       left:-12px;
       font-weight: 500;
       font-size: 13px;
       padding:5px;
    }

    /* .cart_scroll_height{
      height: 100vh;
    } */

  .banner{
     
  }
  
  .top_info_head{
    margin-top: 110px;
  }
  .banner img{
      width:100%;
        
  }

  }

  /* Responsive Design for Smaller Screens */
  @media (max-width: 480px) {
    .otp-container {
      gap: 5px;
      justify-content: center;
    }

    .foot_f_size{
      font-size: 10px!important;
    }

    .otp-input {
      width: 40px;
      height: 40px;
      font-size: 20px;
    }

    .footercs{
      justify-content: center;
    }
   
  }

  /* Further tweaks for very small screens */
  @media (max-width: 360px) {
    .otp-input {
      width: 35px;
      height: 35px;
      font-size: 18px;
    }

    .foot_f_size{
      font-size: 10px!important;
    }

     .footercs{
      justify-content: center;
    }


  
  }