.mgQty {
    display: inline-block;
    white-space: nowrap;
}

.cart .mgQty {
    border-left: 1px solid #CCC;
    border-right: 1px solid #CCC;
}

.mgQty a,
.mgQty input {
    display: inline-block;
    text-align: center;
    vertical-align: top;
}

.cart .mgQty a,
.cart .mgQty input {
    height: 38px;
    line-height: 36px;
}

.order .mgQty a,
.order .mgQty input {
    height: 40px;
    line-height: 38px;
}

.mgQty a {
    font-size: 16px;
    background-color: #F5F5F5;

    user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
    transition: background-color 0.5s ease,color 0.5s ease;
}

.cart .mgQty a { width: 35px; }

.order .mgQty a { width: 40px; }

.mgQty input {
    border-left: 1px solid #CCC;
    border-right: 1px solid #CCC;
    border-top: none;
    border-bottom: none;
}

.cart .mgQty input { width: 35px; }

.order .mgQty input { width: 60px; }

.mgQty a:hover {
    background-color: #0b4887;
    color: #fff;
    cursor: pointer;
}

/* Tablet & Mobile */
@media (max-width: 900px) {
    .order .mgQty {
        border-left: 1px solid #CCC;
        border-right: 1px solid #CCC;
    }
}

/* Tablet & Desktop */
@media (min-width: 901px) {
    .order .mgQty { border: 1px solid #CCC; }
}