@charset "UTF-8";

/* CSS Document */
@media (min-width:1921px) {
}

@media (min-width:1680px) {
}

@media (max-width:1679px) {
}

@media (max-width:1679px) {

}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width:1200px) {}

/* Large devices (desktops, less than 1200px) */
@media (max-width:1199px) {
}

/* Large devices (desktops, 992px and up) */
@media (min-width:992px) {}

/* Medium devices (tablets, less than 992px) */
@media (max-width:991px) {
}

/* Medium devices (tablets, 768px and up) */
@media (min-width:769px) {

}

/* Small devices (landscape phones, less than 768px) */
@media (max-width:768px) {
    .modal-dialog{
        width: 750px !important;
    }
    .modal-content {
        width: 80%!important;
        height: auto;
        margin: 0 auto;
    }

    .img-bg-form {
        background-size: 760px;
        background-position: -300px;
        margin: 47px 38px 30px 0px;
    }
    .round:nth-child(1){
        padding-left: 0px !important;
    }
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width:576px) {
    
}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width:576px) {
    .modal-dialog {
        width: 640px !important;
    }

    .img-bg-form {
        visibility: hidden;
    }

    .bg-form{
        width: 0%;
    }

    .modal-form {
        width: 80%;
    }
}

@media (max-width:480px) {
    .modal-dialog {
        width: 100% !important;
    }

    .modal-content {
        width: 100%!important;
        border-radius: 0px !important;
    }

    .modal-form {
        width: 100%;
    }

    .modal-background {
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
    }
}

@media (max-width:425px) {
    .modal-background {
        visibility: hidden;
    }

    .modal-form {
        width: auto;
    }

    .modal-content {
        display: inline-block;
    }
}

@media (max-width:360px) {
}

@media (max-width:320px) {
}

@media (min-width:1441px) and (max-width:1679px) {
}

@media (min-width:1200px) and (max-width:1440px) {
}

@media (min-width:992px) and (max-width:1199px) {}

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

@media (min-width:576px) and (max-width:767px) {}

@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {}

@media (width:1024px) {
}