﻿/*----------------------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;
    }
}


@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 {
        display: inline-block !important;
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translateY(-50%)
    }
}

@media(max-width:767px){
    .team-mem {
        width: 100%;
    }
}


/*----------------------responsive what we do---------------------------------*/

@media(max-width:575px){
    .wwd .main-box {
        position: relative;
        margin-top: 100px !important;
        left: 30px;
    }

        .wwd .main-box .right {
            position: relative;
            border: 2px solid #d2d2d2;
            padding: 10px;
            width: calc(100% - 38px);
        }
}


/*---------------------lakshay pages----------------*/
@media(max-width:992px) {
    .about-us-content .row-content {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

        .about-us-content .row-content img {
            margin-bottom: 40px;
            max-width: 300px;
        }
}
/*    Government Policies    */
@media(max-width:1350px) {
    .gpolicies-content .responsive-box {
        margin-left: -80px !important;
    }
}

@media(max-width:1250px) {
    .gpolicies-content .responsive-box {
        margin-left: -95px !important;
    }
}

@media(max-width:1200px) {
    .gpolicies-content .text {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .gpolicies-content .blue-box {
        height: 60px;
        top: 30px;
        left: -17px !important;
        /* right: 20px; */
        width: 300px !important;
    }

    .gpolicies-content .text-box {
        /* position: absolute; */
        padding: 15px;
        margin: 20px !important;
    }

    .blue-box-3 {
        height: 67px !important;
        margin-bottom: 8px !important;
    }
}


.vision .circle {
    min-width: 80px;
}

@media(max-width:767px) {

    .vision .title {
        height: auto;
        padding: 0px;
    }


    .vision .img-fluid {
        max-width: 80%;
        height: auto;
    }

    .vision .header {
        margin-bottom: 20px;
    }

    /*.vision .circle {
    position: absolute;
    left: 1rem;
    z-index: 1;
}*/

    .vision .margin {
        margin-left: 1px;
        margin-top: 20px;
    }
}

@media(min-width:550px) and (max-width:766px) {
    .vision .circle {
        position: absolute;
        left: 0px;
        z-index: 1;
    }

    .vision .title {
        padding: 18px 0px 18px 80px !important;
    }

    .vision .margin {
        margin-left: 1px;
        margin-top: 20px;
    }
}

@media(min-width:768px) and (max-width:991px) {
    .vision .header {
        margin-bottom: 20px;
        min-height: 70px;
    }

    .vision .margin {
        margin-left: 20px;
        margin-top: 80px;
    }
}

@media(min-width:991px) and (max-width:1103px) {

    .vision .margin {
        margin-left: 1px;
        margin-top: 20px;
    }

    .vision .margin {
        margin-left: 20px;
        margin-top: 80px;
    }
}

@media(min-width:1000px) {


    .vision .header {
        width: 100%;
        cursor: pointer;
        border-top-right-radius: 25px;
        border-bottom-right-radius: 25px;
        background-image: linear-gradient(to right, #f2f2f2, #f2f2f2);
        /*position: relative;*/
        overflow: hidden;
        margin-bottom: 50px;
    }

    .prel {
        position: relative;
    }

    .vision .title {
        /*height:60px;*/
        font-size: 14px;
        color: black;
        text-transform: none;
        overflow: hidden;
        margin-bottom: 0px !important;
        padding: 18px 0px 18px 70px !important;
        max-width: 100%;
        font-family: Poppins-Regular;
    }

    .vision .circle {
        position: absolute;
        top: 44%;
        left: -50px;
        transform: translateY(-70%);
        z-index: 1;
    }
}

/*------------------------------------------------Search by name------------*/
@media(min-width:320px) and (max-width:575px) {
    .padding {
        padding: 0px 2px;
    }
}

@media(min-width:320px) and (max-width:380px) {
    .padding {
        padding: 0px 1px;
    }
}

/*------------------------------------------Press release-------------------*/

@media(min-width:320px) and (max-width:335px) {

    .btn-gray {
        padding: 4px 8px;
    }
}