/* ===========================
   MEDIA QUERY: Tablets & Below
   =========================== */
@media (max-width: 900px) {
  .container,
  .container.fw {
    width: 100%;
    padding: 0 20px;
  }

  header,
  header.fixed {
    padding: 15px 0;
    background: #fff;
  }

  a.logo {
    font-size: 30px;
  }

  a.logo img,
  header.fixed a.logo img {
    width: 135px;
  }

  a.showmenu,
  a.hidemenu {
    display: block;
  }

  .header_menu {
    display: none;
    position: relative;
    z-index: 20;
  }

  nav {
    position: fixed;
    inset: 0;
    z-index: 20;
    background: rgba(0, 0, 0, 0.95);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 60px 40px;
    overflow-y: auto;
  }

  nav ul {
    margin: auto;
  }

  nav ul li {
    float: none;
    text-align: center;
    font-size: 16px;
    padding: 15px 0;
  }

  nav ul li a {
    color: #fff;
  }

  a.showmenu {
    position: absolute;
    top: 15px;
    right: 20px;
    width: 32px;
    height: 32px;
    background: #261b9f;
    color: #fff;
    text-align: center;
    line-height: 32px;
    font-size: 21px;
  }

  a.hidemenu {
    position: fixed;
    top: 15px;
    right: 15px;
    font-size: 30px;
    color: #fff;
    z-index: 21;
  }

  a.phone {
    float: left;
    margin-right: 40px;
    padding: 7px 10px;
    font-size: 13px;
  }

  .banner {
    padding: 70px 0 20px;
  }

  .bannertext {
    width: 70%;
    padding: 20px;
    left: 20px;
  }

  .bannertext h1 {
    font-size: 24px;
  }

  .brands img {
    width: 19%;
    max-width: 23%;
    margin: 0 2%;
  }

  .about .text h2,
  .practiceareas h2,
  .testimonials h2,
  .contact h2 {
    font-size: 32px;
    margin-bottom: 20px;
  }

  .about .text p {
    font-size: 15px;
    line-height: 1.2;
    margin-bottom: 20px;
  }

  .practiceareas {
    padding: 40px 0;
  }

  .pitemswrap .pitem {
    flex-basis: 48%;
    margin-bottom: 30px;
  }

  .pitemswrap .pitem .thumb {
    margin-bottom: 10px;
  }

  .pitemswrap .pitem h3 {
    font-size: 16px;
    margin-bottom: 10px;
  }

  .pitemswrap .pitem p {
    font-size: 14px;
    margin-bottom: 10px;
  }

  .testimonials {
    padding: 40px 0;
  }

  .t_items_wrap .item {
    flex-basis: 100%;
    margin: 20px 0;
  }

  .t_items_wrap .item .picture img {
    float: left;
    width: 60px;
  }

  .t_items_wrap .item .itemtext {
    width: calc(100% - 80px);
  }

  .t_items_wrap .item .itemtext p {
    font-size: 13px;
    margin-bottom: 20px;
  }

  .t_items_wrap .item .itemtext h4 {
    font-size: 16px;
  }

  .t_items_wrap .item .itemtext h5 {
    font-size: 13px;
  }

  .contact {
    padding: 45px 0;
  }

  .contact h4 {
    font-size: 16px;
  }

  .contact form {
    margin-top: 20px;
  }

  .contact form input[type="text"],
  .contact form input[type="email"] {
    width: 47%;
    height: 42px;
    padding-left: 15px;
    font-size: 15px;
  }

  .contact form textarea {
    width: 100%;
    height: 100px;
    margin-top: 20px;
    padding: 15px;
  }

  .contact form button {
    height: 52px;
    font-size: 15px;
    padding: 0 20px;
    margin-top: 20px;
  }

  .contact form button span {
    margin-left: 5px;
  }

  .map iframe {
    height: 250px;
  }

  footer {
    padding: 20px 0;
  }

  footer .copyright,
  footer .social {
    font-size: 14px;
  }
}


/* ========================
   MEDIA QUERY: Small Phones
   ======================== */
@media (max-width: 540px) {
  .about .contentblock {
    flex-wrap: wrap;
  }

  .about .text,
  .about .picture {
    width: 100%;
  }

  .about .text {
    margin-bottom: 20px;
  }
}