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

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

  .qoute-box{ margin-top: -80px; }
  .jot-section{ margin-top: -70px; }

  .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);
  }

  /* 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: 300px; }

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

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

  .jot-section{
    margin-top: -56px;
    padding: 14px;
    border-radius: 12px;
  }
  .other-jot{ min-height: 860px; }

  /* 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 */
  .insurance-details,
  .contact-details{
    min-height: auto;
  }

  /* Bottom banner */
  .bottom-banner-section img{ height: 220px; }
  .bottom-banner-overlay li{
    font-size: 11px;
    padding: 8px 10px;
  }

  /* 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: 260px; }
  .hero-brand #logo{ max-height: 86px; }
  .qoute-box{ margin-top: -54px; }
  .qoute-box h3{ font-size: 15px; }
  .other-jot{ min-height: 820px; }
}