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

    .fancybox-inner {
        position: absolute;
        width: 100%;
        top: 0;
        bottom: 0;
        left:0;
        right: 0;
    }

    .fancybox-modal-login .fancybox-close,
    .fancybox-modal-register .fancybox-close{
        top: 30px;
        color: #000;
        background-color: #fff;
        background-image: none;
    }

    .fancybox-modal-register{
        top: 0 !important;
    }

    .hide-when-collapsed { display: none; }
    .show-when-collapsed { display: block; }

    #login-section-wrapper {
        background: #ffffff;
        margin: 20px 0;
        padding: 10px;
    }

    #login-section-wrapper .content {
        padding: 20px 0;
    }

    #login-section-wrapper .actions,
    #login-section-wrapper .info {
        width: 80%;
    }

    #login-section-wrapper .info {
        margin: 20px auto 30px;
        text-align: center;
    }

    #login-section-wrapper .info p {
        margin: 0;
        font-size: 16px;
        color: #202020;
        line-height: 20px;
    }

    #login-section-wrapper h1 {
        font-weight: bold;
        font-size: 32px;
        line-height: 34px;
        color: #333;
        padding: 0 30px;
        text-align: center
    }

    #login-section-wrapper .actions {
        padding-bottom: 50px;
    }

    #login-section-wrapper .login-alternatives .social-login {
        padding-top: 12px;
        padding-bottom: 12px;
        border-bottom: 0;
    }


    #login-section-wrapper .login-alternatives .ferrari-login {
        margin: 0 auto;
        padding-top: 12px;
        /* width: 236px; */
    }

    #login-section-wrapper .login-alternatives .ferrari-login input {
        /* width: 236px; */
    }



    #login-section-wrapper .login-alternatives .ferrari-login .btn {
        float: right;
        width: auto
    }

    #login-section-wrapper .registration {
        text-align: center;
    }

    #login-section-wrapper .registration h2 {
        font-size: 24px;
    }

    #login-section-wrapper .registration a.btn {
        text-decoration: none
    }


    .login-alternatives {
        background: #ededed;
        padding: 0 0 20px 0;
        border-bottom: 1px #ddd8ce solid;
    }

    .login-alternatives .columns + .columns {
        border-left: 1px #ddd8ce solid;
        margin-left: 4%;
    }

    .login-alternatives .social-login {
        border-bottom: 1px #ddd8ce solid;
    }

    .login-alternatives p {
        font-size: 16px;
        text-align: center;
    }

    .login-alternatives .retrievepass {
        color: #555555;
        float: left;
        line-height: 24px;
    }

    .login-alternatives form p {
        margin: 0 0 3px 0;
    }


    .login-alternatives.l-vertical {
        background: none;
        border-bottom: 0;
        margin-top: 40px;
    }

    .login-alternatives.l-vertical p {
        font-size: 16px;
    }

    .login-alternatives.l-vertical .social-login {
        padding-bottom: 25px;
        margin-bottom: 25px;
    }

    .login-alternatives.l-vertical .ferrari-login input[type="text"] {
        width: 100%;
    }

    .login-alternatives.l-vertical .ferrari-login .btn-primary {
        float: right;
    }



    #LoginForm ul {
        clear: both;
        width: 100%;
        float: left;
    }

    #LoginForm ul li {
        background: none;
        color: red;
        font-weight: bold;
    }


    #loginsection-separator {
        color: white;
        font-size: 21px;
        margin: 2px 0 0 0 !important;
        padding: 0 !important;
    }

    #loggedUserSection-separator {
        color: white;
        font-size: 21px;
        margin: 2px 0 0 0 !important;
        padding: 0 !important;
    }

    #btn-logout:hover {  color: red !important; }


    #btn-login-wrap > .submenu { top: 29px !important;  }
    p.social-login { text-align: center;  margin-bottom: 0px; }



    #sh-sign-in-container {
        display:none;
        z-index: 1000000000000;
        background-color: white;
        width: 100%;
        padding: 70px 0;
        height: 100%;
    }


    #super-header-social-login-section {

        color: #000000;
        font-family: "Times New Roman",Times,"Liberation Serif",FreeSerif,serif;
        font-size: 30px;
        font-style: italic;
        height: 33px;
        margin: 0 auto;
        min-width: 100px;
        text-transform: uppercase;
        width: 110px;
    }


    #super-header-ferrari-login-section {
        color: #000;
        font-size: 16px;
        width: 17%;
        margin: 0 auto;
        min-width: 118px;
        margin-top: 20px;
    }

    #super-header-social-login-section p,
    #super-header-social-login-section span,
    #super-header-ferrari-login-section p,
    #super-header-ferrari-login-section span {
        display: inline-block;
        margin-bottom: 7px;
    }

    #super-header-social-login-section .bordered-space { display:none;}

    #super-header-social-login-section div.capitalized:first-letter,
    #super-header-social-login-section p.capitalized:first-letter {
        font-size: 50px;
    }

    .social-login-info {
        display: block;
        margin: 0 auto;
        width: 75px;
        min-width: 75px;
    }

    #gigya_login_div {
        display:none;
    }
    #gigya_login_mobile_div { margin: 0 auto; }
    .sociallogin {
        margin: 0 auto;
        width: 75px;
        min-width: 75px;
    }

    #LoginForm {
        min-height: 170px;
    }
    /* #LoginForm p {width: 272px; margin: 0 auto; } */
    #LoginForm input {
        width: 270px;
        height: 22px;
        margin-bottom: 7px;
        border: 1px solid gray;
        padding: 0 5px;
    }
    #LoginForm .forgotten-password {
        color: black;
        font-style: italic;
        text-decoration: underline;
        font-size: 12px;
        /* width: 272px; */
    }
    .remember-me-wrap {}
    #LoginForm input#remember-me {
        float: left;
        width: 20px;
        margin: 0;
    }
    #LoginForm .forgotten-password > .retrievepass {
        color: black;
    }
    #LoginForm input.btnFlat {
        width: 110px;
        height: 29px;
        padding-left: 20px;
        padding-top: 5px;
        float: left;
    }

    #LoginForm input[type=submit] {
        float:left;
        cursor: pointer;
        padding: 3px 22px 5px 33px;
        background-color: white;
        border: 1px solid gray;
        background: transparent url(../img/arrow-right-grey.gif) no-repeat 12px;
        font-family: Tahoma, Geneva, sans-serif;
        text-transform: uppercase;
        font-size: 14px;
        color: black;
        margin-top: 13px;
    }

    .mobile-submit { margin-bottom: 15px; }

    .fixCenter {
        /* width: 270px; */
        margin: 0 auto;
    }
    .not-registered-yet {
        margin: 40px auto 0;
        /* width: 270px; */
        text-align: center;
    }


    .box-title {
        width: 160px;
        margin: 0 auto;
        clear: both;
        height: 26px;
        text-align: center;
    }

    .box-title p { float:left; }
    #box-guest-registation {

        background: white;
    }
    .social-register-info {
        width: 100px;
        margin: 0 auto;
    }
    #gigya_register_div {
        margin: 0 auto;
    }

    .btnFlat {
        cursor: pointer;
        padding: 10px 7px 10px 57px;
        background-color: white;
        border: 1px solid gray;
        background: transparent url(../img/arrow-right-grey.gif) no-repeat 12px;
        font-family: Tahoma, Geneva, sans-serif;
        text-transform: uppercase;
        font-size: 14px;
        color: black;
        margin: 0 auto;
        float: none;
        display: block;
        width: 146px;
    }

    .btnFlat.yellow {
        color: #ffee00;
        background: rgba(0, 0, 0, 0) url(../img/arrow-right-yellow.gif) no-repeat 12px;
        font-weight: bold;
        margin: 30px auto;
        box-shadow: none;
        border: #ffee00 1px solid;
    }
    .box-title p{ float:left; margin-right: 5px; line-height: 33px; }
    .box-title .bordered-space { width: 100px; }

    p.capitalized:first-letter {
        font-size: 40px;
        line-height: 24px;
    }

    #box-guest-registation {
        float: left;
        width: 100%;
        padding-bottom: 20px;
    }

    #box-guest-registation .box-title .bordered-space { width: 60px; display: none;}

    #box-guest-registation .box-title {
        font-family: "Times New Roman", Times, "Liberation Serif", FreeSerif, serif;
        font-style: italic;
        text-transform: uppercase;
        color: #000;
        font-size: 27px;
        width: 160px;
        margin: 0 auto;
        margin-top: 30px;
        margin-bottom: 20px;

    }
    #box-owner-registation-mobile.OWNER > .box-title p { margin-bottom: 0; }

    #box-guest-registation .box-title-second .bordered-space { width: 190px; }
    #box-guest-registation .box-title-second {
        font-family: "Times New Roman", Times, "Liberation Serif", FreeSerif, serif;
        font-style: italic;
        text-transform: none;
        color: #000;
        font-size: 27px;
        width: 423px;
        margin: 0 auto;
        height: 53px;

    }
    .social-register-info {
        margin: 0 auto;
        margin-bottom: 10px;
        font-style: italic;
        color: #808080;
        text-align: center;
    }

    #gigya_register_div {
        width: 220px;
        margin: 0 auto;
        margin-bottom: 15px;
    }

    #gigya_register_mobile_div {
        margin: 0 auto;
        margin-bottom: 30px;
    }

    #sh-register-overlay {
        display: none;
        width: 100%;
        height: 100%;
        z-index: 214744006;
        background-color: rgba(0,0,0,0.75);
    }

    #sh-register-container {
        display:none;
        height: 100%;
        width: 100%;
        z-index: 214744007;
    }

    #btnCreateAccount { margin-bottom: 20px; }

    #sh-register-container > #closeRegisterModal { color: #000; }
    #sh-register-container > #closeRegisterModal:hover { color: #000; }




    #box-owner-registation-mobile,
    #box-owner-registation {
        background: #313131;
        float: left;
        height: 100%;
        width: 100%;
        padding-bottom: 50px;
    }

    #box-owner-registation-mobile .box-title .bordered-space { display:none; }
    #box-owner-registation .box-title .bordered-space { display:none; }

    #box-owner-registation-mobile .box-title,
    #box-owner-registation .box-title {
        font-family: "Times New Roman", Times, "Liberation Serif", FreeSerif, serif;
        font-style: italic;
        text-transform: uppercase;
        color: #000;
        font-size: 27px;
        width: 280px;
        margin: 0 auto;
        margin-top: 40px;

    }
    .owner-register-info {
        width: 280px;
        margin: 0 auto;
        margin-top: 20px;
        min-width: 280px;
        clear: both;
    }
    .owner-register-info p {
        color: inherit;
    }


    #super-header-social-login-section p,
    #super-header-social-login-section span,
    #super-header-ferrari-login-section p,
    #super-header-ferrari-login-section span {
        display: block;
        float: left;
        margin-bottom: 10px;
    }

    #custom-1 {
        font-size: 25px;
        margin: 0 0 0 20px;
    }

    #custom-2 {
        font-size: 25px;
        margin: 4px 22px 0 9px;
        padding-top: 3px;
    }

    #custom-3 { float:left; margin-top: -16px; width: 75px; }
    #custom-4 { float:left; margin-left: 5px; }


    .red.capped {
        font-size: 35px;
        margin: 0;
        line-height: 25px;

    }

    #box-owner-registation-mobile.OWNER > .box-title {
        width: 160px;
        min-width: 160px;
    }



    /* Adattamenti per nuovo superheader */


    #super-header-social-login-section.signInBoxTitle p{
        font-size: 30px;
    }

    #super-header-ferrari-login-section.account p{
        font-size: 16px;
    }

    /*
    .registerBox .box-title p {
        font-size: 30px;
    }
    */

    #LoginForm {
        width: 270px;
        margin: 0 auto;
    }

    #LoginForm p {
        margin: 0;
        padding: 0;

    }
}

.authenticated .goToProfile span.salutation,
.authenticated .goToProfile span.profileUserFirstName{
    text-transform: capitalize;
    font-size: 12px;
}

.authenticated .openLoginModal,
.authenticated .openRegistrationModal,
.authenticated .doLogout{

}


.t-mobile .authenticated .goToProfile .salutation,.t-mobile .authenticated .goToProfile .salutation:hover {
    color: #555;
}

.t-tablet .authenticated .goToProfile .salutation,.t-tablet  .authenticated .goToProfile .salutation:hover {
    color: #AAA;
}
.t-tablet .authenticated .goToProfile .salutation{
    display: inline-block;
    vertical-align: top;
}