.handle-counter {
    overflow: hidden;
}

.handle-counter .counter-minus, .handle-counter .counter-plus, .handle-counter input {
    float: left;
    text-align: center;
}

.handle-counter .counter-minus, .handle-counter .counter-plus {
    text-align: center;
}

    .handle-counter input {
        width: 40px;
        border-width: 1px;
        /*border-left: none;
        border-right: none;*/
        background: whitesmoke;
        padding: 8px 14px !important;
        border: none;
        height:33px;
    }

.btnCounter {
    padding: 6px 12px;
    border: 1px solid transparent;
    color: #fff;
    padding: 7px 14px !important;
}



.btnCounter:disabled, .btnCounter:disabled:hover {
    background-color: darkgrey;
    cursor: not-allowed;
}

.counterInput {
    height: 33px !important;
    width:50px !important;
}

@media screen and (max-width: 480px) {
    .btnCounter {
        width: 35px;
        height: 35px;
    }
}


@media screen and (max-width: 480px) {
    .handle-counter input{
       width: 50px; height: 35px;
    }
}
.btn-counter {
    background-color: #009dda;
}

.btn-counter:hover, .btn-counter:focus {
    background-color: #0486b9;
}

.btn-counter {
    background-color: #009dda;
}

.btn-counter:hover, .btn-counter:focus {
    background-color: #0486b9;
}