$font-weight-bold: 700 !default;

.price-box {
   margin: 20px 0;

   .row {
      @include delete-after;

      display: flex;
      align-items: baseline;

      > div:first-child {
         flex-grow: 1;
         text-align: right;
         width: auto;
      }

      > div:last-child {
         flex-shrink: 0;
         text-align: right;
         width: 175px;
      }
   }

   .text-right p {
      font-size: 22px;
      font-weight: $font-weight-bold;
   }

   h3 {
      font-family: $font-proxima;
      font-size: 30px;
      font-weight: $font-weight-bold;
      letter-spacing: 0;
      line-height: 40px;
      margin: 0;
      text-transform: none;
   }

   p {
      font-size: 16px;
      line-height: 20px;
      margin: 0;
      padding: 10px 0 5px;
   }

   @media screen and (max-width: 1199px) {
      h3 {
         font-size: 26px;
         line-height: 36px;
      }

      .text-right p {
         font-size: 20px;
      }

      .row > div:last-child {
         width: 155px;
      }
   }

   @media screen and (max-width: 450px), (max-width: 767px) and (min-width: 544px) {
      .row {

         > div:first-child {
            text-align: left;
         }

         > div:last-child {
            width: auto;
         }
      }
   }

   @media screen and (max-width: 450px) {
      padding: 0 15px;
   }

   @media screen and (max-width: 374px) {
      padding: 0 5px;

      h3 {
         font-size: 22px;
      }

      .text-right p {
         font-size: 18px;
      }

      p {
         font-size: 14px;
         padding: 8px 0;
      }
   }
}
