@media screen and (max-width: 1600px) {
  .outergrid {
    width: 100%;
  }
}

@media screen and (max-width: 1450px) {
  body {
    font-size: 16px;
  }

  .slidertitle {
    width: 660px;
  }

  .slidertext {
    width: 660px;
  }

  .mainnav > ul > li {
    margin: 0 10px;
  }

  .mainnav > ul > li:first-child {
    margin: 0 10px 0 5px;
  }

  .mainnav > ul > li:last-child {
    margin: 0 0 0 5px;
  }
}

@media screen and (max-width: 1280px) {
  .slidercontainer li {
    max-height: 550px;
  }

  .slidercontainer .bx-wrapper {
    max-height: 550px !important ;
  }

  .slidercontainer .bx-viewport {
    height: 550px !important;
  }

  .slidercontainer li img {
    width: auto;
  }

  .bannercontainer {
    max-height: 240px;
  }

  .bannercontainer img {
    width: auto;
  }
}

@media screen and (max-width: 1150px) {
  body {
    font-size: 15px;
  }
  .logo a {
    width: 220px;
    display: block;
  }
  .logo img {
    width: 100%;
  }

  .teammemberphoto {
    width: 35%;
  }

  .teammembercontent {
    width: 65%;
  }
}

@media screen and (max-width: 1070px) {
  .mainnavcontainer {
    display: none;
  }

  .mobilenavcontainer {
    display: block;
    width: 100%;
  }

  .mobilenav {
    display: block;
    width: 100%;
  }
  .mobilenav .menu {
    display: none;
  }
}

@media screen and (max-width: 900px) {
  body {
    font-size: 14px;
  }

  .slidertitle {
    width: 580px;
  }

  .slidertext {
    width: 580px;
  }

  .innergrid {
    padding: 0 30px;
  }

  .homeleft {
    width: 100%;
    padding-bottom: 40px;
  }

  .homeright {
    width: 100%;
  }

  .aboutleft {
    width: 100%;
    padding-right: 0;
    padding-bottom: 40px;
  }

  .aboutleft img {
    width: 100%;
    max-width: auto;
  }

  .aboutright {
    width: 100%;
  }

  .practicearea {
    width: 100%;
  }

  .newsitem {
    width: 100%;
    padding: 0 0 50px;
  }

  .teammemberphoto img {
    max-width: 100%;
    height: auto;
  }

  .contactcontainer {
    flex-direction: column-reverse;
  }

  .contactleft {
    width: 100%;
    padding-right: 0;
  }

  .contactright {
    width: 100%;
    padding-bottom: 40px;
  }
}

@media screen and (max-width: 800px) {
  .slidercontainer li {
    max-height: 410px;
  }

  .slidercontainer .bx-wrapper {
    max-height: 410px !important ;
  }

  .slidercontainer .bx-viewport {
    height: 410px !important;
  }

  .slidertitle {
    width: 100%;
  }

  .slidertext {
    width: 100%;
  }

  .bannercontainer {
    max-height: 160px;
  }

  .teammemberphoto {
    width: 45%;
  }

  .teammembercontent {
    width: 55%;
  }
}

@media screen and (max-width: 650px) {
  body {
    font-size: 12px;
  }
  .slidertitle {
    font-size: 4em;
  }
  .bannertitle h1 {
    font-size: 3.444em;
  }
  .teammemberphoto {
    width: 100%;
    padding: 0 0 20px 0;
  }

  .teammemberphoto img {
    width: 100%;
    max-width: auto;
  }

  .teammembercontent {
    width: 100%;
  }
}

@media screen and (max-width: 500px) {
  .logo a {
    width: 160px;
    display: block;
  }
  .logo img {
    width: 100%;
  }
  .slidertitle {
    font-size: 3em;
  }
  .bannertitle h1 {
    font-size: 2.444em;
  }
  .featuredarea {
    width: 50%;
  }
}