@media (max-width: 1365px) {
    .container-fluid h1{
        font-size: 1.6em;
    }
    .chat-g-contact .card-title{
        width: 90%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    
    .loader-chat {
       height:100%;
    }
    .num, .spf{
        display: none !important;
    }
    
    .rec-details {
        width: 68%;
        height: 62%;
        left: 36%;
        top: 20%;
    }
    .list-group-item .float-right{
        width: 62%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .act-res{
        display: block !important;
    }
    .btn-details-left{
        margin: auto !important;
        width: 100% !important;
        margin-top:10px !important;
        float: none !important;
        margin: auto;
    }
    .w-100_res{
        width: 100% !important;
    }
    .m-w-p-50{
        max-width:50%;
        overflow-y: hidden;
    }
    .m-w-p-25{
        max-width:25%;
        overflow-y: hidden;
    }
    
}@media (max-width: 1200px) {

    .rec-details {
        width: 48%;
        height: 38%;
        left: 30%;
        top: 30%;
    }
    #mute{
        display: none !important;
    }
}
@media (max-width: 992px) {
    .container-fluid h1{
        font-size: 1.5em;
    }
    .rec-details {
        width: 50%;
        height: 46%;
        border-radius: unset;
        overflow: hidden;
        left: 35%;
        top: 28%;
    }

    .media-details{
        max-width: 100% !important;
    }
    
}

@media (max-width: 767px) {
   .spf-m{
    display: none !important;
   }
   .col-85{
    max-width: 85% !important;  
    }
    .col-15{
        max-width: 15% !important;  
    }

    .col-65{
        max-width: 65% !important;  
        }
        .col-25{
            max-width: 25% !important;  
        }
    .padd-start{
        margin-left: 0px !important;
    }
    
}

@media (max-width: 414px) {
    .stat-other{
        padding-top: 10px !important;
    }
}