@media screen and (max-width:600px) {
    #add_new_icon {
        font-size: 16px !important;
    }

    .dataTable-input {
        width: 100%;
    }

    .dataTable-dropdown,
    .modal-title {
        font-size: 16px !important;
    }

    .modal-body label,
    .modal-body .form-group input,
    .dataTable-info {
        font-size: 14px !important;
    }

    .card b {
        font-size: 14px !important;
    }

    .card p {
        font-size: 12px !important;
    }

    .footer p {
        margin-top: 10px;
        font-size: 13px !important;
    }

    .modal-footer button {
        padding: 5px 10px;
    }

    .modal-footer button span {
        font-size: 13px;
    }
    .video_view  {
        width:100%;
        border-radius:10px;
        
    }
    
    .images_view img {
        border-radius:10px !important;
        width:100%;
        height:auto;
        width:calc(50% - 10px);
    }

    .voice_message {
        width:100% !important;
    }

}