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


    .my-modal .modal-dialog {
        max-width: 90%;    
        margin: 0 auto;
      }
      
      .my-modal .modal-content {
        margin: 0 auto;  
        min-width:540px;  
        max-width: 95%!important;  
      }

      .row-lot-receipe{
        display:flex;
      }

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

      
 }