/* Ruakaka Motors - Responsive CSS */

@media only screen and (max-width: 1100px){

  .rm-about__content{
    padding: 55px 45px;
  }

  .rm-hero__logo-left{
    width: 460px;
  }
}

@media only screen and (max-width: 900px){

  .rm-hero{
    min-height: 620px;
  }

  .rm-hero__content{
    min-height: 620px;
    padding: 140px 20px 70px;
  }

  .rm-hero__h1{
    font-size: 28px;
  }

  .rm-about__grid{
    grid-template-columns: 1fr;
  }

  .rm-about__image{
    padding: 45px 0 100px 0;
  }

  .rm-about__content p{
    max-width: none;
  }
}

@media only screen and (max-width: 600px){

  .rm-hero__top-inner{
    width: calc(100% - 0px);
    align-items:flex-start;
    padding: 25px 50px!important;
  }

  .rm-hero__logo-left{
    width: 320px;
    max-width: 72%;
  }

  .rm-hero__logo-right{
    width: 120px;
    max-width: 28%;
  }

  .rm-hero__small{
    font-size: 14px;
  }

  .rm-hero__h1{
    font-size: 22px;
  }

  .rm-about__content{
    padding: 45px 25px;
  }

  .rm-footer__inner{
    width: calc(100% - 40px);
    flex-direction:column;
    text-align:center;
    gap: 6px;
  }
}

@media only screen and (max-width: 420px){

  .rm-about__buttons{
    flex-direction:column;
    align-items:stretch;
  }

  .rm-about__pill{
    width:100%;
  }
}