#budget-notification { position: fixed; z-index: 9999; right: 20px; background: #383838; padding: 20px; width: 500px; text-align: center; color: #fff; border-radius: 0; font-size: 19px; letter-spacing: 1px; max-width: 100%; box-sizing: border-box; display: block; bottom: -400px; transition: bottom 0.5s; }
#budget-notification.active { bottom: 20px; }
#products-budget { padding: 0px; background: #fff; box-shadow: 0 0 1px 2px rgba(0, 0, 52, .1); margin-bottom: 30px; margin: 0 auto; }
#products-budget h3 { font-size: 19px; }
#products-budget ul { list-style: none; margin: 0; padding: 0; }
#products-budget li { color: #383838; padding: 15px; letter-spacing: 1px; min-height: 74px; box-sizing: border-box; }
#products-budget li:nth-child(2n) { background: #f7f7fa; border-radius: 0; }
#products-budget li img { width: 70px; height: 70px; object-fit: contain; vertical-align: middle; margin-right: 10px; border-radius: 0; }
#products-budget li a { color: #003585; font-size: 18px; font-weight: bold; display: inline-block; vertical-align: middle; line-height: 48px; line-height: 1.2; }
#products-budget .qtd { font-weight: bold; color: #333; float: right; margin-top: 13px; }
#products-budget .qtd input { height: 45px; border: none; float: left; padding: 0 10px; width: 65px; text-align: center; font-size: 18px; font-weight: bold; border: 1px solid #ECEEF3; margin: 0 4px; border-radius: 0; }
#products-budget .qtd a { height: 33px; padding: 0 12px; margin: 0; float: left; font-weight: bold; font-size: 22px; margin-top: 7px; border-radius: 0; cursor: pointer; }
#products-budget .remove { float: right; margin: 0; margin-left: 20px; margin-top: 18px; padding: 9px 18px; text-transform: uppercase; font-size: 13px; letter-spacing: 0.5px; background: #DF1F28; color: #FFF; border-radius: 5px; cursor: pointer; }
#products-budget .no-products { margin: 0; text-align: center; padding: 20px; }
#products-budget .no-products a { display: block; background: #003585; color: #FFF; width: 150px; font-size: 15px; text-transform: uppercase; border-radius: 5px; padding: 10px; margin: 20px auto 0; }
@media only screen and (min-width: 981px) {
#products-budget li a:first-child { width: calc(100% - 300px); }
}
@media only screen and (max-width: 980px) {
#products-budget li { display: inline-block; width: 100%; }
#products-budget li * { display: block; text-align: center; width: 100%; }
#products-budget li img { width: 150px; height: 150px; margin-left: calc(50% - 75px); margin-bottom: 20px; }
#products-budget .remove { float: none; margin-left: 0; }
#products-budget .qtd { float: none; margin-left: calc(50% - 65.5px); }
#products-budget .qtd a { width: 30px; }
#products-budget li:nth-child(2n) { background: none; border-radius: 0; }
#products-budget li:not(:last-child) { border-bottom: 2px solid #ECEEF3; }
}