@media only screen and (min-width: 768px) {

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

    body.dueColonneUtenti #contenutiCorpo {
        width: 96%;
        max-width: 1280px;
        margin: 0px auto 0 auto;
        overflow: hidden;
    }

    .lblHeaderLogin {
        font-size: 20px;
        text-align: center;
        font-weight: 600;
    }

    .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 --- SALVA CARRELLO --- */

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

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

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

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

    /*#endregion */


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

    #formLoginCliente, #contenitoreNuovoCliente {
        display: inline-block;
        vertical-align: top;
    }

    #formLoginCliente {
        width: calc(62.666% - 6px);
        border: 3px solid #1e61d4;
        margin-right: 1.8%;
        padding: 2%;
    }

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

    #formLoginCliente header, #contenitoreNuovoCliente header {
        display: block;
        background: none !important;
        margin-bottom: 20px;
    }

    #formLoginCliente header h2, #contenitoreNuovoCliente header h2 {
        font-size: 25px;
        text-align: center;
        font-weight: 600;
        /*color: #333;*/
    }

    /* ---------- Contenitore Form ---------- */

    #corpoFormLoginCliente {
        overflow: hidden;
        padding: 0;
    }

    /* ---------- Form Inserisci i tuoi dati ---------- */

    #pnlFormLoginCliente {
        display: inline-block;
        width: calc(46% - 1px);
        border-right: 1px solid #b1b1b1;
        padding-right: 2%;
        margin-right: 2%;
    }

    #formLoginCliente .chiave {
        display: block;
        flex-direction: column;
        justify-content: center;
        overflow: hidden;
        font-weight: 400;
        font-size: 18px;
        margin-bottom: 1%;
    }

    #formLoginCliente .valore {
        width: 100%;
        display: block;
    }

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

    /* ---------- Mostra Password ---------- */

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

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

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

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

    /* ---------- Bottone Accedi/Registrati ---------- */

    #btnAccedi, #lnkRegistrazioneCliente {
        display: block;
        font-weight:600 !important;
        text-transform: uppercase;
        background-image: none;
        -moz-transition: 0.3s;
        -o-transition: 0.3s;
        -webkit-transition: 0.3s;
        transition: 0.3s;
        width: calc(100% - 4px);
        box-sizing: content-box;
        padding: 3% 0 !important;
        border-radius: 0px;
        /*background: #0fb15d;*/
        letter-spacing: 0.5px;
        font-size: 18px;
    }

    #btnAccedi:hover, #lnkRegistrazioneCliente:hover {
        /*background: #027633;*/
    }

    /* ---------- Registrati adesso Box ---------- */

    #contenitoreNuovoCliente {
        width: 31%;
    }

    #contenitoreNuovoCliente header h2 {
        text-align: left;
        /*color: #333;*/
    }

    #corpoContenitoreNuovoCliente {
        padding: 0;
    }

    #contenitoreMessaggioRegistrazione {
        width: 100%;
        text-align: left;
    }

    #contenitoreMessaggioRegistrazione strong {
        font-weight: 500;
    }

    /*#endregion */

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

    #formNuovoCliente {
        width: calc(76% - 7px);
        padding: 2%;
        overflow: hidden;
        border: 3px solid #1e61d4;
        display: inline-block;
    }

    #formNuovoCliente header {
        display: block;
        background: none !important;
    }

    #formNuovoCliente header h2 {
        font-size: 25px;
        font-weight: 600;
        text-align: center;
        /*color: #333;*/
    }

    #corpoFormNuovoCliente {
        margin-top: 3%;
        padding: 0 !important;
    }

    /* ---------- Inserisci i tuoi dati Registrazione ---------- */

    #pnlFormRegistrazione {
        display: inline-block;
        width: calc(46% - 1px);
        margin-right: 2%;
        padding-right: 2%;
        border-right: 1px solid #b1b1b1;
    }

    #datiAccesso {
        overflow: hidden;
        padding-bottom: 0px;
        margin-top: 3%;
    }

    #formNuovoCliente .chiave {
        font-size: 18px;
        font-weight: 400;
        font-style: normal;
        margin-bottom: 1%;
    }

    #formNuovoCliente .valore {
        width: 100%;
        line-height: 30px;
    }

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

    #formNuovoCliente .liCoppia {
        margin-bottom: 5px;
        display: block;
    }

    #formNuovoCliente .text::-webkit-input-placeholder {
        color: #0c1d39;
        opacity: 0.65;
    }

    #formNuovoCliente select {
        width: calc(100% - 1px);
        font-size: 20px;
        font-style: normal;
    }

    /* ---------- Robustezza Password ---------- */

    #result {
        padding: 5px;
        margin: 0 10px 0 10px;
        height: 6px;
        width: calc(100% - 32px);
    }

    #bar {
        max-width: 100%;
    }

    /* ---------- Accetazione Privacy e Marketing/Newsletter ---------- */

    #accettazionePrivacy {
        text-align: left;
        font-weight: 500;
        background: #ededed;
        padding: 5px;
        margin: 2% 0;
    }

    #accettazioneMarketing {
        padding: 5px;
        background: #ededed;
        margin: 0;
        margin: 2% 0;
    }

    #accettazioneNewsletter {
        padding: 5px;
        background: #ededed;
        margin: 0;
        margin: 2% 0;
    }

    #accettazioneTerzeparti {
        padding: 5px;
        background: #ededed;
        margin: 0;
        margin: 2% 0;
    }

    .check-value {
        font-size: 15px;
    }

    .checkbox input {
        width: 25px;
        height: 25px;
        margin-right: 0px;
        cursor: pointer;
    }

    .check-value .chiave {
        display: inline-block !important;
        padding-right: 0px !important;
        display: none !important;
    }

    .check-value .valore {
        display: inline-block;
        text-align: left;
        vertical-align: top;
        font-weight: 400;
    }

        .check-value .valore a {
            font-weight: 500;
        }

    .check-value label {
        margin: 5px 0px;
        line-height: 20px;
        vertical-align: top;
        display: inline-block;
        padding-left: 10px;
        cursor: pointer;
        max-width: calc(100% - 41px);
        font-size: 13px;
    }

    #accettazionePrivacy a {
        text-decoration: underline;
    }

    #accettazionePrivacy .liCoppia, #accettazioneMarketing .liCoppia, #accettazioneTerzeparti .liCoppia {
        margin: 0 !important;
    }

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

    /* ---------- Recaptcha ---------- */

    .g-recaptcha {
        margin: 2% 0;
        overflow: hidden;
        padding: 0px;
    }

    /* ---------- Bottone Registrati ---------- */

    #btnRegistrazioneCliente {
        margin:3% 0 0 0 !important;
        text-transform:uppercase;
        display: block;
        width: 100%;
        padding: 3% 0 !important;
        border-radius: 0px;
        font-weight:600 !important;
        font-size: 18px;
    }

    /* ---------- Link 'Accedi' ---------- */

    #contenitoreLinkAccedi {
        width: 80%;
        margin-top: 3%;
        text-align: center;
        color: #0575ff;
        display: inline-block;
    }

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

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

    /*#endregion */

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

    #boxInformazioniRegistrazione {
        width: 16%;
        margin-left: 1.5%;
        background-color: #ededed;
        border-radius: 3px;
        padding: 1%;
        display: inline-block;
        vertical-align: top;
    }

    #boxInformazioniRegistrazione ul {
        list-style: none;
        padding: 0px;
    }

    #boxInformazioniRegistrazione ul li {
        display: block;
        text-align: left;
        margin: 2% auto;
    }

    /*#endregion */

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

    #formNuovoClienteSocial {
        width: calc(66% - 6px);
        padding: 2%;
        overflow: hidden;
        border: 3px solid #1e61d4;
        display: inline-block;
    }

        #formNuovoClienteSocial header {
            display: block;
            background: none !important;
        }

            #formNuovoClienteSocial header h2 {
                font-size: 25px;
                font-weight: 700;
                text-align: center;
            }

    #corpoFormNuovoClienteSocial {
        margin: 3% auto 0 auto;
        padding: 0 !important;
        width: 70%;
        text-align: center;
    }

    /*---------- Inserisci i tuoi dati Registrazione ----------*/

    #pnlFormRegistrazioneSocial {
        display: inline-block;
        text-align: left;
        margin: auto;
    }

        #pnlFormRegistrazioneSocial .boxTitolo {
            text-align: center;
        }

    #formNuovoClienteSocial .chiave {
        font-size: 18px;
        font-weight: 400;
        font-style: normal;
        margin-bottom: 1%;
    }

    #formNuovoClienteSocial .valore {
        width: 100%;
        line-height: 30px;
    }

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

    #formNuovoClienteSocial .liCoppia {
        margin-bottom: 5px;
        display: block;
    }

    #formNuovoClienteSocial .text::-webkit-input-placeholder {
        color: #0c1d39;
        opacity: 0.65;
    }

    #formNuovoClienteSocial select {
        width: calc(100% - 1px);
        font-size: 20px;
        font-style: normal;
    }

    /*---------- Bottone Registrati ----------*/
    #btnRegistrazioneClienteSocial {
        margin: 3% 0 !important;
        display: block;
        width: 100%;
        padding: 3% 0 !important;
        border-radius: 0px;
        font-size: 18px;
        background: #0fb15d;
    }

        #btnRegistrazioneClienteSocial:hover {
            background: #027633;
        }
    /*#endregion */

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

    #boxInformazioniRegistrazioneSocial {
        width: 26%;
        margin-left: 1.4%;
        background-color: #ededed;
        border-radius: 3px;
        padding: 1%;
        display: inline-block;
        vertical-align: top;
    }

        #boxInformazioniRegistrazioneSocial strong {
            font-weight: 500;
        }

        #boxInformazioniRegistrazioneSocial ul {
            list-style: none;
            padding: 0px;
        }

            #boxInformazioniRegistrazioneSocial ul li {
                display: block;
                text-align: left;
                margin: 2% auto;
            }

    /*---------- Link 'Accedi' ----------*/
    #contenitoreLinkAccediSocial {
        width: 70%;
        margin-top: 3%;
        text-align: center;
        color: #0575ff;
        display: inline-block;
    }

    #lnkAccediSocial {
        padding: 2px 5px;
        text-transform: none;
        background: #fff;
        color: #000;
    }

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

    /*#endregion */

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

    #boxRecuperaLoginCliente {
        display: inline-block;
        vertical-align: top;
        width: 27.333%;
        background: #ededed;
        padding: 2%;
        margin-left: 1.5%;
        order: 0;
    }

    #lblDescription {
        font-size: 18px;
    }

    #formRecuperaLoginCliente {
        order: 1;
        display: inline-block;
        width: calc(62.666% - 6px);
        padding: 2%;
        border: 3px solid #1e61d4;
    }

    #formRecuperaLoginCliente header h2 {
        font-size: 25px;
        text-align: center;
        /*color: #333;*/
        font-weight: 600;
    }

    #corpoFormRecuperaLoginCliente {
        padding: 3% 0 0 0;
        width: 90%;
        margin: 0 auto;
        max-width: 650px;
    }

    #formRecuperaLoginCliente .chiave {
        padding-right: 10px;
        height: 30px;
        line-height: 30px;
        display: block;
        float: none;
        font-size: 18px;
    }

    #ulFormRecuperaLoginCliente .liCoppia {
        margin-bottom: 25px;
    }

    #formRecuperaLoginCliente .valore {
        width: 100%;
        float: none;
    }

    #formRecuperaLoginCliente .text {
        width: calc(100% - 12px);
        font-size: 18px;
    }

    #btnRecuperaLogin, #btnRipristinaPassword {
        /*background: #0fb15d;*/
        margin-top: 2%;
        display: block;
        padding: 3% 0px;
        font-size: 18px;
        width: 100%;
        font-weight: 600 !important;
        text-transform: uppercase;
    }

    /*#endregion */

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

    .box-social-pLogin {
        vertical-align: top;
        white-space: nowrap;
        overflow: hidden;
        width: calc(50% - 5px);
        display: inline-block;
    }

    #formNuovoCliente .box-social-pLogin {
        padding: 0;
        width: calc(50% - 6px);
        display: inline-block;
    }

    .box-social-pLogin .boxTitolo {
        text-align: center;
    }

    #btnGoogleLogin, .box-social-pLogin a.btnFacebookLogin {
        display: block;
        color: #444;
        white-space: nowrap;
        width: 250px;
        margin: 0 auto;
        text-align: center;
        width: 50%;
        box-sizing: content-box;
        padding: 0 3%;
        max-width: 400px;
        min-width: 250px;
        cursor: pointer;
        transition: all 0.3s ease;
    }

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

    #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;
    }

    .customGPlusSignup {
        margin: 0 !important;
        right: 1px;
        max-width: none !important;
    }

    #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(94% - 2px);
    }

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

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

    #btnGoogleLogin {
        border: 1px solid #888;
        transition: all 0.3s ease;
        width: calc(94% - 2px);
    }

    #contenitoreGoogleBtnpLogin:hover #btnGoogleLogin, #contenitoreGoogleBtnSignup:hover #btnGoogleLogin {
        background-color: #ebebeb;
    }

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

    .gButtonText {
        display: inline-block;
        vertical-align: middle;
        padding: 10px 20px 10px 20px;
        font-size: 17px;
        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;
    }

    div#contenitoreGoogleBtnpLogin, div#contenitoreFacebookBtnpLogin {
        position: relative;
        margin-top: 5%;
    }

    div#contenitoreGoogleBtnSignup, div#contenitoreFacebookBtnSignup {
        width: 100%;
        display: block;
    }

    div#contenitoreGoogleBtnSignup {
        position: relative;
        margin-top: 3%;
    }

    #corpoFormLoginCliente .liCoppia {
        margin-bottom: 3%;
    }

    div.boxTitolo {
        text-align: center;
        margin-bottom: 3%;
    }

    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;
    }

    .fa-facebook-f:before, .fa-facebook:before {
        font-size: 20px;
    }

    .fb-icon {
        vertical-align: middle;
    }

    #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 */

}

