@media (max-width:767px)
{
    .asterisk
    {
        width: 1% !important;
        margin-left: -3px !important;
    }
}

@media (min-width: 660px) and (max-width: 767px)
{
    .span6
    {
        width: 48% !important;
    }
}

@media (max-width: 659px)
{
    .entry .span6
    {
        width: 48% !important;
    }
}

/*Subscription Email Consent Landing Page*/

#subcriptionWrapper input[id=EmailAddress] {
    border: #CBCBCB solid 1px;
    background-color: white;
    color: #252525;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    width: 100%;
    max-width: 345px;
}

.subscription-HeaderMessage {
    font-size: 18px;
    text-align: center;
    padding-top: 10px;
    
}

.subscription-SuccessfulHeader {
    font-size: 40px;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 40px;
    padding-top: 10px;
}

div.MandMPL.contentBody div.subscription-SuccessfulHeader {
    font-size: 30px;
    line-height: 30px;
}

.subscription-Message {
    text-align: center;
    padding: 10px 0;
    line-height: 16px;
}

.center {
    text-align: center;
}

 #subcriptionWrapper,  #subcriptionErrorWrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 380px;
    min-height: 180px;
    border: #CBCBCB solid 1px;
    background-color: white;
    padding: 25px;
    transform: translate(-50%, -50%);
}


#subscriptionPage {
    background: url(/assets/images/subscriptions/trainers.jpg) no-repeat center;
    background-size: cover;
    position: relative;
    width: 100%;
    margin-top: -5px;
    height: calc(100vh - 393px);
}

.subscription-button {
    clear: none;
    width: 48%;
    padding: 10px 0 5px;
}

.subscription-link {
    color: #0088cc;
    text-decoration: none;
}

.subscription-ErrorHeader{
    text-align: center;
    font-size: 15px;
    line-height:18px;
    border: 1px solid #EB6276;
    background-color: #FFF3F5;
    padding: 10px 25px;
    margin-top:10px;   
}

.subscription-ErrorRow
{
    margin:0 20px;
}

.subscription-ErrorHeader strong{
     display: block;
}

.subscription-ErrorHelpText{
    text-align: center;
    padding: 25px 0;
    line-height: 16px;
}

.subscription-ErrorHelpText a{
    color: #252525;
    font-weight: bold;
}



@media (max-width: 1280px) {
    div.MandMPL.contentBody div.subscription-SuccessfulHeader, 
    div.MandMFRA.contentBody div.subscription-SuccessfulHeader {
        font-size: 26px;
        line-height: 26px;
    }
}



@media (max-width: 734px) {
     #subscriptionPage {
         background: none;
         position: relative;
         width: 100%;
         min-height: 400px;
         padding-top: 5%;
    }

    #subcriptionWrapper, #subcriptionErrorWrapper {
        top: 50%;
        left: 50%;
        position: absolute;
        max-width: 280px;
        height: 180px;
        border: 0;
        padding: 25px 10px;
    }

    #subcriptionErrorWrapper{
        max-width: 330px;
    }

    .subscription-ErrorHeader{
        font-size: 13px;
     }    

    .subscription-ErrorTextRow{
        margin:0 15px;
    }

    .subscription-SuccessfulHeader {
        font-size: 26px;
        line-height: 1;
    }

    #subcriptionWrapper input[readonly] {
        font-size: 13px;
        max-width: 245px;
    }

    #subcriptionWrapper > .row-fluid,  #subcriptionErrorWrapper > .row-fluid {
         text-align: center;
    }

    .subscription-HeaderMessage {
        font-size: 14px;
    }

    .subscription-button {
        clear: both;
        width: 100%;
        padding: 5px 0 0;
    }


    /*.subscription-ErrorHeader{
        margin: 10px -30px;
    }*/
}
@media (max-width: 540px) {
    div.MandMPL.contentBody div.subscription-SuccessfulHeader{
        font-size: 20px;
        line-height: 20px;
    }
}


#subcriptionWrapper > .row-fluid, #subcriptionWrapper input,  #subcriptionErrorWrapper > .row-fluid {
    max-width: 330px;
    width: 100%;
}


/* media query to match the one used for the footer */ 
@media (min-width: 768px) {
    
    #subscriptionPage {
        padding-top: 44.75%;
	    height: 0;
    }

    .subscription-SuccessfulHeader {
        font-size: 36px;
        line-height: 1;
    }
}