@media (max-width:1700px) {
    .buton {
        padding: 12px 25px;
        font-size: 12px
    }
    .banner {
        padding: 110px 0 0 0;
        margin-top: -95px
    }
    .banner p,
    .courses-det-banner p,
    p.name,
    .courses-banner p,
    .faq .accordion-item .accordion-button,
    .address-bx h4,
    .eterh-txt h5,
    .filmin-bx h6 {
        font-size: 16px
    }
    .banner span,
    .about span {
        font-size: 50px
    }
    .banner h1,
    .courses-banner h1,
    .courses-det-banner h1 {
        font-size: 46px
    }
    .about h2,
    .student-place h2,
    .courses .cour-head,
    .institutes h2,
    .student-work h2,
    .how-it-text h2,
    .testimonial h2,
    .contact-us h2,
    .elective h2,
    .sotwar h2,
    .faq h2,
    .campus-event h2,
    .event-off h2,
    .testimonial-boxes h2,
    .placement h2,
    .developemnt-eve h2,
    .recrutiers-bx h2,
    .studio h2,
    .my-modal2 .thankyou-bx h2,
    .head-txt-bx h3 {
        font-size: 34px
    }
    .about h2 {
        margin-bottom: 22px
    }
    .about p,
    .student-place p,
    .institutes p,
    .how-it-text p,
    .howt-icon-bx p,
    .student-work p,
    .cont-bx p,
    .career-progrm-txt p,
    .faq .accordion-item .accordion-body,
    .campus-event-bx p,
    .address-bx p,
    .learn-banner p,
    .recrutiers-bx p,
    .eer p,
    .filmin-bx p,
    .my-modal2 .thankyou-bx p {
        font-size: 14px
    }
    .about button,
    .address-bx p {
        margin-top: 16px
    }
    .logo-bx {
        padding: 14px 10px
    }
    .courses-cont-bx h2 {
        font-size: 22px
    }
    .courses-cont-bx {
        bottom: -10%
    }
    .courses-cont-bx a,
    .loop .owl-nav .owl-prev,
    .loop .owl-nav .owl-next,
    .testimonial-slider .owl-nav .owl-prev,
    .testimonial-slider .owl-nav .owl-next,
    .campus-event-slider .owl-nav .owl-prev,
    .campus-event-slider .owl-nav .owl-next,
    .placement-slider .owl-nav .owl-prev,
    .placement-slider .owl-nav .owl-next {
        width: 40px;
        height: 40px
    }
    .number-bx h3 {
        font-size: 40px
    }
    .howt-icon-bx h5 {
        margin: 15px 0
    }
    .howt-icon-bx::before {
        top: -130px;
        font-size: 130px
    }
    .testimonial-slider .owl-item .item .testimonial-bx .testi-txt p.te-po {
        font-size: 12px
    }
    .testimonial-slider .owl-item.active.center .item .testimonial-bx {
        width: 133%;
        margin: 0 0 0 -72px
    }
    .testimonial-slider .owl-item .item .testimonial-bx .testi-txt h6 {
        margin-bottom: 10px
    }
    img.shp-imgges2 {
        top: -12em
    }
    .career-progrm-txt h2,
    .filmin-bx h2 {
        font-size: 30px
    }
    .career-progrm-txt h2 {
        margin-right: 18px
    }
    .career-progrm-txt p {
        margin: 22px 0;
        width: 85%
    }
    .cour-m {
        height: 1200px
    }
    .courses-banner {
        padding: 120px 0 50px 0;
        margin-top: -95px
    }
    .courses-banner p {
        width: 50%
    }
    .courses-det-banner h2 {
        font-size: 24px;
        padding: 28px 0
    }
    .sotwar {
        padding: 125px 0 50px 0
    }
    .soft-inr-div img,
    .head-txt-bx h3 {
        margin-bottom: 18px
    }
    .soft-inr-div {
        padding: 35px 20px
    }
    .elective-img-bx p {
        font-size: 20px;
        padding: 24px 0 18px 0
    }
    .faq,
    .event-off,
    .advx-sof,
    .my-modal2 .thankyou-bx {
        padding: 50px 0
    }
    .courses-det-banner {
        padding: 184px 0 50px 0
    }
    .campus-event-bx h3 {
        font-size: 20px;
        width: 90%;
        margin: 18px 0 10px 0;
        padding: 0 0 0 18px;
        height: 55px
    }
    .campus-event-bx p {
        color: var(--p-color);
        letter-spacing: 0.5px;
        line-height: 1.4em;
        padding: 0 20px 18px 18px
    }
    .address-bx p,
    .filmin-bx h2 {
        width: 85%
    }
    .get-bx h2 {
        margin-bottom: 34px
    }
    .get-bx h2,
    .cont-page h2 {
        font-size: 32px
    }
    .howt-icon-bx h5,
    .social-media-bx h5,
    .eterh-txt h4,
    .filmin-bx h5 {
        font-size: 20px
    }
    .sicon a {
        margin: 0 12px;
        width: 35px
    }
    .fgf {
        margin: 6px 0
    }
    .eterh-txt h5 {
        margin-top: 8px;
        margin-bottom: 0
    }
    .heieh .khk-ijmf-b {
        width: 100%
    }
    .heieh .khk-ijmf-b .plahd {
        width: 50px;
        height: 50px;
        font-size: 28px
    }
    .testimonial-boxes {
        padding: 100px 0 50px 0
    }
    .showcas-banner p {
        width: 70%
    }
    .show-ths .nav.nav-pills .nav-link {
        font-size: 18px;
        padding: 22px 0
    }
    .show-ths .nav.nav-pills .nav-link::before {
        height: 120%;
        top: -10%
    }
    .head-txt-bx p {
        font-size: 15px
    }
    .tab-content {
        width: 84%;
        margin: 8em auto 0 auto
    }
    .learn-banner p {
        width: 75%
    }
    .campus-event-bx h5 {
        padding: 10px 0 5px 15px;
        font-size: 18px
    }
    .mansory {
        column-width: 350px
    }
    .logom-bx {
        margin: 50px 0;
        gap: 10px
    }
    .logom-bx .log-ic img {
        width: 90%;
        height: 60px
    }
    .developemnt-eve {
        padding: 25px 0
    }
    .studi-vdk {
        padding: 20px 12px;
        width: 13.2%
    }
    .studi-vdk img {
        width: 130px
    }
    .eer {
        padding: 275px 0 50px 0
    }
    .filmin-bx h5 {
        margin-bottom: 15px
    }
    .xgdd {
        padding-left: 20px
    }
    .filmmaking {
        padding: 75px 0 30px 0
    }
    .tx::before,
    .txr::before {
        font-size: 300px
    }
    .tx h4 {
        font-size: 35px
    }
    .bg-video-h,
    .courses-img-bx {
        height: auto
    }
    .medai a {
        width: 28px;
        height: 28px
    }
}

