.show-768{
  display:  none !important; 
}
@media (max-width: 1920px) {
  html {
    font-size: 0.522vw;
  }
}
@media (min-width: 1024px) {
  .team-list-item:hover .team-member-images {
    width: calc(var(--vw) * 20.8);
    height: calc(var(--vw) * 28.4);
    left: calc(var(--vw) * 1.5);
    top: calc(var(--vw) * 2);
    transform: rotate(-5deg);
  }
  .team-list-item:hover .team-item-plus-container {
    transform: translate(-2rem, 2rem);
    opacity: 0;
  }
  .team-list-item:hover .team-hover-container {
    opacity: 1;
    bottom: 0;
  }
}
@media (max-width: 1024px) {
  html {
    font-size: 0.62vw;
  }
  body {
    font-size: 2.5rem;
  }
  .hide-1024 {
    display: none !important;
  }
  .show-1024 {
    display: block !important;
  }
  .show-1024.flex,
  .show-1024.flex-box {
    display: flex !important;
  }
  .full-width-1024 {
    width: 100% !important;
  }
  .container,
  .container.small-container, .post-type-archive-legal_services .page-header {
    width: 97%;
  }
  .section-heading br,
  p br,
  h2 br {
    display: none;
  }
  .full-width-slider {
    width: 100%;
  }
  .section-heading h6 {
    font-size: 3rem;
    margin-bottom: 4rem;
  }
  /* FOOTER STYLES */
  .footer-menu-box a,
  .footer-top-right li a,
  .footer-bottom * {
    font-size: 2.4rem;
  }
  .footer-top-left {
    justify-content: space-between;
    margin-bottom: 8rem;
  }
  .footer-top-left .footer-menu-box:first-of-type,
  .footer-top-left .footer-menu-box {
    width: 30%;
    margin: 0;
  }
  .footer-social-link {
    padding-left: 0;
  }
  .footer-top-right li a {
    padding-left: 0;
  }
  .footer-bottom {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
  }
  .footer-bottom-left {
    justify-content: center;
  }
  .footer-top-right .footer-social-link a {
    width: 7rem;
    height: 7rem;
  }
  .footer-social-link a img {
    max-height: 3rem;
    max-width: 3rem;
  }
  /* HOMEPAGE STYLES */
  .full-width-1024.description {
    margin-top: 4rem;
  }
  .animated-usp-box {
    min-height: unset;
    padding: 20px 15px;
    padding-top: 0;
  }
  .animated-usp-slider,
  .testimonial-wrapper {
    display: block;
    width: 100%;
    transform: none;
  }
  .animated-usp-item,
  .testimonial-item {
    width: 100%;
    height: 100%;
    max-height: unset;
    min-height: unset;
  }
  .animated-usp-slider .slick-slide,
  .team-list .slick-slide,
  .testimonial-wrapper .slick-slide {
    margin: 0 1.5rem;
    height: inherit;
  }
  .team-list {
    display: block;
    height: auto;
  }
  .team-list-item,
  .team-member-images {
    width: 100%;
    height: calc(var(--vw) * 60);
  }
  .team-info-box {
    display: none;
  }
  .team-hover-container {
    width: 100%;
    height: auto;
    opacity: 1;
    bottom: -1px;
    background-size: 100% auto;
    padding-bottom: 4rem;
    border-radius: 1rem;
  }
  .team-hover-container p {
    font-size: 2.4rem;
  }
  .hp-testimonial-section {
    min-height: unset;
  }
  .testimonial-wrapper .slick-slide {
    margin: 0 3rem;
  }
  .hp-legacy-section .legacy-thumb {
    position: static;
    height: auto;
    width: 100%;
    max-width: 450px;
  }
  .hp-legacy-section .legacy-quote-box {
    width: 100%;
    max-width: 100%;
    margin-top: 0;
  }
  .hp-contact-form .input-box input,
  .hp-contact-form .input-box select,
  .hp-contact-form .input-box textarea,
  .dark-bg-form .input-box input,
  .dark-bg-form .input-box select,
  .dark-bg-form .input-box textarea {
    font-size: 2.5rem;
  }
}

