/* XL Device :1200px. */

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

@media screen and (max-width: 1449px) {
   .hero__thumb {
      height: 520px;
      width: 600px;
   }

   .hero__area {
      margin-top: -85px;
      min-height: 522px;
   }

   .service__impact {
      padding: 40px 30px;
      margin-top: 80px;
   }

   .service__impact__content h3 {
      font-size: 48px;
      line-height: 50px;
   }

   .service__impact__content p {
      font-size: 16px;
   }

   .service__impact__icon img {
      height: 40px;
   }

   .single__service__impact {
      gap: 10px;
   }

   .service__area {
      padding: 80px 0;
   }

   .service__logos {
      margin-bottom: 80px;
   }

   .built__thumb {
      margin-top: 0;
      margin-bottom: 10px;
   }
}


/* LG Device :992px. */

@media screen and (max-width: 1200px) {
   .hero__thumb {
      height: 520px;
      width: 44%;
   }

   .hero__content {
      max-width: 542px;
      padding-top: 160px;
   }

   .main__menu ul {
      gap: 30px;
   }

   .about__area {
      min-height: 390px;
      margin-bottom: 80px;
      padding-top: 100px;
      padding-bottom: 20px;
   }

   .about__title h2 {
      font-size: 48px;
      line-height: normal;
   }

   .agriculture__card__content {
      padding: 20px 10px;
   }

   .agriculture__card__content h3 {
      font-size: 46px;
   }

   .agriculture__card__content h5 {
      font-size: 16px;
      line-height: 23px;
   }

   .agriculture__banner {
      margin-bottom: 40px;
   }

   .agriculture__area {
      padding-bottom: 50px;
   }

   .why__us__coard h3 {
      font-size: 75px;
      line-height: 1;
      margin-bottom: 20px;
   }

   .why__us__wrapper {
      margin-top: 40px;
   }

   .why__us__wrapper .row {
      --bs-gutter-x: 20px;
      --bs-gutter-y: 10px;
   }

   .why__us {
      padding-bottom: 50px;
   }

   .single__reach__item span img {
      height: 40px;
   }

   .single__reach__item:not(:last-child) {
      margin-bottom: 20px;
   }

   .single__reach__item h4 {
      font-size: 18px;
      line-height: 28px;
   }

   .our__version {
      margin-top: 80px;
   }

   .reach__area {
      margin-bottom: 50px;
   }

   .reach__inner__block .section__title {
      margin-bottom: 40px;
   }

   .reach__thumb {
      margin-bottom: 30px;
   }

   .version__thumb {
      max-width: 100%;
      margin-bottom: 20px;
   }

   .cta__area {
      padding-bottom: 60px;
   }

   .about__title h2 {
      font-size: 38px;
   }

   .built__top__block {
      margin-bottom: 40px;
   }

   .built__area {
      padding-bottom: 50px;
   }

   .about__title h4 {
      margin-top: 10px;
      margin-bottom: 10px;
   }

   .contact__icon {
      width: 40px;
      height: 40px;
      margin: 0 auto;
      margin-bottom: 15px;
   }

   .contact__content h4 {
      font-size: 28px;
      margin-bottom: 10px;
      line-height: 28px;
   }

   .contact__content p {
      font-size: 16px;
   }

   .single__contact__card {
      padding: 30px;
      height: auto;
      min-height: 230px;
   }

   .contact__card__block {
      margin-bottom: 70px;
   }

   .contact__block {
      padding: 25px 15px;
   }

   .contact__thumb {
      height: 713px;
   }

   .single__contact__step input {
      font-size: 16px;
      padding: 10px;
   }

   .single__contact__step textarea {
      font-size: 16px;
      padding: 10px;
   }
}


/* MD Device :768px. */

