[hidden],
.hidden {
    display: none !important;
}

/*********************************************************
    Adaptive hiding
*********************************************************/

@media (min-width: 1631px) {
    .visible-3xl {
        display: none !important;
    }
}

@media (max-width: 1630px) {
    .hidden-3xl {
        display: none !important;
    }
}

@media (min-width: 1315px) {
    .visible-2xl {
        display: none !important;
    }
}

@media (max-width: 1314px) {
    .hidden-2xl {
        display: none !important;
    }
}

@media (min-width: 1281px) {
    .visible-xl {
        display: none !important;
    }
}

@media (max-width: 1280px) {
    .hidden-xl {
        display: none !important;
    }
}

@media (min-width: 1171px) {
    .visible-lg {
        display: none !important;
    }
}

@media (max-width: 1170px) {
    .hidden-lg {
        display: none !important;
    }
}

@media (min-width: 1025px) {
    .visible-md {
        display: none !important;
    }
}

@media (max-width: 1024px) {
    .hidden-md {
        display: none !important;
    }
}

@media (min-width: 769px) {
    .visible-sm,
    .visible-phone {
        display: none !important;
    }
}

@media (max-width: 768px) {
    .hidden-sm,
    .hidden-phone {
        display: none !important;
    }
}

@media (min-width: 360px) {
    .visible-xs {
        display: none !important;
    }
}

@media (max-width: 359px) {
    .hidden-xs {
        display: none !important;
    }
}