/* XL Device :1200px. */

@media screen and (max-width: 1620px) {}

@media screen and (max-width: 1449px) {}


/* LG Device :992px. */

@media screen and (max-width: 1199px) {
   .hero__area {
      padding-top: 170px;
   }

   .section__title h1 {
      font-size: 60px;
      line-height: 65px;
   }

   .news__title {
      padding: 50px 0;
   }

   .section__title h2 {
      font-size: 44px;
      line-height: 44px;
      margin-bottom: 30px;
   }
}


/* MD Device :768px. */

@media screen and (max-width: 991px) {
   .section__title h1 {
      font-size: 48px;
      line-height: 48px;
   }

   .mission__area {
      padding: 40px 0;
   }

   .get__started__area {
      padding-top: 50px;
   }

   .process__area {
      padding: 40px 0;
   }

   .meet__area {
      padding: 50px 0;
   }

   .section__title h2 {
      font-size: 38px;
      line-height: 38px;
   }

   .footer__menu__wrap ul li a {
      font-size: 14px;
   }

   .footer__email a {
      font-size: 14px;
   }
}


/* SM Small Device :320px. */

@media screen and (max-width: 767px) {
   .hero__thumb__wrap {
      padding: 0;
      margin-top: 80px;
   }

   .hero__card__1 {
      top: -62px;
      right: 10px;
   }

   .hero__card__2 {
      bottom: -63px;
      left: 10px;
   }

   .hero__area {
      padding-top: 120px;
   }

   .section__title h1 {
      font-size: 40px;
      line-height: 40px;
   }

   .section__badges span {
      font-size: 14px;
      padding: 4px 18px;
   }

   .common__btn {
      padding: 12px 20px;
   }

   .choose__area {
      padding: 40px 0;
   }

   .counter__up__content h4 {
      font-size: 30px;
   }

   .counter__up__content p {
      font-size: 14px;
   }

   .counter__up__content {
      padding: 20px 10px;
      border-width: 3px;
   }

   .counter__up__area {
      padding: 40px 0;
   }

   .news__title {
      border-radius: 0;
      background-size: contain;
   }

   .footer__menu__wrap ul {
      flex-wrap: wrap;
      gap: 2px 15px;
   }

   .footer__menu__wrap {
      flex-wrap: wrap;
      gap: 12px;
      margin-bottom: 10px;
      padding-bottom: 12px;
   }

   .footer__copyright__block {
      flex-direction: column-reverse;
      gap: 9px;
   }

   .hero__card span {
      font-size: 14px;
   }

   .hero__card p {
      font-size: 12px;
      margin-top: 6px;
   }

   .footer__area {
      padding-top: 30px;
   }

   .form__item textarea {
      height: 120px;
   }

   .form__item input,
   .form__item textarea {
      font-size: 14px;
      padding: 12px 14px;
   }

   .form__item label {
      font-size: 16px;
   }

   .form__btn {
      margin-top: 30px;
   }

   .form__area {
      padding-top: 44px;
   }

   .section__title h2 {
      font-size: 32px;
   }

   .meet__content h3 {
      font-size: 26px;
   }

   .process__card {
      max-width: 430px;
      margin: 0 auto;
   }
}


/* SM Small Device :550px. */

@media screen and (max-width: 575px) {}