@media screen and (min-width: 300px) and (max-width: 400px) {

    .validation-advice {
        position: absolute;
        top: 550px;
        left: 186px;
    }

    #registration-page-firstname-label {
        margin-bottom: 6px !important;
        font-family: 'Muli', sans-serif !important;
        font-size: 14px !important;
        font-weight: 400 !important;
        color: #000000 !important;
    }

    .registration-page-firstname-field {
        margin-bottom: 20px !important;
        padding: 0px !important;
        height: 34px !important;
    }

    #registration-page-lastname-label {
        margin-bottom: 6px !important;
        font-family: 'Muli', sans-serif !important;
        font-size: 14px !important;
        font-weight: 400 !important;
        color: #000000 !important;
    }

    #email_address_label {
        margin-bottom: 6px !important;
        margin-top: 20px !important;
        font-family: 'Muli', sans-serif !important;
        font-size: 14px !important;
        font-weight: 400 !important;
        color: #000000 !important;
    }

    #cusfulldate-label {
        top: 470px !important;
        position: absolute;
    }

    #cusfulldate {
        position: absolute !important;
        top: 500px !important;
        width: 50% !important;
    }

    #mobile-mobile {
        position: absolute !important;
        top: 470px !important;
        left: 180px !important;
    }

    #mobile {
        position: absolute !important;
        top: 500px !important;
        left: 180px !important;
        width: 42% !important;
    }

    #password-container-password {
        margin-top: 50px !important;
    }

    #rstatus-rstatus {
        position: absolute;
        top: 395px !important;
        left: 8px !important;
        font-family: 'Muli', sans-serif !important;
        font-size: 14px !important;
        font-weight: 400 !important;
        color: #000000 !important;
    }

    #cusrelationship {
        position: absolute;
        top: 420px !important;
        left: 8px !important;
        font-family: 'Muli', sans-serif !important;
        font-size: 14px !important;
        font-weight: 400 !important;
        color: #000000 !important;
    }

    #cusgender {
        position: absolute;
        top: 335px;
        display: grid;
        left: 8px !important;
        font-family: 'Muli', sans-serif !important;
        font-size: 14px !important;
        font-weight: 400 !important;
        color: #000000 !important;
    }

    #cusAnniversary {
        top: 380px !important;
        position: absolute !important;
        left: 200px;
        width: 41% !important;
    }

    .account-create .buttons-set .button {
        width: 100% !important;
        overflow: visible;
        padding: 0 !important;
        height: 40px !important;
        border: none !important;
        margin: 0 !important;
        cursor: pointer !important;
        border-radius: 5px !important;
        text-decoration: none !important;
        background: #717171 !important;
    }
}

@media screen and (min-width: 401px) and (max-width: 767px) {

    .account-create .buttons-set .button {
        width: 100% !important;
        overflow: visible;
        padding: 0 !important;
        height: 40px !important;
        border: none !important;
        margin: 0 !important;
        cursor: pointer !important;
        border-radius: 5px !important;
        text-decoration: none !important;
        background: #717171 !important;
    }

    #registration-page-firstname-label {
        margin-bottom: 6px !important;
        font-family: 'Muli', sans-serif !important;
        font-size: 14px !important;
        font-weight: 400 !important;
        color: #000000 !important;
    }

    .registration-page-firstname-field {
        margin-bottom: 20px !important;
    }

    #registration-page-lastname-label {
        margin-bottom: 6px !important;
        font-family: 'Muli', sans-serif !important;
        font-size: 14px !important;
        font-weight: 400 !important;
        color: #000000 !important;
    }

    #email_address_label {
        margin-bottom: 6px !important;
        margin-top: 20px !important;
        font-family: 'Muli', sans-serif !important;
        font-size: 14px !important;
        font-weight: 400 !important;
        color: #000000 !important;
    }

    #cusfulldate-label {
        top: 450px !important;
        position: absolute;
    }

    #cusfulldate {
        position: absolute !important;
        top: 480px !important;
        width: 40% !important;
    }

    #mobile-mobile {
        position: absolute !important;
        top: 450px !important;
        left: 220px !important;
    }

    #mobile {
        position: absolute;
        top: 480px !important;
        left: 220px !important;
        width: 40% !important;
    }

    #password-container-password {
        margin-top: 75px !important;
    }

    #password-container {
        margin-top: 0px;
    }

    #rstatus-rstatus {
        position: absolute;
        top: 380px !important;
        left: 40px !important;
        font-family: 'Muli', sans-serif !important;
        font-size: 14px !important;
        font-weight: 400 !important;
        color: #000000 !important;
    }

    #cusrelationship {
        position: absolute;
        top: 410px !important;
        left: 40px !important;
        font-family: 'Muli', sans-serif !important;
        font-size: 14px !important;
        font-weight: 400 !important;
        color: #000000 !important;
    }

    #cusgender {
        position: absolute;
        top: 310px;
        display: grid;
        left: 40px;
        font-family: 'Muli', sans-serif !important;
        font-size: 14px !important;
        font-weight: 400 !important;
        color: #000000 !important;
    }

    #cusAnniversary {
        top: 346px;
        position: absolute !important;
        left: 228px;
        width: 41% !important;
    }
}