@media (max-width:1370px) {
    .banner {
        padding: 90px 0 0 0;
        margin-top: -90px
    }
    .about h2,
    .student-place h2,
    .courses .cour-head,
    .institutes h2,
    .student-work h2,
    .how-it-text h2,
    .testimonial h2,
    .contact-us h2,
    .elective h2,
    .sotwar h2,
    .faq h2,
    .campus-event h2,
    .event-off h2,
    .testimonial-boxes h2,
    .placement h2,
    .developemnt-eve h2,
    .recrutiers-bx h2,
    .studio h2 {
        font-size: 30px
    }
    .courses .cour-p,
    .courses-banner p,
    .soft-inr-div p {
        font-size: 16px
    }
    .institutes h2,
    .advx-sof,
    .faq {
        padding: 0
    }
    .number-bx h3 {
        font-size: 35px
    }
    .number-bx h3 {
        font-size: 32px;
        margin-bottom: 15px
    }
    .howt-icon-bx {
        padding: 20px 18px
    }
    img.shp-imgges2 {
        top: auto;
        bottom: 0
    }
    .contact-us {
        padding: 40px 0 0 0
    }
    .cont-bx p {
        width: 100%
    }
    p.dsksd {
        padding: 14px 0 20px 0
    }
    .courses-cont-bx h2,
    .elective-img-bx p {
        font-size: 18px
    }
    .courses-cont-bx p {
        font-size: 11px;
        margin: 20px 0
    }
    .courses-cont-bx a {
        width: 32px;
        height: 32px
    }
    .student-work h2 {
        margin-bottom: 20px
    }
    .courses-banner p {
        width: 56%
    }
    .banner h1,
    .courses-banner h1 {
        font-size: 40px
    }
    .cour-m {
        height: 1000px
    }
    .career-progrm-txt h2 {
        font-size: 27px;
        margin-right: 0
    }
    .career-progrm-txt p {
        width: 95%
    }
    .courses-banner {
        padding: 110px 0 50px 0;
        margin-top: -90px
    }
    .courses-det-banner h1 {
        font-size: 42px
    }
    .courses-det-banner {
        padding: 136px 0 50px 0;
        margin-top: -110px
    }
    .courses-det-banner {
        padding: 130px 0 50px 0;
        margin-top: -95px
    }
    .faq .accordion-item .accordion-button {
        font-size: 14px;
        padding: 20px 0
    }
    .faq .accordion-item .accordion-body {
        font-size: 13px
    }
    .soft-inr-div {
        padding: 28px 20px
    }
    .faq .accordion-button::after {
        width: 22px;
        height: 22px;
        top: 18px
    }
    .courses-det-banner h2 {
        font-size: 23px;
        padding: 26px 0
    }
    .event-banner {
        padding-bottom: 0
    }
    .sicon a {
        margin: 0 8px;
        width: 35px
    }
    .testimonial-boxes,
    .studio {
        padding: 40px 0
    }
    .showcas-banner p,
    .learn-banner p {
        width: 80%
    }
    .tab-content {
        width: 90%;
        margin: 6em auto 0 auto
    }
    .campus-event {
        padding: 50px 0 0 0
    }
    .campus-event h2,
    .event-off h2 {
        margin-bottom: 30px
    }
    .campus-event-slider .owl-nav {
        top: -12%;
        right: 8%
    }
    .campus-event-slider .owl-stage {
        padding: 0 0 14px 0
    }
    .mansory {
        column-width: 250px
    }
    .mansory img {
        width: 96%;
        margin: 0 auto 14px auto
    }
    .logom-bx .log-ic {
        width: 13%;
        padding: 12px 8px
    }
    .placement-slider .owl-stage-outer {
        padding: 0 0 20px 0
    }
    .placeemnt-img-bx h5 {
        padding: 10px 0 5px 0;
        font-size: 20px
    }
    .placeemnt-img-bx p {
        font-size: 14px
    }
    .studi-vdk {
        padding: 20px 10px;
        width: 13%;
        border-radius: 12px
    }
    .studi-vdk img {
        width: 92%
    }
    .filmin-bx h2 {
        font-size: 28px;
        width: 82%
    }
    .lightbox img {
        width: 50%
    }
    .logo-bx img {
        width: 70%
    }
    .bg-video-h,
    .courses-img-bx {
        height: auto
    }
}

