.newsletter-subscribe {
   border-top: 1px solid $border-color;
   padding: 50px 0;
}

.newsletter-subscribe-inner {
   display: flex;
   align-items: center;

   p {
      margin: 0;
   }

   .title {
      margin-right: 70px;

      .fc {
         margin-right: 15px;
         color: $brand-ctr;
      }
   }

   .descr {
      max-width: 340px;
   }

   form {
      display: flex;
      flex: 1;
      margin-left: auto;
      max-width: 490px;

      input {
         border: 0;
         background: $body-bg-alt;
         font-size: $font-size-base;

         @supports (-webkit-touch-callout: none) {
            font-size: 16px;
         }
      }

      .btn {
         margin-left: $grid-gutter-width;
      }
   }
}

@media screen and (max-width: $lg - 1) {
   .newsletter-subscribe {
      padding: 30px 0;
   }

   .newsletter-subscribe-inner {
      flex-wrap: wrap;
      justify-content: center;

      form {
         flex: 100%;
         max-width: 800px;
         margin: 25px auto 0;
      }
   }
}

@media screen and (max-width: 599px) {
   .newsletter-subscribe-inner {
      .title {
         margin: 0 0 15px;
      }

      .descr {
         max-width: 100%;
         text-align: center;
      }
   }
}
