/* Device visbility media queries
-------------------------------------------------------------------- */
.visible-sm,
.visible-tl,
.visible-dt,
.visible-nb,
.visible-tl-v2,
.visible-dt-v2 {
    display: none !important;
}

/* Only mobiles */
@media only screen and (max-width:765px) {
    .hidden-sm {
        display: none !important;
    }

    .visible-sm {
        display: block !important;
    }

    .visible-sm.center-y {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }

}

/* netbooks */
@media only screen and (max-width:1024px) {
    .hidden-nb {
        display: none !important;
    }

    .visible-nb {
        display: block !important;
    }

    .visible-nb.center-y {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }

}

/* only tables */
@media only screen and (min-width:768px) and (max-width:1024px) {
    .hidden-tl {
        display: none !important;
    }

    .visible-tl {
        display: block !important;
    }

    .visible-tl.center-y {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }

}

@media only screen and (min-width:768px) and (max-width:1280px) {
    .hidden-tl-v2 {
        display: none !important;
    }

    .visible-tl-v2 {
        display: block !important;
    }

    .visible-tl-v2.center-y {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }

}

/* Only Desktops */
@media only screen and (min-width:1224px) {
    .hidden-dt {
        display: none !important;
    }

    .visible-dt {
        display: block !important;
    }

    .visible-dt.center-y {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }

}

@media only screen and (min-width:1290px) {
    .hidden-dt-v2 {
        display: none !important;
    }

    .visible-dt-v2 {
        display: block !important;
    }

    .visible-dt-v2.center-y {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }

}