/* Indian Scholar responsive patch v9 - loaded last from header.php */
html, body { width:100%; max-width:100%; overflow-x:hidden !important; }
*, *:before, *:after { box-sizing:border-box; }
img { max-width:100%; height:auto; }

/* Desktop header: both side logos exactly equal and aligned */
#header .container { width:100% !important; max-width:1200px !important; min-width:0 !important; margin-left:auto !important; margin-right:auto !important; }
#logo { display:flex !important; align-items:center !important; justify-content:space-between !important; gap:24px; overflow:visible !important; }
#logo > img, #logo .newlogo img { width:190px !important; height:190px !important; object-fit:contain !important; display:block !important; margin:0 !important; float:none !important; }
#logo > img { flex:0 0 190px; }
#logo .newlogo { flex:0 0 190px; width:190px !important; margin:0 !important; float:none !important; }
#logo .headlogo { flex:1 1 auto; width:auto !important; min-width:0 !important; margin:0 !important; float:none !important; text-align:center; }
#logo .headlogo h1 a, #logo .headlogo p { width:auto !important; max-width:100% !important; }
#menu ul { padding-left:0 !important; }

@media (max-width: 767px) {
  #header .container, #page .container, .container, .container1 { width:100% !important; max-width:100% !important; min-width:0 !important; padding-left:10px !important; padding-right:10px !important; margin:0 auto !important; }
  #logo { display:grid !important; grid-template-columns:82px minmax(0,1fr) !important; gap:10px !important; align-items:center !important; padding:10px 0 !important; }
  #logo > img { width:82px !important; height:82px !important; flex:none !important; }
  #logo .newlogo { display:none !important; }
  #logo .headlogo { width:auto !important; min-width:0 !important; }
  #logo .headlogo h1 { margin:0 !important; }
  #logo .headlogo h1 a { font-size:36px !important; line-height:1.05 !important; letter-spacing:-1px !important; padding:0 !important; white-space:normal !important; overflow-wrap:anywhere; }
  #logo .headlogo p { font-size:14px !important; line-height:1.3 !important; margin:6px 0 0 !important; padding:0 !important; }

  #menu { padding:6px !important; margin-bottom:14px !important; }
  #menu-wrapper, #menu nav { width:100% !important; overflow:visible !important; }
  #menu ul { display:grid !important; grid-template-columns:1fr 1fr !important; width:100% !important; margin:0 !important; padding:0 !important; gap:4px !important; }
  #menu li, #menu li:hover { display:block !important; width:auto !important; margin:0 !important; padding:0 !important; position:relative !important; }
  #menu a { display:block !important; float:none !important; width:100% !important; margin:0 !important; padding:11px 6px !important; font-size:13px !important; text-align:center !important; }
  #menu ul li ul { position:static !important; width:100% !important; margin:0 !important; padding:0 !important; grid-column:1/-1; }
  #menu ul li ul li, #menu ul li ul .active { width:100% !important; margin:0 !important; }

  #banner, #banner .banner-border, .flexslider, .flex-viewport, .slides, .slides li { width:100% !important; max-width:100% !important; min-width:0 !important; }
  #banner .banner-border { padding:8px !important; }
  .slides img, #banner img { width:100% !important; height:auto !important; object-fit:contain !important; display:block !important; }

  .row, .container1 .row { margin-left:0 !important; margin-right:0 !important; display:block !important; }
  [class*="col-xs-"], [class*="col-sm-"], [class*="col-md-"], [class*="col-lg-"] { width:100% !important; max-width:100% !important; min-width:0 !important; float:none !important; margin-left:0 !important; margin-right:0 !important; }
  #content, #sidebar1, #sidebar2, .post { width:100% !important; max-width:100% !important; min-width:0 !important; height:auto !important; margin:0 0 18px !important; padding-left:0 !important; padding-right:0 !important; }
  #content h2, #sidebar1 h2, #sidebar2 h2, h1, h2, h3 { overflow-wrap:anywhere; }
  #content h2 { font-size:25px !important; line-height:1.2 !important; margin-bottom:18px !important; }
  p { font-size:14px !important; line-height:1.6 !important; overflow-wrap:anywhere; }

  .issue { width:100% !important; max-width:100% !important; margin:0 !important; overflow-x:auto !important; -webkit-overflow-scrolling:touch; }
  .issue .listing1 { width:100% !important; float:none !important; margin:0 0 12px !important; }
  .issue .listing { width:100% !important; float:none !important; margin:0 !important; min-width:620px !important; }
  .inquirybox, .ouraddress { width:100% !important; float:none !important; margin:10px 0 !important; }

  #footer-wrapper, #footer, #copyright { width:100% !important; max-width:100% !important; min-width:0 !important; overflow:hidden !important; }
}

