@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;
  }
  .agrHeroSection .heroText .H {
    font-size: 5.5rem;
  }
  .agrHeroSection .heroText h1 {
    font-size: 1.85rem;
  }
  .agrHeroSection .heroText {
    width: 15.5rem;
    text-align: center;
  }
  .agrAboutText p {
    padding: 0;
    font-size: 18px !important;
  }
  .agrBrandsSliderMain {
    bottom: 0;
  }
  .agrAboutText {
    height: 32vh;
  }
  .agrAbout .splide__slide .card {
    left: 10vw;
  }
  .agrAbout .splide__slide img {
    width: 128px;
    left: 28%;
  }
  .card-title {
    font-size: 1.5rem;
  }
  .agrAbout .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: 76vw !important;
    text-align: center !important;
    bottom: 38vh !important;
    left: 12vw !important;
  }
  .companyInfoCard img {
    left: 22vw !important;
    top: 2vh !important;
  }
  .companySliderDiv {
    width: 100vw !important;
    bottom: 32vh !important;
    left: 0 !important;
  }
  .splide__arrows.splide__arrows--ltr {
    bottom: 50vh !important;
  }
  div#agrOneSlider-track,
  div#agrTwoSlider-track,
  div#agrFourSlider-track {
    bottom: 36vh;
    right: 13vw;
    width: 100%;
  }
  #agrOneSlider .splide__arrow--prev,
  #agrFourSlider .splide__arrow--prev {
    left: -8em;
  }
  #agrOneSlider .splide__arrow--next,
  #agrFourSlider .splide__arrow--next {
    right: -15em;
  }
  div#agrThreeSlider-track {
    bottom: 42vh;
  }
  .agrSectionTwo .companyDesc {
    left: 12vw;
  }
  .agrSectionTwo .companySliderDiv {
    bottom: 36vh !important;
  }
  #agrTwoSlider .splide__arrow--prev {
    left: -15em;
  }
  #agrTwoSlider .splide__arrow--next {
    right: -8em;
  }
  .agrSectionThree .companySliderDiv {
    bottom: 42vh !important;
  }
  #agrThreeSlider .splide__arrows.splide__arrows--ltr {
    bottom: 57vh !important;
    left: 58vw;
  }
  #agrThreeSlider .splide__arrow--prev {
    left: -20em;
    bottom: 36vh !important;
  }
  div#agrFourSlider-track {
    bottom: 49vh;
  }
  .agrSectionFour .companySliderDiv {
    bottom: 48vh !important;
  }
  #agrFourSlider .splide__arrows.splide__arrows--ltr {
    bottom: 64vh !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;
  }

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

  .agrAboutText {
    position: relative;
    top: 10vh;
  }
  .agrAboutText h5 {
    font-size: 1.5rem;
  }
  .agrAboutText h2 {
    font-size: 3rem;
  }
  .agrAboutText p {
    padding: 1rem 2rem;
    font-size: 30px !important;
  }
  .agrBrandsSliderMain {
    bottom: 5vh;
    padding: 0;
  }
  .agrAbout div#splide01-track {
    width: 100%;
    left: 0;
  }
  .agrAbout .splide__pagination {
    bottom: -4em;
  }
  .splide__arrow {
    top: 112% !important;
  }
  .agrAbout .splide__slide .card-body {
    margin-top: 6vh;
  }
  .agrAbout .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;
  }
  .agrSectionOne .companySliderDiv {
    bottom: 16.25vh;
  }
  .companySliderDiv {
    height: 25vh !important;
  }
  div#agrOneSlider-track {
    bottom: 16vh;
  }
  #agrOneSlider .splide__arrows.splide__arrows--ltr {
    bottom: 26vh;
    left: 10.5vw;
  }
  .agrSectionTwo .companyInfoCard {
    left: 42vw;
  }
  .agrSectionTwo .companyInfoCard img {
    left: 24vw;
  }
  .agrSectionTwo .companyDesc {
    left: -12vw;
  }
  .agrSectionThree .companyInfoCard img {
    left: 13vw;
  }
  .agrSectionTwo .companyDesc p {
    float: right;
  }
  .agrSectionTwo .companySliderDiv {
    bottom: 0;
  }
  div#agrTwoSlider-track {
    bottom: -1vh;
  }
  #agrTwoSlider .splide__arrows.splide__arrows--ltr {
    bottom: 9vh;
  }
  .agrSectionThree .companyInfoCard {
    left: 25.5vw;
  }
  .agrSectionThree .companyDesc {
    left: 0.5vw;
  }
  .agrSectionThree .companySliderDiv {
    bottom: 22.5vh;
  }
  #agrThreeSlider .splide__arrows.splide__arrows--ltr {
    bottom: 35vh;
  }
  #agrThreeSlider .splide__arrow--prev {
    left: -56em;
  }
  div#agrThreeSlider-track {
    bottom: 25vh;
  }
  .agrSectionFour .companySliderDiv {
    bottom: 26.25vh;
  }
  #agrFourSlider .splide__arrows.splide__arrows--ltr {
    bottom: 36vh;
  }
  div#agrFourSlider-track {
    bottom: 26vh;
  }
  .copyrightFooter {
    height: 3vh;
  }
}