span#cart-total { position: absolute; margin-left:2px; top: -2px; color: #ffffff; background-color: #743089; padding:2px 6px 2px 6px; font-size: 12px;border-radius: 50px; } span#cart-total:hover { color: #444444; background-color: #743089; } #cart button i.fa-shopping-cart:before { content: "\f291"; color:#743089; font-size: 22px; position: relative; margin-left: -12px; } #cart button i.fa-shopping-cart:hover:before { color: #444444; } .btn-inverse { background-color: transparent; border-radius: 50px; background-repeat: initial; border-color:transparent; box-shadow:none; border-radius:50px;background-image:none !important; } .btn-inverse:hover, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] { background-color: transparent;background-image:none !important; } .empty { opacity: 0; } @media (min-width:768px) { } #cart.open span#cart-total { background-color: transparent; color: #676767; } .btn.active, .btn:active { -webkit-box-shadow:none; box-shadow:none; } #cart.open > .btn { border: none; } #cart > .btn { border: none; } #cart.open > .btn { background-color:transparent; } #cart .dropdown-menu { min-width: 120px; } #top-links .dropdown-menu a:hover { color: #444444; } @media (max-width: 1199px) { #top-links li.bymb a, #top-links li.bymb a:hover { color:transparent; text-shadow: none; } #top-links li.bymb { margin-left: -60px; position: absolute; z-index: 99; font-size: 39px; width: 65px; height: 65px; overflow: hidden; } } </div> </p>