.mx-calendar {
    width: 50% !important; 
    @media screen and (max-width: 750px) {
        width: 100% !important; 
      }
}

.input-date {
    // @media screen and (max-width: 750px) {
    //     flex-direction: column;        
    //   }
}

.input--md {      
    @media screen and (max-width: 750px) {     
    width: 100%; }
}

.mx-range-wrapper {
    background-color: transparent!important;

    @media screen and (max-width: 750px) {
        width: auto !important;       

      .mx-calendar:nth-child(2) {
          display:none; 
      }
    }
}