@media (min-width: 1200px) {
  header.top__header form.top__header__item {
    width: 500px;
  }

  header.top__header .search__input {
    -webkit-clip-path: polygon(0 0, 97% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 97% 0, 100% 100%, 0 100%);
  }
}
@media (min-width: 992px) {
  .top__navbar .navbar-nav .nav-link {
    padding-right: 1rem;
    padding-left: 1rem;
  }
}

@media (max-width: 576px) {
  header.top__header .container {
    justify-content: center;
  }
  header.top__header .search__input {
    -webkit-clip-path: none;
    clip-path: none;
  }
  header.top__header .search__btn {
    -webkit-clip-path: none;
    clip-path: none;
  }

  .bottom__header .bottom__header__item {
    padding: 5px;
  }

  .bottom__header__item__icon {
    height: 30px;
  }
  .bottom__header__item h6 {
    font-size: 0.7rem;
  }

  .bottom__header__item__icon.first__icon {
    background: url("../img/icons.png") 9px 0;
    background-size: cover;
    background-repeat: no-repeat;
    width: 52px;
  }
  .bottom__header__item__icon.second__icon {
    background: url("../img/icons.png") -77px 0;
    background-size: cover;
    background-repeat: no-repeat;
    width: 48px;
  }
  .bottom__header__item__icon.third__icon {
    background: url("../img/icons.png") -157px 0;
    background-size: cover;
    background-repeat: no-repeat;
    width: 63px;
  }
  .bottom__header__item__icon.fourth__icon {
    background: url("../img/icons.png") -249px 0;
    background-size: cover;
    background-repeat: no-repeat;
    width: 46px;
  }
  .bottom__header__item__icon.fifth__icon {
    background: url("../img/icons.png") -331px 0;
    background-size: cover;
    background-repeat: no-repeat;
    width: 46px;
  }
}