@media (max-width: 575px) {
    .products-grid-pagination .pagination .page-item .page-link {
        width: 100px !important;
        height: 35px;
        font-size: 13px;
    }
}
@media (max-width: 1200px) {
    .main-header {
        position: fixed !important;
        width: 100% !important;
        padding: 12px 0 !important;
    }
    #mobileNav {
        top: 59px;
        position: fixed;
        width: 100%;
    }
    .mobile-nav-content {
        padding: 0 15px 15px 15px !important;
    }
}
header {
    top: 0px !important;
    position: fixed;
    width: 100% !important;
}
@media (min-width:1201px) {
    .home-hero,
    .overview-hero, .history-hero, .mission-hero, .factory-hero, .sustainability-hero,
    .products-hero, .products-single-hero,
    .blog-hero, .blog-single-hero,
    .careers-hero, .careers-why-hero, .careers-apply-hero, .careers-training-hero,
    .jobs-hero, .jobs-single-hero,
    .contact-hero, .documentation-hero, .locations-hero, .pages-hero {
        margin-top: 155px;
    }
}
@media (max-width:1200px) {
    .home-hero,
    .overview-hero, .history-hero, .mission-hero, .factory-hero, .sustainability-hero,
    .products-hero, .blog-hero, .products-single-hero,
    .blog-hero, .blog-single-hero,
    .careers-hero, .careers-why-hero, .careers-apply-hero, .careers-training-hero,
    .jobs-hero, .jobs-single-hero,
    .contact-hero, .documentation-hero, .locations-hero, .pages-hero {
        margin-top: 59px !important;
    }
}