@media screen and (max-width:1400px) {
    .modal-content{
        width: calc(100% - 200px);
    }
}
@media screen and (max-width:1200px) {
    .search-container {
        position: relative;
        width: 230px;
        margin-right: 0.5rem;
    }
    .module-details {
        grid-template-columns: repeat(1, 1fr);
    }
}
@media screen and (max-width:1100px) {
    .user .user-persnal-detail{
        display: none;
    }
}

@media screen and (max-width:1024px) {
    .form-body .form-group{
        min-width: 100%;
    }
    .form-actions{
        flex-direction: column;
    }
}

@media screen and (max-width:992px){
    .modal-content.small-model{
        width: 100%;
        width: calc(100% - 20%);
    }
}