header {
    background: #008ed2;
    width: 100%;
    float: left;
    position: fixed;
    z-index: 20;
    height: 57px;
    z-index: 5;
}

#innerHeader {
    max-width: 1000px;
    position: relative;
    width: 100%;
    margin: 0 auto;
}

.innerHeader-top {
    width: 100%;
    float: left;
    padding-top: 5px;
}

.innerHeader-bottom {
    width: 100%;
    float: left;
    text-align: center;
    text-transform: uppercase;
}

#logo {
    background: #fff;
    width: 500px;
    float: left;
}

#logo img {
    width: 100%;
    float: left;
}

#menu {
    /*float: right;*/
}

#menu ul li {
    display: inline-block;
}

#menu ul li:hover {
    background: #7dc8ec;
}

#menu li.active {
    background: #7dc8ec;
}

#menu ul li a {
    text-transform: none;
    color: #fff;
    padding: 20px 10px;
    font-family: "firaRegular" !important;
    display: block;
    padding-bottom: 19px;
    text-transform: uppercase;
    cursor: pointer;
}

.headerCart img {
    width: 25px;
    padding-right: 5px;
    position: relative;
    top: 5px;
}

.user-profile, .logout {
    display: none;
}

#menu ul li.headerCart a {
    background: url(../../cartWeb/images/cart-basket.png);
    background-size: 25px;
    background-repeat: no-repeat;
    background-position: 5px center;
    padding-left: 35px;
}

.innerHeader-top .header-menu-cart a {
    position: relative;
    padding: 10px;
    /*padding-bottom: 18px;*/
    padding-bottom: 5px;
    float: right;
    cursor: pointer;
}

.innerHeader-top .header-menu-cart img {
    width: 36px;
    padding-right: 10px;
    position: relative;
    top: 5px;
    cursor: pointer;
}

.header-menu-cart {
    float: right;
    padding-right: 5px;
}

.inMobileCart, .showMenu, .productHeader {
    display: none;
}

#menu ul li.show-in-mobile {
    display: none;
}

#header-search {
    float: right;
    width: 220px;
    background: #e6e6e6;
    border-radius: 15px;
    border: 0;
    padding: 0 10px;
    margin-top: 10px;
}

.searchInput {
    font-weight: bold;
    background: #e6e6e6;
    padding-right: 10px;
    padding: 10px;
    box-shadow: none;
    width: 174px;
    -webkit-appearance: none;
    border-radius: 0;
    border: 0;
    color: #696969 !important;
}

input[type="button"].search-in-header {
    float: left;
    background-image: url(../images/search-icon.png);
    background-size: 16px;
    background-position: left center;
    background-repeat: no-repeat;
    background-color: transparent;
    padding: 10px;
    border: 0;
    margin: 0;
    width: auto;
}

.innerHeader-top .header-menu-cart .header-icons-cart {
    float: right;
}

@media (min-width: 960px) {
    #menu ul li.show-in-mobile {
        display: none !important;
    }
}

/*Mobile*/

@media (max-width: 960px) {
    .inMobileCart, .showMenu {
        display: inline-block;
        position: relative;
        z-index: 10;
    }

    #logo {
        padding: 11px;
        width: 63%;
        max-width: 210px;
        position: absolute;
        left: 0;
        right: 0;
        margin: 0 auto;
        z-index: 3;
        top: 0;
    }

    #menu ul {
        margin: 0 0 20px 0;
        width: 100%;
        float: left;
    }

    #menu ul li.show-in-mobile {
        display: block;
    }

    .header-menu-cart {
        /*position: absolute;
        top:2%;
        right:2%;*/

        width: 100%;
    }

    .innerHeader-top .header-menu-cart a {
        float: left;
    }

    .login, .profileHeader, .logoutHeader {
        display: none;
    }

    header #menu {
        position: absolute;
        width: 100%;
        background: rgba(0, 0, 0, 0.8);
        margin-top: 51px;
        padding-top: 9px;
        display: none;
        z-index: 2;

    }

    header ul li {
        float: left;
        width: 100%;
        background: none;
        text-align: center;
    }

    header #menu li.active, #menu ul li:hover {
        background: none;
    }

    header #menu ul li.header-menu-cart {
        display: none;
    }

    header #menu ul li.header-menu-cart {
        display: none;
    }

    .showMenu {
        width: 84px;
        float: left;
        padding: 17px;
    }

    .inMobileCart {
        width: 82px;
        float: right;
    }

    .inMobileCart a {
        text-transform: none;
        color: #fff;
        padding: 10px;
        font-family: "firaLight";
        display: block;
    }

    .inMobileCart a img {
        top: 4px;
        width: 36px;
        padding-right: 10px;
        position: relative;
        bottom: 0;
        left: 2px;
    }

    #header-search {
        /*clear: both;
        margin-top: 15px;*/
        width: 40%;
    }

    .searchInput {
        width: 80%;
    }

    .innerHeader-top .header-menu-cart .header-icons-cart {
        position: absolute;
        top: 0.3em;
        right: 0.6em;
    }

    #menu ul li.user-profile, #menu ul li.logout {
        display: none;
    }
}

.login {
    padding: 8px 0px !important;
}

.loginHeader img {
    width: 34px !important;
}

.user-logged-msg {
    color: #55340F;
    text-align: end;
    height: 50px;
    margin-top: 20px;
    font-family: 'firaRegular';
    text-transform: uppercase;
    font-size: 95%;
}

@media (max-width: 640px) {
    #header-search {
        width: 100%;
    }
}