

/* ================================ New responsive css =========================== */

@media(max-width: 1024px){

    .mobile-responsive-nav .main-logo {
        width: 195px;
    }
    .logo.sdfdfbbfdd.ml-2.mr-2 {
        width: 80%;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
        .mb-login {
        display: flex;
        list-style: none;
        gap: 10px;
    }
    /* .mobile-responsive-menu {
        padding: 0 15px;
    } */

.bnr-head {
    font-size: 55px !important;
}
.g-review .text-end {
    width: 30%;
}


}

@media(max-width: 768px)and (min-width: 576px) {

    .mobile-responsive-nav .main-logo {
        display: block;
        width: 200px;
    }
    ul.mb-login {
        padding: 0;
        list-style: none;
        display: flex;
        gap: 10px;
    }
    .logo.sdfdfbbfdd {
        display: flex;
        gap: 50px;
        align-items: center;
        width: 80%;
        justify-content: space-between;
    }
    .testimonial-new .testtimonial {
        display: block;
    }
    .jcdkcsdfa {
        right: -60px !important;
    }

    .bnr-head {
        font-size: 48px !important;
    }
    .funfact .number {
        font-size: 35px !important;
    }
    .funfact .text {
        font-size: 13px !important;
        letter-spacing: 0px !important;
    }


    .page-icon li {
        padding: 4px !important;
    }
   .page-icon li a img{
    width: 28px;
    height: 28px;
   }
   .fac, .twi {
    background-color: transparent !important;
}
.single-event-classic .event-image a img {
    width: 300px !important;
}
.event-image {
    text-align: center;
}
.single-event-classic .event-info .event-date {
    margin: 0px 26px 0 10px !important;
}

.single-event-classic-list .event-image a img {
    width: 100px !important;
}
.event-info {
    max-width: 100% !important;
    margin: 5px auto;
}
.section-heading.style-1 .title {
    font-size: 22px;
}
.col-md-6.section-heading.style-1 {
    text-align: center !important;
}
.b-img {
    width: 350px;
}
.skill-features {
    width: 350px;
}
.animation-box {
    height: 272px !important;
}
.domain-experties .col-lg-4.mt-5 {
    margin: 0 auto;
    width: 50%;
}
 /* .mobile-responsive-menu {
        padding: 0 10px;
    } */

.testtimonial.testtimonial2 {
    top: -8% !important;
}

.g-review .text-end {
    width: 34%;
}
.t-video video {
    width: 100% !important;
}
.cardsSwiper .swiper-button-next, .cardsSwiper .swiper-button-prev {
    margin-top: 27% !important;
}

.mission-bg .page-content {
    padding: 55px 0 85px;
}


.director-wrap {
    max-width: 100% !important;
}


.btm-sec_1 .hindi-wrap {
    max-width: 100% !important;
    left: 0 !important;
    transform: translate(0) !important;
    top: 19% !important;
}
div#mobileMenu {
    max-width: 85%;
}
.bnr-cntnt {
    max-width: 70% !important;
}
.site-btn1 { 
    padding: 5px 20px !important;
}
.courses__item-bottom .button a {
    padding: 7px 2px !important;
}
.donation.skl {
    padding: 40px 0 !important;
}
.col-md-6.mtng-img.p-3.banner-title p {
    font-size: 20px !important;
}

.rgt-cont p {
    padding: 80px 0 !important;
}
.rgt-cont h2 {
    font-size: 40px !important;
}
.btn-flex .swiper-button-prev {
    left: 0 !important;
}
.btn-flex .swiper-button-next {
    right: 0 !important;
}

.child-bg {
    height: auto !important;
}
.row.mx-wd {
    max-width: 100% !important;
}
.gallery_item video {
    width: 100% !important;
}
.annc-info img {
    width: 420px !important;
}
.mainpg-content h2 {
    font-size: 45px !important;
}
.com-width {
    max-width: 75% !important;
}
.g-img {
text-align: right !important;
}
.career-cnt {
    padding: 25px !important;
}
.navbar-area {
    padding: 0 !important;
    overflow-x: hidden !important;
}


}


