.modal-content {
     border: 0 none;
}
 .no-gutter {
     margin: 0;
     display: flex
}
 .no-gutter > [class*='col-'] {
     padding-right: 0;
     padding-left: 0;
}
 #register-modal .form-logo {
     display: none;
}
 #register-modal .close {
     right: -15px;
     top: -15px;
     position: absolute;
     background: url('../images/promotions/popups/popup-offer-close.png') no-repeat 0 0;
     width: 30px;
     height: 30px;
     text-indent: -99px;
     overflow: hidden;
     cursor: pointer;
     outline: none;
     text-decoration: none;
     z-index: 1;
     filter: alpha(opacity=100);
     opacity: 1;
}
 #register-modal .modal-body {
     padding: 0;
}
 #register-modal .container {
     width: 100%;
}
 #register-modal .modal-banner {
     padding: 30px 0;
     width: 100%;
     height: 100%;
     display: block;
     background: url('../images/registration/modal-banner.jpg') bottom center no-repeat #001034;
     -webkit-border-radius: 0 6px 6px 0;
     border-radius: 0 6px 6px 0;
}

#register-modal .modal-banner .bonus-terms-logos {
    display: block;
    position: absolute;
    bottom: 10px;
    left: 10px;
}

#register-modal .modal-banner.horizontal-modal-banner .bonus-terms-logos {
    left: auto;
    right: 10px;
}

 .modal-form {
     padding: 30px;
}
 .modal-form .form-logo {
     margin: 0;
}
 .modal-banner h3 {
     margin: 0 auto;
     font-family: 'museo_sans900';
     text-transform: uppercase;
     color: #ffd71f;
     font-size: 2.142857142857143em;
     font-weight: normal;
     text-align: center;
}
 .modal-banner h3 span {
     font-family: 'museo_sans300';
     text-transform: uppercase;
     color: #ffffff;
     font-size: 0.8em;
     display: block;
}
 .german .modal-banner h3, .swedish .modal-banner h3 {
     /*font-size: 1.7142857142857142em;*/
     font-size: 1.1em;
     padding: 10px;
}
 #short-register-modal .vertical-modal-banner, #register-modal .vertical-modal-banner {
     padding: 30px 0;
     width: 100%;
     height: 100%;
     display: block;
     background: url('../images/registration/vertical-modal-banner.jpg') bottom center no-repeat #001034;
}
 /* da */
#short-register-modal .vertical-modal-banner-da, #register-modal .vertical-modal-banner-da {
     padding: 30px 0;
     width: 100%;
     height: 100%;
     display: block;
     background: url('../images/registration/vertical-modal-banner-da.jpg') bottom center no-repeat #001034;
}
#short-register-modal .vertical-modal-banner-en-uk, #register-modal .vertical-modal-banner-en-uk {
     padding: 30px 0;
     width: 100%;
     height: 100%;
     display: block;
     background: url('../images/registration/vertical-modal-banner-en-uk.jpg') bottom center no-repeat #001034;
}
#short-register-modal .vertical-modal-banner-com, #register-modal .vertical-modal-banner-com {
     padding: 30px 0;
     width: 100%;
     height: 100%;
     display: block;
     background: url('../images/registration/vertical-modal-banner-com.jpg') bottom center no-repeat #001034;
}



