
/*Only HomePage Responsive Css Start Here*/
@media (max-width: 1600px) {
    .disbursement-status {
        padding: 50px 100px;
    }

    #topheader {
        padding: 10px 30px !important;
    }

    .about-section {
        padding: 0 100px 50px 100px;
    }

    .EmployeeOfMonth,
    .scheme-group,
    .about-option-section,
    .success-stories {
        width: 90%;
    }


    .employee-profile {
        width: 110px;
        height: 110px;
    }
}

@media (max-width: 1440px) {
    #topheader {
        height: 100px !important;
    }

    .hdr-lft img {
        height: 80px !important;
    }

    .image-gallery {
        padding: 0px 70px;
    }

    .video-gallery {
        padding: 0px 70px;
    }

    .EmployeeOfMonth {
        margin: 25px auto 40px auto;
    }

    .disbursement-status {
        padding: 30px 100px 60px;
        margin-top: 50px;
    }

    .Employee-Month .card {
        margin: 15px 0px;
    }

    .scheme-group {
        margin: 60px auto 70px;
    }

    .about-srvce {
        padding: 60px 0;
    }

    #about3,
    #about {
        padding: 0px 0;
        margin: 35px 0px;
    }

    .image-gallery {
        margin-bottom: 65px;
    }

    .success-stories {
        margin: 30px auto;
    }

        .success-stories h1 {
            margin-bottom: 20px;
        }

    .employee-profile {
        width: 100px;
        height: 100px;
        margin-right: 10px;
    }

    .card-dtl .emplyee-dtl,
    .achivemt p {
        font-size: 14px;
    }

        .card-dtl .emplyee-dtl p {
            margin-bottom: 5px;
        }

    .achivemt {
        margin-top: 10px;
    }

    .EmployeeOfMonth .slick-slider .slick-prev {
        left: -10px;
    }

    .EmployeeOfMonth .slick-slider .slick-next {
        right: -10px;
    }
}

@media (max-width: 1366px) {
    .hdr-lft img {
        height: 70px !important;
    }

    ul.card-disbursment li h4,
    ul.card-disbursment li h4 span {
        font-size: 14px;
    }

    .two-colum {
        grid-template-columns: repeat(3, 1fr);
        gap: 10px;
    }

    .card-disbursment {
        gap: 10px;
        padding: 10px;
    }
}

@media (max-width: 1200px) {

    /*    Mobile-menu-css-start*/
    #topheader1 {
        z-index: 9999;
        position: relative;
    }

    

    .dropdown21 {
        position: absolute !important;
        top: 0 !important;
        right: 0 !important;
    }

    /*    .hdr-lft {
        justify-content: space-between;
    }*/

    .column44 {
        padding-top: 0px !important;
        float: none !important;
    }

        .column44 img {
            padding: 12px 0 !important;
        }

    .testimonial-item {
        width: 100%;
    }

    #topheader1 {
        background-color: #f6fbff !important;
        padding: 0px 10px !important;
    }

        #topheader1 .header {
            overflow: visible !important;
            padding: 0 !important;
            width: 100% !important;
            display: flex !important;
            justify-content: space-between !important;
        }

            #topheader1 .header .row4 {
                width: 100% !important;
            }

                #topheader1 .header .row4 .column4 {
                    float: none !important;
                    padding-top: 0px !important;
                }

            #topheader1 .header .dropdown-content21 {
                position: static !important;
                box-shadow: none !important;
            }

                #topheader1 .header .dropdown-content21 ul li {
                    float: none !important;
                    padding: 10px !important;
                }

                    #topheader1 .header .dropdown-content21 ul li a {
                        padding: 0px !important;
                    }

                #topheader1 .header .dropdown-content21 ul {
                    display: flex !important;
                    flex-direction: column !important;
                }

                    #topheader1 .header .dropdown-content21 ul li .dropdown .dropbtn {
                        display: flex !important;
                        justify-content: space-between !important;
                        width: 100% !important;
                        padding: 0 !important;
                    }

                        #topheader1 .header .dropdown-content21 ul li .dropdown .dropbtn i {
                            margin: 0 !important;
                        }

                    #topheader1 .header .dropdown-content21 ul li .dropdown-content a {
                        padding: 8px !important;
                    }

            #topheader1 .header .dropdown {
                float: none !important;
                overflow: visible !important;
                height: auto !important;
                position: static !important;
            }

            #topheader1 .header .dropdown-content {
                position: static !important;
                box-shadow: none !important;
                max-height: 0;
                overflow: hidden !important;
                transition: all 0.8s ease-in !important;
            }

                #topheader1 .header .dropdown-content.show .dropdown:hover ~ .dropdown-content {
                    max-height: 115px !important;
                    overflow: auto !important;
                    transition: all 0.5s ease-in !important;
                }

    .dropdown:hover > .dropdown-content {
        display: block !important;
    }

    .dropdown-content.show {
        max-height: 500px !important;
        overflow: visible !important;
        transition: all 0.8s ease-in !important;
    }

    /*Mobile-menu-css-end*/
    .about-option-section {
        gap: 10px;
    }

    .iner-abt-box {
        gap: 10px;
        margin-top: 10px;
    }

        .iner-abt-box a,
        .img-img-box {
            height: 195px;
        }

    .about-img {
        width: 96%;
        margin: auto 0 0 auto;
    }

    .card-disbursment {
        grid-template-columns: repeat(3, 1fr);
    }

    .scheme-section {
        grid-template-columns: repeat(3, 1fr);
        gap: 10px;
    }
    .mid-gst {
        margin: 0 20px;
    }
}