@media only screen and (max-width: 575px) {
   
.pg-content p {
    text-align: center;
    font-size: 20px;
}

.search-inp {
    max-width: 80%;
    margin: 0 auto;
}
.search-inp input {
    margin-bottom: 15px;
}
.our-course {
    padding: 40px 0 !important;
}
    .navbar-area .container-fluid {
        padding-left: 10px;
        padding-right: 10px;
    }
  
    .mobile-responsive-menu .dropdown-menu .nav-link {
        padding: 4px 15px;
    }

    .main-logo img {
        width: 100px;
    }
    .svbdfbdfb ul li img {
        height: 24px !important;
    }
    .svbdfbdfb ul li {
        margin-bottom: 6px !important;
    }
    .col-md-10.svbdfbdfb ul {
        padding-left: 0 !important;
    }

    .mb-login {
        padding: 0;
        list-style: none;
        display: flex;
        gap: 10px;
    }
   
    .mobile-flex {
        display: flex;
        justify-content: space-between;
    }

    .testtimonial>.leftDiv {
        width: 100%;
        margin-bottom: 20px;
    }
    .testimonial-new .testtimonial>div {
        width: 100%;
    }
    .testimonial-new .testtimonial {
        display: block;
    }
    .testtimonial>.rightDiv>video {
        height: 260px !important;
    }
    .feedback>.feedbackCards {
        translate: 31px 66px !important;
    }
    .rightDiv {
        text-align: center !important;
    }
    .cardsSwiper .swiper-button-next {
        right: 38% !important;
    }
    .cardsSwiper .swiper-button-prev {
        left: 40% !important;
    }
    .newsletter-content .title {
        font-size: 20px;
    }
    .newsletter-content p {
        font-size: 13px !important;
    }
    .contactSec > .formandmap {
        display: block !important;
    }
    .contactSec > .formandmap > div {
        width: 100% !important;
        min-height: auto !important;
    }
    .contactSec .modal-content {
        width: 100% !important;
    }
    .video-link iframe {
        width: 100% !important;
        height: 250px !important;
        margin-left: 0 !important;
    }
    .domain-card-wrap .col-md-4 {
        padding-right: 15px !important;
    }
    .cntbox2 iframe {
        width: 100%;
        height: 250px;
        margin-top: 20px;
    }

    .review-star{
        margin-left:-25px !important;
    }



    /* ===================== About ======================== */

    .ab-sec h2 {
        font-size: 25px !important;
        margin-bottom: 10px !important;
    }
    .svgInject.svgInject-1 {
        max-width: 143px !important;
    }
    .mx-accordion .card-header h5 a.acc-btn {
        font-size: 13px;
    }
    .mx-w {
        max-width: 100% !important;
        margin: 0 auto 50px;
    }
    .msn-img img {
        max-width: 150px;
    }
    .moto p {
        font-size: 28px !important;
    }

    .donation.skl {
        padding: 40px 0 !important;
    }
    .profile-skl { 
    padding-right: 0 !important;
}
    .btm-sec_1 .hindi-wrap {
        max-width: 100%;
        left: 0;
        transform: unset;
        top: 26px;
    }
    .hindi-wrap p {
        padding: 22px 15px !important;
        font-size: 23px !important;
        line-height: 28px !important;
    }
    .btm-sec_1 img {
        height: 155px;
    }
    .bg-img {
        height: 155px;
    }
    .page-img img {
        height: 215px;
    }
    .faq-section .faq-left-image.faq-left_1 {
        display: none;
    }
    .mission-bg .page-content h2 {
        font-size: 20px;
    }
    section.mn-heading h3 {
        font-size: 18px;
    }
    .page-content span {
        font-size: 12px;
    }
    .gallery-sec .nav-item button {
        font-size: 14px;
    }
    .news-content-add {
        padding: 27px;
    }
    .site-btn1 {
        padding: 4px 20px;
    }
    .news-content-add .site-btn1 {
        padding: 4px 20px;
        margin-left: 32px;
    }
    .img_3 {
        margin-top: 0;
    }
    .opng-wrap {
        top: 30px;
    }
    .three-btn {
        display: block !important;
        text-align: center;
    }
    .three-btn button {
        margin-bottom: 10px;
        width: 230px;
    }
    .brand-logo {
        display: block !important;
    }
    .lg-img {
        margin-bottom: 25px;
    }
    .vacancy-details-left {
        padding-left: 0;
        padding-top: 14px;
    }
    .job-info-wrap {
        display: block !important;
    }
    .job-info-wrap .btn1 .text {
        padding: 10px 0px 10px 19px;
    }
    .job-info-wrap .page-btn {
        margin-top: 10px;
        /* width: 145px; */
    }
    .search-jb {
        display: block !important;
        width:70% !important;
    }
    .search-jb input {
        width: 275px;
        margin-bottom: 13px;
    }
    .building-btn .btn1 .text {
        padding: 11px 0px 10px 20px;
        font-size: 14px;
    }
    .opn-btn {
        width: 163px;
    }
    .opng-wrap h3, .opng-wrap p {
        padding-right: 15px;
    }
    .annc-info img {
        bottom: 14% !important;
        left: 0 !important;
        top: 50% !important;
    }
    .announce {
        width: 245px !important;
        left: 11% !important;
        bottom: 24% !important;
        top: 51%;
    }
    .announce p {
    font-size: 14px;
}
    .announce h3 {
        font-size: 20px;
    }
    .opng-wrap {
    width: 90% !important;
}
    .announce h3 {
        font-size: 16px !important;
    }
    .announce p {
        font-size: 13px;
    }
    .an-img img {
        width: 80px;
    }
    .annc-info img {
    top: 54% !important;
}
.announce {
    top: 55% !important;
}
    .an-img {
        bottom: 8% !important;
        left: -4% !important;
    }
    .mainpg-content h2 {
        font-size: 30px;
    }
    .com-width {
        max-width: 100%;
        margin: 20px auto 0;
    }
    .time-info {
        margin: 20px auto 0;
    }
    .buil-img img {
        height: 360px;
    }
    .company-info p {
        margin-bottom: 0px;
        font-size: 14px !important;
    }
    .g-img img {
        display: none;
    }
    .building-content .page-btn {
        width: 190px;
    }
    .company-info {
        padding-top: 15px;
    }
    .building-img h5 {
        font-size: 12px !important;
    }
    .tm-wrap h3 {
        font-size: 16px !important;
    }
    .time-info {
        gap: 18px;
        padding: 14px;
        border-radius: 21px;
    }
    .yearSwiper .swiper-button-prev {
        left: 33%;
    }
    .yearSwiper .swiper-button-next {
        right: 35%;
    }
    .rcnt-btn span {
        padding: 11px 25px;
        font-size: 17px;
    }

    .career-cnt {
        padding: 21px !important;
    }
    .career-cnt p {
        padding-top: 0;
    }
    .ct-content h2 {
        font-size: 26px;
    }
    .btm-txt {
        display: block !important;
    }

    .ct-content h5 {
        font-size: 18px;
    }
    .isotop-btn .button {
        font-size: 15px;
        margin-bottom: 10px;
        margin-right: 10px;
        padding: 4px;
    }
    .isotop-btn .button-group.filters-button-group {
        grid-template-columns: 1fr 1fr;
    }
    .isotop-btn {
        max-width: 100%;
        margin: 30px auto;
    }
    .btm-txt {
        display: block;
    }
    .btm-txt > div {
        margin-bottom: 10px;
    }
    .profile-rating {
        margin-bottom: 80px;
    }
    .dls-erp {
        display: block !important;
    }
    .dls-erp ul {
        gap: 6px;
        padding: 0;
        margin-top: 15px;
    }
    .posted {
        display: block;
    }
    .dls-job ul {
        padding: 0;
    }
    .social-m-icon {
        display: block;
        gap:0px;
    }
    .type-details {
        margin-top: 15px;
    }
    .type-info-wrp {
        display: block;
        margin-bottom: 10px;
    }
    .aply-frm {
        padding: 0 0px 10px;
    }
    .get-wrap h2 {
        font-size: 30px !important;
    }
    .get-wrap p {
        font-size: 20px !important;
        max-width: 100% !important;
        line-height: 30px !important;
    }
    .c-wrap {
        margin-bottom: 20px;
    }
    .new-contact .cntbox2 {
        min-height: 318px !important;
    }
    .mx-w {
        position: relative;
        left: 0 !important;
        bottom: 0 !important;
        transform: translate(0) !important;
    }
    .mx-w h2 {
       font-size: 17px;
    }
    .bn-img img {
        height: 200px;
        object-fit: cover;
    }
    .ben-cont ul li {
        color: black;
        font-size: 15px !important;
        line-height: 27px !important;
        text-align: justify !important;
        margin-bottom: 10px !important;
    }
    .ben-cont ul {
        padding: 0;
    }

    .msg-sir img {
        width: 160px !important;
        height: 160px !important;
    }
    .msg-sir {
        justify-content: center !important;
        align-items: center !important;
    }
.bnr-cntnt {
    top: 50% !important;
    max-width: 100% !important;
    padding: 10px !important;
    transform: translate(0%, -50%);
}
    .bnr-cntnt p {
        font-size: 12px !important;
    }

    .bnr-btn-cnt p {
        font-size: 12px !important;
    }
    .fixed-img {
        height: 200px;
    }
    .page-content h2 {
        font-size: 25px;
    }

    .page-content {
        padding: 40px 0;
    }
    .page-content p {
        font-size: 16px;
        line-height: 20px;
    }
    .bnr-txtwrap li {
        padding: 14px 0;
        font-size: 15px;
    }
    .value-bg {
        padding: 30px 0;
        text-align: center;
    }
    .value-img {
        right: 0;
        width: 200px;
        top: 80%;
    }
    .fz-40 {
        font-size: 30px;
    }
    .row.mlt-icon {
        grid-template-columns: 1fr;
    }
    .row-grid {
        padding-top: 115px;
    }
    .icon {
        padding: 20px 46px 34px 17px;
    }
    .txt-flex {
        gap: 0;
    }
    .txt-flex h3 {
        font-size: 18px;
    }
    .desc {
        padding: 0;
    }
    .icon-box .icon {
        margin-bottom: 0;
    }
    .abouts-content h5 {
        font-size: 25px;
        margin-top: 23px;
    }
    .prf-img img {
        width: 150px;
    }
    .prf-content h4, .prf-content p {
        font-size: 13px;
    }
    .profile-banner {
        padding: 50px 0;
    }
    h4.text-center {
        text-align: center !important;
    }
    .about-profile .col-md-6{
        padding-top: 30px;
    }
    .about-profile .col-md-6 h4{
        font-size: 18px;
    }
    .rgt-cont p {
        font-size: 14px;
        padding: 30px 0;
    }
    .rgt-cont h2 {
        font-size: 35px;
        line-height: 35px;
    }
    .meet-txt {
        padding: 25px 10px;
    }
    .meet-txt p {
        font-size: 16px;
        padding-top: 10px;
    }
    .f-txt {
        left: 13px;
        font-size: 15px;
    }
    .btn-flex span {
        width: 30px;
        height: 30px;
    }
    .btn-flex .swiper-button-prev {
        left: 0;
    }
    .f-txt {
        left: 45px;
        font-size: 14px;
    }
    .s-txt {
        bottom: 7px;
        right: 20%;
        font-size: 14px;
    }
    .popup-gallery img {
        min-height: 191px;
        max-height: 160px;
    }
    .check-bottom {
        margin: 20px 0;
    }
    .btn-wrap {
        text-align: center;
    }
    .pg-content p {
        color: #fff;
        text-align: center;
    }
    .bnr-txt {
        display: none;
    }
    .pop-wrap {
        margin-top: 10px;
    }
    .chart-img p {
        max-width: 100%;
    }
    .comment-list .comment-author {
        float: none;
    }
    .comment-list .comment-content {
        margin-left: 0;
        padding-top: 15px;
    }
    .opng-wrap p {
        font-size: 14px;
    }
    .lg-img p {
        text-align: center;
    }
    .mb-img {
        display: none;
    }
    .mtng-img {
        text-align: center;
    }
    .company-info p {
        text-align: center;
    }
    .page-btn11 {
        margin: 0 auto;
    }
    .opng-wrap h3 {
        font-size: 20px;
    }
    .qts {
        font-size: 66px;
    }
    section.work-ex h2 {
        font-size: 20px;
    }
    .about-txt h4 {
        font-size: 20px;
    }
    .work-ex h4{
        font-size: 20px;
    }
    .feedback-wrp {
        padding: 20px;
    }
    section.feedback-wrp h2 {
        font-size: 20px;
    }
    .director-wrap {
        max-width: 100%;
    }
    .view-dtl .btn1 .text {
        margin-right: 35px !important;
    }
    .b-img {
        left: 0;
    }
    .page-img img {
        height: 250px !important;
    }
    .f-sk {
        padding: 4px 12px;
        width: 55%;
    }
    .s-sk {
        width: 45%;
        padding: 4px 10px;
    }
    .c-wrap p {
        text-align: center;
    }
    .great-bg h2 {
        font-size: 25px;
    }
    .great-bg {
        padding: 60px 0;
    }
    .best-luck {
        margin-top: 0;
    }
    .poster-img img {
        height: auto;
    }
    .our-course {
        padding: 50px 0;
    }
    .row.mx-wd {
        max-width: 100%;
    }
    .galley-sec {
        padding: 50px 0;
    }
    .galley-sec h2 {
        font-size: 30px;
        padding-bottom: 20px;
    }
  
    .b-img {
        left: 10px;
        width: 91%;
        height: 379px;
    }
    .pin-img {
        width: 60px !important;
        right: 15px !important;
        top: -57px !important;
    }

.com-width {
    max-width: 100% !important;
    margin: 31px auto 0 !important;
}
    .yearSwiper .swiper-button-next {
	    right: 20% !important;
    }
    .yearSwiper .swiper-button-prev {
        left: 20% !important;
    }
    .b1 {
	  width: 181px !important;
    }
    .b2 {
        width: 195px !important;
    }
    /* .mobile-responsive-menu {
        padding: 0 10px;
    } */
        .mx-w {
            padding: 0 15px;
        }
    .mx-accordion .card-header h5 a.acc-btn {
        font-size: 14px !important;
    }
    .jcdkcsdfa {
        width: 104px !important;
    }

    .testtimonial.testtimonial2 {
        top: -12% !important;
    }

    .leftDiv img {
        margin-left: 20px !important;
    }
    .section-heading.style-1 .title {
        padding: 0 !important;
    }
    section.section-bg.domain-experties {
        margin-top: 0 !important;
    }
.great-bg {
    padding: 15px 0 !important;
}
.view-dtl .btn1 .text {
    padding: 11px 0px 11px 24px !important;
}


.g-review .text-end {
    width: 36%;
    text-align: center !important;
}
.t-video {
    text-align: left !important; 
}

.t-video video {
    width: 100% !important;
}
.cardsSwiper {
    padding-top: 45px !important;
    padding-bottom: 110px !important;
}

.cardsSwiper .swiper-button-next, .cardsSwiper .swiper-button-prev {
    margin-top: 61% !important;
}

.overflow-x{
    overflow-x: hidden !important;
}

/* ======================= About ================= */

.section-bg.faq-section {
    padding-bottom: 0;
}
.ben-cont ul {
    margin-top: 20px !important;
}


.director-wrap {
    max-width: 100% !important;
    padding: 35px 0 !important;
}

.btm-sec_1 .hindi-wrap {
    max-width: 100% !important;
    left: 0 !important;
    transform: translate(0) !important;
    top: 19% !important;
}
div#mobileMenu {
    max-width: 85%;
}

