/* XX-Large devices (larger desktops)
No media query since the xxl breakpoint has no upper bound on its width */
/* X-Small devices (portrait phones, less than 576px) */

@media (max-width: 575.98px) {
  .header-logo h4 {
    font-size: 18px;
  }
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
  .header-btn ul {
    padding-left: 0px;
  }
  .header-logo {
    width: 58%;
  }
  .nav-menu li a {
    display: block;
  }
  .navbar-light .navbar-toggler {
    margin-bottom: 10px;
  }
  .books-section {
    padding: 50px 0px;
  }
  .book-menu ul li a {
    padding: 10px 15px;
  }
  .magazin-text-wrapper {
    height: auto;
  }
  .catagory-section {
    padding: 50px 0px;
  }
  .puja-wrapper {
    height: auto;
  }
  .slider-section .carousel-item img {
    width: 50%;
  }
  .slider-inner-img {
    position: absolute;
  }
  .slider-inner-text {
    top: 100%;
    padding-top: 27px;
    padding-left: 70px;
  }
  .carousel-inner {
    height: 400px;
  }
  .slider-inner-img {
    position: absolute;
    top: 2%;
    left: 10%;
  }
  .probondo-img {
    width: 100%;
    height: auto;
  }
  /* all book page
    ===================================== */
  .all-book-title-container img {
    height: 150px;
  }
  /* checkout page
    ============================= */
  .singal-input-box {
    width: 100%;
    padding: 0;
  }
  /* add to cart page
    ============================= */
  .cart-main-section {
    padding: 0px;
    padding-top: 50px;
  }
  .cart-container {
    width: 100%;
    overflow: hidden;
    overflow-x: scroll;
  }
  .table-update-btn {
    display: flex;
    flex-direction: column;
    height: 150px;
  }
  .table-update-btn button {
    background-color: #564031;
    color: #fff;
    padding: 6px 20px;
    margin-top: 10px;
    width: 200px;
  }
  .slider-for-img img {
    width: auto;
  }
  .review-form .form-control {
    width: 100%;
  }
  /* dashboard page css 
  ==============================*/
  .tab-nav-list {
    width: 100%;
}
.tab-content {
  width: 100%;
  margin-left: 0px;
  padding-top: 20px;
}
.profile-update-input {
  width: 100%;
}
.user-profile-picture {
  margin:px;
  padding-top: 10px;
}
/* about page */
.about-section {
  padding: 30px 0px;
}
.about-text p{
  font-size: 15px;
}
.magazine-filter-left button {
  margin-bottom: 5px;
}
.magazine-filter-right select {
  margin-bottom: 5px;
}
.single-book-container .book-details {
  margin-bottom: 15px;
}
.single-video-container iframe{
  width: 100%;
  height: 200px;
}
.home-page-most-top-news {
 flex-direction: column;
}
.home-page-most-top-news-img {
  width: 100%;
}
.home-page-most-top-news-text {
  width: 100%;
}
.printers-container {
  display: flex;
  flex-direction: column;
}
.printer-left-site {
 width: 100%;
}
.printer-right-site {
  width: 100%;
}
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
  .nav-menu li a {
    display: block;
    border-bottom: 1px solid gainsboro;
  }
  .nav-menu li {
    border-bottom: 1px solid rgb(253, 245, 245);
  }
  .navbar-light .navbar-toggler {
    margin-bottom: 10px;
    background-color: #FFF;
  }
  .about-img{
    margin-bottom: 20px;
  }
}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
}

/* X-Large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) {
}



/* নতুন কোড  যোগ করলাম

/* Password field eye icon fix - all devices */
.mb-3.position-relative label {
    margin-bottom: 8px; /* লেবেল এবং ইনপুটের মাঝে স্পেস */
}

.mb-3.position-relative .form-control {
    padding-right: 45px !important; /* আইকনের জন্য ডান পাশে স্পেস */
    height: 50px; /* ইনপুটের উচ্চতা ফিক্স */
}

.mb-3.position-relative .fa-eye {
    top: 58% !important; /* লেবেলের পর ঠিক মাঝে */
    transform: translateY(-50%) !important;
    right: 12px !important;
    font-size: 18px;
    color: #6c757d;
    z-index: 10;
}

/* Mobile fix (small screens) */
@media (max-width: 767.98px) {
    .mb-3.position-relative .fa-eye {
        top: 62% !important;
        font-size: 16px;
    }
    .mb-3.position-relative .form-control {
        height: 45px;
    }
}

/* Tablet fix */
@media (min-width: 768px) and (max-width: 991.98px) {
    .mb-3.position-relative .fa-eye {
        top: 60% !important;
    }
}
/* হেডার লোগো এবং টেক্সট পাশাপাশি রাখার জন্য - সব ডিভাইসে */
.header-logo {
    display: flex;
    align-items: center;     /* vertically center */
    gap: 12px;               /* লোগো ও টেক্সটের মাঝে ফাঁক */
    flex-wrap: nowrap;       /* কখনো নিচে যাবে না */
}

.header-logo img {
    height: 50px;            /* লোগোর উচ্চতা নিয়ন্ত্রণ করুন (প্রয়োজনে পরিবর্তন করুন) */
    width: auto;
    flex-shrink: 0;          /* ইমেজ যেন ছোট না হয় */
}

.header-logo h4 {
    margin: 0;
    white-space: nowrap;     /* টেক্সট যেন লাইন ব্রেক না করে */
    font-size: 20px;         /* ডেস্কটপে সাইজ */
}

/* মোবাইলের জন্য অপ্টিমাইজেশন */
@media (max-width: 767.98px) {
    .header-logo {
        gap: 8px;
        width: auto !important;  /* আগের width: 58% ওভাররাইড করুন */
    }

    .header-logo img {
        height: 40px;            /* মোবাইলে লোগো একটু ছোট */
    }

    .header-logo h4 {
        font-size: 16px;         /* মোবাইলে টেক্সট ছোট */
    }

    /* যদি খুব ছোট স্ক্রিনে জায়গা কম হয়, তাহলে টেক্সট লুকিয়ে রাখতে পারেন (ঐচ্ছিক) */
    /* .header-logo h4 { display: none; } */
}