//----Text align----//

.text--hidden{
  text-indent: -9999px;
  opacity: 0;
  font-size: 0;
  overflow: hidden;
  width: 0; height: 0;
}

//----Hidden object----//

//simple hidden
.isHidden{
  transform: scale(0) !important;
  overflow: hidden !important;
  font-size: 0 !important;
  pointer-events: none !important;
  opacity: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  height: 0!important;
  width: 0!important;
}


//hidden for mobile size
.xsHidden{

  @include media-max(lg){
    transform: scale(0) !important;
    overflow: hidden !important;
    font-size: 0 !important;
    pointer-events: none !important;
    opacity: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0!important;
    width: 0!important;
  }

}

//hidden for desktop size
.xlHidden{

  @include media-min(lg){
    transform: scale(0) !important;
    overflow: hidden !important;
    font-size: 0 !important;
    pointer-events: none !important;
    opacity: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0!important;
    width: 0!important;
  }

}