@media (max-width:1285px) {
    .campus-event-bx h3 {
        font-size: 20px;
        width: 100%;
        margin: 18px 0 10px 0;
        padding: 0 0 0 0;
        height: 50px
    }
    .campus-event-bx p {
        padding: 0 0 18px 0
    }
    .eer {
        padding: 225px 0 50px 0
    }
}

@media (max-width:1199px) {
    .about,
    .advx-sof {
        padding: 0
    }
    .contact-us {
        padding: 40px 0 0 0
    }
    .how-work,
    .faq {
        padding: 50px 0 0 0
    }
    .contact-us h2 {
        margin-bottom: 30px
    }
    .sdfh {
        padding-left: 0
    }
    .courses-det-banner {
        padding: 100px 0 50px 0;
        margin-top: -95px
    }
    .sotwar {
        padding: 100px 0 50px 0
    }
    .elective,
    .faq {
        padding: 50px 0
    }
    .logom-bx .log-ic {
        width: 15%;
        padding: 15px 8px
    }
    .banner-img-bx {
        width: 50%;
        height: 600px
    }
    img.bycl {
        top: 20%;
        left: -15%;
        width: 55%
    }
    img.grcl {
        top: 22%;
        right: 0;
        width: 35%
    }
    .banner-img-bx2 {
        height: 600px;
        width: 775px
    }
    img.bycl {
        top: 0;
        left: -13%;
        width: 52%
    }
    img.grcl2 {
        top: 9%;
        right: -14%;
        width: 49%
    }
    .banner-img-bx3 {
        height: auto;
        width: 775px
    }
    img.bycl3 {
        top: 0%;
        left: -13%;
        width: 40%
    }
    img.grcl3 {
        top: 12%;
        right: -20%;
        width: 50%
    }
    .banner-img-bx4,
    .banner-img-bx5 {
        width: 675px
    }
    .banner-img-bx4,
    .banner-img-bx5,
    .banner-img-bx6 {
        height: auto;
        margin: 20px auto 0 auto
    }
    img.grcl4 {
        top: 6%;
        right: -7%;
        width: 30%
    }
    img.bycl4 {
        top: 5%;
        left: -25%;
        width: 48%
    }
    img.grcl5 {
        width: 64%
    }
    .banner-img-bx6 {
        width: 60%
    }
    img.bycl6 {
        top: 5%;
        left: -23%;
        width: 49%
    }
    img.grcl6 {
        top: 5%;
        right: -5%;
        width: 32%
    }
    .tx h4 {
        font-size: 30px
    }
    .studi-vdk {
        width: 15.5%
    }
    .logo-bx img {
        width: 80%
    }
    .cont-bx p {
        text-align: left
    }
    .banner,
    .courses-banner {
        margin-top: -100px
    }
}

