@media only screen and (max-width: 1550px) {
  .top-nav {
    right: 3.9em;
  }

  .main-logo {
    margin: 0em 3.6rem 0em 1.8em;
  }

  section .row-one {
    padding: 2rem 8rem;
  }

  section .box img {
    height: auto;
  }

  section .box .title {
    font-size: 20px;
  }
}
@media only screen and (max-width: 1440px) {
  .top-nav {
    right: 3.9em;
  }

  .main-logo {
    margin: 0em 3.6rem 0em 1.8em;
  }

  section .row-one {
    padding: 2rem 4rem;
  }

  section .box img {
    height: auto;
  }

  section .box .title {
    font-size: 20px;
  }
}


@media only screen and (max-width: 1080px) {
  .top-nav {
    right: 0.9em;
  }

  .main-logo {
    margin: 0em 0.6rem 0em 1.8em;
  }

  section .row-one {
    padding: 2rem 5rem;
  }

  header {
    padding: 0 70px 0 0px;
  }

  section .box {
    height: 350px;
  }

  section .box .title {
    font-size: 16px;
  }

  section .box .sub-title {
    font-size: 12px;
  }
  footer .footer__ {
    padding: 5rem 6rem 2.5rem 6rem;
}
}

@media only screen and (max-width: 767px) {
  body {
    width: 100%;
  }

  header {
    padding: 0px;
    margin-top: 25px;
    margin-bottom: 25px;
  }

  .main-logo {
    margin: 0;
    text-align: center;
    position: relative;
    top: 12px;
  }

  .main-logo img {
    mix-blend-mode: multiply;
    width: 250px;
  }

  .logo-line {
    top: -1.24em;
  }

  section .row-one {
    padding: 1rem;
    flex-direction: column;
  }

  section .box {
    height: 325px;
    width: 100%;
  }

  section .box button a {
    font-size: 12px;
  }

  section .box button {
    width: 90px;
    height: 35px;
  }
  footer .footer__ {
    padding: 2rem;
  }
}