/*CUSTOM CSS FOR MODAL*/

.modal {
    top: 0;
    bottom: unset !important;
    left: unset !important;
    right: 1%;
    height: 100%;
    background: transparent;
    overflow-y: auto;
    box-shadow: 0 0;
}

.modal-header {
    /*display: -webkit-box;*/
    display: block;
}

.modal-content {
    top: 20%;
}

/*
.modal {
    top: 10%!important;
    bottom: unset;
    left: unset!important;
    right:10px !important;
}*/

@media screen only and (max-width: 882px){
    .header-area .header-top_area .short_contact_list ul li a {
        font-size: 14px!important;
        color: #ffffff;
        margin-left: 25px!important;
    }
}

@media (max-width: 768px) {
    .modal {
        top: 0 !important;
    }
}

@media (max-width: 425px) {
    .modal {
        top: 0 !important;
    }
}