/* XL Device :1200px. */
@media (min-width: 1200px) and (max-width: 1449px) {
}

/* LG Device :992px. */
@media (min-width: 992px) and (max-width: 1200px) {
   .smart-wrap .smart-box {
      width: 48.7%;
   }

   .single-work {
      width: 31%;
   }

   .work-text h3 {
      font-size: 21px;
   }

   .single-idea {
      width: 48%;
   }
}

/* MD Device :768px. */
@media (min-width: 768px) and (max-width: 991px) {
   .hero-title h1 {
      font-size: 40px;
      margin-bottom: 24px;
   }

   .hero-title p {
      margin-bottom: 16px;
   }

   .smart-wrap {
      gap: 16px;
   }

   .smart-box {
      padding: 20px;
   }

   .smart-wrap .smart-box {
      padding: 20px;
   }

   .work-wrap {
      gap: 16px;
   }

   .single-work {
      width: 48.9%;
   }

   .single-idea {
      padding: 20px;
   }

   .idea-wrap {
      gap: 16px;
   }
   .work-img {
      height: auto;
   }
}

/* SM Small Device :320px. */
@media only screen and (min-width: 320px) and (max-width: 767px) {
   .hero-title h1 {
      font-size: 40px;
      margin-bottom: 24px;
   }
   .hero-input input {
      width: 100%;
   }

   .hero-title p {
      margin-bottom: 16px;
   }

   .smart-wrap {
      gap: 16px;
   }

   .smart-box {
      padding: 20px;
   }

   .smart-wrap .smart-box {
      padding: 16px;
      width: 100%;
   }

   .work-wrap {
      gap: 16px;
   }

   .single-work {
      width: 100%;
   }

   .single-idea {
      padding: 20px;
      width: 100%;
   }

   .idea-wrap {
      gap: 16px;
   }

   .header-content p {
      display: none;
   }

   .header-content {
      justify-content: space-between;
   }

   .hero {
      padding: 16px 0;
   }

   .hero-wrap {
      padding: 24px 16px;
   }

   .hero-input button {
      width: 100%;
   }

   .smart {
      padding: 40px 0;
   }

   .section-title h3 {
      font-size: 23px;
   }

   .section-text h3 {
      font-size: 16px;
   }

   .section-text {
      margin-bottom: 24px;
   }

   .smart-img.flex {
      flex-wrap: wrap;
   }

   .smart-img.flex a {
      display: block;
   }

   .smart-img.flex a img {
      width: 100%;
   }

   .work-text h3 {
      margin-bottom: 8px;
   }

   .idea-btn {
      position: unset;
      display: flex;
      justify-content: end;
   }

   .footer-left {
      margin-bottom: 40px;
   }

   .footer-text {
      text-align: left;
   }

   .footer-wrap {
      margin-bottom: 40px;
   }

   .bar.d-none {
      display: block !important;
   }

   .modal-content {
      padding: 16px;
   }

   .modal-title {
      margin-bottom: 40px;
   }

   .input-flex .single-input {
      width: 100%;
   }
   .work-img {
      height: auto;
   }
   .header {
      position: sticky;
      top: 0;
      left: 0;
      z-index: 99;
   }
}

/* SM Small Device :550px. */
@media only screen and (min-width: 576px) and (max-width: 767px) {
}