@media only screen and (max-width: 992px) {
    .logo-image img {
        width: 100px !important;
        height: 100px !important;
    }

    .logo {
        top:20px;
        width: 110px !important;
        height: 110px !important;
    }
   
}

@media only screen and (max-width: 768px) {

    .logo-image img {
        width: 90px !important;
        height: 90px !important;
    }

    .logo {
        top:20px;
        width: 100px !important;
        height: 100px !important;
    }
    .hero-img-rotate{
        padding: 30px 10px;
    }
    .banner-m-header h2{
        font-size: 42px;
    }
}


@media only screen and (max-width: 576px) {

    .mnc {
        width: 100%;
    }

    .logo-image img {
        width: 80px !important;
        height: 80px !important;
    }

    .logo {
        top:25px;
        width: 100px !important;
        height: 100px !important;
    }
    .hero-img-rotate{
        padding: 35px 10px;
    }
    .banner-m-header h2{
        font-size: 40px;
    }

}


@media only screen and (max-width: 320px) {

    .logo-image img {
        width: 70px !important;
        height: 70px !important;
        top: 0;
    }

    .logo {
        top:20px;
        width: 80px !important;
        height: 80px !important;
    }
}