@media (min-width : 330px) {
  .header-actions .link-icon__text {
    display : block;
  }
}


@media (max-width : 550px) {
  .login-form__container {
    width : 95%;
  }

  .swiper-help-block .alert-danger {
    font-size : 10px;
  }

  .swiper-help-block .alert {
    padding : 0 5px;
    margin  : unset;
  }
  .header-logo svg{
    width: 130px;
  }
}

@media (max-width : 767px) {
  .login-form__content__container {
    width  : 95%;
  }

  .login-form__content__container > * {
    width : 100%;
  }

  .login-form__content {
    align-items: unset;
  }
}

@media (min-width: 768px){
  .header-burger{
    width: 200px;
  }
  .link-icon.user-info{
    display: flex!important;
  }

  .header-actions .link-icon:not(:first-child){
    margin-left: 40px;
  }
  .header-logo svg{
    width: 220px;
  }
}

@media (min-width: 1024px){
  .header-burger{
    width: initial;
    text-align: initial!important;
  }
  #header.main-header{
    padding: 0!important;
  }
  .header-infos{
    display: flex;
  }
  .header-infos__right .header-infos__separator,
  .header-infos__delivery{
    display: flex;
  }
  .header-bg, #header.main-header{
    background  : var(--color-primary) !important;
  }
  .header-logo {
    background : #F6F6F6;
  }
  .header-logo{
    padding: 13px 20px 11px 30px!important;
  }
  .header-bg {
    grid-column : 1/-1;
    grid-row    : 1;
    align-self  : stretch;
    background  : white;
    z-index     : 4;
    display: initial!important;
  }
  .main-header .header-nav {
    position: initial !important;
  }
  .link-icon a{
    color: white;
  }
  .link-icon a:hover{
    color: white;
  }
  .link-icon.user-info path{
    fill: white!important;
    stroke: white!important;
  }

  .link-icon.cart-info path{
    fill: white!important;
  }
  .header-actions{
    margin-right: 25px;
  }
}

@media (min-width: 1200px){
  .header-actions{
    margin-right: 0;
  }
  .item-number-one{
    display: flex;
  }
  .header-quote{
    display: initial;
    margin: 0 30px 0 40px;
  }
}

@media (min-width: 1400px){
  .header-infos__left .header-infos__separator,
  .item-who-are-us{
    display: flex;
  }
  .link-icon.contact-info{
    display: flex;
  }
  .header-main__separator.second{
    display: initial;
  }
  .header-quote{
    margin: 0 30px 0 60px;
  }
  .header-main__separator{
    margin: 0 30px;
  }
}

@media (min-width: 1600px){
  .item-they-trust-us{
    display: flex;
  }

  .header-advisor{
    display: flex;
  }
  .header-main__separator.first{
    display: initial;
  }
  .header-main__separator{
    margin: 0 20px;
  }
}

@media (min-width: 1800px){
  .header-main__separator{
    margin: 0 40px;
  }
}