/* ===========================
   media-queries.css
   Responsive adjustments (Firebird Sleek Theme)
   =========================== */

@media (max-width: 991px){
  .banner-class{ height: 300px; }
  .hero-brand #logo{ max-height: 108px; }

  .qoute-box{ margin-top: -44px; }
  .jot-section{ margin-top: -40px; }

  .top-menu .navbar-nav > li > a{
    padding: 14px 10px;
    font-size: 11px;
  }
}

/* Phones */
@media (max-width: 767px){
  /* Navbar collapse layout */
  .top-menu .navbar-nav{ text-align:left; }
  .top-menu .navbar-nav > li{ display:block; }
  .top-menu .navbar-nav > li > a{
    padding: 12px 14px;
    border-top: 1px solid rgba(255,255,255,.08);
  }
  .top-menu .navbar-nav > li.nav-login{
    margin-left: 0;
    padding-left: 0;
    border-left: 0;
  }

  /* Dropdown: keep Bootstrap click behavior on mobile */
  .top-menu .dropdown-menu{
    border-radius: 0;
    box-shadow:none;
    border-left:0;
    border-right:0;
    margin-top: 0;
  }

  /* Hero */
  .banner-class{ height: 260px; }

  .hero-top-row{
    display:block;
    text-align:center;
  }
  .hero-brand{
    display:flex;
    justify-content:center;
    margin-bottom: 10px;
  }
  .hero-contact{
    align-items:center;
    justify-content:center;
    gap: 8px;
  }
  .hero-brand #logo{
    max-height: 96px;
  }

  /* Quote / Jot */
  .qoute-box{
    margin-top: -38px;
    padding: 8px 9px 8px;
    border-radius: 12px;
  }
  .qoute-box h3{
    font-size: 16px;
    line-height: 1.35;
  }

  .jot-section{
    margin-top: -34px;
    padding: 8px;
    border-radius: 12px;
  }
  .other-jot{ min-height: 700px; }

  /* Quote form spacing */
  #miniQuote .col-xs-6,
  #miniQuote .col-xs-12{
    padding-left: 8px;
    padding-right: 8px;
  }
  #miniQuote .form-control{ margin-bottom: 10px; }

  /* LOB flex row fix for mobile */
  .lob-section .row{ display:block; }
  .lob-section .row > [class*="col-"]{ display:block; }

  /* Content card */
  .silver_content{
    padding: 18px 16px;
    border-radius: 12px;
  }

  /* Inside bottom cards */
  .inside-bottom > .col-md-12{
    grid-template-columns: 1fr;
    gap: 0;
    min-height: auto;
    padding: 0;
  }
  .inside-bottom > .col-md-12 > [class*="col-"]:first-child{
    margin-left: 0;
    margin-right: 0;
  }
  .insurance-details,
  .contact-details{
    position: static;
    width: auto;
    min-height: auto;
    border: 0;
    padding: 12px 14px 12px;
    margin-top: 0;
    text-shadow: none;
    background: rgba(11,34,66,.86);
  }
  .insurance-details ul{
    columns: 2;
    column-gap: 12px;
  }
  .insurance-details h3,
  .contact-details h3{
    font-size: 20px;
    margin-bottom: 14px;
  }
  .contact-details{
    border-left: 0;
    border-top: 2px solid rgba(255,255,255,.34);
    padding-top: 12px;
    max-width: none;
    align-items: stretch;
  }
  .contact-details ul{
    width: 100%;
  }
  .contact-details li{
    padding-left: 2px;
  }

  /* Bottom banner */
  .bottom-banner-section img{ height: 220px; }
  .bottom-banner-overlay ul{
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px 20px;
  }
  .bottom-banner-overlay li{
    font-size: 26px;
    padding: 0;
  }

  /* Footer nav stack */
  .footer-nav .navbar-nav > li{ display:block; }
  .footer-nav .navbar-nav > li > a{
    border-top: 1px solid rgba(255,255,255,.08);
    padding: 12px 14px;
  }

}

/* Very small phones */
@media (max-width: 420px){
  .banner-class{ height: 220px; }
  .hero-brand #logo{ max-height: 86px; }
  .qoute-box{ margin-top: -34px; }
  .qoute-box h3{ font-size: 15px; }
  .other-jot{ min-height: 640px; }
  .insurance-details ul{ columns: 1; }
  .bottom-banner-overlay li{ font-size: 20px; }
}