.submodal{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.submodal.transition {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.submodal.in{ 
    top: 0 !important; 
}

.submodal .modal-dialog {
    width: 80%;
    margin: 0 auto;
    z-index: 9;
}

.submodal .modal-content {
    border-top: none;
    -webkit-border-top-left-radius: 0;
    -moz-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -moz-border-top-right-radius: 0;
    border-top-right-radius: 0;
}

.submodal .modal-header{ 
    display: none; 
}

@media (max-width:767px){
.submodal .modal-dialog{
    width: 90%;
    }
}