/*----------------------home responsive css---------------*/



@media(min-width:992px) {
    header .nav-item:hover .dropdown-menu {
        display: block;
        margin-top: 0 !important;
    }

    footer .footer-grid {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    header .nav-item .dropdown-menu {
        font-size: 14px;
        display: block !important;
        opacity: 0;
        visibility: hidden;
        top: 150px;
        transition: all 0.5s
    }

    header .nav-item:hover .dropdown-menu {
        font-size: 14px;
        display: block !important;
        opacity: 1;
        visibility: visible;
        top: 100%;
        overflow: hidden;
        padding-bottom: 0px
    }

    .sec2col1 ~ div {
        max-height: 250px;
    }
}


@media(max-width:991px) {
    nav .navbar-nav .nav-item {
        width: 100%;
        border-bottom: 1px solid #e8e8e8;
    }

    .team-mem{
        width:300px;
    }

    .libtn {
        width: 100%;
        max-width: 200px;
    }

        .libtn .btn-brown {
            width: 100% !important
        }


    nav .navbar-nav .nav-item .nav-link {
        width: 100%;
        padding: 10px 10px
    }

    .dropdown-toggle::after {
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translateY(-50%)
    }

    header .nav-link {
        padding: 15px 0px !important;
    }

    header .nav-item .nav-link i {
        position: absolute;
        right: 28px
    }
}


@media(max-width:1199px) {
    .membership {
        margin: auto;
    }
}

@media(max-width:575px) {
    .countercont p span {
        font-size: 40px !important;
    }

    .countercont h6 {
        font-size: 15px !important;
    }


    .membershipcont {
        margin: 0px 4px;
    }

    .mainheading {
        margin: 0px 15px;
        font-size: 25px;
        line-height: 30px
    }
}


@media(max-width:575px) {
    .Wm_nGauge h5 {
        font-size: 25px
    }

    .Wm_nGauge h6 {
        font-size: 18px;
    }

    .serve h5{
    font-size:25px
    }

    .servecard h6{
        font-size: 18px !important
    }

    .owl-carousel h6 {
        font-size: 16px !important;
    }

    .owl-carousel .imagecont {
        height: 65px !important;
    }
}


@media(min-width:769px) {
    .footer-grid {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap
    }
}

@media(max-width:767px) {
    .footer-grid .explorebtn {
        margin: initial;
    }
}

@media(max-width:992px) {
    .sidebar {
        overflow: hidden
    }
}