@media (max-width:1030px) {
    .banner h1,
    .courses-banner h1 {
        font-size: 38px
    }
    .banner {
        padding: 90px 0 0 0;
        margin-top: -100px
    }
    .student-place {
        padding: 75px 0 30px 0
    }
    .logo-bx {
        border-radius: 12px
    }
    .logo-bx img {
        width: 78%;
        height: 60px
    }
    .courses-det-bx {
        padding: 0 70px
    }
    .cour-m {
        height: 900px
    }
    .career-progrm-txt p,
    .learn-banner p {
        width: 100%
    }
    .career-progrm-txt h2 {
        font-size: 25px;
        margin-right: 0
    }
    .courses-banner {
        padding: 110px 0 0 0
    }
    .cour-det-m {
        height: 700px;
        object-fit: cover
    }
    .courses-det-banner h1 {
        font-size: 36px
    }
    .courses-det-banner h2 span {
        margin: 0 22px
    }
    .courses-det-banner p {
        font-size: 14px
    }
    .campus-event {
        padding: 25px 0 0 0
    }
    .testimonial-boxes h2 {
        width: 75%
    }
    .show-ths .nav.nav-pills .nav-link {
        font-size: 16px;
        padding: 20px 0
    }
    .campus-event-slider .owl-nav {
        top: -18%;
        right: 2%
    }
    .logom-bx .log-ic {
        width: 18%
    }
    .logom-bx .log-ic img {
        width: 90%
    }
    .acredited-sec {
        padding: 30px 0
    }
    .studi-vdk {
        width: 15.2%
    }
    .studi-vdk img {
        width: 100%;
        height: 60px
    }
    .eer {
        padding: 200px 0 50px 0
    }
    .banner-img-bx {
        width: 74%;
        height: 600px
    }
    .banner-img-bx2 {
        height: 500px;
        width: 65%
    }
    img.bycl {
        top: 0%;
        left: -13%;
        width: 52%
    }
    .banner-img-bx3 {
        height: auto;
        width: 66%;
        margin-top: 20px
    }
    .banner-img-bx4 {
        width: 76%;
        margin: 20px auto 0 auto
    }
    img.grcl4 {
        top: 6%;
        right: -10%;
        width: 34%
    }
    img.bycl4 {
        top: 5%;
        left: -25%;
        width: 49%
    }
    .banner-img-bx4 {
        width: 100%;
        margin: 20px auto 0 auto;
        overflow: hidden;
        display: block
    }
    img.bycl4 {
        top: 4%;
        left: -13%;
        width: 55%
    }
    img.grcl4 {
        top: 6%;
        right: -6%;
        width: 33%
    }
    .mansory {
        column-width: 260px
    }
    .lightbox img {
        width: 80%
    }
}

@media (max-width:991px) {
    .banner h1,
    .courses-banner h1 {
        font-size: 32px
    }
    .banner span img {
        width: 22%;
        margin-left: 15px
    }
    .student-place h2 {
        text-align: center;
        padding: 0
    }
    .student-place p {
        padding-right: 0px;
        text-align: center;
        margin: 0 auto 30px auto;
        width: 80%
    }
    .logo-bx img {
        width: 90%;
        height: 80px
    }
    .courses-cont-bx {
        padding: 0 10px
    }
    .courses-det-bx {
        padding: 0 40px
    }
    .courses .cour-p {
        margin-bottom: 25px
    }
    .number-bx {
        padding: 18px 10px;
        margin-bottom: 24px;
        width: 100%
    }
    .loop .owl-item .item img {
        padding: 10px;
        width: 89%
    }
    .loop .owl-item.big.active .item img {
        padding: 8px
    }
    .loop .owl-item.medium.active .item img {
        padding: 8px;
        width: 92%
    }
    .howt-icon-bx.bx1 {
        top: -195px
    }
    .howt-icon-bx.bx2 {
        top: -135px
    }
    .howt-icon-bx.bx3 {
        top: -65px
    }
    .how-it-text,
    img.grcl2,
    .vid-div {
        width: 48%
    }
    .testimonial-slider .owl-item.active.center .item .testimonial-bx {
        width: auto;
        margin: 0
    }
    .testimonial-slider .owl-item .item .testimonial-bx {
        width: auto
    }
    .testimonial-slider .owl-item .item .testimonial-bx .testi-txt p.te-po {
        font-size: 14px
    }
    p.name {
        font-size: 18px;
        margin: 14px 0 4px 0
    }
    .testimonial-slider .owl-item .item .testimonial-bx .testi-txt .stars1 i,
    .testimonial-slider .owl-item .item .testimonial-bx .testi-txt .stars2 i {
        font-size: 18px
    }
    .testimonial-slider .owl-item .item .testimonial-bx .testi-txt h6 {
        font-size: 24px;
        margin-bottom: 16px
    }
    .testimonial-slider .owl-item .item .testimonial-bx .testi-txt span {
        font-size: 16px
    }
    .testimonial-slider .owl-nav {
        top: 105%;
        right: 50%;
        transform: translateX(50%)
    }
    .contact-us h2,
    .elective h2,
    .faq h2,
    .studio h2 {
        margin-bottom: 30px
    }
    .cont-bx {
        padding: 25px 12px
    }
    .abt-row {
        flex-direction: column-reverse
    }
    .about .mai-img {
        width: 50%;
        margin: 40px auto 0 auto;
        display: block
    }
    img.shp-imgges {
        left: -50%;
        width: 150%
    }
    img.shp-imgges2 {
        width: 180%;
        left: -80%
    }
    .courses-banner p {
        font-size: 14px;
        width: 100%;
        margin: 8px auto 10px auto
    }
    .cour-m {
        height: 750px
    }
    .career-progrm-txt h2 {
        font-size: 22px;
        margin-right: 0
    }
    .courses-banner {
        padding: 110px 0 50px 0
    }
    .banner {
        padding: 80px 0 0 0
    }
    .courses-det-banner h1 {
        font-size: 32px;
        margin-bottom: 15px
    }
    .softw-bx-div {
        gap: 5px
    }
    .soft-inr-div {
        padding: 28px 20px;
        width: 24%
    }
    .soft-inr-div {
        padding: 26px 10px
    }
    .soft-inr-div img {
        width: 34%
    }
    .sotwar h2 {
        margin-bottom: 28px
    }
    .soft-inr-div p {
        font-size: 15px
    }
    .elective-img-bx p {
        font-size: 16px;
        padding: 18px 0 12px 0
    }
    .elective {
        padding: 20px 0
    }
    section.student-work.bg-transparent {
        padding-top: 10px
    }
    .event-off {
        padding: 50px 0
    }
    .get-bx {
        margin-top: 20px
    }
    .testimonial-boxes h2 br,
    .ffef {
        display: none
    }
    .heieh {
        flex-wrap: wrap;
        text-align: center;
        padding: 8px
    }
    .heieh .khk-ijmf-b {
        width: 100%
    }
    .sdfdf {
        max-width: 75%
    }
    .my-modal iframe {
        height: 325px
    }
    .show-ths .nav.nav-pills .nav-link {
        font-size: 16px;
        padding: 0 10px;
        height: 75px
    }
    .head-txt-bx {
        width: 85%;
        margin-bottom: 40px
    }
    .tab-content {
        width: 100%;
        margin: 4em auto 0 auto
    }
    .showcas-banner .cour-det-m {
        height: 550px
    }
    .head-txt-bx h3 {
        font-size: 28px;
        margin-bottom: 18px
    }
    section.show-ths {
        padding: 0 0 50px 0
    }
    .courses-banner {
        padding: 110px 0 0 0
    }
    .logom-bx {
        margin: 40px 0;
        gap: 10px
    }
    .studio-log-bx {
        gap: 10px
    }
    .studi-vdk {
        padding: 15px 10px
    }
    .studi-vdk img {
        height: 50px
    }
    .eer p,
    .banner-img-bx5 {
        width: 72%
    }
    .faq {
        padding: 30px 0
    }
    .elective {
        padding: 50px 0 20px 0
    }
    .xgdd {
        padding-left: 12px
    }
    .filmin-bx h2 {
        font-size: 24px
    }
    .filmin-bx button {
        margin: 20px auto 0 auto
    }
    .filmmaking {
        padding: 0 0 30px 0
    }
    .banner-img-bx2 {
        height: 440px;
        width: 75%
    }
    img.bycl {
        top: 2%;
        left: -13%;
        width: 50%
    }
    .tx::before,
    .txr::before {
        font-size: 250px
    }
    .tx {
        width: 90%
    }
    .mansory {
        column-width: 240px
    }
    .bg-video-h,
    .courses-img-bx {
        height: auto
    }
    .courses-cont-bx p {
        margin: 12px 0
    }
    .how-it-text .ho-bg::before {
        bottom: -7px
    }
    .logom-bx .log-ic img {
        width: 70%
    }
    .cont-bx h6 {
        font-size: 18px;
        margin: 12px 0 4px 0
    }
    .social-media-bx {
        margin-top: 16px;
        margin-bottom: 16px;
        justify-content: space-between
    }
    .sicon {
        justify-content: flex-end
    }
}

