@media (max-width: 767px) {
    #header .search {
        display: block !important;
        order: 3 !important;
        width: 100% !important;
        padding: 6px 12px 12px 12px;
    }

    div.navigation-buttons a[data-target="search"] {
  display:none;
  width: 0;
  height: 0;
}

    #header .navigation-buttons a.cart-count:before {
        content: url(/user/documents/pw/icon/nakup.svg);
        width: 30px;
         margin-top: 11px;
    }

    .navigation-buttons a[data-target=navigation]:before{
    content: url(/user/documents/pw/icon/ham-menu.svg?v=3);
        width: 30px;
         margin-top: 13px;
}

.navigation-window-visible .navigation-buttons a[data-target=navigation]:before {
   content: url(/user/documents/pw/icon/zavrit-menu.svg?v=3);
        width: 30px;
         margin-top: 13px;
         font-size: 20px !important;
}

.navigation-buttons a[data-target=login]{
    display: inline-block !important;
}

.navigation-buttons a[data-target=login] span{
    display: none !important;
}

.navigation-buttons a[data-target=login]:before {
       content: url(/user/documents/pw/icon/prihlaseni.svg?v=3);
        width: 30px;
        margin-top: 11px;
}

.project-email:before {
    content: url(/user/documents/pw/icon/mail.svg?v=3) !important;
    width: 30px;
     margin-top: 11px;
}


.project-phone:before {
    content: url(/user/documents/pw/icon/phone.svg);
    width: 30px;
     margin-top: 11px;
}

.project-email span {
    display: none;
}

.project-phone span {
    display: none;
}
.overall-wrapper {
        padding-top: 123px;
    }

    .searchWhisperer{
        margin-top: 12px !important;
        border-radius: 0 !important;
    }
}


@media (max-width: 479px) {
  #navigation {
        top: 55px !important;
    }

    .overall-wrapper {
        padding-top: 110px !important;
    }


        #header .navigation-buttons a:before {
        line-height: 46px !important;
    }
}



@media (max-width: 400px) {
    #header .navigation-buttons a.cart-count:before {
              width: 26px;
    }

    .navigation-buttons a[data-target=navigation]:before{
         width: 26px;
}

.navigation-window-visible .navigation-buttons a[data-target=navigation]:before {
        width: 26px;
}

.navigation-buttons a[data-target=login]:before {
        width: 26px;
}

.project-email:before {
          width: 26px;
}


.project-phone:before {
       width: 26px;
}

#header .navigation-buttons a {
        height: 50px;
        width: 40px;
    }
.navigation-buttons {
    margin-right: 10px;
}
}