*.row {
  margin-right: 0px !important;
  padding-right: 0px !important;
}

/* For Desktop View */
@media screen and (min-width: 1240px) {
  .container .open-search {
    margin-right: 0px;
  }

  .nav-content-item > a > i {
    font-size: 18px;
  }

  .number_cart input {
    height: 27px !important;
    width: 30% !important;
    font-size: 12px !important;
  }

  .aad_cart {
    margin-left: 2px !important;
  }

  .aad_cart p {
    padding-right: 30px !important;
  }

  .logo {
    width: 8%;
  }

  .container .search .input-search {
    width: 92%;
  }

  .ProductSection {
    padding-left: 20px !important;
  }

  .Product_counter input {
    width: 100% !important;
  }

  .Slider_Right_image img {
    height: 400px !important;
    object-fit: cover !important;
  }

  .Value img {
    object-fit: cover !important;
    width: 100% !important;
    height: auto !important;
  }

  .Value {
    width: 12% !important;
  }

  .Our_Value {
    padding-top: 10px !important;
    padding-bottom: 20px !important;
    margin-top: 20px;
  }

  .Product {
    position: relative;
    width: 20% !important;
  }

  .Categories {
    height: 200px !important;
    margin-top: 18px !important;
    border-radius: 10px !important;
  }

  .Categories h2 {
    font-size: 2rem;
    left: 37%;
  }

  .Categories h3 {
    font-size: 2rem;
    left: 30% !important;
  }

  .Categories img {
    border-radius: 10px !important;
    height: 200px !important;
  }

  .benifits {
    padding-top: 30px;
    padding-bottom: 20px;
  }

  .benifits h2 {
    font-size: 15px !important;
    margin-top: 10px;
  }

  .benifits p {
    font-size: 15px !important;
  }

  .SaidBar {
    display: inline-block !important;
  }

  .Category_Banner {
    margin-top: 25px !important;
  }

  .Like_Button i {
    top: 2%;
    right: 0% !important;
    font-size: 25px;
  }

  .appBar {
    display: none !important;
  }

  .number {
    margin-top: 7px;
    margin-left: 25px !important;
  }

  .number i {
    padding: 12px 12px;
  }

  .number input {
    height: 39px !important;
    width: 35% !important;
    font-size: 15px !important;
  }

  .Category_Banner_Detail {
    padding-top: 70px !important;
    height: 260px;
    margin-bottom: 20px;
  }

  .Category_Banner_Image img {
    height: auto;
    width: 100% !important;
    /* object-fit: cover; */
    object-fit: contain !important;
  }

  .Category_Banner_Detail {
    padding-top: 80px !important;
    height: 260px;
    margin-bottom: 20px;
  }

  .Category_Banner_Detail h2 {
    font-size: 22px;
  }

  .Delivery_Cart_Part {
    margin-right: 10px !important;
  }

  .Contitiy {
    /* position: absolute; */
    /* right: 0% !important;  */
    /* right: 6% !important; */
    float: right;
  }

  .Product_counter {
    width: 25% !important;
  }

  .Product_counter input {
    width: 37% !important;
  }
}

@media screen and (max-device-width: 1239px) {
  .open-search .search typeahead-container.dropdown-menu {
    width: 89%;
  }

  .appBar {
    display: none !important;
  }

  .container .search .input-search {
    width: 93%;
  }

  .logo {
    width: 12%;
  }

  .container .search .input-search {
    width: 89%;
  }
}

