/* ===================================================
   Amader Pujibazar Responsive Stylesheet (Fixed)
   Fixed: nested media queries, spacing & footer issues
   Compatible: WordPress 6.x / Bootstrap 3–4
   =================================================== */

/* ===== Medium Layout: 992 – 1200px ===== */
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .menu_area .menu_bottom .mainmenu a,
  .navbar-default .navbar-nav > li > a {
    font-size: 14px !important;
    padding: 11px 8px !important;
  }
  .hadding_01 a {font-size: 18px !important;}
  .hadding_02 a {font-size: 16px !important;}
  .hadding_03 a {font-size: 15px !important;}
}

/* ===== Tablet Layout: 768 – 991px ===== */
@media only screen and (min-width: 768px) and (max-width: 991px) {

  .date {padding-top: 0 !important;}
  .top-hdr-social ul {
    list-style: none; margin: 0; padding: 0; float: right !important;
  }
  .top-hdr-social ul li a {font-size: 18px !important;}
  .top-hdr-social ul li:after {
    content: "।";
    padding: 0 6px !important;
  }

  .col-md-3.col-sm-3.search-box {padding: 0 !important;}
  form.example input[type="text"],
  form.example button {padding: 4px !important; font-size: 12px !important;}

  .scroll-section {margin: 3px 0 !important;}
  .scrool_1 {width: 20%; float: left;}
  .scrool_2 {width: 80%; float: right;}

  .small-image img {
    width: 100% !important;
    height: auto !important;
    margin-bottom: 10px !important;
    object-fit: cover !important;
  }

  .sgl-hadding a {font-size: 14px !important;}
  .reportar-img img {height: 40px !important; width: 45px !important;}
  iframe {height: 300px !important;}
}

/* ===== Mobile Layout: up to 767px ===== */
@media only screen and (max-width: 767px) {

  html, body {max-width: 100% !important; overflow-x: hidden !important;}

  .header-section {margin-top: 0 !important;}
  .date {text-align: center; margin-bottom: 8px !important;}

  .top-hdr-social ul {float: left !important; margin-top: 8px !important;}
  .top-hdr-social ul li:after {
    content: "।";
    padding: 0 12px !important;
  }

  .logo img {padding: 10px 0 !important;}
  .bannar img {margin-bottom: 10px !important;}
  .scrool_1 {width: 30%; float: left;}
  .scrool_2 {width: 70%; float: right;}

  .btm-footer-menu ul,
  .footer-content,
  .root_01,
  .root_02 {text-align: center !important;}

  .root_02 {font-size: 17px !important;}
  .menu_border {border-right: none !important;}
  .reportar-title {font-size: 11px !important;}
  .sgl-page-views-count ul {font-size: 10px !important;}
  .reportar-img img {height: 40px !important; width: 50px !important;}
  iframe {height: 250px !important;}
}

/* ===== Wide Mobile Layout: 480 – 767px ===== */
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .top-hdr-social ul {
    float: left !important;
    margin-left: 40px !important;
    margin-top: 8px !important;
  }
  .top-hdr-social ul li a {font-size: 20px !important;}
  .top-hdr-social ul li:after {
    content: "।";
    padding: 0 16px !important;
  }
  .reportar-title {font-size: 13px !important;}
  .sgl-page-views-count ul {font-size: 12px !important;}
  .reportar-img img {height: 55px !important; width: 60px !important;}
  iframe {height: 300px !important;}
}

/* ===== Footer Responsive Fix ===== */
@media only screen and (max-width: 991px) {
  .footer-section {
    text-align: center !important;
    padding-top: 35px !important;
  }
  .footer-section .col-md-4 {
    width: 100% !important;
    display: block !important;
    margin-bottom: 25px !important;
  }
  .footer-section .footer-logo img {
    margin: 0 auto 15px auto !important;
    max-width: 160px !important;
  }
  .footer-section .footer-menu h4::after {margin: 5px auto !important;}
  .footer-section .footer-content {
    text-align: center !important;
    margin-bottom: 10px !important;
    font-size: 14px !important;
    line-height: 1.6;
  }
  .footer-section .editorial-line {
    text-align: center !important;
    font-size: 13.5px !important;
    margin-top: 5px !important;
  }
  .footer-section .top_hdr_social ul {
    justify-content: center !important;
    gap: 10px !important;
    margin-top: 10px !important;
  }
  .footer-section .top_hdr_social ul li a {
    width: 36px !important;
    height: 36px !important;
    font-size: 16px !important;
  }
}

/* ===== Small Phones (≤480px) ===== */
@media only screen and (max-width: 480px) {
  .footer-section {font-size: 14px !important;}
  .footer-section .editorial-line {
    font-size: 13px !important;
    line-height: 1.5;
  }
}