@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 !important;
    opacity: 1 !important;
  }
  .parallax-image {
    background-position: center !important;
    background-size: cover !important;
    height: 100% !important;
  }
  .sidebar.active .sidebarBtn.toggle {
    background: transparent !important;
  }
  .trHeroSection .heroText .H {
    font-size: 5.5rem;
  }
  .trHeroSection .heroText h1 {
    font-size: 1.85rem;
  }
  .trHeroSection .heroText {
    width: 15.5rem;
    text-align: center;
  }
  .trAboutText p {
    padding: 0;
    font-size: 16px !important;
  }
  .trBrandsSliderMain {
    bottom: 0;
  }
  .trAboutText {
    height: 32vh;
  }
  .trAbout .splide__slide .card {
    left: 10vw;
  }
  .trAbout .splide__slide img {
    width: 128px;
    left: 28%;
  }
  .card-title {
    font-size: 1.5rem;
  }
  .trAbout .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: 57vh !important;
    left: 0 !important;
  }
  .splide__arrows.splide__arrows--ltr {
    bottom: 45vh;
  }
  #trOneSlider .splide__arrows.splide__arrows--ltr {
    bottom: 72vh;
  }
  div#trOneSlider-track {
    bottom: 57vh;
    right: 13vw;
    width: 100%;
  }
  div#trFourSlider-track {
    bottom: 30vh;
    right: 13vw;
    width: 100%;
  }
  div#trTwoSlider-track {
    bottom: 57vh;
    right: 13vw;
    width: 100%;
  }
  #trTwoSlider .splide__arrows.splide__arrows--ltr {
    bottom: 72vh;
  }
  #trOneSlider .splide__arrow--prev {
    left: -8em;
  }
  #trFourSlider .splide__arrow--prev {
    left: -8em;
  }
  #trOneSlider .splide__arrow--next {
    right: -15em;
  }
  #trFourSlider .splide__arrow--next {
    right: -15em;
  }
  .trSectionTwo .companySliderDiv {
    bottom: 25vh;
  }
  .trSectionTwo .companyDesc {
    left: 12vw;
  }
  #trTwoSlider .splide__arrow--prev {
    left: -15em;
  }
  #trTwoSlider .splide__arrow--next {
    right: -8em;
  }
  .trSectionThree .companySliderDiv {
    bottom: 60vh !important;
  }
  div#trThreeSlider-track {
    bottom: 61vh;
  }
  .trSectionFour .companySliderDiv {
    bottom: 57vh !important;
  }
  #trThreeSlider .splide__arrows.splide__arrows--ltr {
    bottom: 76vh !important;
    left: 60vw;
  }
  #trThreeSlider .splide__arrow--prev {
    left: -20em;
    bottom: 36vh !important;
  }
  div#trFourSlider-track {
    bottom: 58vh;
  }
  .trSectionFive .companySliderDiv {
    bottom: 24.5vh;
  }
  #trFourSlider .splide__arrows.splide__arrows--ltr {
    bottom: 72vh !important;
  }
  .footer .row {
    width: 100%;
    position: absolute;
  }
}

@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;
  }
  .sidebar.active .sidebarBtn.toggle {
    background: transparent !important;
  }

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

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

  .trBrandsSliderMain {
    bottom: 5vh;
    padding: 0;
  }
  .trAbout div#splide01-track {
    width: 100%;
    left: 0;
  }
  .trAbout .splide__pagination {
    bottom: -4em;
  }
  .splide__arrow {
    top: 112% !important;
  }
  .trAbout .splide__slide .card-body {
    margin-top: 6vh;
  }
  .trAbout .splide__slide .btn-primary {
    bottom: 5vh;
  }
  .companyInfoCard {
    width: 50vw !important;
    height: 68vh !important;
  }
  .companyInfoCard img {
    width: 230px !important;
  }
  .companyDesc h1 {
    font-size: 4rem !important;
  }
  .companyDesc p.fw-light {
    width: 80vw !important;
    font-size: 30px !important;
  }
  .companyDesc {
    bottom: 34vh !important;
    width: 100% !important;
  }
  .trSectionOne .companySliderDiv {
    bottom: 35.5vh;
  }
  .trSectionFour .companySliderDiv {
    bottom: 32.5vh;
  }
  .companySliderDiv {
    height: 25vh !important;
  }
  div#trOneSlider-track {
    bottom: 36vh;
  }
  div#trFourSlider-track {
    bottom: 32vh;
  }
  #trOneSlider .splide__arrows.splide__arrows--ltr {
    bottom: 46vh;
    left: 11vw;
  }
  #trOneSlider
    .splide__arrows.splide__arrows--ltr
    #trFourSlider
    .splide__arrows.splide__arrows--ltr {
    bottom: 23vh;
    left: 10.5vw;
  }
  .trSectionTwo .companyInfoCard {
    left: 42vw;
  }
  .trSectionTwo .companyInfoCard img {
    left: 24vw;
  }
  .trSectionTwo .companyDesc {
    left: -12vw;
  }
  .trSectionThree .companyInfoCard img {
    left: 13vw;
  }
  .trSectionTwo .companyDesc p {
    float: right;
  }
  .trSectionTwo .companySliderDiv {
    bottom: 0vh;
  }
  div#trTwoSlider-track {
    bottom: 11vh;
  }
  #trTwoSlider .splide__arrows.splide__arrows--ltr {
    bottom: 21vh;
  }
  .trSectionThree .companyInfoCard {
    left: 25.5vw;
  }
  .trSectionThree .companyDesc {
    left: 0.5vw;
  }
  .trSectionThree .companySliderDiv {
    bottom: 36vh;
  }
  #trThreeSlider .splide__arrows.splide__arrows--ltr {
    bottom: 48vh;
  }
  #trThreeSlider .splide__arrow--prev {
    left: -56em;
  }
  #trFourSlider .splide__arrows.splide__arrows--ltr {
    bottom: 42vh;
  }
  div#trThreeSlider-track {
    bottom: 38vh;
  }
  .footer {
    height: 29.7vh;
  }
  .footer .row {
    position: relative;
    top: 5vh;
  }
  .copyrightFooter {
    height: 3vh;
  }
}