gistfile1.txt

.show-flex-xl {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.shown-xl {
    display: block!important
}

.shown-inline-xl {
    display: inline!important
}

.shown-inline-block-xl {
    display: inline-block!important
}

.shown-flex-xl {
    display: -webkit-box!important;
    display: -webkit-flex!important;
    display: -ms-flexbox!important;
    display: flex!important
}

@media screen and (max-width: 1200px) {
    .hide-lg {
        display:none
    }

    .hidden-lg {
        display: none!important
    }

    .show-lg {
        display: block
    }

    .show-inline-lg {
        display: inline
    }

    .show-inline-block-lg {
        display: inline-block
    }

    .show-flex-lg {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .shown-lg {
        display: block!important
    }

    .shown-inline-lg {
        display: inline!important
    }

    .shown-inline-block-lg {
        display: inline-block!important
    }

    .shown-flex-lg {
        display: -webkit-box!important;
        display: -webkit-flex!important;
        display: -ms-flexbox!important;
        display: flex!important
    }
}

@media screen and (min-width: 1025px) and (max-width:1200px) {
    .hide-lg-only {
        display:none
    }

    .hidden-lg-only {
        display: none!important
    }

    .show-lg-only {
        display: block
    }

    .show-inline-lg-only {
        display: inline
    }

    .show-inline-block-lg-only {
        display: inline-block
    }

    .show-flex-lg-only {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .shown-lg-only {
        display: block!important
    }

    .shown-inline-lg-only {
        display: inline!important
    }

    .shown-inline-block-lg-only {
        display: inline-block!important
    }

    .shown-flex-lg-only {
        display: -webkit-box!important;
        display: -webkit-flex!important;
        display: -ms-flexbox!important;
        display: flex!important
    }
}

@media screen and (max-width: 1024px) {
    .hide-md {
        display:none
    }

    .hidden-md {
        display: none!important
    }

    .show-md {
        display: block
    }

    .show-inline-md {
        display: inline
    }

    .show-inline-block-md {
        display: inline-block
    }

    .show-flex-md {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .shown-md {
        display: block!important
    }

    .shown-inline-md {
        display: inline!important
    }

    .shown-inline-block-md {
        display: inline-block!important
    }

    .shown-flex-md {
        display: -webkit-box!important;
        display: -webkit-flex!important;
        display: -ms-flexbox!important;
        display: flex!important
    }
}

@media screen and (min-width: 769px) and (max-width:1024px) {
    .hide-md-only {
        display:none
    }

    .hidden-md-only {
        display: none!important
    }

    .show-md-only {
        display: block
    }

    .show-inline-md-only {
        display: inline
    }

    .show-inline-block-md-only {
        display: inline-block
    }

    .show-flex-md-only {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .shown-md-only {
        display: block!important
    }

    .shown-inline-md-only {
        display: inline!important
    }

    .shown-inline-block-md-only {
        display: inline-block!important
    }

    .shown-flex-md-only {
        display: -webkit-box!important;
        display: -webkit-flex!important;
        display: -ms-flexbox!important;
        display: flex!important
    }
}

@media screen and (max-width: 768px) {
    .hide-sm {
        display:none
    }

    .hidden-sm {
        display: none!important
    }

    .show-sm {
        display: block
    }

    .show-inline-sm {
        display: inline
    }

    .show-inline-block-sm {
        display: inline-block
    }

    .show-flex-sm {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .shown-sm {
        display: block!important
    }

    .shown-inline-sm {
        display: inline!important
    }

    .shown-inline-block-sm {
        display: inline-block!important
    }

    .shown-flex-sm {
        display: -webkit-box!important;
        display: -webkit-flex!important;
        display: -ms-flexbox!important;
        display: flex!important
    }
}

@media screen and (min-width: 481px) and (max-width:768px) {
    .hide-sm-only {
        display:none
    }

    .hidden-sm-only {
        display: none!important
    }

    .show-sm-only {
        display: block
    }

    .show-inline-sm-only {
        display: inline
    }

    .show-inline-block-sm-only {
        display: inline-block
    }

    .show-flex-sm-only {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .shown-sm-only {
        display: block!important
    }

    .shown-inline-sm-only {
        display: inline!important
    }

    .shown-inline-block-sm-only {
        display: inline-block!important
    }

    .shown-flex-sm-only {
        display: -webkit-box!important;
        display: -webkit-flex!important;
        display: -ms-flexbox!important;
        display: flex!important
    }
}

@media screen and (max-width: 480px) {
    .hide-xs {
        display:none
    }

    .hidden-xs {
        display: none!important
    }

    .show-xs {
        display: block
    }

    .show-inline-xs {
        display: inline
    }

    .show-inline-block-xs {
        display: inline-block
    }

    .show-flex-xs {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .shown-xs {
        display: block!important
    }

    .shown-inline-xs {
        display: inline!important
    }

    .shown-inline-block-xs {
        display: inline-block!important
    }

    .shown-flex-xs {
        display: -webkit-box!important;
        display: -webkit-flex!important;
        display: -ms-flexbox!important;
        display: flex!important
    }
}

@media screen and (min-width: 381px) and (max-width:480px) {
    .hide-xs-only {
        display:none
    }

    .hidden-xs-only {
        display: none!important
    }

    .show-xs-only {
        display: block
    }

    .show-inline-xs-only {
        display: inline
    }

    .show-inline-block-xs-only {
        display: inline-block
    }

    .show-flex-xs-only {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .shown-xs-only {
        display: block!important
    }

    .shown-inline-xs-only {
        display: inline!important
    }

    .shown-inline-block-xs-only {
        display: inline-block!important
    }

    .shown-flex-xs-only {
        display: -webkit-box!important;
        display: -webkit-flex!important;
        display: -ms-flexbox!important;
        display: flex!important
    }
}

@media screen and (max-width: 380px) {
    .hide-mc {
        display:none
    }

    .hidden-mc {
        display: none!important
    }

    .show-mc {
        display: block
    }

    .show-inline-mc {
        display: inline
    }

    .show-inline-block-mc {
        display: inline-block
    }

    .show-flex-mc {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .shown-mc {
        display: block!important
    }

    .shown-inline-mc {
        display: inline!important
    }

    .shown-inline-block-mc {
        display: inline-block!important
    }

    .shown-flex-mc {
        display: -webkit-box!important;
        display: -webkit-flex!important;
        display: -ms-flexbox!important;
        display: flex!important
    }
}