/* Screen */
.clearfix:before,
.clearfix:after { content:" "; display:table; }
.clearfix:after { clear:both; }
.hide { display:none !important; }
.show { display:block !important; }
.invisible { visibility:hidden; }
.hidden { display: none !important }

@-ms-viewport { width: device-width }

.visible-lg, .visible-md, .visible-sm, .visible-xs { display: none !important }
.visible-lg-block, .visible-lg-inline, .visible-lg-inline-block,
.visible-md-block, .visible-md-inline, .visible-md-inline-block,
.visible-sm-block, .visible-sm-inline, .visible-sm-inline-block,
.visible-xs-block, .visible-xs-inline, .visible-xs-inline-block {display: none !important }

@media (max-width:767px) {
.visible-xs { display: block !important }
table.visible-xs { display: table !important }
tr.visible-xs { display: table-row !important }
td.visible-xs, th.visible-xs { display: table-cell !important }
.visible-xs-block { display: block !important }
.visible-xs-inline { display: inline !important }
.visible-xs-inline-block { display: inline-block !important }
.hidden-xs { display: none !important }
}

@media (min-width:768px) and (max-width:991px) {
.visible-sm { display: block !important }
table.visible-sm { display: table !important }
tr.visible-sm { display: table-row !important }
td.visible-sm, th.visible-sm { display: table-cell !important }
.visible-sm-block { display: block !important }
.visible-sm-inline { display: inline !important }
.visible-sm-inline-block { display: inline-block !important }
.hidden-sm { display: none !important }
}

@media (min-width:992px) and (max-width:1199px) {
.visible-md { display: block !important }
table.visible-md { display: table !important }
tr.visible-md { display: table-row !important }
td.visible-md, th.visible-md { display: table-cell !important }
.visible-md-block { display: block !important }
.visible-md-inline { display: inline !important }
.visible-md-inline-block { display: inline-block !important }
.hidden-md { display: none !important }
}

@media (min-width:1200px) {
.visible-lg { display: block !important }
table.visible-lg { display: table !important }
tr.visible-lg { display: table-row !important }
td.visible-lg, th.visible-lg { display: table-cell !important }
.visible-lg-block { display: block !important }
.visible-lg-inline { display: inline !important }
.visible-lg-inline-block { display: inline-block !important }
.hidden-lg { display: none !important }
}