.reg-screen-bg {
    background-image: url(../images/reg-screen-new.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.gdpr {
    font-size: 10px;
}

.help-desk-bg {
    background-image: url(../images/help-desk-screen.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 780px;
}


    .help-desk-bg .screen-imgs {
        position: relative;
        top: 15px;
    }

.reg-screen-bg .screen-imgs {
    position: relative;
    top: 0px;
    text-align: center;
}

.screen {
    text-align: center;
}


.ad-img-desk {
    position: absolute;
    top: 20px;
    left: 0px;
    width: 100% !important;
    text-align: center;
}

@media (min-width: 320px) and (max-width: 580px) {
    .reg-screen-bg {
        height: 600px;
    }

    .screen {
        display: none;
    }
}

@media (min-width :320px) and (max-width : 480px) {

    .modal-dialog {
        margin: 100px auto !important;
    }

    .modal-content {
        padding-bottom: 20px;
    }

    #signup {
        height: 520px;
        overflow: scroll;
        padding-bottom: 60px;
    }

    .gdpr {
        height: 80px;
        overflow: scroll;
        font-size: 10px;
    }
}

@media (min-width :520px) and (max-width : 680px) {

    .modal-dialog {
        margin: 100px auto !important;
    }
    #signup {
        height: 360px;
        overflow: scroll;
        padding-bottom: 170px;
    }

        .modal-content {
        height: auto !important;
        overflow: scroll;
        padding-bottom: 20px;
    }
}

@media (min-width :736px) and (max-width : 780px) {

    #mdlLogins {
        top: 60px !important;
    }

    .modal-dialog {
        margin: 0px auto !important;
    }

    .modal-content {
        overflow: auto;
    }

    .gdpr {
        height: 80px;
        overflow: scroll;
        font-size: 10px;
    }
}



@media (min-width: 600px) and (max-width: 680px) {
    .reg-screen-bg {
        height: 400px;
    }


        .reg-screen-bg .screen-imgs {
            position: relative;
            top: 30px;
        }

    .screen-imgs {
        position: relative;
        top: 100px;
    }

    .ad-img-desk {
        top: 16px;
    }

        .ad-img-desk img {
            width: 50%;
        }
}


@media (min-width: 768px) and (max-width: 828px) {

    .ad-img-desk img {
        width: 53%;
    }
}

@media (min-width: 829px) and (max-width: 1024px) {

    .ad-img-desk img {
        width: 56%;
    }
}