@media screen and (max-device-width: 1024px) {
  .Bulking_Ui {
    width: 60%;
  }
  .bulk_thankyou {
    width: 60%;
    margin: 6% auto;
  }
  .open-search .search typeahead-container.dropdown-menu {
    width: 85%;
  }

  .line_height_2 li {
    line-height: 1.3rem;
  }

  .Cart_Button_Details {
    padding: 8px 13px !important;
    border-radius: 8px;
    color: #f6f2eb;
    border: 0px;
    width: 30% !important;
    margin: 10px !important;
    font-size: 17px !important;
    font-weight: 500;
    margin-top: 20px;
    height: 40px !important;
    object-fit: cover;
  }

  .Term_Details {
    background-color: #f6f2eb;
    width: 95% !important;
    margin: auto;
    padding: 30px;
    border-radius: 10px;
    margin-top: 15px;
  }

  .logo {
    width: 10%;
  }

  .rating {
    max-width: 80%;
  }

  .Thank_Product_details {
    width: 80%;
    text-align: center;
  }

  .Coupon {
    margin-left: 22px !important;
  }

  .Coupon1 {
    margin-left: 4px !important;
  }

  .ProductSection {
    padding-left: 12px !important;
  }

  .Cart_Product_Details {
    margin-top: 10px !important;
    width: 40% !important;
  }

  .Cart_Product_image {
    width: 25% !important;
  }

  .off_btn {
    padding: 2px 7px;
    font-size: 13px;
  }

  .number_cart {
    margin-top: 7px;
    float: right !important;
    margin-left: 17px;
  }

  .Cart_Product_Price {
    width: 30% !important;
  }

  .number_cart i {
    font-size: 15px;
    padding: 5px 5px 5px 5px !important;
  }

  .Coupon_btn_apply {
    padding: 3px 15px !important;
  }

  .number_cart input {
    height: 26px !important;
    width: 30% !important;
    font-size: 10px !important;
  }

  .Cart_Page {
    width: 95% !important;
  }

  .New_add button {
    margin-top: 60%;
  }

  .Chek_Out_btn button {
    width: 88%;
    padding: 10px;
    font-size: 17px;
  }

  .add_img {
    width: 14% !important;
  }

  .Payment_method {
    padding: 10px;
    /* margin: 10px; */
    font-size: 15px;
  }

  .Slider_Right_image img {
    height: 350px !important;
    object-fit: cover !important;
  }

  .Our_Value {
    padding-top: 0px !important;
    padding-bottom: 40px !important;
    margin-top: 10px !important;
  }

  .marquee span {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .Value img {
    object-fit: cover !important;
    width: 100% !important;
    height: auto !important;
  }

  .Value {
    width: 14% !important;
  }

  .Our_Value {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }

  .Product {
    position: relative;
  }

  .benner img {
    height: 300px !important;
  }

  .Categories {
    height: 200px !important;
    margin-top: 18px !important;
    border-radius: 10px !important;
  }

  .Categories h2 {
    font-size: 1.5rem;
    left: 37%;
  }

  .Categories h3 {
    font-size: 20px !important;
    left: 25% !important;
  }

  .Categories img {
    border-radius: 10px !important;
    height: 200px !important;
  }

  .benifits {
    padding-top: 30px;
    padding-bottom: 20px;
  }

  .benifits h2 {
    font-size: 20px !important;
    margin-top: 10px;
  }

  .benifits p {
    font-size: 15px !important;
  }

  .special h5 {
    font-size: 15px;
  }

  .card {
    /* height: 270px !important; */
    /* background-color: red; */
  }

  .SaidBar {
    display: inline-block !important;
  }

  .Category_Banner_Detail {
    padding-top: 80px !important;
    height: 260px;
    margin-bottom: 20px;
  }

  .Category_Banner_Detail h2 {
    font-size: 22px;
  }

  .Product_button button {
    padding: 5px 15px !important;
    border-radius: 8px;
    font-size: 15px;
  }

  .Product_button h6 {
    padding: 5px 10px;
    margin-top: 5px;
    border-radius: 5px;
    font-size: 14px;
  }

  .Like_Button i {
    top: 2%;
    right: 2% !important;
    font-size: 25px;
  }

  .container .search .input-search {
    width: 85%;
  }

  .appBar {
    display: none !important;
  }

  .number {
    margin-top: 5px;
    margin-left: 45px !important;
  }

  .number i {
    padding: 12px 12px;
  }

  .number input {
    height: 39px !important;
    width: 35% !important;
    font-size: 20px !important;
  }

  /* Login Page */
  .main_login {
    height: 390px;
    width: 67%;
  }

  .left_login img {
    width: 100% !important;
  }

  .inner_login_right h2 {
    font-size: 30px !important;
    font-weight: 800;
  }

  .inner_login_right {
    margin-top: 100px;
  }

  .right_login input {
    width: 70%;
    height: 40px;
  }

  .right_login button {
    width: 65%;
    height: 40px;
    margin-top: 17px;
  }

  .OTP input {
    background-color: white;
    border: 0.5px solid #2fe7d262;
    width: 12%;
    height: 40px;
  }

  .nav-tabs {
    width: 90%;
  }
  .Continue {
    background-color: #2f2f2f;
    color: #fff;
    width: 50%;
    border-radius: 5px;
    padding: 5px 0px;
    text-align: center;
    margin: 7px;
  }
  .img_Product_left img {
    width: 100% !important;
    height: 400px !important;
  }

  .img_Product img {
    width: 15% !important;
  }

  .img_Product {
    padding: 0px;
  }

  .Product_counter {
    width: 35% !important;
  }

  .Product_counter input {
    width: 38% !important;
  }

  .Product_Detail_button {
    width: 100%;
  }

  .marquee ul {
    font-size: 17px !important;
    padding-top: 8px;
    padding-bottom: 5px;
    margin-bottom: 0px;
  }

  .bannertop {
    margin-top: 30px !important;
  }

  .Delivery_Cart_Part {
    margin-right: 10px !important;
  }
  .special img {
    width: 90px !important;
    margin: auto;
    height: 90px !important;
    margin: 0px;
  }
  .special {
    text-align: center;
    color: #387659;
    width: 24% !important;
  }
}

/* For Tablet View */

@media screen and (max-device-width: 768px) {
  .open-search .search typeahead-container.dropdown-menu {
    width: 44% !important;
  }

  .Cart_Button_Details {
    padding: 8px 13px !important;
    margin: 10px !important;
    font-size: 15px !important;
    font-weight: 500;
    margin-top: 20px;
    height: 40px !important;
    object-fit: cover;
  }

  .Product_Detail_button {
    width: 110% !important;
  }

  .Order_Right button {
    margin-top: 45% !important;
  }

  .rating {
    max-width: 70%;
  }

  .thank_u_card {
    width: 60% !important;
  }

  .Coupon {
    margin-left: 22px !important;
  }

  .Coupon1 {
    margin-left: 0px !important;
  }

  .Payment_method_drop img {
    width: 30% !important;
  }

  .ProductSection {
    padding-left: 10px !important;
  }

  .Cart_item {
    padding: 5px !important;
  }

  .New_add button {
    margin-top: 0%;
    margin-bottom: 5%;
  }

  .Chek_Out_btn button {
    width: 88%;
    padding: 10px;
    font-size: 17px;
  }

  .add_img {
    width: 14% !important;
  }

  .Cart_Product_image {
    width: 30% !important;
  }

  .Payment_method {
    padding: 10px;
    /* margin: 10px; */
    font-size: 15px;
  }

  .New_add_select button {
    padding: 10px;
    font-weight: 600;
    border-radius: 5px;
    font-size: 15px;
    margin-bottom: 5%;
    margin-top: 0%;
  }

  .Cart_Product_Details {
    margin-top: 10px !important;
    width: 50% !important;
  }

  .Cart_Product_Price {
    margin-top: 10px !important;
    width: 20% !important;
  }

  .Shipping img {
    width: 35px !important;
    height: 35px !important;
    margin-top: 10px;
    margin-right: 15px;
  }

  .Shipping h5 {
    font-size: 17px;
  }

  .Slider_Right_image img {
    height: 270px !important;
    object-fit: cover !important;
  }

  .marquee span {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .Value img {
    object-fit: cover !important;
    width: 100% !important;
    height: auto !important;
  }

  .Value {
    width: 3% !important;
  }

  .Our_Value {
    margin-top: 0px !important;
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }

  .benner img {
    height: 200px !important;
  }

  .Categories {
    height: 170px !important;
    margin-top: 18px !important;
    border-radius: 10px !important;
  }

  .Categories h2 {
    font-size: 1.3rem;
    left: 37%;
  }

  .Categories h3 {
    font-size: 1rem;
    left: 20% !important;
  }

  .Categories img {
    border-radius: 10px !important;
    height: 170px !important;
  }

  .benifits {
    padding-top: 30px;
    padding-bottom: 20px;
  }

  .benifits h2 {
    font-size: 20px !important;
    margin-top: 10px;
  }

  .benifits p {
    font-size: 15px !important;
  }

  .special h5 {
    font-size: 12px;
  }

  .SaidBar {
    display: none !important;
  }

  .Category_Banner_Detail {
    padding-top: 30px !important;
    height: 150px;
    margin-bottom: 20px;
  }

  .Category_Banner_Detail h2 {
    font-size: 26px;
  }

  .Category_Banner {
    margin: auto !important;
  }

  .Category_Main {
    margin-right: 14px !important;
  }

  .Product_button button {
    padding: 5px 15px !important;
    border-radius: 8px;
    font-size: 15px;
  }

  .Product_button h6 {
    padding: 5px 10px;
    margin-top: 5px;
    border-radius: 5px;
    font-size: 14px;
  }

  .Like_Button i {
    top: 2%;
    right: 2% !important;
    font-size: 25px;
  }

  .container .search .input-search {
    width: 70%;
  }

  .appBar {
    display: none !important;
  }

  .Categories_Height {
    height: auto !important;
  }

  /* Login Page */
  .main_login {
    height: 340px;
    width: 77%;
  }

  .left_login img {
    width: 100% !important;
  }

  .inner_login_right h2 {
    font-size: 30px !important;
    font-weight: 800;
  }

  .inner_login_right {
    margin-top: 80px;
  }

  .right_login input {
    width: 70%;
    height: 40px;
  }

  .right_login button {
    width: 65%;
    height: 40px;
    margin-top: 17px;
  }

  .OTP input {
    background-color: white;
    border: 0.5px solid #2fe7d262;
    width: 12%;
    height: 40px;
  }

  .nav-tabs {
    width: 90%;
  }

  .nav-link {
    font-size: 14px !important;
    padding: 8px 10px !important;
  }

  .img_Product_left img {
    width: 100% !important;
    height: 350px !important;
    /* object-fit: cover !important; */
  }

  .img_Product_left {
    padding: 0px !important;
  }

  .img_Product img {
    width: 20% !important;
  }

  .img_Product {
    padding: 0px;
  }

  .Product_counter {
    width: 60% !important;
  }

  .Product_Detail_button {
    width: 90%;
  }

  .Cart_Left {
    border: 0px !important;
  }

  .marquee ul {
    padding-top: 10px !important;
    padding-bottom: 5px !important;
  }
}

@media screen and (max-device-width: 820px) {
  .Bulking_Ui {
    width: 80%;
  }
  .bulk_thankyou {
    width: 80%;
    margin: 6% auto;
  }
  .open-search .search typeahead-container.dropdown-menu {
    width: 46%;
  }
  .Certificate_main {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(3, 1fr);
  }
  .Continue {
    background-color: #2f2f2f;
    color: #fff;
    width: 100%;
    border-radius: 5px;
    padding: 5px 0px;
    margin-left: 0px !important;
    text-align: center;
    margin: 7px;
  }
  .container .nav-content .nav-content-list {
    padding-right: 0px;
  }

  .Cart_Button_Details {
    padding: 8px 13px !important;
    margin: 10px !important;
    font-size: 17px !important;
    font-weight: 500;
    margin-top: 20px;
    height: 40px !important;
    object-fit: cover;
  }

  .Product_Detail_button {
    width: 105% !important;
  }

  .nav-content-item > a > i {
    font-size: 18px;
  }

  .bannertop {
    margin-top: 20px !important;
  }

  .marquee ul {
    padding-top: 10px !important;
    padding-bottom: 5px !important;
  }

  .product_image {
    height: 185px !important;
  }

  .product_image img {
    height: 220px !important;
  }

  .Order_Right button {
    margin-top: 45% !important;
  }

  .logo {
    width: 15%;
  }

  .rating {
    max-width: 70%;
  }

  .thank_u_card {
    width: 60% !important;
  }

  .Payment_method_drop img {
    width: 25% !important;
  }

  .ProductSection {
    padding-left: 5px !important;
  }

  .Cart_Left {
    border: 0px !important;
  }

  .Cart_item {
    padding: 5px !important;
  }

  .New_add button {
    margin-top: 0%;
    margin-bottom: 5%;
  }

  .Chek_Out_btn button {
    width: 88%;
    padding: 10px;
    font-size: 17px;
  }

  .add_img {
    width: 14% !important;
  }

  .Cart_Product_image {
    width: 30% !important;
  }

  .Payment_method {
    padding: 10px;
    /* margin: 10px; */
    font-size: 15px;
  }

  .New_add_select button {
    padding: 10px;
    font-weight: 600;
    border-radius: 5px;
    font-size: 15px;
    margin-bottom: 5%;
    margin-top: 0%;
  }

  .Cart_Product_Details {
    margin-top: 10px !important;
    width: 40% !important;
  }

  .Cart_Product_Price {
    margin-top: 10px !important;
    width: 30% !important;
  }

  .Shipping img {
    width: 35px !important;
    height: 35px !important;
    margin-top: 10px;
    margin-right: 15px;
  }

  .Shipping h5 {
    font-size: 17px;
  }

  .Slider_Right_image img {
    height: 270px !important;
    object-fit: cover !important;
  }

  .marquee span {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .Value img {
    object-fit: cover !important;
    width: 100% !important;
    height: auto !important;
  }

  .Value {
    width: 15% !important;
  }

  .Our_Value {
    margin-top: 0px !important;
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }

  .benner img {
    height: 200px !important;
  }

  .Categories {
    height: 170px !important;
    margin-top: 18px !important;
    border-radius: 10px !important;
  }

  .Categories h2 {
    font-size: 1.3rem;
    left: 37%;
  }

  .Categories h3 {
    font-size: 1rem;
    left: 20% !important;
  }

  .Categories img {
    border-radius: 10px !important;
    height: 170px !important;
  }

  .benifits {
    padding-top: 30px;
    padding-bottom: 20px;
  }

  .benifits h2 {
    font-size: 20px !important;
    margin-top: 10px;
  }

  .benifits p {
    font-size: 15px !important;
  }

  .special h5 {
    font-size: 12px;
  }

  .SaidBar {
    display: none !important;
  }

  .Category_Banner_Detail {
    padding-top: 30px !important;
    height: 150px;
    margin-bottom: 20px;
  }

  .Category_Banner_Detail h2 {
    font-size: 26px;
  }

  .Category_Banner {
    margin: auto !important;
  }

  .Category_Main {
    margin-right: 14px !important;
  }

  .Product_button button {
    padding: 5px 15px !important;
    border-radius: 8px;
    font-size: 15px;
  }

  .Product_button h6 {
    padding: 5px 10px;
    margin-top: 5px;
    border-radius: 5px;
    font-size: 14px;
  }

  .Like_Button i {
    top: 2%;
    right: 2% !important;
    font-size: 25px;
  }

  .container .search .input-search {
    width: 85%;
  }

  .cate_prev {
    top: 4.3rem !important;
  }

  .cate_prev i {
    margin-top: 8px !important;
  }

  .logo a > img {
    margin-left: 5%;
  }

  .control li {
    width: 30px;
    height: 30px;
  }

  .appBar {
    display: none !important;
  }

  .Categories_Height {
    height: auto !important;
  }

  /* Login Page */
  .main_login {
    height: 340px;
    width: 77%;
  }

  .left_login img {
    width: 100% !important;
  }

  .inner_login_right h2 {
    font-size: 30px !important;
    font-weight: 800;
  }

  .inner_login_right {
    margin-top: 80px;
  }

  .right_login input {
    width: 70%;
    height: 40px;
  }

  .right_login button {
    width: 65%;
    height: 40px;
    margin-top: 17px;
  }

  .OTP input {
    background-color: white;
    border: 0.5px solid #2fe7d262;
    width: 12%;
    height: 40px;
  }

  .nav-tabs {
    width: 90%;
  }

  .nav-link {
    font-size: 14px !important;
    padding: 8px 10px !important;
  }

  .img_Product_left img {
    width: 100% !important;
    height: 350px !important;
    /* object-fit: cover !important; */
  }

  .img_Product_left {
    padding: 0px !important;
  }

  .img_Product img {
    width: 20% !important;
  }

  .img_Product {
    padding: 0px;
  }

  .Product_counter {
    width: 70% !important;
  }

  .Product_Detail_button {
    width: 90%;
  }

  .Contitiy {
    /* position: absolute; */
    /* right: 0% !important;  */
    /* right: 6% !important; */
    float: right;
  }

  .Gst_fill h5 {
    font-size: 18px;
  }
}

/* For Mobile Portrait View */
@media screen and (max-device-width: 647px) {
  .Order {
    width: 95% !important;
  }

  .Order_Right {
    display: flex;
    justify-content: space-between;
  }

  .Order_Right button {
    margin-top: 0% !important;
  }

  .appBar {
    display: none !important;
  }

  .container .search .input-search {
    width: 70%;
  }
}

@media screen and (max-device-width: 746px) {
  .container .search .input-search {
    width: 80%;
  }
}

@media screen and (max-device-width: 575px) {
  .Deksstop_screen {
    display: none;
  }
  .Mobile_category {
    display: grid;
  }
  .card-body {
    flex: 1 1 auto;
    padding: 0 !important;
    color: var(--bs-card-color);
  }
  .appBar typeahead-container.dropdown-menu {
    width: 86%;
  }
  .Certificate_main {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(2, 1fr);
  }
  .special img {
    width: 50px !important;
    margin: auto;
    height: 50px !important;
    margin: 5px 0px;
  }
  .special {
    text-align: center;
    color: #387659;
    width: 32% !important;
  }
  .special h5 > b {
    font-size: 14px;
  }
  .special_main {
    justify-content: start;
  }

  .appBar typeahead-container .dropdown-item span {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 95%;
  }

  .icons i {
    font-size: 23px;
  }

  .logo_footer img {
    width: 35% !important;
    height: auto !important;
  }

  .nav-content-list {
    margin-bottom: 0.7rem;
  }

  .bottom_heading:after {
    width: 15%;
  }

  .bottom_heading:hover:after {
    width: 48%;
  }

  .container {
    height: 60px;
  }

  .Acount_profile {
    padding: 5px 7px;
  }

  .Cart_Button_Details {
    padding: 8px 13px !important;
    margin: 10px !important;
    font-size: 17px !important;
    font-weight: 500;
    margin-top: 20px;
    height: 40px !important;
    object-fit: cover;
  }

  .Product_Detail_button {
    width: 70% !important;
  }

  .logo a > img {
    width: 100% !important;
    height: auto;
    text-decoration: none;
    margin-left: 0%;
    color: #35312e;
  }

  .logo {
    width: 40% !important;
  }

  .nav-content {
    width: 90%;
  }

  .Order_left p {
    font-size: 10px;
  }

  .Coupon_details_popup h2 {
    font-size: 25px !important;
  }

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

  .Profile_image h2 {
    margin-top: 25%;
  }

  /* .cart_mobile_footer .bottom_Bar{ */
  .cart_mobile_footer {
    /* margin-bottom: 220px !important; */
    /* margin-bottom: 55% !important; */
    margin-bottom: 60% !important;
  }

  .left_login img {
    display: none;
  }

  .Contitiy {
    /* position: absolute; */
    /* right: 0% !important; */
    /* right: 10% !important; */
    float: right;
  }

  .Delivery_Cart_Part {
    padding-right: 10px !important;
  }

  .bannertop {
    margin-top: 15px !important;
  }

  .marquee ul {
    font-size: 17px !important;
    padding-top: 10px !important;
    padding-bottom: 5px !important;
  }

  .logo {
    width: 25%;
    padding: 15px;
  }

  .nav-content-item {
    padding: 5px;
  }

  .rating {
    max-width: 90%;
  }

  .Thank_Product_details {
    width: 80%;
  }

  .thank_u_card {
    width: 60% !important;
  }

  .Coupon {
    margin-left: 28px !important;
  }

  .Coupon1 {
    margin-left: 15px !important;
  }

  .ProductSection {
    margin-left: 0px !important;
  }

  .Slider_Right_image img {
    height: 220px !important;
    object-fit: cover !important;
  }

  .marquee span {
    font-size: 13px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .marquee div {
    display: flex;
    animation: marquee 30s linear infinite;
  }

  .Value img {
    object-fit: cover !important;
    width: 100% !important;
    height: auto !important;
  }

  .Value {
    width: 15% !important;
  }

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

  .product_image img {
    height: 200px !important;
  }

  .cart_icon h6 {
    position: absolute;
    top: 2%;
    right: 10% !important;
    font-size: 13px;
    padding: 5px 10px;
  }

  .Like_Button i {
    top: 2%;
    right: 2% !important;
    font-size: 25px;
  }

  .Product_button button {
    padding: 5px 8px;
  }

  .Product_button button {
    padding: 5px 10px !important;
    border-radius: 8px;
  }

  .Product_button i {
    margin-top: 5px;
    font-size: 15px !important;
    color: #fcfaf6;
    border: 0px;
  }

  .Price_Product {
    font-size: 17px !important;
    margin-left: 0px;
    padding-left: 0px;
  }

  .Price_Product span {
    font-size: 12px !important;
    margin-left: 0px;
    padding-left: 0px;
  }

  .benner img {
    height: 200px !important;
  }

  .Categories {
    height: 100px;
    margin-top: 15px !important;
    border-radius: 10px !important;
  }

  .Categories h2 {
    font-size: 1rem;
    left: 27%;
  }

  .Categories h3 {
    font-size: 1rem;
    left: 27% !important;
  }

  .Categories img {
    border-radius: 10px !important;
    height: 100px;
  }

  .benifits {
    padding-top: 20px;
    padding-bottom: 0px;
  }

  .benifits h2 {
    font-size: 20px !important;
    margin-top: 5px;
  }

  .benifits p {
    font-size: 15px !important;
  }

  .special h5 {
    font-size: 10px;
  }

  .card {
    /* height: 220px !important; */
  }

  .SaidBar {
    display: none !important;
  }

  .Category_Banner_Detail {
    padding: 30px 15px !important;
    margin-bottom: 20px;
    gap: 50px !important;
  }

  .Category_Banner_Detail h2 {
    font-size: 26px;
  }

  .Category_Banner {
    margin: 0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  .Category_Main {
    margin-right: 11px !important;
  }

  .Product_part {
    margin: auto !important;
  }

  .Product_button h6 {
    padding: 5px 10px;
    margin-top: 5px;
    border-radius: 5px;
    font-size: 12px;
  }

  .appBar {
    display: block;
    margin: auto !important;
    display: flex !important;
    width: 95% !important;
    justify-content: center !important;
    padding-bottom: 10px;
  }

  .appBar input {
    padding-left: 10px;
    border: 1px solid #e1e1e1;
    height: 40px;
    border-right: 0px;
    width: 90%;
  }

  .appBar button {
    background: #3e3232;
    border: 0px;
    border-left: 0px;
    color: #fff;
    cursor: pointer;
    padding: 10px 15px 5px 15px;
    margin: 0px;
  }

  .card-body h4 {
    font-size: 14px !important;
  }

  .Categories_Height {
    height: auto !important;
  }

  .number {
    margin-left: 5px !important;
  }

  .number i {
    margin-top: 0px !important;
    padding: 12px 12px;
  }

  .open-search .search {
    display: none;
  }

  .number input {
    height: 39px !important;
    width: 40% !important;
    font-size: 20px !important;
  }

  .cart_notification {
    left: 95% !important;
    top: 15% !important;
  }

  /* Login Page */
  .main_login {
    box-shadow: rgba(0, 0, 0, 0.15) 0px 15px 25px,
      rgba(0, 0, 0, 0.05) 0px 5px 10px;
    border-radius: 10px !important;
    overflow: hidden;
    width: 80%;
    /* background-image: url("images/web-hero-2.jpg"); */
    background-image: url("images/loginimg.png");
    object-fit: cover !important;
    background-repeat: no-repeat;
    background-size: 100%;
    height: 500px;
  }

  .left_login {
    height: 200px;
  }

  .left_login img {
    width: 100% !important;
  }

  .right_login {
    float: right !important;
    text-align: center;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    border-bottom-left-radius: 0px;
    background-color: #f6f2eb;
  }

  .inner_login_right h2 {
    font-size: 25px !important;
    font-weight: 800;
  }

  .inner_login_right {
    margin-top: 20px;
  }

  .right_login input {
    background-color: white;
    border: 0.5px solid #2fe7d262;
    width: 75%;
    height: 40px;
    border-radius: 10px;
    padding: 10px;
    margin-top: 20px;
    font-size: 15px;
    color: #35312e !important;
  }

  .right_login button {
    width: 70%;
    height: 40px;
    margin-top: 17px;
    font-size: 18px;
    letter-spacing: 2px;
    font-weight: 500;
    border: 0px;
    border-radius: 50px;
    background-color: #35312e !important;
    color: #fcfaf6 !important;
  }

  .OTP input {
    background-color: white;
    border: 0.5px solid #2fe7d262;
    width: 17%;
    height: 50px;
    border-radius: 10px;
    padding: 10px;
    margin-top: 20px;
    font-size: 15px;
    color: #35312e !important;
  }

  .img_Product_left img {
    width: 100% !important;
    height: 350px !important;
    /* object-fit: cover !important; */
  }

  .img_Product_left {
    /* margin-right: 8% !important; */
    padding: 0px !important;
  }

  .img_Product img {
    width: 20% !important;
  }

  .img_Product {
    padding: 0px;
  }

  .img_Product {
    padding: 0px;
  }

  .Product_counter {
    width: 45% !important;
  }

  .Product_Detail_button {
    width: 70%;
  }

  .Cart_Left input,
  textarea {
    padding: 8px !important;
    margin: 5px !important;
  }

  .Cart_Left {
    border: 0px !important;
  }

  .top_Heading h4 {
    font-size: 18px !important;
  }

  .Profile_Log {
    font-size: 15px;
  }

  .Cart_Product_image {
    width: 20% !important;
    height: 70px !important;
  }

  .Cart_Product_Price {
    width: 30% !important;
  }

  .Gst_fill {
    display: block;
  }

  .Gst_fill input {
    width: 94%;
  }
  .new_qty {
    font-size: 12px;
    margin-left: 7px;
    justify-content: center;
    justify-items: center;
    align-content: center;
    margin-bottom: 0px;
  }
}

@media screen and (max-device-width: 475px) {
  .appBar typeahead-container.dropdown-menu {
    width: 84%;
  }

  .control li i {
    margin-top: 8px;
    font-size: 15px;
  }

  .Cart_Button_Details {
    padding: 8px 13px !important;
    margin: 10px !important;
    font-size: 17px !important;
    font-weight: 500;
    margin-top: 20px;
    height: 40px !important;
    object-fit: cover;
  }

  .Product_Detail_button {
    width: 95% !important;
  }

  .list-Contitiy {
    /* right: -6% !important;  */
    right: -2% !important;
  }

  .number_cat input {
    border-radius: 0px !important;
    height: 39px !important;
    width: 40px !important;
    font-size: 20px !important;
    text-align: center;
    border: 1px solid #ddd;
    display: inline-block;
    vertical-align: middle;
  }

  .number_cart {
    margin-top: 7px;
    float: right !important;
    margin-left: 17px;
  }

  .number_cart i {
    color: #f6f2eb !important;
    padding: 5px 7px 7px 7px !important;
    background-color: #2f2f2f !important;
  }

  .Coupon_details_popup h2 {
    font-size: 25px !important;
  }

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

  .Delivery_Cart_Part {
    padding-right: 15px !important;
  }

  .marquee ul {
    font-size: 17px !important;
    padding-top: 10px !important;
    padding-bottom: 5px !important;
  }

  .logo {
    width: 50%;
    padding: 15px;
  }

  .nav-content-item {
    padding: 5px;
  }

  .rating {
    max-width: 90%;
  }

  .Thank_Product_details {
    width: 80%;
  }

  .thank_u_card {
    width: 80% !important;
  }

  .Proile_name h2 {
    font-size: 22px;
    font-weight: 600;
    width: 80%;
  }

  .Proile_name p {
    font-size: 1x !important;
    width: 80%;
  }

  .Profile_image {
    width: 60px !important;
    height: 60px !important;
    margin-top: 20px;
  }

  .Proile_name {
    margin-top: 20px;
    margin-left: 15px;
  }

  .Profile_banner {
    height: 140px !important;
  }

  .Coupon {
    margin-left: 22px !important;
  }

  .Coupon1 {
    margin-left: 4px !important;
  }

  .ProductSection {
    margin-right: 5px !important;
  }

  .number_cat i {
    padding: 12px 8px !important;
  }

  .number_cat input {
    height: 39px !important;
    width: 35px !important;
    font-size: 17px !important;
  }

  .Payment_method_drop img {
    width: 25% !important;
    height: 35px;
    border-radius: 10px;
    margin: 7px;
  }

  .Product_CartList {
    margin-top: 20px !important;
  }

  .Cart_Product_image {
    width: 27% !important;
    height: 50px !important;
  }

  .Cart_Product_Details {
    margin-top: 10px !important;
    width: 40% !important;
  }

  .Cart_Product_Price {
    width: 33% !important;
  }

  .number_cart i {
    font-size: 12px;
    padding: 5px 4px 4px 4px !important;
  }

  .number_cart input {
    height: 22px !important;
    width: 30% !important;
    font-size: 15px !important;
  }

  .Coupon_btn_apply {
    padding: 3px 15px !important;
  }

  .top_Heading h4 {
    font-size: 18px !important;
  }

  .Cart_Left {
    border: 0px !important;
  }

  .Cart_Left input,
  textarea {
    padding: 8px !important;
    margin: 8px !important;
  }

  .Category_Banner_Image img {
    height: auto;
  }

  .input-search,
  .button-search {
    display: none;
  }

  .Slider_Right_image img {
    height: 220px !important;
    object-fit: cover !important;
  }

  .marquee span {
    font-size: 13px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .marquee div {
    display: flex;
    animation: marquee 30s linear infinite;
  }

  .Value img {
    object-fit: cover !important;
    width: 100% !important;
    height: auto !important;
  }

  .Value {
    width: 30% !important;
  }

  .Value h6 {
    font-size: 15px !important;
  }

  .product_image img {
    height: 180px !important;
  }

  .cart_icon h6 {
    position: absolute;
    top: 2%;
    right: 10% !important;
    font-size: 15px;
    padding: 5px 10px;
  }

  .Like_Button i {
    top: 2%;
    right: 2% !important;
    font-size: 25px;
  }

  .Product_button button {
    padding: 5px 8px;
  }

  .Product_button i {
    margin-top: 5px;
    font-size: 15px !important;
    color: #fcfaf6;
    border: 0px;
  }

  .Price_Product {
    font-size: 17px !important;
    margin-left: 0px;
    padding-left: 0px;
  }

  .Price_Product span {
    font-size: 12px !important;
    margin-left: 0px;
    padding-left: 0px;
  }

  .benner img {
    height: 200px !important;
  }

  .Categories {
    height: 100px;
    margin-top: 15px !important;
    border-radius: 10px !important;
  }

  .Categories h2 {
    font-size: 1rem;
    left: 27%;
  }

  .Categories h3 {
    font-size: 1rem;
    left: 27% !important;
  }

  .Categories img {
    border-radius: 10px !important;
    height: 100px;
  }

  .benifits {
    padding-top: 20px;
    padding-bottom: 0px;
  }

  .benifits h2 {
    font-size: 20px !important;
    margin-top: 5px;
  }

  .benifits p {
    font-size: 15px !important;
  }

  .special h5 {
    font-size: 10px;
  }

  .card {
    /* height: 220px !important; */
  }

  .SaidBar {
    display: none !important;
  }

  .Category_Banner_Detail {
    padding: 30px 15px !important;
    margin-bottom: 20px;
    gap: 50px !important;
  }

  .Category_Banner_Detail h2 {
    font-size: 26px;
  }

  .Category_Banner {
    margin: 0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  .Category_Main {
    margin-right: 11px !important;
  }

  .Product_part {
    margin: auto !important;
  }

  .Product_button h6 {
    padding: 5px 0px;
    margin-top: 5px;
    border-radius: 5px;
    font-size: 13px !important;
  }

  .appBar {
    display: block;
    margin: auto !important;
    display: flex !important;
    width: 95% !important;
    justify-content: center !important;
    padding-bottom: 10px;
  }

  .appBar input {
    border: 1px solid #e1e1e1;
    height: 40px;
    border-right: 0px;
    width: 90%;
  }

  .appBar button {
    background: #3e3232;
    border: 0px;
    border-left: 0px;
    color: #fff;
    cursor: pointer;
    padding: 10px 15px 5px 15px;
    margin: 0px;
  }

  .card-body h4 {
    font-size: 12px !important;
  }

  .Categories_Height {
    height: auto !important;
  }

  .number {
    margin-top: 7px;
    margin-left: 5px !important;
  }

  .number i {
    padding: 12px 12px;
  }

  .number input {
    height: 39px !important;
    width: 35% !important;
    font-size: 20px !important;
  }

  .cart_notification {
    left: 95% !important;
    top: 15% !important;
  }

  /* Login Page */
  .main_login {
    box-shadow: rgba(0, 0, 0, 0.15) 0px 15px 25px,
      rgba(0, 0, 0, 0.05) 0px 5px 10px;
    border-radius: 10px !important;
    overflow: hidden;
    width: 80%;
    /* background-image: url("images/web-hero-2.jpg"); */
    background-image: url("images/loginimg.png");
    object-fit: cover !important;
    background-repeat: no-repeat;
    background-size: 100%;
    height: 500px;
  }

  .left_login {
    height: 200px;
  }

  .left_login img {
    width: 100% !important;
  }

  .right_login {
    float: right !important;
    text-align: center;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    border-bottom-left-radius: 0px;
    background-color: #f6f2eb;
  }

  .inner_login_right h2 {
    font-size: 25px !important;
    font-weight: 800;
  }

  .inner_login_right {
    margin-top: 20px;
  }

  .right_login input {
    background-color: white;
    border: 0.5px solid #2fe7d262;
    width: 75%;
    height: 40px;
    border-radius: 10px;
    padding: 10px;
    margin-top: 20px;
    font-size: 15px;
    color: #35312e !important;
  }

  .right_login button {
    width: 70%;
    height: 40px;
    margin-top: 17px;
    font-size: 18px;
    letter-spacing: 2px;
    font-weight: 500;
    border: 0px;
    border-radius: 50px;
    background-color: #35312e !important;
    color: #fcfaf6 !important;
  }

  .OTP input {
    background-color: white;
    border: 0.5px solid #2fe7d262;
    width: 17%;
    height: 50px;
    border-radius: 10px;
    padding: 10px;
    margin-top: 20px;
    font-size: 15px;
    color: #35312e !important;
  }

  .img_Product_left img {
    width: 100% !important;
    height: 350px !important;
    /* object-fit: cover !important; */
  }

  .img_Product_left {
    /* margin-right: 8% !important; */
    padding: 0px !important;
  }

  .img_Product img {
    width: 17% !important;
  }

  .img_Product {
    padding: 0px;
  }

  .img_Product {
    padding: 0px;
  }

  .Product_counter {
    /* width: 70% !important; */
    width: 45% !important;
  }

  .Product_Detail_button {
    width: 70%;
  }

  .container .nav-content .nav-content-list .nav-content-item {
    margin: 5px 7px;
  }

  .container .nav-content .nav-content-list {
    padding: 0px;
  }

  footer > aside {
    width: 100%;
    margin: 1.8rem -3.2% !important;
    display: flex;
    justify-content: space-between;
    padding: 0 1rem;
  }
}

@media screen and (max-device-width: 410px) {
  .Profile_banner {
    height: 165px !important;
  }
}

@media screen and (max-device-width: 375px) {
  .cate_prev {
    top: 5rem !important;
  }

  .Cart_Button_Details {
    padding: 8px 13px !important;
    margin: 10px !important;
    font-size: 17px !important;
    font-weight: 500;
    margin-top: 20px;
    height: 40px !important;
    object-fit: cover;
  }

  .Product_Detail_button {
    width: 100% !important;
  }

  .Coupon_details_popup h2 {
    font-size: 25px !important;
  }

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

  .Product_counter input {
    width: 40% !important;
  }

  .container .nav-content .nav-content-list .nav-content-item {
    margin: 5px 7px;
  }

  .Delivery_Cart_Part {
    padding-right: 7px !important;
  }

  .marquee ul {
    font-size: 17px !important;
    padding-top: 10px !important;
    padding-bottom: 5px !important;
  }

  .logo {
    width: 50%;
    padding: 0px;
  }

  .nav-content-item {
    padding: 5px;
  }

  .rating {
    max-width: 80%;
  }

  .Thank_Product_details {
    width: 90%;
  }

  .thank_u_card {
    width: 80% !important;
  }

  .rating__label {
    font-size: 30px;
  }

  .Proile_name h2 {
    font-size: 22px;
    font-weight: 600;
    width: 80%;
  }

  .Proile_name p {
    font-size: 1x !important;
    width: 80%;
  }

  .Profile_image {
    width: 60px !important;
    height: 60px !important;
    margin-top: 20px;
  }

  .Proile_name {
    margin-top: 20px;
    margin-left: 15px;
  }

  .Profile_banner {
    height: 170px !important;
  }

  .Coupon {
    margin-left: 20px !important;
  }

  .Coupon1 {
    margin-left: 0px !important;
  }

  .Contitiy1 {
    position: absolute;
    right: 10% !important;
  }

  .number_cat input {
    height: 39px !important;
  }

  .number i {
    color: #f6f2eb !important;
    padding: 10px 10px;
    background-color: #2f2f2f !important;
  }

  .number input {
    border-radius: 0px !important;
    height: 30px !important;
    width: 55% !important;
    font-size: 10px !important;
    text-align: center;
    border: 1px solid #ddd;
    display: inline-block;
    vertical-align: middle;
  }

  .product_image {
    height: 160px !important;
  }

  .product_image img {
    height: 160px !important;
  }

  .top_Heading h4 {
    object-fit: cover;
  }

  .Cart_Left {
    border: 0px !important;
  }

  .Cart_Left input,
  textarea {
    padding: 8px !important;
    margin: 5px !important;
  }

  .Category_Main {
    margin-right: 10px !important;
  }

  .input-search,
  .button-search {
    display: none;
  }

  .Slider_Right_image img {
    height: 250px !important;
    object-fit: cover !important;
  }

  .marquee span {
    font-size: 13px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .marquee div {
    display: flex;
    animation: marquee 30s linear infinite;
  }

  .Value img {
    object-fit: cover !important;
    width: 100% !important;
    height: auto !important;
  }

  .Value {
    width: 27% !important;
  }

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

  .cart_icon h6 {
    position: absolute;
    top: 2%;
    right: 12% !important;
    font-size: 13px;
    padding: 5px 10px;
  }

  .Like_Button i {
    top: 2%;
    right: 2% !important;
    font-size: 25px;
  }

  .Product_button button {
    padding: 0px 8px !important;
    border-radius: 8px;
  }

  .Product_button i {
    margin-top: 5px;
    color: #fcfaf6;
    border: 0px;
  }

  .benner img {
    height: 200px !important;
  }

  .Categories h2 {
    font-size: 1rem;
    left: 20%;
  }

  .Categories h3 {
    font-size: 1rem;
    left: 20% !important;
  }

  .ovrflw-text {
    /* height: 20px; */
  }

  .cart_notification {
    left: 95% !important;
    top: 15% !important;
  }

  .SaidBar {
    display: none !important;
  }

  .appBar {
    display: block;
    margin: auto !important;
    display: flex !important;
    width: 95% !important;
    justify-content: center !important;
    padding-bottom: 10px;
  }

  .appBar input {
    border: 1px solid #e1e1e1;
    height: 40px;
    border-right: 0px;
    width: 90%;
  }

  .appBar button {
    background: #3e3232;
    border: 0px;
    border-left: 0px;
    color: #fff;
    cursor: pointer;
    padding: 10px 15px 6px 15px;
    margin: 0px;
  }

  .card-body h4 {
    font-size: 14px !important;
  }

  .Categories_Height {
    height: auto !important;
  }

  .container .nav-content .nav-content-list .nav-content-link {
    padding: 0;
  }

  .container .nav-content .nav-content-list {
    padding: 0px !important;
  }

  .Profile i {
    padding: 0px !important;
  }

  .OTP input {
    background-color: white;
    border: 0.5px solid #2fe7d262;
    width: 17%;
    height: 40px;
    border-radius: 10px;
    padding: 10px;
    margin-top: 20px;
    font-size: 15px;
    color: #35312e !important;
  }

  .img_Product_left img {
    width: 100% !important;
    height: 270px !important;
    /* object-fit: cover !important; */
  }

  .img_Product_left {
    /* margin-right: 8% !important; */
    padding: 0px !important;
  }

  .img_Product img {
    width: 17% !important;
  }

  .img_Product {
    padding: 0px;
  }

  .img_Product {
    padding: 0px !important;
  }

  .Product_counter {
    width: 40% !important;
  }

  .Product_Detail_button {
    /* width: 90%; */
  }

  .appBar typeahead-container.dropdown-menu {
    width: 83%;
  }
}

@media screen and (max-device-width: 320px) {
  .cate_prev {
    top: 4.4rem !important;
  }

  .Cart_Button_Details {
    padding: 8px 13px !important;
    margin: 10px !important;
    font-size: 15px !important;
    font-weight: 500;
    margin-top: 20px;
    height: 40px !important;
    object-fit: cover;
  }

  .Product_Detail_button {
    width: 115% !important;
  }

  .Coupon_details_popup h2 {
    font-size: 20px !important;
  }

  .Coupon_details_popup h6 {
    font-size: 8px !important;
  }

  .Order_left p {
    font-size: 10px;
  }

  .Delivery_Cart_Part {
    padding-right: px !important;
  }

  .bannertop {
    margin-top: 10px !important;
  }

  .logo {
    width: 100%;
    padding: 15px;
  }

  .nav-content-item {
    padding: 0px;
  }

  .Nav_Button {
    background-color: #f6f2eb !important;
    padding: 15px 15px;
    font-size: 12px !important;
    border: 0px;
    font-weight: 500 !important;
  }

  .Profile_details {
    width: 100%;
  }

  .Profile_details h2 {
    font-size: 16px;
    text-align: center;
  }

  .Thank_Product_bUTTON button {
    border: 0px;
    padding: 8px 15px;
    font-weight: 600;
    border-radius: 5px;
    font-size: 14px;
    margin-top: 0%;
    margin: 10px;
  }

  .rating {
    max-width: 100%;
  }

  .rating__list {
    padding: 0.5rem;
  }

  .Thank_Product_details {
    width: 90%;
  }

  .Thank_Product_details h6 {
    font-size: 13px;
  }

  .Thank_Product_details span {
    font-size: 13px;
  }

  .thank_u_card {
    width: 80% !important;
  }

  .rating__label {
    font-size: 30px;
  }

  .Proile_name h2 {
    font-size: 22px;
    font-weight: 600;
    width: 80%;
  }

  .Proile_name p {
    font-size: 1x !important;
    width: 80%;
  }

  .Profile_image {
    width: 60px !important;
    height: 60px !important;
    margin-top: 20px;
  }

  .Profile_Log {
    font-size: 12px;
  }

  .Proile_name {
    margin-top: 20px;
    margin-left: 15px;
  }

  .Profile_banner {
    height: 170px !important;
  }

  .Discount_Code button {
    background-color: #efefef;
    border: 0.5px solid rgba(128, 128, 128, 0.311);
    padding: 10px 5px;
    border-radius: 5px;
    font-size: 17px !important;
  }

  .number_cat i {
    padding: 12px 5px !important;
  }

  .number_cat input {
    height: 35px !important;
    width: 30px !important;
    font-size: 12px !important;
  }

  .Category_Main {
    width: 100% !important;
  }

  .number i {
    color: #f6f2eb !important;
    padding: 8px 7px;
    font-size: 5px !important;
    background-color: #2f2f2f !important;
  }

  .number input {
    border-radius: 0px !important;
    height: 28px !important;
    width: 85% !important;
    font-size: 10px !important;
    text-align: center;
    border: 1px solid #ddd;
    display: inline-block;
    vertical-align: middle;
  }

  .product_image {
    height: 130px !important;
  }

  .product_image img {
    height: 130px !important;
  }

  .top_Heading h4 {
    object-fit: cover;
  }

  .Cart_Left {
    border: 0px !important;
  }

  .Cart_Left input,
  textarea {
    padding: 8px !important;
    margin: 5px !important;
  }

  .Category_Main {
    margin-right: 10px !important;
  }

  .input-search,
  .button-search {
    display: none;
  }

  .Slider_Right_image img {
    height: 200px !important;
    object-fit: cover !important;
  }

  .marquee span {
    font-size: 13px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .marquee div {
    display: flex;
    animation: marquee 30s linear infinite;
  }

  .Value img {
    object-fit: cover !important;
    width: 100% !important;
    height: auto !important;
  }

  .Value {
    width: 27% !important;
  }

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

  .cart_icon h6 {
    position: absolute;
    top: 2%;
    right: 12% !important;
    font-size: 13px;
    padding: 5px 10px;
  }

  .Like_Button i {
    position: absolute;
    top: 2%;
    right: 2% !important;
    font-size: 25px;
    cursor: pointer;
  }

  .Product_button button {
    padding: 0px 8px !important;
    border-radius: 8px;
    border: 0px;
    font-size: 12px !important;
  }

  .Product_button i {
    margin-top: 5px;
    font-size: 11px !important;
    color: #fcfaf6;
    border: 0px;
  }

  .benner img {
    height: 200px !important;
  }

  .Categories h2 {
    font-size: 1rem;
    left: 20%;
  }

  .Categories h3 {
    font-size: 1rem;
    left: 20% !important;
  }

  .number_cart {
    margin-top: 7px;
    float: right !important;
    margin-left: 0px;
    justify-content: flex-end;
  }

  .ovrflw-text {
    /* height: 20px; */
  }

  .cart_notification {
    left: 95% !important;
    top: 15% !important;
  }

  .SaidBar {
    display: none !important;
  }

  .appBar {
    display: block;
    margin: auto !important;
    display: flex !important;
    width: 95% !important;
    justify-content: center !important;
    padding-bottom: 10px;
  }

  .appBar input {
    border: 1px solid #e1e1e1;
    height: 40px;
    border-right: 0px;
    width: 90%;
  }

  .appBar button {
    background: #3e3232;
    border: 0px;
    border-left: 0px;
    color: #fff;
    cursor: pointer;
    padding: 10px 15px 5px 15px;
    margin: 0px;
  }

  .card-body h4 {
    font-size: 14px !important;
  }

  .Categories_Height {
    height: auto !important;
  }

  .container .nav-content .nav-content-list .nav-content-link {
    padding: 0;
  }

  .nav-content-item > a > i {
    font-size: 15px;
  }

  .container .nav-content .nav-content-list {
    padding: 0px !important;
  }

  .Profile i {
    padding: 0px !important;
  }

  .OTP input {
    background-color: white;
    border: 0.5px solid #2fe7d262;
    width: 17%;
    height: 40px;
    border-radius: 10px;
    padding: 10px;
    margin-top: 20px;
    font-size: 15px;
    color: #35312e !important;
  }

  .img_Product_left img {
    width: 100% !important;
    height: 270px !important;
    /* object-fit: cover !important; */
  }

  .img_Product_left {
    /* margin-right: 8% !important; */
    padding: 0px !important;
  }

  .img_Product img {
    width: 15% !important;
  }

  .img_Product {
    padding: 0px;
  }

  .img_Product {
    padding: 0px !important;
  }

  .Product_counter input {
    padding: 7px 3px;
  }

  .Product_counter {
    width: 37% !important;
  }

  .Product_counter i {
    padding: 12px 12px;
  }

  .Product_Detail_button {
    width: 90%;
  }

  .number_cat input {
    height: 35px !important;
    width: 25px !important;
  }

  .Cart_Product_image {
    width: 30% !important;
  }

  .Cart_Product_Details {
    margin-top: 10px !important;
    width: 35% !important;
  }

  .Cart_Product_Price {
    width: 35% !important;
  }

  .appBar typeahead-container.dropdown-menu {
    width: 81%;
  }
}

@media screen and (max-device-width: 280px) {
  .Coupon_details_popup h2 {
    font-size: 25px !important;
  }

  .Coupon_details_popup h6 {
    font-size: 7px !important;
  }

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

  .Discount_Code input {
    padding: 7px 10px !important;
  }

  .Coupon {
    margin-left: 17px !important;
  }

  .logo {
    width: 100%;
    padding: 1px;
  }

  .nav-content-item {
    padding: 0px;
  }

  .Thank_Product_bUTTON button {
    border: 0px;
    padding: 8px 15px;
    font-weight: 600;
    border-radius: 5px;
    font-size: 14px;
    margin-top: 0%;
    margin: 10px;
  }

  .rating {
    max-width: 100%;
  }

  .rating__list {
    padding: 0.5rem;
  }

  .Thank_Product_details {
    width: 90%;
  }

  .Thank_Product_details h6 {
    font-size: 13px;
  }

  .Thank_Product_details span {
    font-size: 13px;
  }

  .thank_u_card {
    width: 80% !important;
  }

  .rating__label {
    font-size: 25px;
  }

  .Proile_name h2 {
    font-size: 19px;
    font-weight: 600;
    width: 80%;
  }

  .Profile_details {
    width: 100%;
  }

  .Profile_details h2 {
    font-size: 16px;
    text-align: center;
  }

  .Proile_name p {
    font-size: 15px !important;
    width: 80%;
  }

  .Profile_image {
    width: 60px !important;
    height: 60px !important;
    margin-top: 20px;
  }

  .Proile_name {
    margin-top: 20px;
    margin-left: 15px;
  }

  .Profile_banner {
    height: 150px !important;
  }

  .categoryy {
    width: 90% !important;
    margin: auto !important;
  }

  .number_cat i {
    padding: 12px 12px !important;
  }

  .number_cat input {
    height: 39px !important;
    width: 50px !important;
    font-size: 19px !important;
  }

  .Category_Main {
    width: 100% !important;
  }

  .number i {
    color: #f6f2eb !important;
    padding: 8px 7px;
    font-size: 5px !important;
    background-color: #2f2f2f !important;
  }

  .number input {
    border-radius: 0px !important;
    height: 28px !important;
    width: 85% !important;
    font-size: 10px !important;
    text-align: center;
    border: 1px solid #ddd;
    display: inline-block;
    vertical-align: middle;
  }

  .product_image {
    height: 180px !important;
  }

  .product_image img {
    height: 180px !important;
  }

  .top_Heading h4 {
    object-fit: cover;
  }

  .Cart_Left {
    border: 0px !important;
  }

  .Cart_Left input,
  textarea {
    padding: 8px !important;
    margin: 5px !important;
  }

  .Category_Main {
    margin-right: 10px !important;
  }

  .input-search,
  .button-search {
    display: none;
  }

  .Slider_Right_image img {
    height: 150px !important;
    object-fit: cover !important;
  }

  .marquee span {
    font-size: 13px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .marquee div {
    display: flex;
    animation: marquee 30s linear infinite;
  }

  .Value img {
    object-fit: cover !important;
    width: 100% !important;
    height: auto !important;
  }

  .Value {
    width: 27% !important;
  }

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

  .cart_icon h6 {
    position: absolute;
    top: 2%;
    right: 12% !important;
    font-size: 13px;
    padding: 5px 10px;
  }

  .Like_Button i {
    top: 2%;
    right: 2% !important;
    font-size: 25px;
  }

  .Product_button button {
    padding: 0px 8px !important;
    font-size: 18px !important;
  }

  .Product_button i {
    margin-top: 5px;
    font-size: 17px !important;
    color: #fcfaf6;
    border: 0px;
  }

  .benner img {
    height: 150px !important;
  }

  .Categories h2 {
    font-size: 1rem;
    left: 20%;
  }

  .Categories h3 {
    font-size: 1rem;
    left: 20% !important;
  }

  .cart_notification {
    left: 95% !important;
    top: 15% !important;
  }

  .SaidBar {
    display: none !important;
  }

  .appBar {
    display: block;
    margin: auto !important;
    display: flex !important;
    width: 95% !important;
    justify-content: center !important;
    padding-bottom: 10px;
  }

  .appBar input {
    border: 1px solid #e1e1e1;
    height: 40px;
    border-right: 0px;
    width: 90%;
  }

  .appBar button {
    background: #fff;
    border: 0px;
    border-left: 0px;
    color: #1e461e;
    cursor: pointer;
    padding: 10px 15px 5px 15px;
    margin: 0px;
  }

  .card-body h4 {
    font-size: 14px !important;
  }

  .Categories_Height {
    height: auto !important;
  }

  .container .nav-content .nav-content-list .nav-content-link {
    padding: 0;
  }

  .container .nav-content .nav-content-list {
    padding: 0px !important;
  }

  .Profile i {
    padding: 0px !important;
  }

  .OTP input {
    background-color: white;
    border: 0.5px solid #2fe7d262;
    width: 17%;
    height: 40px;
    border-radius: 10px;
    padding: 10px;
    margin-top: 20px;
    font-size: 15px;
    color: #35312e !important;
  }

  .img_Product_left img {
    width: 100% !important;
    height: 270px !important;
    /* object-fit: cover !important; */
  }

  .img_Product_left {
    /* margin-right: 8% !important; */
    padding: 0px !important;
  }

  .img_Product img {
    width: 50px !important;
    height: 50px !important;
  }

  .img_Product {
    padding: 0px !important;
  }

  .Product_counter {
    width: 80% !important;
  }

  .Product_Detail_button {
    width: 100%;
  }

  .Cart_Product_image {
    width: 40% !important;
  }

  .Cart_Product_Details {
    margin-top: 10px !important;
    width: 60% !important;
  }

  .Cart_Product_Price {
    width: 100% !important;
    display: flex !important;
    justify-content: space-between !important;
  }

  .number_cart {
    margin-top: 0px;
    margin-left: 50%;
  }
}