@media screen and (max-width: 767px) {
    .customer_name {
        margin: 0px !important;
        padding: 0px !important;
    }


    .page-title h1 {
        margin: 0px 0px 0px 0px !important;
        text-align: center !important;
        font-family: 'Muli', sans-serif !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        color: #000000 !important;
        text-transform: capitalize;
    }

    .checkout_title {
        display: none !important;
    }

    #cus_register {
        padding: 0px !important;
        margin: 0px 10px !important;
        width: 94% !important;
    }

    .mob-my-account {
        background: #F3F3F3 !important;
        margin-bottom: 10rem !important;
        padding: 0px !important;
        margin: 0px 10px !important;
        width: 90% !important;
    }

    #registration-page-title {
        display: none !important;
    }

    .checkout_login_container label {
        width: auto !important;
        font-family: 'Muli', sans-serif !important;
        font-size: 14px !important;
        font-weight: 400 !important;
        color: #000000 !important;
    }

    .already_have_account {
        display: none !important;
    }

}

@media screen and (min-width: 767px) {}

/* @media screen and (max-width:767px) {
     #registration-page-firstname-label {
         margin-bottom: 6px;
     }

     .registration-page-firstname-field {
         margin-bottom: 20px;
     }

     #rstatus-select {
         width: 170px;
     }

     #select-gender-options {
         width: 170px;
     }

     #registration-page-lastname-label {
         margin-bottom: 6px;
     }

     .registration-page-lastname-field {
         margin-bottom: 20px;
     }

     #registration-page-select-gender-label {
         margin-top: 20px;
         margin-bottom: 6px;
     }

     #select-gender-options {
         width: 120%;
     }

     #cart-page-required-label {
         display: none;
     }

     .account-create .fieldset .legend {
         display: none;
     }

     .cart-button {
         color: #ffffff !important;
     }

     #cart-page-button {
         color: #ffffff !important;
     }

     #cusfulldate-label {
         margin-top: 180px;
     }

     #cusfulldate {
         width: 50% !important;
     }

     #cusgender {
         position: absolute;
         top: 382px;
         left: 39px;
         display: inline-grid !important;
     }

     #rstatus-rstatus {
         position: absolute;
         top: 446px;
         left: 41px;
     }

     #rstatus {
         position: absolute;
         top: 315px;
         left: 198px;
         margin-top: 20px;
     }

     #cusrelationship {
         position: absolute;
         top: 472px;
         left: 40px;
     }

     #cusAnniversary {
         top: 426px;
         position: absolute !important;
         left: 228px;
         width: 41% !important;
     }

     #password-container {
         position: absolute !important;
         top: 590px;
     }

     #mobile {
         position: absolute;
         left: 230px;
         top: 560px;
         width: 40% !important;
     }

     #mobile-mobile {
         position: absolute;
         left: 230px;
         top: 538px;
         width: 50% !important;
     }

     #cart-page-password-label {
         position: absolute;
         top: 490px;
     }

     #cart-page-password-field {
         margin-top: -200px;
     }

     #cart-page-password-confirmation-label {
         margin-top: -100px;
     }

     #cart-page-password-confirmation-field {
         margin-top: -140px;
     }
 }

 @media screen and (min-width: 300px) and (max-width: 400px) {

     #cusfulldate-label {
         margin-top: 120px;
     }

     #mobile-mobile {
         position: absolute;
         left: 212px;
         top: 516px;
         width: 50% !important;
     }

     #mobile {
         position: absolute;
         left: 210px;
         top: 542px;
         width: 42% !important;
     }

     #cusAnniversary {
         top: 423px;
         position: absolute !important;
         left: 210px;
         width: 41% !important;
     }

     .page-title h1,
     .page-title h2 {
         margin: 0px 0px 0px 0px !important;
         text-align: center !important;
         font-family: 'Muli', sans-serif !important;
         font-size: 14px !important;
         font-weight: 700 !important;
         color: #000000 !important;
         text-transform: capitalize;
     }

     .mob-my-account {

         background: #F3F3F3;
         margin-bottom: 10rem !important;
     }

     .form-list label {
         font-family: 'Muli', sans-serif !important;
         font-size: 14px !important;
         font-weight: 400 !important;
         color: #000000 !important;
         margin: 0px;
     }

     .input-box {
         margin: 0px;
         padding: 0px;
     }

     .account-create .buttons-set .button {
         width: 100% !important;
         overflow: visible;
         padding: 0 !important;
         height: 40px !important;
         border: none !important;
         margin: 0 !important;
         cursor: pointer !important;
         border-radius: 5px !important;
         text-decoration: none !important;
         background: #717171 !important;
     }

     .button.button span span,
     a.button span span {
         color: #FFFFFF;
         font-family: 'Muli', sans-serif !important;
         font-size: 14px !important;
         font-weight: 600 !important;
     }

     .form-list input.input-text {
         border: none;
         width: 100% !important;
         border-radius: 3px;
         -webkit-box-shadow: 0px 1px 1px 1px #00000029;
         -moz-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.75);
         box-shadow: 0px 1px 1px 1px #00000029;
     }

 }


 @media screen and (min-width: 401px) and (max-width: 767px) {

     #cusrelationship {
         margin-top: 20px;
     }

     .mobilenumber-text-label {
         position: absolute !important;
         top: 314px;
         left: 230px;
     }

     .mobilenumber-text-input-div {}

     .mobilenumber-text-input {}

     .page-title h1,
     .page-title h2 {
         margin: 0px 0px 0px 0px !important;
         text-align: center !important;
         font-family: 'Muli', sans-serif !important;
         font-size: 14px !important;
         font-weight: 700 !important;
         color: #000000 !important;
         text-transform: capitalize;
     }

     .mob-my-account {

         background: #F3F3F3;
         margin-bottom: 10rem !important;
     }

     .form-list label {
         font-family: 'Muli', sans-serif !important;
         font-size: 14px !important;
         font-weight: 400 !important;
         margin: 0px;
         width: auto !important;
     }

     .input-box {
         margin: 0px;
         padding: 0px;
     }

     .account-create .buttons-set .button {
         width: 100% !important;
         overflow: visible;
         padding: 0 !important;
         height: 40px !important;
         border: none !important;
         margin: 0 !important;
         cursor: pointer !important;
         border-radius: 5px !important;
         text-decoration: none !important;
         background: #717171 !important;
     }

     .button.button span span,
     a.button span span {
         color: #FFFFFF;
         font-family: 'Muli', sans-serif !important;
         font-size: 14px !important;
         font-weight: 600 !important;
     }

     .form-list input.input-text {
         border: none;
         width: 100% !important;
         border-radius: 3px;
         -webkit-box-shadow: 0px 1px 1px 1px #00000029;
         -moz-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.75);
         box-shadow: 0px 1px 1px 1px #00000029;
     }
 } */