.pull-left {
  float: left;
}
.pull-right {
  float: right;
}

.clear {
  clear: both;
}
.clear-left {
  clear: left;
}
.clear-right {
  clear: right;
}


.block {
  display: block !important;
}
.flex {
  display: flex !important;
}
.inline {
  display: inline !important;
}
.inline-block {
  display: inline-block !important;
}


.flex.inline {
  display: inline-flex;
}
.flex.row {
  flex-direction: row;
}
.flex.row.reverse {
  flex-direction: row-reverse;
}
.flex.column {
  flex-direction: column;
}
.flex.column.reverse {
  flex-direction: column-reverse;
}
.flex.wrap {
  flex-wrap: wrap;
}
.flex.wrap.reverse {
  flex-wrap: wrap-reverse;
}
.flex.h-start {
  justify-content: flex-start;
}
.flex.h-end {
  justify-content: flex-end;
}
.flex.h-center {
  justify-content: center;
}
.flex.h-between {
  justify-content: space-between;
}
.flex.h-around {
  justify-content: space-around;
}
.flex.v-start {
  align-content: flex-start;
}
.flex.v-end {
  align-content: flex-end;
}
.flex.v-center {
  align-content: center;
}
.flex.v-stretch {
  align-content: stretch;
}
.flex.v-between {
  align-content: space-between;
}
.flex.v-around {
  align-content: space-around;
}
.flex.i-start {
  align-items: flex-start;
}
.flex.i-end {
  align-items: flex-end;
}
.flex.i-center {
  align-items: center;
}
.flex.i-baseline {
  align-items: baseline;
}
.flex.i-stretch {
  align-items: stretch;
}


.visible-sm,
.visible-sm.flex,
.visible-sm.inline,
.visible-sm.inline-block {
  display: none !important;
}
  
.visible-md,
.visible-md.flex,
.visible-md.inline,
.visible-md.inline-block {
  display: none !important;
}

.visible-lg {
  display: block !important;
}
.visible-lg.flex {
  display: flex !important;
}
.visible-lg.inline {
  display: inline !important;
}
.visible-lg.inline-block {
  display: inline-block !important;
}

@media screen and (max-width: 1260px) {
  .visible-md {
    display: block !important;
  }
  .visible-md.flex {
    display: flex !important;
  }
  .visible-md.inline {
    display: inline !important;
  }
  .visible-md.inline-block {
    display: inline-block !important;
  }
  
  .visible-lg,
  .visible-lg.flex,
  .visible-lg.inline,
  .visible-lg.inline-block {
    display: none !important;
  }
}

@media screen and (max-width: 768px) {
  .visible-sm {
    display: block !important;
  }
  .visible-sm.flex {
    display: flex !important;
  }
  .visible-sm.inline {
    display: inline !important;
  }
  .visible-sm.inline-block {
    display: inline-block !important;
  }
  
  .visible-md {
    display: none !important;
  }
  .visible-md.flex {
    display: none !important;
  }
  .visible-md.inline {
    display: none !important;
  }
  .visible-md.inline-block {
    display: none !important;
  }
}


@media screen and (max-width: 768px) {
  .hidden-sm,
  .hidden-sm.flex,
  .hidden-sm.inline,
  .hidden-sm.inline-block {
    display: none !important;
  }
}

@media screen and (min-width: 769px) and (max-width: 1260px) {
  .hidden-md,
  .hidden-md.flex,
  .hidden-md.inline,
  .hidden-md.inline-block {
    display: none !important;
  }
}

@media screen and (min-width: 1261px) {
  .hidden-lg,
  .hidden-lg.flex ,
  .hidden-lg.inline ,
  .hidden-lg.inline-block {
    display: none !important;
  }
}