@media (min-width: 576px) {
    .fs-md-5 { font-size: 1.25rem; }
    .w-sm-auto { width: auto !important;}
}
@media(min-width:768px) {
    .desktop-hide { display: none;}
    .menuBar .dropdown:hover > .dropdown-menu { display: block; margin-top: 0; }
    .mainSlider .carousel-control-prev, .mainSlider .carousel-control-next { width: 50px; height: 100px; background: #0dcaf0; top: 37%; }
    .servicesDiv .card { min-height: 380px; }
    .desktop-hide { display: none;}
}
@media(min-width:992px) {
    /* .footer { position: fixed; bottom: 0px; z-index: 3; } */
}
@media(max-width:991px) {
    .topBar { background: #fff; color: #000; }
    .topBar .navbar-brand { color: #000000 !important; }
    .topBar .nav-link { color: #000000 !important; border-top: 1px solid #ccc; }
    .banner { padding-top: 110px; }
    .loginBox .loginImg { height: 200px; }
    .mainSlider .carousel-caption { padding: 7% 10% 0px; }

}

@media(max-width:767px) { 
    .loginBox .loginImg { height: 100px; }
    .footer { text-align: center; }
    .mobile-hide { display: none;}
    .AdminSection {  background-image: url("../img/adminBg.jpg"); background-repeat: no-repeat; background-size: cover; min-height: 500px; background-attachment: fixed; background-position: center; }
    .AdminSection { min-height: 300px; }
    .BranchSection { min-height: 300px; }
    .ServicesSection { min-height: 300px; }
    .menuBar .container { max-width: 100%; }
    .menuBar .logo { width: 97.5px; margin-left: 10px; }
    .menuBar { padding: 7px 0px 10px; }
    .menuBar .navbar-toggler  { border:none; box-shadow: none;}
    .menuBar .navbar-toggler:focus { outline:none;}
    .navbar-toggler .icon-bar { margin: 7px; display: block; width: 30px; height: 2px; background-color: #000000; border-radius: 1px; transition:0.5s ease;}
    .crossIcon .toggler-icon1{ transform: rotate(45deg); margin: 0px 7px 0px 0px;}
    .crossIcon .toggler-icon2{ display:none;}
    .crossIcon .toggler-icon3{ transform: rotate(-45deg); margin: -2px 7px 0px 0px;}
    .menuBar .navbar-collapse { position: absolute; background: #ffffff; top: 74px; left: 0px; right: 0px; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; padding-bottom: 15px;}
    .menuBar .navbar-nav .nav-item { border-top: 1px solid #dfdfdf; }
    .DataParalax { padding: 20px 10px 10px; }
    .DataParalax .card { padding: 30px 20px; }
    .DataParalax .card i { font-size: 42px; }
    .DataParalax .counter { font-size: 60px; line-height: 48px; margin-top: 20px; }

    .mainSlider .carousel-caption { padding: 10% 10% 0px; }
    .mainSlider .carousel-caption h1 { font-size: 3rem; }
    .mainSlider .carousel-caption p { font-size: 1rem; }
    .mobile-hide { display: none;}
    .innerBanner .headingDiv { padding: 17% 0% 0px; }
    .innerBanner .headingDiv h1 { font-size: 3rem; }
    .galleryModal .prev-btn, .galleryModal .next-btn { width: 30px; height: 50px; }




}

@media(max-width:575px) { 
    .banner-row { min-height: auto; }
    .mainSlider .carousel-caption { padding: 14% 10% 0px; }
    .mainSlider .carousel-caption h1 { font-size: 2.5rem; }
    .mainSlider .carousel-caption p { display: none; }

}