@media (max-width: 768px) {
  html {
    font-size: 0.78vw;
  }
  .hide-768 {
    display: none !important;
  }
  .show-768 {
    display: block !important;
  }
  .show-768.flex,
  .show-768.flex-box {
    display: flex !important;
  }
  .full-width-768 {
    width: 100% !important;
  }

  .container,
  .container.small-container,
  .large-container, .post-type-archive-legal_services .page-header {
    width: 100%;
  }
  .full-width-slider {
    width: 100%;
    padding-left: 15px;
  }
  .full-width-768.description {
    margin-top: 4rem;
  }

  /* Header */
  header.header .header-inner {
    width: 100%;
    padding-bottom: 0;
  }

  /* HOMEPAGE */

  .why-us-usp {
    margin-top: 10rem;
  }
  .why-us-usp li p {
    font-size: 2.5rem;
  }
  .testimonial-box > div {
    flex-direction: column-reverse;
  }
  .testimonial-content {
    padding-left: 0;
  }
  .testimonial-content .quote-icon {
    left: 0;
  }
  .testimonial-meta {
    width: 100%;
    padding-right: 0;
    max-width: 100%;
    border-top: 0.5px solid #333333;
    border-right: 0;
    display: flex;
    align-items: center;
    padding-top: 4rem;
    margin-top: 6rem;
  }

  .testimonial-meta .avatar {
    margin: 0 3rem 0 0;
  }
  .hp-legacy-section .subtitle {
    margin-top: 5rem;
  }
}

@media (max-width: 640px) {
  html {
    font-size: 0.92vw;
  }
  .com-padding {
    padding: 12rem 0;
  }
  .top-padding {
    padding-top: 12rem;
  }
  .bottom-padding {
    padding-bottom: 12rem;
  }
  .full-width-640 {
    width: 100% !important;
  }
  h2 {
    font-size: 8rem;
  }

  /* FOOTER */
  .footer-top-left .footer-menu-box:first-of-type,
  .footer-top-left .footer-menu-box {
    width: 45%;
  }
  .footer-top-left .footer-menu-box:nth-of-type(3){
    width: 100%;
  }
  .footer-bottom-left p {
    width: 100%;
    margin-bottom: 3rem;
  }
  /* HOMEPAGE Styles */
  .why-us-usp .digit-container {
    width: 5.5rem;
  }
  .team-list-item,
  .team-member-images {
    height: calc(var(--vw) * 117);
  }
  .team-hover-container {
    padding: 4rem 3rem 4rem 3rem;
  }
  .hp-team-section .large-container,
  .animated-usp-box {
    width: 100%;
    padding-right: 0;
  }
  .team-list .slick-list,
  .animated-usp-slider .slick-list,
  .testimonial-wrapper .slick-list {
    padding: 0 8rem 0 0 !important;
  }
  .hp-faq-section .faq-body {
    padding-left: 8rem;
  }
  .hp-faq-section .faq-heading h6 {
    padding-left: 7rem;
    line-height: 1.4;
  }
}

@media (max-width: 540px) {
  html {
    font-size: 1.25vw;
  }
  body {
    font-size: 2.7rem;
  }
  h2 {
    font-size: 7rem;
  }
  .footer-menu-box a,
  .footer-top-right li a,
  .footer-bottom *,
  .hp-contact-form .input-box input,
  .hp-contact-form .input-box select,
  .hp-contact-form .input-box textarea,
  .dark-bg-form .input-box input,
  .dark-bg-form .input-box select,
  .dark-bg-form .input-box textarea {
    font-size: 2.7rem;
  }
  .post-type-archive-legal_services .default-body-wrapper, .testimonial-listing {
        grid-template-columns: repeat(1, 1fr);
    }
    .video-testimonial-listing {
      grid-template-columns: repeat(2, 1fr);
  }
    h1 {
      font-size: 9rem;
    }
}