/* ----------------------------------
HIDE ELEMENTS
---------------------------------- */
.hide { display: none !important; }

/* hide on specific device */
@media screen and ( min-width: 2400px ) { .hide-on-widescreen { display: none !important; } }
@media screen and ( min-width: 1366px ) and ( max-width: 2399px ) { .hide-on-desktop { display: none !important; } }
@media screen and ( min-width: 1200px ) and ( max-width: 1366px ) { .hide-on-laptop { display: none !important; } }
@media screen and ( min-width: 992px ) and ( max-width: 1199px ) { .hide-on-tablet_extra { display: none !important; } }
@media screen and ( min-width: 768px ) and ( max-width: 991px ) { .hide-on-tablet { display: none !important; } }
@media screen and ( min-width: 520px ) and ( max-width: 767px ) { .hide-on-mobile_extra { display: none !important; } }
@media screen and ( max-width: 519px ) { .hide-on-mobile { display: none !important; } }

/* hide from device to bottom */
@media screen and ( max-width: 2399px ) { .hide-from-desktop--down { display: none !important; } }
@media screen and ( max-width: 1365px ) { .hide-from-laptop--down { display: none !important; } }
@media screen and ( max-width: 1199px ) { .hide-from-tablet_extra--down { display: none !important; } }
@media screen and ( max-width: 991px ) { .hide-from-tablet--down { display: none !important; } }
@media screen and ( max-width: 767px ) { .hide-from-mobile_extra--down { display: none !important; } }

/* hide from device to top */
@media screen and ( min-width: 1366px ) { .hide-from-desktop--up { display: none !important; } }
@media screen and ( min-width: 1200px ) { .hide-from-laptop--up { display: none !important; } }
@media screen and ( min-width: 992px ) { .hide-from-tablet_extra--up { display: none !important; } }
@media screen and ( min-width: 768px ) { .hide-from-tablet--up { display: none !important; } }
@media screen and ( min-width: 520px ) { .hide-from-mobile_extra--up { display: none !important; } }