@media only screen and (max-width: 1140px) {
  .nav-list {
    flex-direction: row;
    text-align: center;
    color: white;
    font-size: 1rem;
  }
  .nav-list li {
    flex-direction: row;
    text-align: center;
    color: white;
    font-size: 1rem;
  }
  .navbar {
    height: 500px;
    flex-direction: row;
    transition: all 0.7s ease-out;
  }
  .rightNav {
    text-align: center;
  }
  .box-main {
    flex-direction: row-reverse;
    max-width: 100%;
  }

  #search {
    width: 100%;
  }
  .h-nav-resp {
    height: 72px;
  }
  .v-class-resp {
    opacity: 0;
  }
  .section {
    flex-direction: row-reverse;
  }
  .text-small {
    text-align: center;
  }
  .text-big {
    text-align: center;
  }
  .buttons {
    text-align: center;
  }
}