@media (max-width:767px) {
    .banner h1,
    .courses-banner h1 {
        font-size: 26px
    }
    .banner p {
        font-size: 14px
    }
    .banner span {
        font-size: 40px
    }
    .about span {
        font-size: 38px
    }
    .about h2,
    .student-place h2,
    .courses .cour-head,
    .institutes h2,
    .student-work h2,
    .how-it-text h2,
    .testimonial h2,
    .contact-us h2,
    .elective h2,
    .sotwar h2,
    .faq h2,
    .campus-event h2,
    .event-off h2,
    .testimonial-boxes h2,
    .placement h2,
    .developemnt-eve h2,
    .recrutiers-bx h2,
    .studio h2,
    .tx h4 {
        font-size: 24px
    }
    .student-place h2 {
        margin: 0 0 12px 0
    }
    .courses {
        padding: 50px 0 0 0
    }
    .number-bx h3 {
        font-size: 25px
    }
    .student-work h2 {
        margin-bottom: 12px
    }
    .how-it-text {
        width: 61%
    }
    .howt-icon-bx::before {
        top: -90px;
        font-size: 100px
    }
    .cont-bx {
        padding: 25px 12px;
        margin-bottom: 18px
    }
    .loop .owl-nav .owl-prev,
    .loop .owl-nav .owl-next,
    .testimonial-slider .owl-nav .owl-prev,
    .testimonial-slider .owl-nav .owl-next,
    .campus-event-slider .owl-nav .owl-prev,
    .campus-event-slider .owl-nav .owl-next,
    .placement-slider .owl-nav .owl-prev,
    .placement-slider .owl-nav .owl-next {
        width: 34px;
        height: 34px
    }
    .courses-cont-bx {
        bottom: -12%
    }
    .testimonial-slider .owl-item .item .testimonial-bx .testi-img img {
        display: block;
        width: 125px;
        height: 125px;
        margin: 0 auto;
        border-radius: 50%;
        object-fit: cover;
        object-position: top center
    }
    .courses-banner p {
        font-size: 14px;
        width: 100%
    }
    .cour-m {
        height: 550px
    }
    .car-row {
        flex-direction: column-reverse
    }
    .cprog-img {
        border-radius: 15px;
        display: block;
        margin: 20px auto 0 auto
    }
    .courses-banner {
        padding: 110px 0 80px 0
    }
    .courses-det-banner h1 br {
        display: none
    }
    .soft-inr-div {
        padding: 25px 20px;
        width: 32%
    }
    .courses-det-banner h1 {
        font-size: 28px
    }
    .courses-det-banner h2 span {
        margin: 0 12px
    }
    .courses-det-banner h2 {
        font-size: 18px;
        padding: 20px 0
    }
    .cour-det-m {
        height: 600px;
        object-fit: cover
    }
    .sotwar {
        padding: 75px 0 50px 0
    }
    .elective {
        padding: 0
    }
    .elective-img-bx {
        margin-bottom: 24px
    }
    .faq .accordion-item {
        border-radius: 15px !important;
        margin-bottom: 15px;
        padding: 0 15px
    }
    .event-banner {
        padding-bottom: 0
    }
    .campus-event-slider .owl-nav {
        top: -10%;
        right: 0
    }
    .campus-event-bx h3 {
        font-size: 18px;
        height: 44px
    }
    .testimonial-boxes button {
        margin-top: 12px
    }
    .testimonial-banner {
        padding: 110px 0 0 0
    }
    .testimonial-boxes {
        padding: 30px 0 40px 0
    }
    .sdfdf {
        max-width: 92%
    }
    .my-modal iframe {
        height: 300px;
        border-radius: 12px
    }
    .head-txt-bx {
        width: 100%;
        margin-bottom: 20px
    }
    .as {
        overflow-x: scroll
    }
    .sdfsdf {
        width: 125%;
        padding: 15px 0
    }
    .tab-content {
        width: 100%;
        margin: 40px auto 0 auto
    }
    .show-ths .nav.nav-pills {
        margin-bottom: 0
    }
    .xdgdf .campus-event-slider .owl-nav .owl-prev,
    .xdgdf .campus-event-slider .owl-nav .owl-next {
        border: 1px solid #575757 !important
    }
    .xdgdf .campus-event-slider .owl-nav .owl-prev img,
    .xdgdf .campus-event-slider .owl-nav .owl-next img {
        filter: brightness(1)
    }
    .mansory {
        column-width: 250px
    }
    .campus-event h2 {
        margin-bottom: 20px
    }
    .placement {
        padding: 0 0 16px 0
    }
    .studi-vdk {
        width: 18.4%
    }
    .eer {
        padding: 150px 0 50px 0
    }
    .eer p {
        width: 80%
    }
    .advx-sof {
        padding-top: 0 !important
    }
    .filmin-bx h5 {
        font-size: 18px;
        margin-bottom: 15px;
        margin-top: 22px
    }
    .dfds {
        padding-right: 12px
    }
    .xgdd {
        border: 0
    }
    .tx {
        width: 100%
    }
    .tx p {
        font-size: 15px
    }
    .tx::before,
    .txr::before {
        font-size: 200px;
        left: 82%
    }
    .bg-video-h {
        margin: 0 auto
    }
    .logom-bx .log-ic img {
        height: 50px
    }
    .logo-bx img {
        width: 80%;
        height: 70px
    }
    .banner-img-bx {
        width: 74%;
        height: 460px
    }
}

