@media only screen and (min-device-width: 375px) and (max-device-width: 830px) {
  .headerAnimation,
  .navAnimation,
  .heroAnimationC,
  .heroAnimationD,
  .indAnimationText,
  .cardInfoAnimationA,
  .cardInfoAnimationB,
  .cardAnimationC,
  .cardInfoAnimationC,
  .carouselContainerAnimationC,
  .cardInfoAnimationD,
  .cardAnimationE,
  .cardInfoAnimationE,
  .carouselContainerAnimationE,
  .cardInfoAnimationF,
  .carouselContainerAnimationA,
  .cardAnimationB,
  .carouselContainerAnimationD,
  .cardAnimationF,
  .heroAnimationD,
  .cardAnimationA,
  .carouselContainerAnimationB,
  .cardAnimationD,
  .carouselContainerAnimationF {
    transform: initial;
    opacity: 1;
  }
  .parallax-image {
    background-position: center !important;
    background-size: cover !important;
    height: 100% !important;
  }
  .lawHeroSection .heroText .H {
    font-size: 5.5rem;
  }
  .lawHeroSection .heroText h1 {
    font-size: 1.85rem;
    background-position: bottom;
  }
  .lawHeroSection .heroText {
    width: 21rem;
    left: 4vw;
    text-align: center;
  }
  .lawAboutText p {
    padding: 0;
    font-size: 16px !important;
  }
  .lawBrandsSliderMain {
    bottom: 0;
  }
  .lawAboutText {
    height: 32vh;
  }
  .lawAbout .splide__slide .card {
    left: 10vw;
  }
  .lawAbout .splide__slide img {
    width: 128px;
    left: 28%;
  }
  .card-title {
    font-size: 1.5rem;
  }
  .lawAbout .splide__slide .btn-primary {
    left: 28%;
  }
  .splide__arrow {
    top: 60% !important;
  }
  .companyInfoCard {
    width: 84vw !important;
  }
  .companyDesc p.fw-light {
    font-size: 18px !important;
    text-align: center;
  }
  .companyInfoCard {
    height: 65vh !important;
    top: 4vh !important;
    left: 8vw !important;
  }
  .companyDesc,
  .companyDesc p {
    width: 80vw !important;
    text-align: center !important;
    bottom: 38vh !important;
    left: 10vw !important;
  }
  .companyDesc h1 {
    font-size: 24px;
  }
  .companyInfoCard img {
    left: 22vw !important;
    top: 2vh !important;
  }
  .companySliderDiv {
    width: 100vw !important;
    bottom: 53vh !important;
    left: 0 !important;
  }
  .splide__arrows.splide__arrows--ltr {
    bottom: 68vh !important;
  }
  div#lawOneSlider-track {
    bottom: 54vh;
    right: 13vw;
    width: 100%;
  }
  #lawOneSlider .splide__arrow--prev {
    left: -8em;
  }
  #lawOneSlider .splide__arrow--next {
    right: -15em;
  }
  .lawSectionTwo .companyDesc {
    left: 12vw;
  }
  #lawTwoSlider .splide__arrow--prev {
    left: -15em;
  }
  #lawTwoSlider .splide__arrow--next {
    right: -8em;
  }
  .lawSectionTwo .companySliderDiv {
    bottom: 56vh !important;
  }
  div#lawTwoSlider-track {
    bottom: 55vh;
    right: 22vw;
  }
  #lawTwoSlider .splide__arrows.splide__arrows--ltr {
    bottom: 70vh !important;
  }
  .lawSectionThree .companySliderDiv {
    bottom: 35vh !important;
  }
  #lawThreeSlider .splide__arrows.splide__arrows--ltr {
    bottom: 51vh !important;
    left: 60vw;
  }
  div#lawThreeSlider-track {
    bottom: 35vh;
  }
  .lawSectionThree .companyDesc h1 {
    width: 90%;
  }
  #lawThreeSlider .splide__arrow--prev {
    left: -20em;
    bottom: 36vh !important;
  }
  .footer {
    height: 70vh;
  }
  .footer .row {
    width: 100%;
    position: absolute;
    bottom: 30vh !important;
  }
}

