@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;
  }
  .reHeroSection .heroText .H {
    font-size: 5.5rem;
  }
  .reHeroSection .heroText h1 {
    font-size: 1.85rem;
  }
  .reHeroSection .heroText {
    width: 15.5rem;
    text-align: center;
  }
  .reAboutText p {
    padding: 0;
    font-size: 16px !important;
  }
  .reBrandsSliderMain {
    bottom: 5vh;
  }
  .reAboutText {
    height: 32vh;
  }
  .reAbout .splide__slide .card {
    left: 6vw;
  }
  .reAbout .splide__slide img {
    left: 22%;
  }
  .card-title {
    font-size: 1.5rem;
  }
  .reAbout .splide__slide .btn-primary {
    left: 23%;
  }
  .reAbout .splide__list {
    justify-content: normal;
  }
  .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: 76vw !important;
    text-align: center !important;
    bottom: 38vh !important;
    left: 10vw !important;
  }
  .companyDesc h1 {
    font-size: 24px;
  }
  .companyInfoCard img {
    left: 23vw !important;
    top: 2vh !important;
  }
  .companySliderDiv {
    width: 100vw !important;
    bottom: 37vh !important;
    left: 0 !important;
  }
  .splide__arrows.splide__arrows--ltr {
    bottom: 55vh !important;
  }
  div#reOneSlider-track {
    bottom: 38vh;
    right: 13vw;
    width: 100%;
  }
  div#reTwoSlider-track {
    bottom: 35vh;
    right: 13vw;
    width: 100%;
  }
  div#reThreeSlider-track {
    bottom: 38.5vh;
  }
  #reOneSlider .splide__arrow--prev {
    left: -8em;
  }
  #reOneSlider .splide__arrow--next {
    right: -15em;
  }
  .reSectionTwo .companyDesc {
    left: 12vw;
  }
  .reSectionTwo .companySliderDiv {
    bottom: 34vh !important;
  }
  #reTwoSlider .splide__arrow--prev {
    left: -15em;
  }
  #reTwoSlider .splide__arrow--next {
    right: -8em;
  }
  .reSectionThree .companySliderDiv {
    bottom: 38vh !important;
  }
  #reThreeSlider .splide__arrows.splide__arrows--ltr {
    bottom: 54vh !important;
    left: 60vw;
  }
  #reTwoSlider .splide__arrows.splide__arrows--ltr {
    bottom: 50vh !important;
  }
  #reThreeSlider .splide__arrow--prev {
    left: -20em;
    bottom: 36vh !important;
  }
  .footer .row {
    width: 100%;
    position: absolute;
    bottom: 36vh !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;
  }

  .leftnav span {
    color: var(--re-secondary) !important;
  }

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

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

  .reAbout .splide__arrow {
    display: none;
  }

  .reBrandsSliderMain {
    bottom: 0;
    padding: 0;
  }
  .reAbout div#splide01-track {
    width: 100%;
    left: 0;
  }
  .reAbout .splide__pagination {
    bottom: -4em;
  }
  .splide__arrow {
    top: 112% !important;
  }
  .reAbout .splide__slide .card-body {
    margin-top: 6vh;
  }
  .reAbout .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;
  }
  .reSectionOne .companySliderDiv {
    bottom: 22.5vh;
  }
  .companySliderDiv {
    height: 25vh !important;
  }
  div#reOneSlider-track {
    bottom: 23vh;
  }
  #reOneSlider .splide__arrows.splide__arrows--ltr {
    bottom: 33vh;
    left: 10.5vw;
  }
  .reSectionTwo .companyInfoCard {
    left: 42vw;
  }
  .reSectionTwo .companyInfoCard img {
    left: 24vw;
  }
  .reSectionTwo .companyDesc {
    left: -12vw;
  }
  .reSectionThree .companyInfoCard img {
    left: 13vw;
  }
  .reSectionTwo .companyDesc p {
    float: right;
  }
  .reSectionTwo .companySliderDiv {
    bottom: -1vh;
  }
  div#reTwoSlider-track {
    bottom: -1vh;
  }
  #reTwoSlider .splide__arrows.splide__arrows--ltr {
    bottom: 9vh;
  }
  .reSectionThree .companyInfoCard {
    left: 25.5vw;
  }
  .reSectionThree .companyDesc {
    left: 0.5vw;
  }
  .reSectionThree .companySliderDiv {
    bottom: 19.5vh;
  }
  #reThreeSlider .splide__arrows.splide__arrows--ltr {
    bottom: 31vh;
  }
  #reThreeSlider .splide__arrow--prev {
    left: -56em;
  }
  div#reThreeSlider-track {
    bottom: 21vh;
  }
  .footer .row.d-flex.flex-row.w-100 {
    bottom: -6vh;
  }
  .copyrightFooter {
    height: 3vh;
  }
}