@media only screen and (min-width:768px) and (max-width:900px) {
    /*#region --- GENERALE --- */

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

    /*#endregion */

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

    #formLoginCliente {
        width: calc(96% - 6px);
        border: 3px solid #1e61d4;
        margin: 0 auto;
        max-width: calc(644px - 4%);
    }

    #contenitoreNuovoCliente {
        width: 100%;
        margin: 3% auto 0 auto;
        max-width: 650px;
    }

    #pnlFormLoginCliente {
        width: 100%;
        padding: 0;
        margin: 0;
    }

        #pnlFormLoginCliente .boxTitolo {
            text-align: left;
        }

    /*#endregion */

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

    #formNuovoCliente {
        order: 2;
        width: calc(96% - 6px);
        padding: 2%;
        overflow: hidden;
        border: 3px solid #1e61d4;
        max-width: calc(644px - 4%);
        margin-left: auto;
        margin-right: auto;
    }

    #pnlFormRegistrazione {
        display: inline-block;
        width: 100% !important;
        border: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

        #pnlFormRegistrazione .boxTitolo {
            text-align: left;
        }

    #boxInformazioniRegistrazione {
        order: 1;
        width: 94%;
        background-color: #ededed;
        border-radius: 3px;
        padding: 0 3%;
        margin: auto auto 3% auto;
        max-width: calc(650px - 6%);
    }

    #formNuovoCliente .box-social-pLogin {
        padding: 0;
        width: 100%;
        margin-top: 5%;
    }

    #contenitoreLinkAccedi {
        order: 3;
        width: 100%;
        text-align: center;
        margin-left: 0;
        margin-top: 3%;
    }

    /*#endregion */

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

    #boxRecuperaLoginCliente {
        order: 1;
        width: 96%;
        margin: auto auto 2% auto;
        max-width: 650px;
    }

    #formRecuperaLoginCliente {
        order: 2;
        width: calc(96% - 6px);
        max-width: 650px;
        margin: auto;
    }

    #corpoFormRecuperaLoginCliente {
        width: 90%;
        max-width: 650px;
    }

    /*#endregion */

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

    #formNuovoClienteSocial {
        order: 2;
        width: calc(96% - 6px);
        padding: 2%;
        overflow: hidden;
        border: 3px solid #1e61d4;
        max-width: calc(644px - 4%);
        margin: 0 auto;
    }

    #pnlFormRegistrazioneSocial {
        display: inline-block;
        width: 100% !important;
        border: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    #boxInformazioniRegistrazioneSocial {
        order: 1;
        width: 94%;
        background-color: #ededed;
        border-radius: 3px;
        padding: 0 3%;
        margin: auto auto 3% auto;
        max-width: calc(650px - 6%);
    }

    #contenitoreLinkAccediSocial {
        order: 3;
        width: 100%;
        text-align: center;
        margin-left: 0;
    }

    /*#endregion */

    /*#region --- SOCIAL LOGIN --- */
    .box-social-pLogin {
        width: 100%;
        display: inline-block;
        margin-top: 5%;
    }

    div#contenitoreGoogleBtnpLogin {
        margin-top: 3%;
    }

    div#contenitoreFacebookBtnpLogin {
        margin-top: 0;
    }

    #btnGoogleLogin, .box-social-pLogin a.btnFacebookLogin {
        max-width: none;
    }

    #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;
    }

    /*#endregion */
}