.page-bnr2 .bnr-cntnt {
    left: 0 !important;
}


.related-course-wrap .my-5{
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
}
#hours, #days, #minutes, #seconds {
    font-size: 30px !important;
}
.ab-sec .about-sec {
    font-size: 30px !important;
}
.d-wrap {
    margin-bottom: 10px;
}
.news-details-wrap {
    padding: 0 !important;
}
.our-speaker {
    padding: 50px 0 0 !important;
}
.aply-frm {
    padding: 0 0 20px !important;
}

.donation-bg {
    padding: 10px 0 45px !important;
}
.page-content p {
    font-size: 16px !important;
}
.bnr-bn {
    display: block !important;
}
.pr-info {
    display: block !important;
    margin-top: 10px;
}


.col-md-6.mtng-img.p-3.banner-title p {
    font-size: 18px !important;
}
.date-font {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.rgt-cont p {
    font-size: 16px !important;
    padding: 10px !important;
}

.qts {
    font-size: 84px !important;
}
.qts1 {
    right: 10px !important;
    bottom: -44% !important;
}
.rgt-cont h2 {
    font-size: 30px !important;
}
.meet-txt p {
    font-size: 16px !important;
    padding-top: 15px !important;
}
.btn-flex span {
    width: 30px !important;
    height: 30px !important;
}
.btn-flex .swiper-button-prev {
    left: 0px !important;
} 
.f-txt {
    left: 14% !important;
}
.s-txt {
    right: 15% !important;
}
.btn-flex .swiper-button-next {
    right: 0 !important;
}
.great-bg h2 {
    font-size: 28px !important;
}
.poster-img img {
    height: auto !important;
}

.row.mx-wd {
    max-width: 100% !important;
}
.galley-sec {
    padding: 40px 0 !important;
}
.galley-sec h2 {
    font-size: 28px !important;
    padding-bottom: 20px !important;
}
.gallery_item video {
    width: 100% !important;
}
.mainpg-content h2 {
    font-size: 30px !important;
}
.mid-content p {
    overflow-x: hidden !important;
}
.isotop-btn .button-group.filters-button-group {
    grid-template-columns: 1fr 1fr !important;
}
.ct-content h2 {
    font-size: 30px !important;
}
.isotop-btn {
    max-width: 100% !important;
    margin: 60px 10px !important;
}
section.category-sec {
    overflow-x: hidden !important;
}
.ffq-sec {
    overflow-x: hidden;
}
.ffq-sec {
    overflow-x: hidden !important;
}
.swip-img {
    padding: 0 !important;
}
section.career-mainpage {
    overflow-x: hidden !important;
}
.b1 .btn1 .text {
    margin-right: 17px !important; 
    padding: 12px 0px 12px 14px !important;
}

.b2 .btn1 .text {
    margin-right: 17px !important; 
    padding: 12px 0px 12px 14px !important;
}
.page-btn.b1 {
    margin-bottom: 12px;
    width: 147px !important;
}
.page-btn.b2 {
    margin-bottom: 12px;
    width: 162px !important;
}
.navbar-area {
    padding: 0 !important;
    overflow-x: hidden !important;
}


}

