.navbar1 {
        overflow: hidden;
        background-color: #333;
        position: fixed;
        top: 0;
        width: 100%;
}

.navbar1 a {
        float: left;
        display: block;
        color: #f2f2f2;
        text-align: center;
        padding: 16px 16px;
        text-decoration: none;
        font-size: 16px;
}

.navbar1 a:hover {
        background: #ddd;
        color: black;
        text-decoration: none;
}
.navbar1 #nav-search {
        float: right;
        display: block;
        text-decoration: none;
        width: 50%;
}
input[type="search"] {
        float: right;
        display: block;
        background: #333;
        text-align: left;
        padding: 14px 16px;
        text-decoration: none;
        font-size: 16px;
        color: white;
        width: 100%;
}
@media screen and (max-width: 600px) {
        .navbar1 {
                overflow: hidden;
                background-color: #333;
                position: fixed;
                top: 0;
                width: 100%;
        }

        .navbar1 a {
                float: left;
                display: block;
                color: #f2f2f2;
                text-align: center;
                padding: 10px 10px;
                text-decoration: none;
                font-size: 10px;
        }

        .navbar1 a:hover {
                background: #ddd;
                color: black;
                text-decoration: none;
        }
.navbar1 #nav-search {
        float: right;
        display: block;
        text-decoration: none;
        max-width: 40%;
        min-width: 20%;
}
        #nav-search {
                float: right;
                display: block;
                text-decoration: none; ;
        }
        #nav-search input[type="search"] {
                float: left;
                background: #333;
                text-align: left;
                padding: 12px 10px;
                text-decoration: none;
                font-size: 8px;
                color: white;
                width: 100%;
        }
}
@media screen and (max-width: 350px) {
        .navbar1 {
                overflow: hidden;
                background-color: #333;
                position: fixed;
                top: 0;
                width: 100%;
        }

        .navbar1 a {
                float: left;
                display: block;
                color: #f2f2f2;
                text-align: center;
                padding: 10px 10px;
                text-decoration: none;
                font-size: 10px;
        }

        .navbar1 a:hover {
                background: #ddd;
                color: black;
                text-decoration: none;
        }
.navbar1 #nav-search {
        float: right;
        display: block;
        text-decoration: none;
        max-width: 30%;
        min-width: 10%;
}
        #nav-search {
                float: right;
                display: block;
                text-decoration: none; ;
        }
        #nav-search input[type="search"] {
                float: left;
                background: #333;
                text-align: left;
                padding: 12px 10px;
                text-decoration: none;
                font-size: 8px;
                color: white;
                width: 100%;
        }
}
#basket-counter {
        float:right;
        position: fixed;
        right: 15%;
        top: 16%;

}
#basket-counter basket {
        text-decoration: none;
        cursor: pointer;
}
#basket-counter basket .p1[data-count]:after{
        float: right;
    position:absolute;
    right:10%;
    top:8%;
    content: attr(data-count);
    font-size:45%;
    padding:.4em;
    border-radius:50%;
    line-height:1em;
    color: white;
    background:rgba(255,0,0,.85);
    text-align:center;
    min-width: 1em;
    //font-weight:bold;
}