/* ===== FEATURE IMAGE ===== */
#feture_img img {
  height: 420px;
  width: 680px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  margin-bottom: 18px;
  border: none;
  border-radius: 14px;
  box-shadow: 0 8px 35px rgba(0,0,0,0.15);
}

/* ===== MOBILE: up to 600px ===== */
@media (min-width: 250px) and (max-width: 600px) {
  .singlepage { width: 100%; padding: 12px 14px; border-radius: 0; }
  #feture_img img { height: auto; width: 100%; border-radius: 10px; }
  .first_lavel { float: none; width: 100%; display: block; }
  .first_lavel img { height: auto; width: 100%; }
  .mycontent { grid-template-columns: repeat(1,1fr); }
  .random_ul { grid-template-columns: repeat(1,1fr); }
  .biblealltopic ul li { width: 100%; }
  .content_wrapper { gap: 12px; }
  .heading_title { font-size: 22px; padding: 14px 12px; }
  blockquote p { font-size: 17px; }
  blockquote { padding: 24px 16px 18px; }
}

/* ===== TABLET: 601px–720px ===== */
@media (min-width: 601px) and (max-width: 720px) {
  .singlepage { width: 96%; padding: 16px 18px; }
  #feture_img img { height: auto; width: 100%; }
  .first_lavel { float: none; width: 100%; display: block; }
  .first_lavel img { height: auto; width: 100%; }
  .mycontent { grid-template-columns: repeat(2,1fr); }
  .random_ul { grid-template-columns: repeat(2,1fr); }
  .biblealltopic ul li { width: 49%; }
}

/* ===== TABLET: 721px–850px ===== */
@media (min-width: 721px) and (max-width: 850px) {
  .singlepage { width: 92%; padding: 20px 24px; }
  #feture_img img { height: auto; width: 100%; }
  .first_lavel { float: none; width: 100%; display: block; }
  .first_lavel img { height: auto; width: 100%; }
  .mycontent { grid-template-columns: repeat(2,1fr); }
  .random_ul { grid-template-columns: repeat(2,1fr); }
}

/* ===== TABLET LANDSCAPE: 851px–1220px ===== */
@media (min-width: 851px) and (max-width: 1220px) {
  .first_lavel { float: left; width: 48%; }
  .first_lavel img { height: auto; width: 100%; }
  .mycontent { grid-template-columns: repeat(2,1fr); }
  .random_ul { grid-template-columns: repeat(2,1fr); }
}

/* ===== VERSE GRID RESPONSIVE (inside single) ===== */
@media (min-width: 300px) and (max-width: 544px) { .mycontent { grid-template-columns: repeat(1,1fr); } .random_ul { grid-template-columns: repeat(1,1fr); } }
@media (min-width: 545px) and (max-width: 1024px) { .mycontent { grid-template-columns: repeat(2,1fr); } .random_ul { grid-template-columns: repeat(2,1fr); } }