.d-flex{
  display: flex;
}
.flex-dir-col{
  flex-direction: column;
}
.flex-dir-row{
  flex-direction: row;
}
.flex-hor-sb{
  justify-content: space-between;
}
.flex-hor-sa{
  justify-content: space-around;
}
.flex-hor-center{
  justify-content: center;
}
.flex-vert-sb{
  align-items: space-between;
}
.flex-vert-center{
  align-items: center;
}

.d-none{
  display: none!important;
}

@media (max-width: 425px) { 
  .mob-none{
    display: none!important;
  }
  .mob-d-flex{
    display: flex!important;
  }
  .mob-flex-dir-col{
    flex-direction: column!important;
  }
  .mob-flex-dir-col-reverse{
    flex-direction: column-reverse!important;
  }
  .mob-flex-dir-row{
    flex-direction: row!important;
  }
  .mob-flex-dir-row-reverse{
    flex-direction: row-reverse!important;
  }
  .mob-flex-wrap{
    flex-wrap: wrap;
  }
  .mob-flex-hor-center{
    justify-content: center!important;
  }
  .mob-flex-vert-center{
    align-items: center!important;
  }
  .mob-width-100{
    width: 100%!important;
    max-width: 100%!important;
  }
  .mob-width-50{
    width: 45%!important;
    max-width: 45%!important;
  }
  .mob-padding-0{
    padding:0!important;
  }
  .mob-mb-10{
    margin-bottom: 10px!important;
  }
  .mob-mb-20{
    margin-bottom: 20px!important;
  }
  .mob-mt-10{
    margin-top: 10px!important;
  }
  .mob-mt-20{
    margin-top: 20px!important;
  }
  .mob-pt-10{
    padding-top: 10px!important;
  }
  .mob-pt-20{
    padding-top: 20px!important;
  }
  .mob-pb-10{
    padding-bottom: 10px!important;
  }
  .mob-pb-20{
    padding-bottom: 20px!important;
  }
  .mob-hor-scroll{
    overflow-x: scroll;
  }
  .mob-pos-absolute{
    position: absolute;
  }
  .mob-height-auto{
    height: auto!important;
    min-height: auto!important;
    max-height: auto!important;
  }
}