@media screen and (max-width: 991px) {
   .hero__content {
      padding-top: 20px;
      max-width: 100%;
   }

   .hero__thumb {
      height: auto;
      width: 100%;
      position: unset;
      border-radius: 10px;
   }

   .hero__area {
      margin-top: 30px;
   }

   .open__menu {
      font-size: 22px;
      color: #000;
   }

   .offcanvas__menu ul li {
      display: block;
      border-bottom: 1px solid #000;
      padding: 5px 0;
   }

   .offcanvas__menu ul li a {
      padding: 5px 0;
      display: block;
      color: #000;
   }

   .offcanvas__menu ul > li:hover > a {
      padding-left: 5px;
      color: #C7EB61;
   }

   .service__area {
      padding: 50px 0;
   }

   .service__logos {
      margin-bottom: 50px;
   }

   .service__wrapper {
      padding-top: 50px;
   }

   .arrow__btn a {
      font-size: 18px;
      height: 46px;
      width: 46px;
   }

   .service__card__content h4 {
      font-size: 20px;
      line-height: 26px;
   }

   .service__inner__content {
      padding: 15px;
   }

   .service__impact .row {
      --bs-gutter-y: 25px;
   }

   .industry__inner__block .row {
      --bs-gutter-y: 30px;
   }

   .service__impact__content h3 {
      font-size: 42px;
      line-height: 40px;
   }

   .industry__left__block {
      max-width: 100%;
   }

   .footer__menu__list ul {
      justify-content: center;
   }

   .footer__logo {
      text-align: center;
   }

   .footer__area .row {
      --bs-gutter-y: 30px;
   }

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

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

   .footer__area {
      padding-bottom: 30px;
   }

   .footer__bottom__block {
      margin-top: 40px;
   }

   .planting__thumb {
      max-width: 100%;
      margin-bottom: 30px;
   }

   .feedstor__inner__block .section__title p {
      max-width: 100%;
      margin-top: 15px;
   }

   .feedstor__content {
      max-width: 100%;
   }

   .single__feedstor__wrap .row {
      --bs-gutter-y: 25px;
   }

   .why__us__coard h5 {
      font-size: 16px;
   }

   .feed__planting__items .single__planting__item h3 {
      margin: 0;
      line-height: 27px;
      font-size: 20px;
   }

   .feed__planting__items .single__planting__item:not(:last-child) {
      margin-bottom: 25px;
   }

   .operation__card__icon {
      height: 80px;
      width: 80px;
   }

   .contact__thumb {
      display: none;
   }

   .offcanvas-body .dropdown__menu {
      position: unset;
      opacity: 1;
      visibility: visible;
      width: 100%;
      padding: 10px;
   }

   .offcanvas-body .accordion-button {
      background-color: transparent !important;
      transition: all .3s ease-in-out !important;
      box-shadow: none !important;
   }

   .offcanvas__menu>ul>li .dropdown__menu ul li:hover a {
      color: #C7EB61;
      padding-left: 5px;
   }

}


/* SM Small Device :320px. */

@media screen and (max-width: 767px) {
   .hero__content h1 {
      font-size: 30px;
      line-height: 40px;
   }

   .common__btn {
      padding: 8px 20px;
      font-size: 14px;
   }

   .section__title span {
      font-size: 14px;
      margin-bottom: 0;
   }

   .section__title h3 {
      font-size: 30px;
      line-height: 36px;
      margin-bottom: 15px;
   }

   .feedtrack__icon {
      margin-bottom: 15px;
   }

   .feedtrack__content h4 {
      min-height: auto;
   }

   .feedstor__area {
      margin-bottom: 50px;
   }

   .operation__card__icon {
      margin-bottom: 15px;
      height: 70px;
      width: 70px;
   }

   .operation__area {
      margin-bottom: 50px;
   }

   .feedtrack__area {
      margin-bottom: 50px;
   }

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

   .service__wrapper .owl-dots .owl-dot {
      height: 10px;
      width: 10px;
      margin: 0 4px;
   }

   .single__planting__item h3 {
      font-size: 20px;
      line-height: 22px;
      margin-bottom: 16px;
   }

   .feedtrack__icon {
      height: 50px;
      width: 50px;
   }

   .single__planting__item:not(:last-child) {
      margin-bottom: 20px;
   }

   .contact__card__block .row {
      --bs-gutter-y: 20px;
   }

   .version__content p {
      font-size: 18px;
      line-height: 25px;
   }

   .reach__inner__block {
      padding: 30px 15px;
   }

   .service__impact {
      margin-top: 40px;
      padding: 30px 15px;
   }

   .service__impact__content h3 {
      font-size: 35px;
      line-height: 1;
   }

   .header__btn a {
      padding: 9px 25px;
      font-size: 14px;
   }

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

   .footer__menu__list ul {
      gap: 25px;
   }

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

   .subscribe__input__items button {
      font-size: 14px;
   }

   .footer__bottom__block {
      flex-direction: column-reverse;
      align-items: center;
      gap: 10px;
      padding-top: 15px;
   }

   .our__version {
      margin-top: 30px;
   }

   .why__us__coard h3 {
      font-size: 60px;
   }


   .about__area {
      padding-bottom: 40px;
   }

   .planting__area {
      margin-bottom: 50px;
   }

   .planting__items {
      padding-left: 20px;
   }

   .single__planting__item.active::before {
      left: -20px;
   }

   .feedstor__content h3 {
      font-size: 26px;
      line-height: 30px;
      margin-bottom: 15px;
   }

   .single__feedstor__wrap:not(:last-child) {
      margin-bottom: 50px;
   }

   .built__content h3 {
      font-size: 24px;
      line-height: 1;
      margin-bottom: 15px;
   }

   .planting__thumb img {
      height: auto;
   }

   .built__content p {
      min-height: auto;
   }

   .footer__area {
      padding-bottom: 20px;
      padding-top: 30px;
   }
}


/* SM Small Device :550px. */

@media screen and (max-width: 575px) {
   .subscribe__input__items {
      justify-content: center;
      gap: 6px;
   }
}