@media (max-width: 768px) {
    .navbar-nav .nav-link {
        padding-left: 10px !important;
    }

    .pointers ul {
        padding-left: 0rem !important;
    }

    .pointers .card {
        height: auto !important;
    }

    .approach .section-title {
        margin-left: 0rem !important;
    }

    .footer-bottom .col-md-6, .footer-all-rights, .footer-logo {
        text-align: center !important;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .hero {
        height: unset;
    }
}

@media (max-width: 376px) {
    .hero {
        height:calc(120vh - 200px) !important;
    }
}