.mobile_search_icon {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.search_modal .modal.show .modal-dialog {
    margin: 0 !important;
}

.mobile_search_icon .search_icon {
    font-size: 22px;
    color: var(--primary-color);
}

.search_modal .modal-content {
    border-radius: 0 0 10px 10px !important;
}

.search_modal .form-control {
    height: 48px !important;
    border: 1px solid #fff !important;
}

.search_modal .input-group-text {
    cursor: pointer;
}

@media (min-width:0px) and (max-width: 991px) {
    .mobile_middle_div .search_input_div {
        display: none;
    }

    .mobile_search_icon {
        display: flex;
    }
}

@media (min-width: 992px) {
    .mobile_search_icon {
        display: none;
    }
}