@media (max-width: 575px) {
    .card-header .form-control {
        margin-bottom: 10px;
    }
}

@media (max-width: 425px) {
    .heading-block {
        display: none;
    }
    .col-sm-5.heading-none {
        display: block;
        margin-bottom: 10px;
    }
}

@media (min-width: 425px) {
    .col-sm-5.heading-none {
        display: none;
    }
}

@media (max-width: 375px) {
    .heading {
        font-size: 20px;
    }
    .heading img {
        height: 50px;
        width: 100%;
        object-fit: cover;
    }
}