@media screen and (max-width: 992px) {
    .counter-bg-section {
        padding: 90px!important;
    }
}

@media screen and (max-width: 587px) {
    .alt-logo {
        width: 60px;
        height: 60px;
    }
    header .navbar-brand .mobile-logo {
        max-height: 60px;
    }
    .navbar .navbar-nav .nav-link {
        color: #000;
    }
    .hero .nav {
        display: none;
    }
    .m-nav{ display:block; }
    .fnp_title, .fnp_detail_hx h2, .fnp_detail_hx h3{
        font-size: 34px;
    }
    footer .col-lg-4.col-md-4.col-sm-6.flex-column{
        align-items: start;
    }
    footer .col-lg-4.col-md-4.col-sm-6 span.h4, footer .col-lg-4.col-md-4.col-sm-6 ul li{
        text-align: start;
    }
    .counter-number {
        font-size: 4rem!important;
    }
}