@media screen and (min-width: 577px) and (max-width: 768px) {
    .footer-bar-item-title{
        font-size:16px;        
    }
    .footer-bar-item-icon{
        height: 44px;
        justify-content: space-between;
    }
    .footer-bar .btn-group{
        width:100%;
    }

    .custom-fltr-canvas-flex{
        flex-direction: column;
    }

    .my-modal .modal-dialog {
        max-width: 90%;    
        margin: 0 auto;
      }
      
      .my-modal .modal-content {
        margin: 0 auto;     
        max-width: 90%;  
      }
       
 }