@media (max-width: 420px) {
  #logo { grid-template-columns:70px minmax(0,1fr) !important; }
  #logo > img { width:70px !important; height:70px !important; }
  #logo .headlogo h1 a { font-size:30px !important; }
  #logo .headlogo p { font-size:12px !important; }
  #menu ul { grid-template-columns:1fr !important; }
}

/* v10: modern mobile hamburger navigation */
.mobile-menu-toggle { display:none; }
@media (max-width:767px) {
  #menu { padding:8px !important; }
  .mobile-menu-toggle {
    display:flex !important; align-items:center; justify-content:space-between;
    width:100%; min-height:48px; border:0; padding:10px 14px;
    background:#d2c59d; color:#111; cursor:pointer; font:600 16px/1.2 Arial,sans-serif;
  }
  .hamburger-lines { width:28px; height:22px; display:flex; flex-direction:column; justify-content:space-between; }
  .hamburger-lines span { display:block; width:100%; height:3px; background:#111; border-radius:2px; transition:transform .2s ease, opacity .2s ease; }
  .mobile-menu-toggle.is-open .hamburger-lines span:nth-child(1){ transform:translateY(9.5px) rotate(45deg); }
  .mobile-menu-toggle.is-open .hamburger-lines span:nth-child(2){ opacity:0; }
  .mobile-menu-toggle.is-open .hamburger-lines span:nth-child(3){ transform:translateY(-9.5px) rotate(-45deg); }
  #menu-wrapper { display:none !important; }
  #menu-wrapper.mobile-menu-open { display:block !important; margin-top:6px !important; }
  #menu-wrapper.mobile-menu-open nav > ul { display:block !important; }
  #menu-wrapper.mobile-menu-open nav > ul > li { display:block !important; width:100% !important; border-bottom:1px solid rgba(0,0,0,.12); }
  #menu-wrapper.mobile-menu-open nav > ul > li > a { text-align:left !important; padding:13px 15px !important; }
  #menu-wrapper.mobile-menu-open nav > ul > li > ul { display:block !important; position:static !important; width:100% !important; }
  #menu-wrapper.mobile-menu-open nav > ul > li > ul > li > a { text-align:left !important; padding:11px 15px 11px 30px !important; }
}

/* v11: mobile FlexSlider image visibility + proportional responsive height */
@media (max-width:767px) {
  #banner { margin:0 0 22px !important; overflow:visible !important; }
  #banner .banner-border { padding:8px !important; }
  #banner .slider { width:100% !important; height:auto !important; min-height:0 !important; }
  #banner .flexslider {
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    margin:0 0 38px !important;
    padding:0 !important;
    overflow:visible !important;
  }
  #banner .flex-viewport {
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    overflow:hidden !important;
  }
  #banner .slides {
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
  }
  #banner .slides > li {
    height:auto !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
  }
  #banner .slides > li.flex-active-slide { display:block !important; }
  #banner .slides img {
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    object-fit:contain !important;
    position:static !important;
    opacity:1 !important;
    visibility:visible !important;
  }
  #banner .flex-control-nav { bottom:-28px !important; }
}