/* responsive.css */

/* Tablet Layout: 768px–991px */
@media (min-width: 768px) and (max-width: 991px) {
  .header_area_text {
    padding: 80px 30px;
    text-align: center;
    width: 100%;
    box-sizing: border-box;
  }
  .header_area_text h2 {
    font-size: 32px;
  }
}

/* Mobile Layout: up to 767px */
@media (max-width: 767px) {
  body {
    margin: 0 ;
    padding: 0 ;
  }
  #header_area-deposition {
    padding-top: 5px;
  }
  .navbar-toggle {
    background-color: #4ECB8C;
  }

  /* make header text full‑width */
  .header_area_text {
    padding: 50px 20px;
    width: 100% ;
    max-width: 100% ;
    margin: 0 auto;
    box-sizing: border-box;
    text-align: center;
  }
  .header_area_text h2 {
    font-size: 30px;
  }

  /* container gutters */
  .container-fluid,
  .container,
  .row {
    padding-left: 10px;
    padding-right: 10px;
  }

  /* ensure images/videos/forms span full width */
  .img-responsive,
  .img-rounded,
  .logo img,
  video {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto 15px;
  }
  .form-container {
    width: 95% ;
    margin: 0 auto;
    box-sizing: border-box;
  }
}