@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Me5Q.ttf) format('truetype');
}
@media screen and (max-width: 1200px) and (min-width: 991px) {
  .hero-wrapper .container .hero-left-wrapper h1 {
    font-size: 22px;
  }
  .hero-wrapper .container .hero-left-wrapper .hero-btn-wrapper {
    flex-direction: column;
    margin-top: 60px;
  }
  .hero-wrapper .container .hero-left-wrapper .hero-btn-wrapper .btn-size + .btn-size {
    margin-left: 0;
    margin-top: 15px;
  }
  .hero-wrapper .container .hero-left-wrapper .hero-btn-wrapper .btn-size .main-btn {
    width: 315px;
  }
}
@media screen and (max-width: 767px) {
  .why-wrapper .why-center-wrapper .why-item p {
    font-size: 13px;
  }
  .footer .footer-wrapper .footer-right .dropdown .dropdown-content a {
    padding: 11px;
  }
}
@media screen and (max-width: 565px) {
  .header .row .listContainer .list-wrapper ul .right-li .main-btn {
    font-size: 12px;
  }
  .hero-wrapper .container .hero-right-wrapper h1 {
    font-size: 35px;
  }
  .why-wrapper .why-arrow1 {
    top: 135px;
    width: 360px;
    margin-left: 43px;
  }
  .why-wrapper img {
    width: 100%;
  }
  .order-wrapper .order-content .back-to .main-btn {
    width: 330px;
    font-size: 18px;
  }
}
@media screen and (max-width: 400px) {
  .why-wrapper .why-arrow1 {
    top: 138px;
    width: 377px;
    margin-left: 0px;
  }
  .why-wrapper img {
    width: 100%;
  }
}