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

    /*#region --- GENERALE --- */

    .corpoBox {
        margin-top: 10px;
    }

    #centro1colonna {
        display: flex;
        flex-direction: column;
    }

    .boxTitolo {
        display: block;
        margin-bottom: 3%;
        font-weight: 600;
        font-size: 20px;
    }

    .headerBox {
        text-align: center;
    }

    /*#region --- SALVA CARRELLO --- */

    #boxInformazioniSalvaCarrello {
        border-radius: 3px;
        border: 1px solid rgba(132, 125, 121, 0.3);
        color: #333;
        font-size: 13pt;
        padding: 1%;
        width: 88%;
        margin-top: 30px;
        overflow: hidden;
        margin-bottom: 15px;
        margin: 30px auto 0 auto;
    }

    .save-cart-title {
        color: #ff6600;
        font-weight: bold;
        line-height: 1.5;
        font-size: 13.5pt;
        display: block;
        margin-bottom: 5px;
    }

    .save-cart-lbl {
        line-height: 30px;
        font-size: 12pt;
    }

    #boxInformazioniSalvaCarrello a {
        color: #0575ff;
        text-decoration: underline;
    }

    /*#endregion */

    /*---------- Mostra password ----------*/

    .showPassword {
        margin-left: calc(100% - 30px);
        position: relative;
        display: block;
    }

    .lblButtonShowPassword {
        position: absolute;
        line-height: 34px;
    }

    .fa-eye:before, .fa-eye:before {
        color: rgba(0,0,0,0.7);
    }

    #pnlFormLoginCliente input::-ms-reveal,
    #pnlFormLoginCliente input::-ms-clear {
        display: none;
    }

    /*#endregion */

    /*#region --- ACCEDI --- */

    #formLoginCliente, #contenitoreNuovoCliente {
        padding: 0 2%;
        margin: 0 auto;
        width: 90%;
        overflow: hidden;
    }

        /*---------- Intestazione ----------*/

        #formLoginCliente h2, #contenitoreNuovoCliente h2, #formNuovoCliente h2 {
            font-size: 7vw;
            font-weight: 600;
        }

        /*---------- Form Inserisci i tuoi dati ----------*/
        #formLoginCliente .chiave {
            width: 100%;
            height: auto;
        }

        #formLoginCliente .valore {
            width: 100%;
        }

        #formLoginCliente .text {
            width: calc(100% - 14px);
            font-style: normal;
        }

    /*---------- Hai dimenticato la password ----------*/

    #lnkPasswordDimenticata {
        font-size: 3vw;
        font-weight: normal;
        display: block;
        margin: 15px auto;
        color: #0575ff;
    }

    /*---------- Bottone ----------*/
    #btnAccedi,
    #lnkRegistrazioneCliente {
        margin: 20px 0;
        font-size: 5.5vw;
        font-weight: 900 !important;
        letter-spacing: 2px;
        width: 100% !important;
        display: block;
        padding: 3% 0 !important;
        border: 0;
        font-family: inherit;
    }

        #btnAccedi:hover,
        #lnkRegistrazioneCliente:hover {
            background-color: #15784d;
        }

    /*#endregion */

    /*#region --- REGISTRAZIONE --- */

    #formNuovoCliente {
        width: 90%;
        margin: 0px auto;
        overflow: hidden;
        order: 2;
        color: #161616;
    }

    /*---------- Form Inserisci i tuoi dati ----------*/
    #datiAccesso {
        margin-bottom: 10px;
    }

    #formNuovoCliente .chiave {
        width: 100%;
    }

    #formNuovoCliente .valore, #formNuovoCliente select {
        width: 100%;
    }

    #formNuovoCliente .text {
        width: calc(100% - 14px);
        font-style: normal;
    }

    /*---------- Accettazione Privacy/Marketing/Newsletter ----------*/

    #accettazionePrivacy label {
        line-height: 20px;
    }

    #accettazioneMarketing, #accettazionePrivacy, #accettazioneNewsletter, #accettazioneTerzeparti {
        margin-bottom: 10px;
    }

    #cckPrivacyRichiestaInfo,
    #cckNewsletter,
    #ckbNewsLetter,
    #cckTerzeparti,
    #cckMarketing {
        height: 30px;
        width: 28px;
        margin-left: 4px;
    }

    .check-value a {
        text-decoration: underline;
    }

    .check-value .chiave {
        margin-bottom: 0px;
        margin-top: 0px;
    }

    .check-value .valore {
        background: #efefef;
        padding: 10px;
        width: calc(100% - 20px) !important;
        margin-bottom: 0px;
    }

    .check-value label {
        font-size: 12px;
        line-height: 16px;
        font-weight: 500;
        display: inline-block;
        vertical-align: top;
        width: calc(100% - 66px);
    }

    /*---------- Bottone ----------*/
    #btnRegistrazioneCliente {
        letter-spacing: 1px;
        font-size: 5.5vw;
        height: auto;
        line-height: normal;
        padding: 3% 0;
        margin: 20px 0;
    }

    /*---------- Robustezza Password ----------*/
    #result {
        width: 88%;
        height: 6px;
        padding: 1%;
        margin: 0 0 0 5%;
    }

    /*---------- Info Registrazione ----------*/
    #boxInformazioniRegistrazione {
        width: 87%;
        margin: 0 auto;
        margin-top: 30px;
        padding: 1.5%;
        order: 1;
        overflow: hidden;
        color: #161616;
        background-color: rgba(0,0,0,0.07);
    }

        #boxInformazioniRegistrazione p {
            margin-top: 2px;
        }
    /*---------- Link Accedi ----------*/

    #contenitoreLinkAccedi {
        order: 3;
        border-width: 0px 1px 0px 0px;
        width: 93%;
        margin: 5% auto;
        text-align: center;
    }

    #lnkAccedi {
        background: #fff;
        color: #000;
        text-transform: none;
        font-size: 16px;
        margin: 0;
        padding: 2px 5px;
        width: auto;
        display: inline;
    }

        #lnkAccedi:hover {
            color: #0575ff;
            text-decoration: underline;
        }

    .fa-angle-double-right:before {
        color: #0575ff;
    }

    .fa-angle-double-left:before {
        color: #0575ff;
    }

    /*#endregion */

    /*#region --- REGISTRAZIONE SOCIAL--- */

    #formNuovoClienteSocial {
        width: 93%;
        margin: 30px auto 0 auto;
        overflow: hidden;
        order: 2;
        color: #161616;
    }

        /*---------- Form Inserisci i tuoi dati ----------*/
        #formNuovoClienteSocial .chiave {
            width: 100%;
        }

        #formNuovoClienteSocial .valore, #formNuovoCliente select {
            width: 100%;
        }

        #formNuovoClienteSocial .text {
            width: calc(100% - 14px);
            font-style: normal;
        }


    /*---------- Bottone ----------*/
    #btnRegistrazioneClienteSocial {
        font-weight: 600;
        letter-spacing: 1px;
        font-size: 6.5vw;
        height: auto;
        line-height: normal;
        padding: 3% 0;
        background: #1bb155;
    }

    /*---------- Info Registrazione ----------*/
    #boxInformazioniRegistrazioneSocial {
        width: 90%;
        margin: 0 auto;
        margin-top: 30px;
        padding: 1.5%;
        order: 1;
        overflow: hidden;
        color: #161616;
        background-color: rgba(0,0,0,0.07);
    }

    /*---------- Link Accedi ----------*/
    #contenitoreLinkAccediSocial {
        order: 3;
        border-width: 0px 1px 0px 0px;
        width: 93%;
        margin: 5% auto;
        text-align: center;
    }
    /*#endregion */

    /*#region --- RECUPERO LOGIN --- */

    #boxRecuperaLoginCliente {
        order: 0;
        width: 88%;
        padding: 2%;
        margin: 30px auto 0 auto;
        background: #ededed;
    }

    #formRecuperaLoginCliente {
        order: 1;
        padding: 2% 0%;
        width: 90%;
        margin: 3% auto;
    }

        #formRecuperaLoginCliente .text {
            font-style: normal;
        }

    #btnRecuperaLogin, #btnRipristinaPassword {
        padding: 3% 0;
        font-size: 6.5vw;
    }

    /*#endregion */

    /*#region --- SOCIAL LOGIN --- */

    .box-social-pLogin {
        vertical-align: top;
        white-space: nowrap;
        overflow: hidden;
        width: 100%;
        margin-top: 30px;
    }

        #btnGoogleLogin, .box-social-pLogin a.btnFacebookLogin {
            display: block;
            color: #444;
            white-space: nowrap;
            margin: 5% auto;
            text-align: center;
            box-sizing: content-box;
            max-width: 99%;
            min-width: 250px;
            cursor: pointer;
        }

        .box-social-pLogin a.btnFacebookLogin {
            color: #fff;
            background-color: #4267b2;
            display: block !important;
            border: thin solid #4267b2;
        }

    #contenitoreFacebookBtnpLogin span.buttonText {
        display: inline-block;
        font-family: Helvetica, Arial, sans-serif;
        padding-left: 15px;
        font-size: 17px;
        font-weight: 500;
        position: relative;
        letter-spacing: 1px;
        top: -1px;
        margin-bottom: 3px;
    }

    .box-social-pLogin a.btnFacebookLogin:hover {
        background-color: #3b5998;
        text-decoration: none;
    }

    i.fa.fa-facebook-square {
        font-size: 22px;
        margin-left: 0px;
        margin-right: 2px;
    }

    #btnGoogleLogin {
        border: thin solid #888;
        transition: all 0.3s ease;
    }

        #btnGoogleLogin:hover {
            background-color: #ebebeb;
        }

    #contenitoreGoogleBtnpLogin {
        position: relative;
    }

    .contenitoreGoogleBtnpLogin span.label {
        font-family: serif;
        font-weight: normal;
    }

    .gButtonText {
        display: inline-grid;
        vertical-align: middle;
        padding: 2%;
        font-size: 20px;
        letter-spacing: 1px;
        font-weight: 600;
    }

    #contenitoreGoogleBtnpLogin span.icon {
        width: 20px !important;
        background-position: center;
    }

    #titleSocialLogin {
        text-align: center;
        color: #161616;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        margin: .83em 0;
        font-size: 25px;
        letter-spacing: 0.5px;
    }

        #titleSocialLogin span {
            margin-left: 10px;
        }

    #corpoFormLoginCliente .liCoppia {
        margin-bottom: 20px;
    }

    #contenitoreSocialLogin div.boxTitolo {
        text-align: center;
    }

    #lblSocialLogin {
        color: #333;
        text-align: center;
    }

    #contenitoreGoogleBtnSignup {
        position: relative;
    }

        #lblSocialLogin:before, #lblSocialLogin:after, #lblSocialSignup:before, #lblSocialSignup:after {
            content: " ";
            display: inline-block;
            margin: 0 2%;
            width: 30%;
            height: 1px;
            border-top: 1px solid #b1b1b1;
            vertical-align: middle;
        }

    span.fb-icon {
        display: inline-grid;
        vertical-align: middle;
        font-size: 21px;
    }

        span.fb-icon:hover {
            text-decoration: none;
        }

    span.icon {
        background: url(/Administrator/Images/google_logo.svg);
        display: inline-block;
        vertical-align: middle;
        width: 20px;
        height: 20px;
        text-align: center;
        background-repeat: no-repeat;
        margin: 0;
    }

    #btnGoogleLogin, .box-social-pLogin a.btnFacebookSignup {
        white-space: nowrap;
        text-align: center;
        box-sizing: content-box;
        padding: 0 3%;
        min-width: 250px;
        cursor: pointer;
        transition: all 0.3s ease;
    }

    .box-social-pLogin a.btnFacebookSignup {
        color: #fff;
        background-color: #4267b2;
        display: block !important;
        border: 1px solid #4267b2;
        width: calc(100% - 2px);
    }

        .box-social-pLogin a.btnFacebookSignup:hover {
            background-color: #3b5998;
            text-decoration: none;
        }

    .contenitoreGoogleBtnSignup {
        width: calc(100% - 2px);
    }

    #contenitoreMessaggioSocialLoginUnavailable {
        text-align: left;
        white-space: initial;
        background-color: #fff6f0;
        border: 1px solid #ff6600;
        padding: 2%;
    }

    #lblSocialLoginUnavailable {
        font-size: 13px;
    }

        #lblSocialLoginUnavailable strong {
            color: #ff6600;
            font-size: 16px;
        }

        #lblSocialLoginUnavailable i {
            font-size: 20px;
        }

    /*#endregion */

}