@media (min-width:768px) {
  input[type=reset] {
    display: none !important
  }
}

@media (max-width:1479px) {
  body {
    font-size: 15px
  }
}

@media (max-width:1360px) {
  body {
    font-size: 13px
  }

  .placeholder {
    font-size: 14px
  }

  .input-group {
    width: 16%
  }
}

@media (max-width:991px) {
  .input-group {
    width: 17%
  }
}

@media (max-width:767px) {
  .logo a {
    width: auto;
    padding: 0 20px;
    border: 0;
    height: 56px
  }

  .name-data {
    padding: 0 20px 16px;
    border-bottom: 1px solid rgba(31, 34, 38, .08)
  }

  .name-data-left>* {
    letter-spacing: .15px;
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    color: #1f2226
  }

  .name-data .b_date {
    font-size: 14px;
    line-height: 143%;
    color: rgba(31, 34, 38, .6)
  }

  .input-group {
    width: 100%
  }

  .date-field {
    width: calc(50% - 6px);
    max-width: calc(50% - 6px)
  }

  input[type=reset] {
    font-family: Roboto, sans-serif;
    letter-spacing: .4px;
    text-transform: uppercase;
    color: #d32f2f;
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
    background-color: transparent;
    background-image: url(../images/CancelFilled.png);
    background-repeat: no-repeat;
    padding: 0;
    border: 0;
    padding-left: 30px;
    background-position: center left
  }
}