@media (max-width:575px) {
    .banner h1,
    .courses-banner h1 {
        font-size: 28px
    }
    .banner h1 br,
    br {
        display: none
    }
    .banner span img {
        width: 55%;
        margin-left: 15px
    }
    .ban2btn {
        margin: 26px auto 0 auto
    }
    .buton {
        padding: 12px 20px;
        font-size: 10px
    }
    .banner .main-img {
        width: 100%;
        margin-top: 0
    }
    img.shp-imgges {
        left: -50%;
        width: 150%;
        display: none
    }
    .about {
        background: #171717;
        padding: 0 0 35px 0
    }
    .about .mai-img {
        width: 80%;
        margin: 40px auto 0 auto;
        display: block
    }
    .student-place {
        padding: 40px 0
    }
    .logo-bx {
        margin-bottom: 8px
    }
    .student-place p {
        margin: 0 auto 22px auto;
        width: 100%
    }
    .courses-det-bx {
        padding: 0 30px
    }
    .how-it-text {
        width: 100%;
        margin: 0
    }
    .about h2,
    .student-place h2,
    .courses .cour-head,
    .institutes h2,
    .student-work h2,
    .how-it-text h2,
    .testimonial h2,
    .contact-us h2,
    .elective h2,
    .sotwar h2,
    .faq h2,
    .campus-event h2,
    .event-off h2,
    .testimonial-boxes h2,
    .placement h2,
    .developemnt-eve h2,
    .recrutiers-bx h2,
    .studio h2 {
        font-size: 22px
    }
    .testimonial-slider .owl-item.active.center .item .testimonial-bx {
        display: block;
        text-align: center
    }
    .testimonial-slider .owl-item.active.center .item .testimonial-bx .testi-txt {
        text-align: center;
        width: 100%
    }
    .testimonial-slider .owl-item .item .testimonial-bx .testi-img {
        width: 60%;
        margin: 0 auto 20px auto;
        display: block
    }
    .testimonial-slider .owl-nav {
        top: 100%;
        position: relative
    }
    .testimonial {
        padding: 50px 0
    }
    .courses-det-bx::before {
        height: 85%
    }
    .testimonial-slider .owl-item .item .testimonial-bx .testi-txt h6 {
        font-size: 18px;
        margin-bottom: 10px
    }
    .how-it-text p {
        margin-bottom: 26px
    }
    .how-it-text h2 {
        margin-bottom: 30px;
        font-size: 26px
    }
    .testimonial-slider .owl-item .item .testimonial-bx .testi-txt span {
        font-size: 12px;
        display: block
    }
    .testimonial-slider .owl-item .item .testimonial-bx .testi-txt .stars1,
    .courses-det-banner h2 span {
        margin: 10px 0;
        display: block
    }
    .testimonial-slider .owl-item .item .testimonial-bx .testi-txt .stars2 {
        display: none;
        margin-top: 0
    }
    p.name {
        font-size: 15px
    }
    .cont-bx h6 {
        font-size: 16px
    }
    .courses-banner p {
        font-size: 14px;
        width: 100%
    }
    .cour-m,
    img.cour-det-m.advfx-im {
        height: 430px
    }
    .courses-banner {
        padding: 110px 0 30px 0
    }
    .career-progrm-txt h2 {
        font-size: 20px
    }
    .career-progrm-txt p {
        margin: 16px 0 5px 0;
        width: 100%
    }
    .cprog-img {
        border-radius: 10px;
        display: block;
        margin: 20px auto 0 auto
    }
    .courses-det-banner {
        padding: 90px 0 50px 0;
        margin-top: -85px
    }
    .cour-det-m {
        height: 700px;
        object-fit: cover
    }
    .courses-det-banner h1 {
        font-size: 24px
    }
    .courses-det-banner h2 {
        font-size: 18px;
        padding: 0px 0 10px 0
    }
    .soft-inr-div {
        padding: 25px 0;
        width: 49%
    }
    .soft-inr-div img {
        width: 30%
    }
    .sotwar {
        padding: 40px 0 50px 0
    }
    .faq .accordion-item .accordion-button {
        padding: 20px 24px 20px 0
    }
    section.student-work.bg-transparent p {
        margin-bottom: 14px
    }
    .item .campus-event-bx {
        width: 90%;
        margin: 0 auto
    }
    .campus-event-slider .owl-nav {
        top: 98%;
        right: 50%;
        transform: translateX(50%)
    }
    .campus-event-slider .owl-nav .owl-prev,
    .campus-event-slider .owl-nav .owl-next {
        border: 1px solid #343434 !important
    }
    .campus-event-slider .owl-nav .owl-prev img,
    .campus-event-slider .owl-nav .owl-next img {
        filter: brightness(1)
    }
    .address-bx {
        padding: 18px 12px
    }
    .address-bx p {
        margin-top: 16px;
        width: 100%
    }
    .get-bx,
    .social-media-bx {
        padding: 12px 12px;
        margin-bottom: 16px
    }
    .social-media-bx {
        flex-wrap: wrap;
        justify-content: center
    }
    .social-media-bx h5 {
        font-size: 20px;
        margin-bottom: 15px
    }
    .cont-page h2 {
        font-size: 30px;
        margin-bottom: 30px
    }
    .cont-page h2 {
        font-size: 28px;
        margin-bottom: 24px
    }
    .testimonial-banner {
        padding: 110px 0 0 0
    }
    .testimonial-boxes h2 {
        width: 100%;
        margin-bottom: 25px
    }
    .campus-event h2 {
        margin-bottom: 18px
    }
    .event-off h2 {
        margin-bottom: 20px
    }
    .event-banner,
    .eer22 {
        padding-bottom: 0
    }
    .sdfdf {
        max-width: 100%
    }
    .my-modal iframe {
        height: 200px;
        border-radius: 10px
    }
    .my-modal button {
        top: 10px;
        right: 10px;
        font-size: 18px
    }
    .as {
        overflow-x: unset
    }
    .sdfsdf {
        width: 100%;
        padding: 15px 0
    }
    .show-ths .nav.nav-pills li.nav-item,
    .vid-div {
        width: 100%
    }
    .show-ths .nav.nav-pills .nav-link::before {
        height: 100%;
        top: 0;
        border-radius: 15px;
        box-shadow: 2px 2px 3px rgb(0 0 0 / 25%)
    }
    .show-ths .nav.nav-pills .nav-link {
        height: auto;
        padding: 14px 0
    }
    .tab-content {
        margin: 30px auto 0 auto
    }
    .head-txt-bx h3 {
        font-size: 23px;
        margin-bottom: 15px
    }
    .learn-banner {
        background: #2C2C2C
    }
    .item .campus-event-bx {
        width: 100%;
        margin: 0 auto
    }
    .recrutiers-bx,
    .my-modal2 .thankyou-bx {
        padding: 35px 0
    }
    .logom-bx {
        margin: 40px 0;
        gap: 10px;
        flex-wrap: wrap
    }
    .logom-bx .log-ic {
        width: 48%;
        padding: 20px;
        height: 100px
    }
    .logom-bx .log-ic img {
        width: 90%
    }
    .recrutiers-bx h2 {
        margin-bottom: 12px
    }
    .dev-im-bc {
        border-radius: 8px;
        padding: 4px
    }
    .studi-vdk {
        padding: 12px 5px;
        border-radius: 10px;
        width: 48%
    }
    .studio-log-bx,
    .tab-videos {
        gap: 10px
    }
    .eer p {
        width: 100%;
        padding-right: 40px
    }
    .eer {
        padding: 50px 0 50px 0
    }
    .filmin-bx {
        border-radius: 15px;
        padding: 25px 12px
    }
    .filmin-bx h2 {
        font-size: 22px;
        width: 100%
    }
    .sof-log-bx .sof-bx {
        width: 49%
    }
    .filmin-bx h6 span {
        float: none;
        display: block
    }
    .sof-log-bx .sof-bx img {
        width: 28%;
        margin-bottom: 7px
    }
    .studi-vdk img {
        height: 68px;
        width: 85%
    }
    .logo-bx img,
    .logom-bx .log-ic img,
    .studi-vdk img {
        filter: grayscale(0)
    }
    .campus-event-bx h3 {
        font-size: 16px;
        height: 34px
    }
    .banner span {
        font-size: 40px;
        line-height: 1;
        margin-bottom: 0;
        display: inline-block;
        margin-top: 12px
    }
    .banner span br.d-sm-none {
        display: block !important
    }
    .banner-img-bx {
        width: 100%;
        height: auto;
        overflow: hidden
    }
    img.bycl {
        top: 8%;
        left: -12%;
        width: 55%
    }
    img.grcl {
        top: 18%;
        right: 0;
        width: 34%
    }
    .banner-img-bx2,
    .banner-img-bx3,
    .banner-img-bx5,
    .banner-img-bx6 {
        height: auto;
        width: 100%;
        overflow: hidden;
        display: block
    }
    img.bycl3 {
        top: 0%;
        left: -5%;
        width: 40%
    }
    img.grcl3 {
        top: 12%;
        right: -18%;
        width: 52%
    }
    img.grcl5 {
        top: 10%;
        right: 0%
    }
    img.bycl6 {
        top: 0;
        left: -14%;
        width: 49%
    }
    .tx h4 {
        font-size: 22px;
        margin: 0 0 12px 0
    }
    .tx {
        width: 100%;
        text-align: center
    }
    .how-work img {
        width: 88%;
        margin: 8px auto 30px auto;
        display: block
    }
    .rev-row {
        flex-direction: column-reverse
    }
    .tx::before,
    .txr::before {
        font-size: 100px;
        left: 90%;
        top: 42%
    }
    .number-bx .h3hover1 {
        color: #007bff
    }
    .number-bx .h3hover2 {
        color: #6c757d
    }
    .number-bx .h3hover3 {
        color: #28a745
    }
    .number-bx .h3hover4 {
        color: #dc3545
    }
    .number-bx .h3hover5 {
        color: #ffc107
    }
    .number-bx .h3hover6 {
        color: #17a2b8
    }
    .slide {
        padding: 8px 10px
    }
    .logo-bx img {
        width: 75%;
        height: 56px
    }
    .mansory {
        column-width: 160px
    }
    .mansory img {
        border-radius: 10px
    }
    .lightbox img {
        width: 95%
    }
    .close {
        width: 35px;
        height: 35px;
        margin: 8px
    }
    .bg-video-h {
        margin: 0 auto
    }
    .slide video {
        border-radius: 12px
    }
    .slide-img-bx {
        margin: 5px
    }
    .studio h2 {
        margin-bottom: 20px;
        width: 80%
    }
    .logom-bx .log-ic {
        width: 45%;
        padding: 14px 8px
    }
    .logom-bx .log-ic img {
        width: 80%
    }
    .student-work.bg-transparent h2 {
        margin-bottom: 10px
    }
    .banner-img-bx2 img.eth {
        height: max-content
    }
    .my-modal2 .thankyou-bx svg {
        width: 75px
    }
    .my-modal2 .thankyou-bx h2 {
        font-size: 30px
    }
    .my-modal2 .thankyou-bx h2 {
        margin-bottom: 12px;
        margin-top: 14px
    }
}