.addons-container { margin-right: auto; margin-left: auto; max-width: 940px; } .addons-container .addons-products-row { border: 1px solid ; padding-left: 40px; padding-right: 40px; } .addons-container .addons-product { display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 40px; padding-bottom: 40px; } .addons-container .addons-product + .addons-product { border-top: 1px solid ; } .addons-container .addons-product-left { padding-right: 30px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .addons-container .addons-product-image { width: 100%; height: 100%; min-height: 275px; background-size: cover; background-position: center center; background-repeat: no-repeat; } .addons-container .addons-product-right { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .addons-container .addons-product-top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 15px; } .addons-container .addons-product-top-right { text-align: right; } .addons-container .btn.btn-primary.addons-btn-cart { padding: 7px 12px; font-size: 14px; font-family: ; color: ; background-color: ; } .addons-container .btn.btn-primary.addons-btn-cart:hover { background-color: ; color: ; } .addons-container .addons-product-name { font-size: 20px; } .addons-container .addons-product-price { margin-bottom: 20px; font-size: 16px; font-family: ; color: ; } .addons-container .addons-form-group .control-label { font-size: 12px; font-family: ; color: ; margin-bottom: 2px; } .addons-container .addons-form-group select { height: 30px; } .addons-container .addons-cta-row { margin-top: 40px; text-align: center; } .addons-container .btn.btn-primary.addons-continue-btn { font-family: ; color: ; background-color: ; } .addons-container .btn.btn-primary.addons-continue-btn:hover { background-color: ; color: ; } @media only screen and (max-width : 768px) { .addons-container .addons-product { -ms-flex-wrap: wrap; flex-wrap: wrap; } .addons-container .addons-product-left, .addons-container .addons-product-right { -webkit-box-flex: 1 0 100%; -ms-flex: 1 0 100%; flex: 1 0 100%; } .addons-container .addons-product-right { margin-top: 40px; } .addons-container .addons-product-left { padding-right: 0; } }