forked from M3-Academy/m3-academy-template-checkout
feature/alteracoes #2
@ -73,6 +73,27 @@
|
|||||||
margin-bottom: 12px;
|
margin-bottom: 12px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
p.client-first-name,
|
||||||
|
p.client-last-name,
|
||||||
|
p.client-document,
|
||||||
|
p.client-phone {
|
||||||
|
@media (max-width: 1024px) {
|
||||||
|
width: 49.48%;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 992px) {
|
||||||
|
width: 49.4%;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 864px) {
|
||||||
|
width: 49.3%;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 767px) {
|
||||||
|
width: 49.2%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
#go-to-shipping {
|
#go-to-shipping {
|
||||||
margin: 0 0 44px 0;
|
margin: 0 0 44px 0;
|
||||||
|
|
||||||
@ -97,6 +118,22 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#client-first-name,
|
||||||
|
#client-last-name,
|
||||||
|
#client-document,
|
||||||
|
#client-phone {
|
||||||
|
@media (max-width: 1024px) {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#client-first-name,
|
||||||
|
#client-document {
|
||||||
|
@media (max-width: 1024px) {
|
||||||
|
margin-right: 14px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
#opt-in-newsletter,
|
#opt-in-newsletter,
|
||||||
#state-inscription {
|
#state-inscription {
|
||||||
width: 18px;
|
width: 18px;
|
||||||
@ -528,6 +565,10 @@
|
|||||||
padding: 24px 34px 0px;
|
padding: 24px 34px 0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media (max-width: 1024px) {
|
||||||
|
padding: 0 16px;
|
||||||
|
}
|
||||||
|
|
||||||
.ship-country,
|
.ship-country,
|
||||||
.ship-postalCode,
|
.ship-postalCode,
|
||||||
.ship-street,
|
.ship-street,
|
||||||
@ -604,6 +645,10 @@
|
|||||||
font-size: 32px;
|
font-size: 32px;
|
||||||
line-height: 37px;
|
line-height: 37px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media (max-width: 1024px) {
|
||||||
|
margin-top: 24px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
span {
|
span {
|
||||||
@ -1031,6 +1076,18 @@
|
|||||||
|
|
||||||
#shipping-data {
|
#shipping-data {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
|
|
||||||
|
@media (max-width: 1024px) {
|
||||||
|
margin: 0;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#payment-data {
|
||||||
|
@media (max-width: 1024px) {
|
||||||
|
margin: 0;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.hproduct {
|
.hproduct {
|
||||||
@ -1305,6 +1362,10 @@
|
|||||||
height: 50px;
|
height: 50px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media (max-width: 767px) {
|
||||||
|
max-width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
option {
|
option {
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
line-height: 18px;
|
line-height: 18px;
|
||||||
@ -1326,4 +1387,38 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/*url("https://agenciamagma.vteximg.com.br/homeM3Academy.png");*/
|
.row-fluid .orderform-template.active {
|
||||||
|
@media (max-width: 1024px) {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
body .container-main.container-order-form .orderform-template.active .orderform-template-holder {
|
||||||
|
@media (max-width: 1024px) {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.row-fluid {
|
||||||
|
@media (max-width: 1024px) {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.row-fluid [class*=span]:first-child {
|
||||||
|
@media (max-width: 1024px) {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#postalCode-finished-loading {
|
||||||
|
@media (max-width: 1024px) {
|
||||||
|
width: 30.176%;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 600px) {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@ -5,8 +5,16 @@ body .container-main.container-order-form .orderform-template.active {
|
|||||||
margin-right: 0;
|
margin-right: 0;
|
||||||
float: right;
|
float: right;
|
||||||
|
|
||||||
|
@media (max-width: 1024px) {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
.description {
|
.description {
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
|
|
||||||
|
@media (max-width: 1024px) {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.orderform-template-holder {
|
.orderform-template-holder {
|
||||||
|
Loading…
Reference in New Issue
Block a user