#short-register-modal .horizontal-modal-banner, #register-modal .horizontal-modal-banner {
     padding: 30px 0 30px 35%;
     width: 100%;
     height: 100%;
     display: block;
     background: url('../images/registration/horizontal-modal-banner.jpg') bottom left no-repeat #001034;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
}
#short-register-modal .horizontal-modal-banner-da, #register-modal .horizontal-modal-banner-da {
     padding: 30px 0 30px 35%;
     width: 100%;
     height: 100%;
     display: block;
     background: url('../images/registration/horizontal-modal-banner-da.jpg') bottom left no-repeat #001034;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
}
#short-register-modal .horizontal-modal-banner-en-uk, #register-modal .horizontal-modal-banner-en-uk {
     padding: 30px 0 30px 35%;
     width: 100%;
     height: 100%;
     display: block;
     background: url('../images/registration/horizontal-modal-banner-en-uk.jpg') bottom left no-repeat #001034;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
}
#short-register-modal .horizontal-modal-banner-com, #register-modal .horizontal-modal-banner-com {
     padding: 30px 0 30px 35%;
     width: 100%;
     height: 100%;
     display: block;
     background: url('../images/registration/horizontal-modal-banner-com.jpg') bottom left no-repeat #001034;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
}

 @media screen and (min-width: 320px) and (max-width: 504px) {
     .no-gutter {
         display: block;
    }
     #register-modal .modal-banner {
         -webkit-border-radius: 0;
         border-radius: 0;
    }
     .modal-banner h3 {
         margin: 0 auto;
         font-family: 'museo_sans900';
         text-transform: uppercase;
         color: #ffd71f;
         font-size: 1.2857142857142858em;
         font-weight: normal;
         text-align: left;
    }
     .modal-banner h3 span {
         font-family: 'museo_sans300';
         text-transform: uppercase;
         color: #ffffff;
         font-size: 0.8421052631578947em;
         display: block;
    }
     .modal-form {
         padding: 0;
    }
    #register-modal .form-wrapper form {
         padding: 30px 0 10px 0;
    }
     .form-logo {
         display: none;
    }
     .members-login {
         padding: 0;
    }
     #register-modal .close {
         right: 5px;
         top: 5px;
    }
     #register-modal .modal-dialog {
         width: 100%;
         margin: 0;
         padding: 0;
    }
     #register-modal .modal-content {
         height: auto;
         min-height: 100vh;
         border-radius: 0;
         border: 0 none;
    }
     #register-modal .modal {
         overflow-y: scroll;
    }
     #register-modal .form-wrapper {
         margin: 0 auto;
         width: 100%;
    }
    /* NEED TO IMPROVE */
    body.modal-open {
        position: fixed;
        width: 100%;
    }
}
 @media screen and (min-width: 505px) and (max-width: 767px) {
     #register-modal .modal {
         text-align: center;
         padding: 0!important;
    }
     #register-modal .modal:before {
         content: '';
         display: inline-block;
         height: 100%;
         vertical-align: middle;
         margin-right: -4px;
    }
     #register-modal .modal-dialog {
         display: inline-block;
         text-align: left;
         vertical-align: middle;
    }
     .no-gutter {
         display: block;
    }
     #register-modal .modal-banner {
         -webkit-border-radius: 6px 6px 0 0;
         border-radius: 6px 6px 0 0;
    }
     .modal-banner h3 {
         margin: 0 auto;
         font-family: 'museo_sans900';
         text-transform: uppercase;
         color: #ffd71f;
         font-size: 1.2857142857142858em;
         font-weight: normal;
         text-align: left;
    }
     .modal-banner h3 span {
         font-family: 'museo_sans300';
         text-transform: uppercase;
         color: #ffffff;
         font-size: 0.8421052631578947em;
         display: block;
    }
     .modal-form {
         padding: 0;
    }
    #register-modal .form-wrapper form {
         padding: 30px 0 10px 0;
    }
     .form-logo {
         display: none;
    }
     .members-login {
         padding: 0;
    }
    #register-modal .close {
         right: 5px;
         top: 5px;
    }
}
 @media screen and (min-width: 768px) and (max-width: 992px) {
     #short-register-modal .horizontal-modal-banner, #register-modal .horizontal-modal-banner {
         padding: 30px 10px;
         background: url('../images/registration/vertical-modal-banner.jpg') bottom center no-repeat #001034;
    }
     #short-register-modal .modal-dialog, #register-modal .modal-dialog {
         width: 700px;
    }
    #register-modal .form-wrapper form, .page-template-forgot-password-page #second_step {
         padding: 20px 0 10px 0;
    }
     #register-modal .modal-banner {
         -webkit-border-radius: 6px 0 0 6px;
         border-radius: 6px 0 0 6px;
    }
}
 @media screen and (min-width: 993px) and (max-width: 1024px) {
}
/* Smartphones (portrait and landscape) ----------- */
 @media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
}
/* Smartphones (landscape) ----------- */
 @media only screen and (min-width: 505px) {
     #register-modal .form-wrapper {
         width: 100%;
    }
     #register-modal.modal {
         text-align: center;
         padding: 0!important;
    }
     #register-modal.modal:before {
         content: '';
         display: inline-block;
         height: 100%;
         vertical-align: middle;
         margin-right: -4px;
    }
     #register-modal .modal-dialog {
         display: inline-block;
         text-align: left;
         vertical-align: middle;
    }
}
/* Smartphones (portrait) ----------- */
 @media only screen and (min-width: 320px) and (max-width: 480px) {
}
/* iPads (portrait and landscape) ----------- */
 @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
}
/* iPads (landscape) ----------- */
 @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
}
/* iPads (portrait) ----------- */
 @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
}
 @media only screen and (min-device-width: 480px) and (max-device-width: 504px) and (orientation: landscape) {
}
 @media only screen and (min-device-width: 505px) and (max-device-width: 667px) and (orientation: landscape) {
}
 @media only screen and (min-device-width: 1300px) and (max-device-width: 1470px) {
}
 @media only screen and (min-device-width: 1025px) and (max-device-width: 1299px) {
}
 @media only screen and (min-device-width: 667px) and (max-device-width: 736px) and (orientation: landscape) {
}
/* iPhone 4 ----------- */
 @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    /* Styles */
}