div#shopify-section-register .box, div#shopify-section-login .box, body#account .box {
    display: flex;
    flex-direction: row;
}
div#shopify-section-register .left, div#shopify-section-login .left, div#shopify-section-register .right, div#shopify-section-login .right, body#account .box .left, body#account .box .right {
    width: 100%;
    max-width: 50%;
}
body#account .layout .left {
    background-color: white;
    height: auto;
    padding-top: 90px;
}
div#ReCharge {
    display: block;
    margin: 20px auto;
}
div#ReCharge .row.grid, div#ReCharge .col-md-6.col-md-offset-3.columns.six.offset-by-five.small-6.small-offset-3.grid__item.medium-up--one-half.medium-up--push-one-quarter.large--one-half.push--large--one-quarter {
    display: block;
    width: fit-content;
    max-width: 600px;
}
body#account .layout .right {
    background-color: #FDF4B2;
    padding-bottom: 0px;
    height: auto;
    padding-top: 90px;
}
body#account.template-customers-login .layout .right, body#account.template-customers-login .layout .left {
    padding-top: 0px;
}
.account-box {
    max-width: 356px;
    width: 100%;
    margin: auto;
    display: block;
    text-align: left;
}
.account-box div.row {
    padding: 20px 0px;
    display: block;
}
.account-box a.button-black.huge-button {
    margin-left: 0px;
}
body#account .boxes {
    padding-top: 0px;
    height: 100%;
}
body#account .layout .box {
    height: 100%;
    min-height: 800px;
    
}
.order p {
    display: contents;
}
.display-flex-addresses {
    margin-top: 60px;
}
div#shopify-section-register .boxes, div#shopify-section-login .boxes {
    padding: 0px;
}
div#shopify-section-register .left, div#shopify-section-login .left{
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
.m-top {
    margin-top: 30px;
}
.m-bottom {
    margin-bottom: 40px;
    display: block;
}
.m-bottom-smaller {
    margin-bottom: 28px;
    display: block;
}
#add_new_address_button {
    margin-bottom: 61px;
}
body#addresses .boxes {
    height: fit-content;
    padding: 83px 40px;
    max-width: 1100px;
    width: 100%;
}
div#shopify-section-register .right img, div#shopify-section-login .right img  {
    width: auto;
    max-width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
form#create_customer  {
    max-width: 276px;
    width: 100%;
    display: block;
}
@media screen and (max-width: 1199px) {
    form#create_customer h5 {
        margin: 15px 0px 10px 0px;
    }
}
form#customer_login {
    margin: auto;
    max-width: 276px;
    width: 100%;
    display: block;
}
div#recover_password  {
    max-width: 400px;
    width: 100%;
    margin: auto;
}
div#rc_login h5 {
    font-family: 'GothamRoundedBold';
    font-weight: 400;
    text-transform: none;
}
div#rc_login p a {
    text-decoration: underline;
    margin-top: 5px;
    display: block;
}
select, input[type="tel"], input[type=text], input#first_name, input#last_name, input#email, input#create_password, input#customer_email, input#customer_password, input#recover-email {
    border: 1.5px solid black;
    box-shadow: none;
    border-radius: 20px;
    padding: 11px 10px;
    font-size: 15px;
    line-height: 22px;
    color: black;
    font-family: 'GothamRoundedBold';
}
.row.checkbox label, .display-flex-addresses .row a  {
    font-size: 15px;
    line-height: 22px;
    font-family: 'GothamRoundedBold';
}
.display-flex-addresses .inline-btn {
    display: flex;
    width: fit-content;
    align-items: center;
    justify-content: center;
    margin: 0px;
}
.display-flex-addresses .inline-btn div button {
    width: 100%;
    display: block;
    min-width: 310px;
}
.display-flex-addresses  .inline-btn .row {
    width: max-content;
    margin-left: 10px;

}
.display-flex-addresses input[type=submit] {
    margin: 0px;
}
.display-flex-addresses .inline-btn .row a {
    margin: 0px;
}
.display-flex-addresses .row {
    margin: 20px 0px 10px 0px;
    display: block;
}
select {
    -webkit-appearance:none;
}
select, input::placeholder {
    color: black;
}
form#create_customer .microbody, form#customer_login .microbody {
    text-align: right;
}
form .row.t-left {
    max-width: 360px;
    display: block;
    margin: 20px auto;
    width: 100%;
}
div#recover_password .row.t-left h5 {
    margin-bottom: 10px;
}