@media only screen and (min-device-width: 831px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
  .parallax-image {
    background-position: center !important;
    background-size: cover !important;
    height: 100% !important;
  }
  .leftnav {
    top: 70vh;
    left: -26vw;
  }

  .lawHeroSection .heroText h1 {
    font-size: 4rem;
  }
  .lawHeroSection .heroText p {
    font-size: 30px !important;
    width: 140%;
  }

  .lawAboutText {
    position: relative;
    top: 10vh;
  }
  .lawAboutText h5 {
    font-size: 1.5rem;
  }
  .lawAboutText h2 {
    font-size: 3rem;
  }
  .lawAboutText p {
    padding: 1rem 2rem;
    font-size: 30px !important;
  }

  .lawBrandsSliderMain {
    bottom: 5vh;
    padding: 0;
  }
  .lawAbout div#splide01-track {
    width: 100%;
    left: 0;
  }
  .lawAbout .splide__pagination {
    bottom: -4em;
  }
  .splide__arrow {
    top: 112% !important;
  }
  .lawAbout .splide__slide .card-body {
    margin-top: 6vh;
  }
  .lawAbout .splide__slide .btn-primary {
    bottom: 5vh;
  }
  .companyInfoCard {
    width: 50vw !important;
    height: 68vh !important;
  }
  .companyInfoCard img {
    width: 230px !important;
  }
  .companyDesc p.fw-light {
    width: 80vw !important;
    font-size: 30px !important;
  }
  .companyDesc {
    bottom: 34vh !important;
    width: 100% !important;
  }
  .lawSectionOne .companySliderDiv {
    bottom: 31.5vh;
  }
  .lawSectionFour .companySliderDiv {
    bottom: 13.05vh;
  }
  .companySliderDiv {
    height: 25vh !important;
  }
  div#lawOneSlider-track {
    bottom: 32vh;
  }
  div#lawFourSlider-track {
    bottom: 12vh;
  }
  #lawOneSlider .splide__arrows.splide__arrows--ltr {
    bottom: 42vh;
    left: 10.5vw;
  }
  #lawFourSlider .splide__arrows.splide__arrows--ltr {
    bottom: 22vh;
    left: 10.5vw;
  }
  .lawSectionTwo .companyInfoCard {
    left: 42vw;
  }
  .lawSectionTwo .companyInfoCard img {
    left: 24vw;
  }
  .lawSectionTwo .companyDesc h1 {
    width: 88%;
    position: relative;
    left: 12vw;
  }
  .lawSectionTwo .companyDesc {
    left: -12vw;
  }
  .lawSectionThree .companyInfoCard img {
    left: 13vw;
    top: -4vh;
  }
  .lawSectionTwo .companyDesc p {
    float: right;
  }
  .lawSectionTwo .companySliderDiv {
    bottom: 0;
  }
  div#lawTwoSlider-track {
    bottom: 8vh;
  }
  #lawTwoSlider .splide__arrows.splide__arrows--ltr {
    bottom: 18vh;
  }
  .lawSectionThree .companyInfoCard {
    left: 25.5vw;
  }
  .lawSectionThree .companyDesc {
    left: 0.5vw;
  }
  .lawSectionThree .companySliderDiv {
    bottom: 23.5vh;
  }
  #lawThreeSlider .splide__arrows.splide__arrows--ltr {
    bottom: 36vh;
  }
  #lawThreeSlider .splide__arrow--prev {
    left: -56em;
  }
  div#lawThreeSlider-track {
    bottom: 25vh;
  }
  .lawSectionThree .companyDesc h1 {
    width: 90%;
  }
  .footer .row {
    bottom: -1vh !important;
  }
  .copyrightFooter {
    height: 3.5vh;
  }
}