.ce_form { padding: 0 0 3rem 0; } .mod_iso_checkout form, .ce_form { .formbody, .address_new { display: flex; justify-content: space-between; flex-wrap: wrap; } .address_new[style="display: block;"] { display: flex !important; } .widget { width: calc(50% - 20px); padding: 0 0 2rem 0; @media (max-width: 575px) { width: 100%; } &.widget-textarea { width: 100%; } &.widget-submit { display: flex; justify-content: flex-end; width: 100%; } &[data-name="shippingaddress_company"], &[data-name="billingaddress_company"], &[data-name="shippingaddress_country"], &[data-name="billingaddress_country"] { width: 100%; } &[data-name="shippingaddress_postal"], &[data-name="billingaddress_postal"] { width: calc(25% - 20px); @media (max-width: 575px) { width: 100%; } } &[data-name="shippingaddress_city"], &[data-name="billingaddress_city"] { width: calc(75% - 20px); @media (max-width: 575px) { width: 100%; } } &[data-name="shippingaddress_street_1"], &[data-name="billingaddress_street_1"] { width: calc(75% - 20px); @media (max-width: 575px) { width: 100%; } } &[data-name="shippingaddress_street_2"], &[data-name="billingaddress_street_2"] { width: calc(25% - 20px); @media (max-width: 575px) { width: 100%; } } } label { display: block; padding: 0 0 0.5rem 0; } input, select, textarea { display: block; width: 100%; padding: 8px 10px; border: 1px solid $tertiary; border-radius: 20px; } input { } select { padding-top: 10px; padding-bottom: 10px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: $white url("../images/elements/arrow-select.png") no-repeat calc(100% - 20px) 50%; background-size: 10px auto; &::-ms-expand { display: none; } } textarea { height: 200px; } .submit { @include button(); } }