@media (max-width: 992px) {

    .dropdown .dropbtn {
        color: #000 !important;
    }
    .column44 {
        width: 93% !important;
        display: flex;
        justify-content: space-between;
    }

    .main-logo {
        margin-left: 10px !important;
    }

    .image-gallery {
        padding: 0px 50px;
    }

    .two-colum .img-box-inr {
        height: 160px;
    }

    .about-option-section {
        grid-template-columns: repeat(1, 1fr);
    }

    .about-section {
        padding: 0 50px 30px 50px;
    }

    .card-disbursment,
    .two-colum {
        grid-template-columns: repeat(2, 1fr);
    }

    .scheme-section {
        grid-template-columns: repeat(2, 1fr);
    }

    .disbursement-status {
        padding: 50px;
    }
}
@media (max-width: 915px) {
    img.mimg {
        display: none;
    }
}
/* Collapse oversized image and pulled images after iPad breakpoint. */

@media (max-width: 767px) {
    .modal-content12 {
        width: 90% !important;
        max-width: 450px !important;
    }

    .login-form .content {
        padding: 15px !important;
        font-size: 16px !important;
    }

    .dropdown-content21 {
        max-width: 100%;
    }

    .section-heading-title {
        font-size: 20px;
    }

    .video-wpr {
        height: 220px;
    }

    .disbursement-status {
        padding: 10px 0 25px 0;
    }

    .EmployeeOfMonth,
    .scheme-group,
    .about-option-section,
    .success-stories {
        width: 96%;
    }

    .col-md-6 {
        width: 100%;
    }

    .about-img {
        width: 100%;
        margin: 0;
    }

    .col-md-6:first-child {
        order: 2;
        margin-top: 30px;
    }

    .section-heading {
        font-size: 28px;
        margin: 0 0 7px;
    }

    section.about-section p {
        font-size: 15px;
        line-height: 26px;
        -webkit-line-clamp: 5;
        margin: 7px 0 15px 0;
    }

    .SideFixBtn {
        padding: 6px 23px !important;
        right: -43px !important;
        font-size: 16px !important;
    }

    /*    .about-box a{
        height:195px ;
    }*/
    .slick-slider .slick-prev::before,
    .slick-slider .slick-next::after {
        font-size: 16px !important;
    }

    .slick-slider button {
        width: 30px !important;
        height: 30px !important;
    }

    .hero-slider .slick-track,
    .hero-slider .slick-list,
    .hero-slider .slide,
    .hero-slider .slide img {
        height: 480px !important;
    }

    .slider-content h2 {
        font-size: 20px;
    }

    .slider-content p {
        margin: 4px auto;
        line-height: 16px;
    }

    .slider-content .btn {
        margin-top: 20px;
    }

    .section-heading-title {
        margin-bottom: 15px;
    }
}

@media (max-width: 643px) {
    .column44 {
        width: 90% !important;
    }
    .scheme-section,
    .two-colum {
        grid-template-columns: repeat(1, 1fr);
    }

    .hero-slider .slick-track,
    .hero-slider .slick-list,
    .hero-slider .slide,
    .hero-slider .slide img {
        height: 420px !important;
    }

    .hero-slider .slick-dots li {
        width: 5px !important;
        height: 5px !important;
    }

    .line-cloum a.btn-primary {
        width: 100px;
    }

    .video-box h2 {
        font-size: 12px;
    }

    .video-box .video-titl-box {
        padding: 5px;
    }

    .slick-slider .slick-next,
    .slick-slider .slick-prev {
        display: none;
    }

    .video-gallery {
        padding: 0px 10px;
    }

    .light-bg {
        padding: 30px 0 0px;
    }

    .video-gallery .slick-slider .slick-prev {
        left: -5px;
    }

    .video-gallery .slick-slider .slick-next {
        right: -5px;
    }

    .testmonial .slick-slider .slick-prev {
        left: -5px;
        top: 75%;
    }

    .testmonial .slick-slider .slick-next {
        right: -5px;
        top: 75%;
    }

    .image-gallery {
        padding: 0px 10px;
    }

    .about-section {
        padding: 0 10px 30px 10px;
    }

    .box-scheme h2 {
        font-size: 16px;
        margin-bottom: 7px;
        margin-top: 0px;
    }

    .box-scheme {
        padding: 15px;
    }

    .section-heading {
        font-size: 18px;
    }
}

@media (max-width: 576px) {
    #mainheader {
        padding: 0px 16px !important;
    }
    button svg {
        width: 22px !important;
        height: 22px !important;
        margin-top: 0 !important;
    }

    .dropbtn21 {
        padding: 10px !important;
    }

    .hdr-lft {
        flex-wrap: wrap !important;
        justify-content: center !important;
    }

    .main-logo {
        margin-left: 0px !important;
    }

    .column44 {
        width: auto !important;
    }

    .video-wpr {
        height: 170px !important;
    }

    .mid-gst {
        margin: 0 10px !important;
    }

    .card-disbursment,
    .iner-abt-box {
        grid-template-columns: repeat(1, 1fr);
    }

        .about-box a,
        .iner-abt-box a,
        .img-img-box {
            height: 220px;
        }

    .about-box {
        height: auto;
    }
}

@media (max-width: 480px) {

    .hero-slider .slick-track,
    .hero-slider .slick-list,
    .hero-slider .slide,
    .hero-slider .slide img {
        height: 350px !important;
    }

    .hdr-lft img {
        height: 50px !important;
    }

    .column44 {
        width: 95% !important;
    }
}

@media (max-width: 420px) {
    .column44 {
        width: auto !important;
    }
    .hdr-lft img {
        height: 40px !important;
    }
}

/* Mobile devices */

@media (max-width: 359px) {
}
/*Only HomePage Responsive Css End Here*/