div#recover_password button.button-black {
    max-width: 360px;
    width: 100%;
    display: block;
    margin: 0px auto 20px auto;
}
.display-flex-addresses form {
    max-width: 400px;
    width: 100%;
}
.display-flex-addresses a {
    margin-right: 76px;
    display: block;
    width: 100%;
    max-width: 200px;
}
input[type=checkbox]:checked {
    border: 4px solid #000;
    padding: 1px;
    height: 10px;
    margin: 0px;
    width: 10px;
}
.order-info h3 {
    margin-bottom: 23px;
}
.order-info .name {
    display: block;
    padding: 7px 10px 5px 10px;
    text-decoration: none;
    width: fit-content;
    background: white;
    line-height: 100%;
    border-radius: 20px;
    margin-bottom: 10px;
}
.no-underline {
    text-decoration: none;
}
.order-info button.button-black.huge-button {
    width: 100%;
    margin: 36px 0px 18px 0px;
    max-width: 100%;
}
.order-info h5 {
    margin: 10px 0px 0px 5px;
}

.order-info .name h5 {
    line-height: 100%;
    margin: 0px;
}
.order-info h5 span {
    font-family: 'GothamRoundedBold';
}
input[type=checkbox] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: 1px solid #000;
    padding: 4px;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    margin-left: 10px;
    margin-right: 4px;
    margin-top: 1px;
    height: 10px;
    width: 10px;
    margin: 0px;
}
.display-flex-addresses .inline-btn .row a {
    display: inline-block;
}
.display-flex-addresses .inline-btn a {
    width: fit-content;
}
.display-flex-addresses form .row input:not([type="checkbox"]), .display-flex-addresses form .row select {
    max-width: 310px;
    width: 100%;
}
div#recover_password form {
    max-width: 276px;
    width: 100%;
    margin: auto;
}
body#account .row.expanded-top.back.t-center {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
div#recover_password h2 {
    margin-bottom: 10px;
}
#shopify-section-register .row.expanded-top.back, #shopify-section-login .row.expanded-top.back, div#recover_password .row.back, div#recover_password .row.back a {
    font-size: 15px;
    line-height: 22px;
    font-family: 'GothamRoundedBold';
    margin: 0px;
}
#shopify-section-register button.button-black.shape.square.shaped, #shopify-section-login .button-black {
    margin-top: 31px;
    max-width: 100%;
    width: 100%;
}
body#addresses .boxes, body#addresses .box, body#addresses .box .left , body#addresses .box .right {
    background: white;
}

.t-left.addresses {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
}
.t-left.addresses .address {
    margin-right: 5%;
}
.display-flex-addresses {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}
.display-flex-addresses a {
    margin-right: 76px;
}

@media screen and (min-width:1200px) {
    form#create_customer .row h5, form#customer_login .row h5 {
        margin: 30px 0px 10px 0px;
    }
}
@media screen and (max-width: 767px) {
    .order-info {
        text-align: left;
    }
    .display-flex-addresses .inline-btn div button {
        width: 100%;
        display: block;
        min-width: 240px;
        margin-bottom: 10px;
    }
    .display-flex-addresses .inline-btn {
        flex-direction: column;
    }
    .display-flex-addresses {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
   
    .display-flex-addresses {
        margin-top: 20px;
    }
    .display-flex-addresses a {
        margin-right: 0px;
    }
    .t-left.addresses {
        flex-direction: column;
    }
    .address .options {
        margin: 15px 0px 0px 0px;
    }
    a#add_new_address_button {
        margin: 30px auto;
    }
    body#addresses .t-left h2, body#addresses a.m-top.m-bottom-smaller {
        text-align: center;
    }
    body#addresses .display-flex-addresses form h2.t-left {
        text-align: left;
        margin-top: 15px;
    }
}
@media screen and (max-width: 900px) {
   
    body#addresses .boxes {
        padding: 40px;
        margin: auto;
        display: block;
    }
   
    .m-top {
        margin-top: 15px;
    }
    .m-bottom {
        margin-bottom: 30px;
    }
    div#shopify-section-register h3, div#shopify-section-login h3 {
        font-size: 35px;
        margin-bottom: 10px;
    }
    body#account .box .left, body#account .box .right, div#shopify-section-register .left, div#shopify-section-register .right, div#shopify-section-login .left, div#shopify-section-login .right  {
        width: 100%;
        max-width: 100%;
    } 
    div#shopify-section-register .left, div#shopify-section-login .left {
        margin: 20px 0px;
        z-index: 1;
        position: absolute;
        max-width: 349px;
        padding: 30px 15px;
        width: 95%;
        background-color: white;
    }
    div#shopify-section-register .right img, div#shopify-section-login .right img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    div#shopify-section-register .right, div#shopify-section-login .right {
        z-index: 0;
        height: 700px;
    }
    div#shopify-section-register .right, div#shopify-section-login .right  {
        width: 100%;
        max-width: 100%;  

    }
    div#shopify-section-register .box, div#shopify-section-login .box, body#account .box   {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    body#account .layout .right, body#account .layout .left   {
        padding-top: 0px;
        padding: 20px 10px;
    }
    body#account .layout .box {
        min-height: 0px;
    }
    .account-box {
        text-align: center;
    }
    .account-box a.button-black.huge-button {
        margin-left: auto;
    }
}