.shipping-note--modify { flex-wrap: wrap; } .shipping-note--modify .shipping-details { display: flex; align-items: center; background: transparent; padding: 0; margin-top: 15px; flex: 0 0 100%; max-width: 100%; } .shipping-note--modify .shipping-details span { flex: 0 0 24px; margin-right: 10px; } .shipping-note--modify .shipping-details p { flex: 0 0 calc(100% - 34px); } .shipping-note--modify .postal-code-form form .row .caption-wraper { display: none; } .shipping-note--modify .postal-code-form { width: 100%; } .shipping-note--modify .postal-code-form form input[type="text"] { background: #ffffff !important; height: 40px; } .shipping-note--modify .postal-code-form form input[type="submit"] { width: 100%; font-size: 13px; padding: 0; height: 38px; } .shipping-note--modify .postal-code-form form .row [class*="col-"] { flex: 0 0 48%; max-width: 48%; padding: 0; } .shipping-note--modify .postal-code-form form .row { margin: 0; justify-content: space-between; } @media (max-width:575px){ .shipping-note--modify .postal-code-form form .row [class*="col-"] { flex: 0 0 100%; max-width: 100%;} .shipping-note--modify .postal-code-form form input[type="submit"] { margin-top:10px; } } .tagify__input:empty { display: block!important; } .detail-first-fold { position: relative; } .table-processing { background-color: #f5f5f5db; position: absolute; z-index: 1024; top: 0; bottom: 0; left: 0; right: 0; text-align: center; display: flex; align-items: center; justify-content: center; }