.blocker {
    background-color: rgb(170,170,170) !important;
    background-color: rgba(170,170,170,.3) !important;
    z-index: 1999;
}

.modal-spinner {
    height: 45px !important;
}

.modal {
    max-width: 1174px !important;
    padding: 0 !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border: 4px solid #fff !important;
    text-align: unset !important;
    border-radius: unset !important;
    -webkit-box-shadow: unset !important;
    box-shadow: unset !important;
    overflow: hidden;
    z-index: 2000;
}

    .modal a.close-modal {
        position: absolute;
        top: 25px !important;
        right: 15px !important;
        display: block;
        width: 38px !important;
        height: 38px !important;
        text-indent: -9999px;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center center;
        background-image: url(/images/icons/close-form.svg) !important;
    }

    .modal #modal-iframe {
        width: 100vw;
        display: block;
        overflow: hidden;
        overflow: -moz-scrollbars-none;
        -ms-overflow-style: none;
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

.model #modal-iframe::-webkit-scrollbar {
    width: 0 !important;
}

/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

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

/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/

@media (min-width: 1024px) and (max-width: 1280px) and (orientation: landscape) {
    .modal, .modal #modal-iframe {
        width: 78vh !important;
        min-height: unset !important;
        max-height: unset !important;
    }
}

/* 
  ##Device = Ipads Pro (portrait)
*/
@media (min-width:1024px) and (max-width: 1366px) {
    .modal, .modal #modal-iframe {
        width: 85vw !important;
        max-height: 44vh !important;
    }

        .modal #modal-iframe {
            width: 100%;
            position: unset;
            left: unset;
            top: unset;
            -webkit-transform: unset;
            -moz-transform: unset;
            transform: unset;
        }
}
@media(min-width:1044px){
    .modal, .modal #modal-iframe {
        height: 753px !important;
    }
}

/* 
  ##Device = Ipads Pro (landscape)
*/
@media (min-width: 1024px) and (max-width: 1366px) and (orientation: landscape) {
    .modal, .modal #modal-iframe {
        max-height: 63vh !important;
    }

        .modal #modal-iframe {
            width: 100%;
            position: unset;
            left: unset;
            top: unset;
            -webkit-transform: unset;
            -moz-transform: unset;
            transform: unset;
        }
}

@media (min-width: 1200px) and (max-width: 1366px)  {
    .modal, .modal #modal-iframe {
        max-height: 73vh !important;
    }
}

/* 
  ##Device = Tablets, Ipads (portrait)
*/

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

    .modal, .modal #modal-iframe {
        width: 85vw !important;
        max-height: 90vh !important;
    }

        .modal #modal-iframe {
            width: 100%;
            position: unset;
            left: unset;
            top: unset;
            -webkit-transform: unset;
            -moz-transform: unset;
            transform: unset;
        }
}

/* 
  ##Device = Tablets, Ipads (landscape)
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {

    .modal, .modal #modal-iframe {
        max-height: 575px !important;
    }

        .modal #modal-iframe {
            width: 100%;
            position: unset;
            left: unset;
            top: unset;
            -webkit-transform: unset;
            -moz-transform: unset;
            transform: unset;
        }
}

/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
*/

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

    .modal, .modal #modal-iframe {
        height: 100vh !important;
        max-height: 76vh !important;
    }

        .modal #modal-iframe {
            height: 80vh !important;
            width: 100%;
            position: unset;
            left: unset;
            top: unset;
            -webkit-transform: unset;
            -moz-transform: unset;
            transform: unset;
        }
}

/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
*/

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

    .modal, .modal #modal-iframe {
        height: 100vh !important;
        max-height: 76vh !important;
    }

        .modal #modal-iframe {
            height: 80vh !important;
            width: 100%;
            position: unset;
            left: unset;
            top: unset;
            -webkit-transform: unset;
            -moz-transform: unset;
            transform: unset;
        }
}
/* 
  ##Device = Laptops (Landscape)
*/

    @media (min-width: 580px) and (max-width: 1366px) and (orientation: landscape) {

        .modal, .modal #modal-iframe {
            /*min-height: 600px !important;*/
            height: 78vh !important;
            /*max-height: 634px !important;*/
        }

            .modal #modal-iframe {
                width: 100%;
                position: unset;
                left: unset;
                top: unset;
                -webkit-transform: unset;
                -moz-transform: unset;
                transform: unset;
            }
    }