@media(min-width:992px) and (max-width:1199px) {
    html .btn {
        padding: 0 20px;
        line-height: 40px;
        font-size: 14px;
        min-width: 120px
    }

    header nav>ul>li+li {
        margin-left: 18px
    }

    header nav>ul>li>a {
        font-size: 15px
    }

    .header-logo a {
        max-width: 100px
    }

    .sticky .header-logo a {
        max-width: 90px
    }

    .title h2 {
        font-size: 34px;
        margin-bottom: 18px
    }

    .title p {
        font-size: 14px
    }

    body {
        font-size: 14px
    }

    .contact-detail .text a,
    .contact-detail .text span {
        font-size: 20px
    }

    .information {
        padding: 34px;
        min-width: 0;
        margin-left: 0
    }

    .banner-img::before {
        left: -10px;
        bottom: 40px;
        right: -25px
    }

    .about-right-shape:before {
        width: 500px;
        height: 440px
    }

    section.our-course-section {
        padding-bottom: 0
    }

    .schedule-cource-certificate h5 {
        font-size: 16px
    }

    .schedule-cource-certificate h6 {
        font-size: 18px
    }

    .schedule-cource-certificate {
        padding: 15px 10px 15px 15px;
        margin-right: 15px
    }

    .schedule-cource-time {
        padding-top: 25px;
        padding-left: 15px;
        padding-right: 15px
    }

    .schedule-cource-time ul.info-list li {
        font-size: 14px;
        padding-left: 36px;
        margin-bottom: 18px
    }

    .schedule-cource {
        min-height: 340px
    }

    .facility-box {
        margin-right: 0
    }

    .facility-box.facility-box3 {
        margin-left: 0
    }

    .facility-box-wrap:before {
        width: 1180px;
        height: 645px;
        background-size: contain;
        bottom: 109px;
        left: -30px
    }

    section.section-Facility {
        padding-top: 0
    }

    .facility-box .dot {
        width: 54px;
        height: 54px;
        border-radius: 12px;
        margin-bottom: 40px
    }

    .facility-box p {
        font-size: 13px
    }

    .facility-box.facility-box3 .dot {
        margin-left: 0;
        margin-bottom: 20px
    }

    .facility-box.facility-box4 .dot {
        margin-left: 0
    }

    .facility-box.facility-box1 {
        margin-top: 290px
    }

    .facility-box.facility-box2 {
        margin-top: 210px
    }

    .facility-box.facility-box3 {
        margin-top: 182px
    }

    .facility-box.facility-box4 {
        margin-top: -15px
    }

    .opportunities-training-box h2 {
        font-size: 20px
    }

    .opportunities-training-box {
        padding: 22px 10px
    }

    .opportunities-training .title h2 {
        font-size: 24px
    }

    .latest-news-box .text p {
        font-size: 14px
    }

    .faculties-box .image {
        height: 210px
    }

    .faculties-box {
        border-radius: 16px;
        padding: 12px;
        min-height: 360px;
        margin-bottom: 30px
    }

    .placement-partners-logo {
        padding: 0 30px
    }

    .total-company-details h2 {
        font-size: 50px
    }

    .institute-experience {
        bottom: 60px;
        right: 0;
        padding: 10px 18px
    }

    .institute-experience h3 {
        font-size: 40px
    }
}

@media(max-width:991px) {
    body {
        font-size: 14px
    }

    .header-logo a {
        max-width: 110px
    }

    .header-menu-overlay {
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background: rgba(0, 0, 0, .5);
        z-index: 99;
        transition: all .3s;
        visibility: hidden;
        opacity: 0
    }

    .menu-show .header-menu-overlay {
        visibility: visible;
        opacity: 1
    }

    .banner-shap {
        display: flex;
        flex-direction: column;
        bottom: 0
    }

    .banner-shap:before {
        content: "";
        display: block;
        flex-grow: 1;
        background: var(--primary)
    }

    header .contact-btn {
        margin-left: auto
    }

    .navbar-toggle {
        display: block;
        position: relative;
        width: 40px;
        height: 40px;
        margin-left: 20px;
        cursor: pointer
    }

    .navbar-toggle span {
        width: 32px;
        height: 2px;
        background: var(--dark);
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        border-radius: 0;
        margin: auto;
        transition: all .3s;
        cursor: pointer
    }

    .navbar-toggle span:nth-child(1) {
        top: -16px;
        width: 18px
    }

    .navbar-toggle span:nth-child(3) {
        bottom: -16px;
        width: 18px
    }

    .menu-show .navbar-toggle span:nth-child(1) {
        top: 0;
        width: 28px;
        transform: rotate(45deg)
    }

    .menu-show .navbar-toggle span:nth-child(2) {
        width: 0
    }

    .menu-show .navbar-toggle span:nth-child(3) {
        bottom: 0;
        width: 28px;
        transform: rotate(-45deg)
    }

    nav.header-navbar {
        position: fixed;
        right: 0;
        display: block;
        z-index: 9999;
        background: var(--dark);
        top: 0;
        bottom: 0;
        width: 100%;
        padding: 35px 55px;
        transform: translatex(100%);
        transition: all .4s;
        overflow: auto;
        color: #fff
    }

    .menu-show nav.header-navbar {
        transform: translatex(0%)
    }

    .header-navbar .navbar-toggle {
        margin-left: auto;
        margin-right: 0;
        margin-bottom: 20px
    }

    .header-navbar .navbar-toggle span {
        background: #fff
    }

    header nav>ul {
        margin: 10px 0 0;
        display: block
    }

    header nav>ul>li+li {
        margin-left: 0;
        margin-top: 20px
    }

    header nav>ul>li>a {
        color: #fff;
        font-size: 28px;
        line-height: 50px;
        font-weight: 700;
        display: inline-flex;
        align-items: center;
        flex-grow: 1
    }

    header nav>ul>li>a:before {
        position: relative;
        order: 1;
        top: 0;
        bottom: 0;
        margin: 0 0 0 12px;
        transform: none
    }

    header nav>ul>li {
        transform: translateY(20px);
        opacity: 0;
        transition: all .4s
    }

    .menu-show header nav>ul>li {
        transform: translateY(0);
        opacity: 1
    }

    .menu-show header nav>ul>li:nth-child(2) {
        transition-delay: .1s
    }

    .menu-show header nav>ul>li:nth-child(3) {
        transition-delay: .2s
    }

    .menu-show header nav>ul>li:nth-child(4) {
        transition-delay: .3s
    }

    .menu-show header nav>ul>li:nth-child(5) {
        transition-delay: .4s
    }

    .menu-show header nav>ul>li:nth-child(6) {
        transition-delay: .5s
    }

    .menu-show header nav>ul>li:nth-child(7) {
        transition-delay: .6s
    }

    .sub-menu.mega-menu {
        position: relative;
        top: 0;
        min-width: 100%;
        right: 0;
        left: 0;
        width: 100%;
        padding: 8px;
        max-height: 55vh;
        overflow-y: auto
    }

    .sub-menu {
        position: relative;
        top: 0;
        left: 0;
        margin-top: 10px;
        border: 1px solid #eee;
        box-shadow: 0 0 0 transparent;
        border-radius: 5px;
        padding: 10px;
        display: none;
        transform: none;
        width: 100%;
        opacity: 1;
        visibility: visible
    }

    li:hover>.sub-menu,
    li:focus-within>.sub-menu {
        display: block
    }

    li.submenu_active>.sub-menu {
        display: block
    }

    header nav>ul>li.menu-parent>a:after {
        display: none
    }

    header nav>ul>li {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap
    }

    .submenu-toggle {
        display: flex;
        align-items: center;
        width: 24px;
        height: 24px;
        position: relative;
        justify-content: center;
        transition: all .3s;
        cursor: pointer
    }

    li.submenu_active>.submenu-toggle:after {
        transform: rotate(225deg)
    }

    .submenu-toggle:after {
        content: "";
        display: block;
        border-right: 2px solid;
        border-bottom: 2px solid;
        transform: rotate(45deg);
        width: 9px;
        height: 9px;
        vertical-align: top
    }

    .sub-menu.mega-menu ul li {
        width: 100%
    }

    .mega-menu .nav-pills {
        display: block;
        margin-bottom: 0
    }

    .mega-menu .nav-pills .nav-link .icon {
        display: none
    }

    .mega-menu .nav-pills .nav-link {
        font-size: 14px;
        padding: 10px 12px;
        width: 100%;
        margin: 0 0 6px;
        display: block;
        border-radius: 4px
    }

    .mega-menu .tab-content,
    .mega-menu .tab-pane {
        display: none !important;
        min-height: 0 !important;
        height: auto !important
    }

    .main-banner {
        padding: 35px 0 0
    }

    .main-slider .text h2 {
        font-size: 30px;
        margin: 0 0 10px
    }

    .main-slider .text p {
        font-size: 13px;
        margin-right: 0
    }

    .main-slider .text {
        margin-right: 0;
        padding: 0 25px 90px
    }

    .scrollToTop {
        width: 36px;
        height: 36px;
        bottom: 100px;
        right: 25px;
        padding: 14px
    }

    .scrollToTop:before {
        transform: skew(-20deg)
    }

    .scrollToTop:hover:before {
        transform: skew(20deg)
    }

    html .btn {
        padding: 0 25px;
        line-height: 40px;
        font-size: 14px;
        min-width: 120px
    }

    .banner-btn:after {
        display: none
    }

    .main-banner-section .title {
        text-align: center
    }

    .main-banner-section .row {
        justify-content: center
    }

    .banner-img {
        text-align: center
    }

    .banner-img img {
        max-width: 400px
    }

    .banner-img::before {
        left: 20px;
        bottom: 40px;
        right: -25px;
        height: 190px
    }

    .information {
        padding: 30px;
        justify-content: space-around;
        min-width: 0;
        margin-left: 0
    }

    .contact-detail .text a,
    .contact-detail .text span {
        font-size: 22px
    }

    section.main-banner-section {
        padding-top: 130px
    }

    .title h2 {
        font-size: 34px;
        margin-bottom: 15px
    }

    .title p {
        font-size: 14px;
        line-height: 160%
    }

    .title h6 {
        font-size: 12px
    }

    .about-right-shape:before {
        width: 380px;
        height: 390px;
        top: 180px
    }

    .circle-image span {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    section {
        padding-top: 80px;
        padding-bottom: 80px
    }

    .our-course-bg {
        top: -30px;
        margin: 0 -300px
    }

    .our-course-box {
        padding: 0 20px 20px;
        min-height: 230px;
        margin-top: 32px
    }

    .our-course-box h6 {
        font-size: 15px;
        margin-bottom: 10px
    }

    .our-course-box p {
        font-size: 12px;
        margin-bottom: 10px
    }

    .schedule-cource {
        padding: 25px 0 20px;
        min-height: 340px;
        margin-bottom: 30px
    }

    section.section-Facility {
        padding-top: 0
    }

    .facility-box h3 {
        font-size: 15px
    }

    .facility-box p {
        font-size: 12px
    }

    .facility-box {
        margin-right: 0
    }

    .facility-box.facility-box1 {
        margin-top: 335px
    }

    .facility-box.facility-box2 {
        margin-top: 268px
    }

    .facility-box.facility-box3 {
        margin-left: 0;
        margin-top: 253px
    }

    .facility-box.facility-box3 .dot {
        margin-left: 0;
        margin-bottom: 20px
    }

    .facility-box.facility-box4 {
        margin-top: 106px
    }

    .facility-box h6 {
        font-size: 120px
    }

    .facility-box-wrap:before {
        width: 910px;
        height: 665px;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: left bottom;
        bottom: 130px
    }

    .facility-box .dot {
        width: 54px;
        height: 54px;
        border-radius: 12px;
        margin-bottom: 16px
    }

    .facility-box .dot:before {
        width: 18px;
        height: 18px
    }

    .facility-box-wrap {
        margin-top: -260px
    }

    .latest-news-info {
        margin-top: 40px
    }

    .opportunities-training-box h2 {
        font-size: 18px
    }

    .opportunities-training .title h2 {
        font-size: 26px
    }

    .training-box1 {
        margin-top: -120px
    }

    .training-box2 {
        margin-top: -80px
    }

    .latest-news-info .title {
        text-align: center
    }

    .faculties-box .image {
        height: 210px
    }

    .faculties-box-text {
        padding: 0
    }

    .faculties-box h4 {
        font-size: 18px
    }

    .faculties-box p {
        font-size: 12px
    }

    .faculties-box {
        border-radius: 24px;
        padding: 12px;
        min-height: 340px;
        margin-bottom: 30px
    }

    .placement-partners-logo {
        padding: 0 10px 0 30px
    }

    .placement-partners-logo .box a {
        height: 70px;
        padding: 8px
    }

    .total-company-details h2 {
        font-size: 40px
    }

    .total-company-details p {
        font-size: 16px
    }

    .total-company-details .icon {
        width: 100px;
        height: 100px;
        top: 10px
    }

    .total-company-details .icon svg {
        max-height: 100%
    }

    .carouselup-nav .owl-nav {
        top: -70px;
        right: 210px;
        margin-right: 0
    }

    .exporters-box .image {
        height: 240px;
        margin-bottom: 12px
    }

    .exporters-box .image img {
        border-radius: 10px
    }

    .exporters-box {
        border-radius: 18px;
        padding-bottom: 15px
    }

    .testimonials.owl-carousel,
    .our-exporters.owl-carousel {
        padding: 0 25px
    }

    .exporters-box h4 {
        font-size: 18px
    }

    .title h2 span::before {
        bottom: -3px
    }

    .testimonials-box p {
        font-size: 12px;
        line-height: 18px
    }

    .testimonials .box-content {
        padding-bottom: 0;
        text-align: center;
        justify-content: center
    }

    .testimonials-box h4 {
        font-size: 18px
    }

    .testimonials.owl-carousel.carouselup-nav .owl-nav {
        display: none
    }

    .company-detail .contect-us-detail a {
        font-size: 19px
    }

    .company-detail .icon-image svg {
        max-width: 100%;
        margin: 0 0 -40px
    }

    .company-detail .icon-image {
        max-width: 220px;
        margin-left: -30px
    }

    .footer-middle .footer-logo {
        max-width: 120px
    }

    .footer-middle p {
        line-height: 18px;
        margin-right: 0
    }

    .page-links ul li a {
        font-size: 14px
    }

    .page-links ul li {
        margin-bottom: 12px
    }

    .contect-information ul li a {
        font-size: 14px;
        line-height: 20px
    }

    .contect-information ul li {
        margin-bottom: 14px
    }

    .footer-top {
        margin-left: 25px;
        margin-right: 25px;
        margin-bottom: -70px
    }

    .footer-bottom .institute-copy-right p {
        font-size: 14px
    }

    .main-banner-section .title h2 {
        max-width: 70%;
        margin-left: auto;
        margin-right: auto
    }

    .banner-btn {
        margin-top: 20px
    }

    .banner-btn .btn {
        line-height: 42px
    }

    .about-wrap .about-shape {
        width: 150px;
        height: 150px;
        bottom: -30px;
        right: 0
    }

    .about-wrap .about-shape .text span {
        font-size: 12px
    }

    .about-wrap .about-shape .text h3 {
        font-size: 50px
    }

    .about-wrap .about-shape .text {
        margin-top: 33px
    }

    .schedule-box {
        padding: 20px
    }

    .schedule-box h4 {
        font-size: 18px;
        margin: -20px -20px 20px;
        padding: 20px
    }

    .schedule-box ul li img {
        width: 18px
    }

    .schedule-box ul {
        font-size: 13px
    }

    .schedule-box ul li {
        padding-left: 30px;
        margin: 0 0 12px
    }

    .single-services-item h3 {
        font-size: 20px
    }

    .latest-news .item h4 {
        font-size: 20px
    }

    .why-choose-us .why-choose-us-icon {
        font-size: 17px
    }

    .video-box {
        min-height: 330px
    }

    .video-box.video-box-mini {
        min-height: 170px
    }

    .faculty-box .img {
        height: 318px
    }

    .testimonial-box p {
        font-size: 14px
    }

    .companie-box {
        height: 120px
    }

    .companie-box img {
        max-height: 120px
    }

    .custom-list li {
        font-size: 15px
    }

    .certificate-wrap .col {
        flex-basis: 33.33%;
        max-width: 33.33%
    }

    .course-items .item .icon {
        width: 90px;
        height: 90px;
        font-size: 34px;
        line-height: 83px
    }

    .course-items .item:before {
        margin: 0 42px
    }

    .course-items .item {
        padding: 20px 0 20px 150px
    }

    .form-left-img {
        display: none
    }

    .students-items .item {
        flex-basis: 25%;
        max-width: 25%
    }

    .download-items .item {
        flex-basis: 33.33%;
        max-width: 33.33%
    }

    .download-items .item a {
        font-size: 15px
    }

    .opportunities-items .item {
        margin: 0 0 15px;
        padding-left: 38px;
        font-size: 14px;
        min-height: 26px
    }

    .opportunities-items .item .icon {
        width: 25px
    }

    .story-items .item h4 {
        font-size: 22px
    }

    .success-details h2 {
        font-size: 24px;
        margin: 0 0 30px
    }

    .success-details .inner .img {
        width: 250px;
        min-width: 250px
    }

    .success-details .inner .dtc {
        padding: 30px 30px 30px 85px
    }

    html .btn.btn-icon {
        width: 30px;
        line-height: 30px;
        height: 30px
    }

    .success-details .social-list li+li {
        margin-left: 6px
    }

    .success-details .profile-contact li {
        padding-left: 27px
    }

    .success-details .profile-contact li+li {
        margin-left: 20px
    }

    .success-details .profile-contact li i {
        font-size: 18px
    }

    .success-details .dtc p {
        font-size: 13px
    }

    .vendor-list .item {
        padding: 20px
    }

    section.inner-banner::before {
        opacity: 1
    }

    .institute-experience {
        bottom: 0;
        right: 0;
        padding: 10px
    }

    .institute-experience h3 {
        font-size: 36px
    }

    #wrapper {
        overflow-x: hidden
    }

    .gallery-box .img img {
        height: 200px
    }
}

@media(max-width:767px) {
    html .container {
        padding-left: 20px;
        padding-right: 20px
    }

    .header-logo a {
        max-width: 90px
    }

    .header-logo img {
        max-width: 70px;
        height: auto
    }

    html .btn {
        padding: 0 20px;
        line-height: 25px;
        font-size: 13px;
        min-width: 90px
    }

    nav.header-navbar {
        padding: 20px;
        background: #050b12
    }

    header nav>ul>li>a {
        font-family: "Exo", sans-serif;
        font-size: 24px;
        line-height: 38px;
        font-weight: 700;
        letter-spacing: 0.2px;
        color: #f3f7ff;
        flex-grow: 1
    }

    .submenu-toggle {
        color: #00AEED;
    }

    .sub-menu,
    .sub-menu.mega-menu {
        background: #0e1a25;
        border: 1px solid #1f3446;
        border-radius: 8px;
        padding: 8px;
        margin-top: 8px;
    }

    .sub-menu li a,
    .mega-menu .nav-pills .nav-link {
        color: #dcefff;
        font-family: "Poppins", sans-serif;
        font-size: 14px;
        line-height: 1.35;
        padding: 10px 12px;
        border-radius: 6px;
    }

    .sub-menu li a:hover,
    .mega-menu .nav-pills .nav-link:hover,
    .sub-menu li.current-menu-item>a {
        background: rgba(0, 174, 237, 0.2);
        color: #ffffff;
    }

    .main-banner-section .title h2 {
        max-width: 100%
    }

    .title h2 {
        font-size: 24px;
        margin-bottom: 12px
    }

    .title p {
        font-size: 13px
    }

    .title p br {
        display: none
    }

    .banner-btn .btn svg {
        margin-right: 6px;
        max-width: 16px
    }

    .banner-btn .btn {
        line-height: 38px;
        padding: 0 18px
    }

    .banner-btn .row {
        --bs-gutter-x: 10px
    }

    .banner-img img {
        max-width: 100%;
    }

    .banner-img::before {
        left: 4px;
        bottom: 0;
        right: -25px;
        height: 130px
    }

    .information {
        padding: 20px;
        display: flex;
        border-radius: 15px;
        margin-top: 15px;
    }

    .contact-detail .text a,
    .contact-detail .text span {
        font-size: 17px;
    }

    .contact-detail .text h6 {
        font-size: 13px;
    }

    .contact-detail .icon svg {
        max-width: 100%;
        margin-right: 0;
        margin-top: 0;
    }

    .contact-detail .icon {
        max-width: 30px;
        margin-right: 12px;
    }

    .contact-detail {
        width: 50%;
    }

    .contact-detail:last-child {
        margin: 0;
    }

    .main-banner-section .title {
        margin-bottom: 30px
    }

    .title {
        text-align: center
    }

    .feature-thumbnail {
        margin-bottom: 50px
    }

    .about-right-shape:before {
        width: 310px;
        height: 310px;
        top: 110px
    }

    .our-course-box {
        padding: 0 20px 20px;
        min-height: 0;
        margin-top: 30px;
        margin-bottom: 20px
    }

    section.about-right-shape {
        padding-bottom: 50px
    }

    section {
        padding-top: 60px;
        padding-bottom: 60px
    }

    .our-course-section {
        padding-bottom: 0
    }

    .schedule-cource-time ul.info-list li {
        font-size: 14px
    }

    .schedule-cource {
        padding: 20px 0 24px;
        min-height: 0;
        margin-bottom: 20px
    }

    .schedule-cource-time {
        padding: 20px 20px 0
    }

    .schedule-cource-certificate {
        padding: 20px;
        min-height: 0
    }

    .facility-box-wrap {
        margin-top: 40px
    }

    .facility-box.facility-box1,
    .facility-box.facility-box2,
    .facility-box.facility-box3,
    .facility-box.facility-box4 {
        margin-top: 0
    }

    .facility-box h6 {
        font-size: 100px;
        left: 0;
        right: auto;
        top: -30px
    }

    .facility-box .dot {
        display: none
    }

    .facility-box {
        padding-left: 30px;
        margin-bottom: 40px
    }

    .facility-box-wrap:before {
        display: none
    }

    section.latest-news {
        padding-top: 0
    }

    .opportunities-training {
        border-radius: 22px;
        padding: 20px;
        text-align: center
    }

    .training-box1 {
        margin-top: 10px
    }

    .training-box2 {
        margin-top: 40px
    }

    .opportunities-training-box h2 {
        font-size: 14px
    }

    .opportunities-training-box {
        border-radius: 10px;
        padding: 15px
    }

    .opportunities-training .title h2 {
        font-size: 24px
    }

    .latest-news-box .text p {
        font-size: 15px
    }

    .latest-news-box .date h2 {
        font-size: 32px
    }

    .latest-news-box .date h6 {
        font-size: 13px
    }

    .title {
        margin-bottom: 28px
    }

    .faculties-box .image {
        height: 145px
    }

    .faculties-box {
        border-radius: 16px;
        padding: 10px;
        min-height: 0;
        margin-bottom: 20px
    }

    .faculties-box .image img {
        border-radius: 10px
    }

    .faculties-box p {
        line-height: 140%
    }

    .faculties-box h4 {
        font-size: 16px
    }

    .placement-partners-logo .row {
        --bs-gutter-x: 8px
    }

    .placement-partners-logo {
        padding: 0 15px;
        margin-top: 10px
    }

    .placement-partners .title {
        padding: 30px 25px 0
    }

    .total-company-details .icon {
        width: 70px;
        height: 70px;
        top: 0
    }

    .total-company-details h2 {
        font-size: 30px;
        margin-bottom: 10px
    }

    .total-company-details {
        padding-top: 20px;
        margin-bottom: 20px
    }

    .carouselup-nav .owl-nav {
        top: 0;
        right: 0;
        justify-content: center;
        position: relative;
        margin: 20px 0 0
    }

    .exporters-box {
        border-radius: 12px;
        margin-left: 10px;
        margin-right: 10px;
        padding: 7px;
        margin-bottom: 20px
    }

    .exporters-box .image img {
        border-radius: 8px
    }

    .exporters-box h4 {
        font-size: 16px
    }

    .exporters-box .image img {
        position: absolute;
        left: 0;
        top: 0
    }

    .exporters-box .image {
        height: 0;
        margin-bottom: 12px;
        padding-top: 110%;
        position: relative
    }

    .sticky .header-logo a {
        max-width: 70px
    }

    .sticky header {
        padding: 14px 0
    }

    .testimonials.owl-carousel {
        padding: 0
    }

    .testimonials-box {
        margin-left: 25px;
        margin-right: 25px
    }

    .company-logo a {
        width: 110px;
        height: 60px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 10px
    }

    .company-logo a img {
        max-height: 100%
    }

    .footer-top .company-detail {
        border-radius: 22px;
        width: 100%;
        padding: 30px 10px
    }

    .contect-us-detail {
        text-align: left;
        position: relative;
        padding-left: 40px
    }

    .contect-us-detail svg {
        margin: 0;
        position: absolute;
        left: 0;
        top: 0;
        width: 28px
    }

    .company-detail .contect-us-detail p {
        font-size: 13px;
        line-height: 120%
    }

    .company-detail .contect-us-detail a {
        font-size: 14px;
        line-height: 140%
    }

    .page-links {
        margin-top: 40px
    }

    .contect-information {
        margin-top: 30px
    }

    .footer-bottom .institute-copy-right p {
        font-size: 13px;
        text-align: center
    }

    .footer-middle .footer-logo {
        max-width: 120px;
        margin: 0 auto 30px
    }

    ul.social-icon {
        justify-content: center
    }

    .testimonials.owl-carousel,
    .our-exporters.owl-carousel {
        padding: 0
    }

    .about-wrap .about-shape {
        width: 150px;
        height: 150px;
        bottom: -30px;
        right: 0
    }

    .about-wrap .about-shape .text span {
        font-size: 12px
    }

    .about-wrap .about-shape .text h3 {
        font-size: 50px
    }

    .about-wrap .about-shape .text {
        margin-top: 33px
    }

    .schedule-box {
        padding: 20px;
        margin: 0 0 20px;
        min-height: 0
    }

    .schedule-box h4 {
        font-size: 18px;
        margin: -20px -20px 20px;
        padding: 20px;
        height: 80px
    }

    .schedule-box ul li img {
        width: 18px
    }

    .schedule-box ul {
        font-size: 13px
    }

    .schedule-box ul li {
        padding-left: 30px;
        margin: 0 0 12px
    }

    .single-services-item {
        min-height: 0
    }

    .single-services-item h3 {
        font-size: 20px
    }

    .latest-news .item h4 {
        font-size: 16px
    }

    .custom-list li {
        font-size: 15px
    }

    .why-choose-us .why-choose-us-icon {
        font-size: 17px
    }

    .video-slider {
        margin-top: 10px
    }

    .video-box {
        min-height: 220px
    }

    .video-box.video-box-mini {
        min-height: 140px
    }

    .play-btn {
        font-size: 15px;
        line-height: 50px;
        width: 50px;
        height: 50px
    }

    .video-btn .spinner-eff {
        width: 120px;
        height: 120px
    }

    .creat-counter h3 {
        font-size: 24px
    }

    .creat-counter h4 {
        font-size: 14px
    }

    .faculty-box .img {
        height: 210px
    }

    .faculty-box.faculty-box-mini .img {
        height: 180px
    }

    .faculty-box.faculty-box-mini h4 {
        font-size: 13px;
        text-transform: capitalize
    }

    .testimonial-box {
        text-align: center
    }

    .testimonial-box p {
        font-size: 14px
    }

    .companie-box {
        height: 120px;
        margin: 10px
    }

    .companie-box img {
        max-height: 120px
    }

    .owl-nav-top.owl-carousel .owl-nav {
        position: relative;
        top: 0;
        text-align: center;
        margin-top: 10px
    }

    .footer-top {
        padding: 40px 0 30px
    }

    .scrollToTop {
        width: 32px;
        height: 32px;
        bottom: 80px;
        right: 15px;
        line-height: 32px
    }

    .contacts_link {
        bottom: 10px;
        margin: 12px
    }

    .whatsapp_link {
        bottom: 10px;
        margin: 12px
    }

    .whatsapp_link .w_label {
        display: none
    }

    .whatsapp_link:hover .w_label {
        display: block
    }

    .shape-3,
    .shape-4 {
        display: none
    }

    .certificate-wrap .col {
        flex-basis: 100%;
        max-width: 100%
    }

    section.inner-banner {
        padding-top: 110px;
        padding-bottom: 20px
    }

    #wrapper {
        overflow-x: hidden
    }

    .inner-banner h2 {
        font-size: 28px;
        margin: 0 0 20px
    }

    .inner-banner h2:before {
        width: 68px;
        margin: -3px -8px
    }

    .custom-list.custom-list-col-2 li {
        flex-basis: 100%;
        max-width: 100%
    }

    .custom-list.custom-list-style-2 li {
        padding: 15px 15px 15px 65px
    }

    .certificate-wrap .item h4 {
        font-size: 16px;
        min-height: 0
    }

    .certificate-wrap .item {
        margin-bottom: 20px
    }

    .course-items .item {
        padding: 0;
        margin: 0 0 30px;
        font-size: 13px
    }

    .course-items .item .icon {
        width: 80px;
        height: 80px;
        font-size: 30px;
        line-height: 73px;
        position: relative;
        margin: 0 auto 30px
    }

    .course-items .item:before {
        display: none
    }

    .form-left-img {
        display: none
    }

    .course-items .item .dtc {
        padding: 15px
    }

    .course-items .item h3 {
        font-size: 18px;
        text-align: center
    }

    .course-items .item h3:after {
        margin-left: auto;
        margin-right: auto
    }

    .course-items .item .icon:before {
        margin: -10px -7px;
        transform: rotate(175deg)
    }

    .course-items .item .icon:after {
        left: 0;
        width: 2px;
        height: 21px;
        margin: 12px auto;
        right: 0;
        top: 100%;
        bottom: auto
    }

    html .info-box {
        padding: 20px 15px;
        min-height: 0;
        margin: 0 0 20px
    }

    .table {
        font-size: 12px
    }

    .students-items .item {
        flex-basis: 50%;
        max-width: 50%
    }

    .success-details h2 {
        font-size: 18px;
        margin: 0 0 20px
    }

    .student-box .img {
        height: 188px
    }

    .success-details .inner .img {
        width: 250px;
        min-width: 250px
    }

    .success-details .inner .dtc {
        padding: 15px
    }

    .opportunities-items .item {
        flex-basis: 100%;
        max-width: 100%;
        margin-bottom: 15px
    }

    html .btn.btn-icon {
        width: 30px;
        line-height: 30px;
        height: 30px
    }

    .success-details .social-list li+li {
        margin-left: 6px
    }

    .success-details .profile-contact li {
        padding-left: 27px
    }

    .success-details .profile-contact li+li {
        margin-left: 20px
    }

    .success-details .profile-contact li i {
        font-size: 18px
    }

    .success-details .dtc p {
        font-size: 12px
    }

    .gallery-box figcaption h4 {
        font-size: 18px
    }

    .breadcrumb-list ul {
        font-size: 12px
    }

    .download-items .item {
        flex-basis: 100%;
        max-width: 100%;
        margin: 0 0 15px
    }

    .download-items .item a .icon {
        width: 60px;
        height: 60px
    }

    .download-items .item a {
        padding: 10px 10px 10px 75px;
        font-size: 14px;
        min-height: 75px
    }

    .story-items .item {
        display: block;
        margin: 0 0 35px
    }

    .story-items .item .img {
        margin: 0 auto 18px
    }

    .story-items .item h4 {
        font-size: 18px;
        text-align: center
    }

    .story-items .item .meta-text li+li {
        margin-left: 10px
    }

    .story-items .item .meta-text {
        font-size: 12px
    }

    .success-details .inner {
        display: block
    }

    .success-details .inner .img {
        width: 200px;
        min-width: 200px;
        margin: 0 auto 24px
    }

    .success-details .inner .dtc-head {
        display: block;
        margin: 0 0 15px;
        padding: 0 0 15px
    }

    .success-details .profile-contact {
        justify-content: center;
        margin: 0 0 10px
    }

    .success-details .social-list {
        justify-content: center
    }

    .success-details .dtc h5 {
        margin: 20px 0 4px;
        font-size: 16px
    }

    .grid-sizer,
    .grid-item {
        width: 50%
    }

    .google-map iframe {
        height: 300px
    }

    .vendor-list .item {
        flex-basis: 50%;
        max-width: 50%;
        padding: 20px;
        height: 120px
    }

    .vendor-list .item:nth-child(5n+5):before {
        display: block
    }

    .vendor-list .item:nth-child(2n+2):before {
        display: none
    }

    .vendor-list .item:nth-last-child(-n+5):after {
        display: block
    }

    .vendor-list .item:nth-last-child(-n+2):after {
        display: none
    }

    section.inner-banner::before {
        opacity: 1
    }

    .gallery-box .img img {
        height: 220px
    }
}

@media screen and (max-width: 665px) {
    .information {
        min-width: 0 !important;
        width: 100%;
    }
}

@media(max-width:768px) {
    nav.header-navbar {
        background: #050b12;
    }

    header nav>ul>li>a {
        font-family: "Exo", sans-serif;
        color: #f3f7ff;
    }

    .sub-menu,
    .sub-menu.mega-menu {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        background: #0e1a25;
        border: 1px solid #1f3446;
        border-radius: 8px;
        padding: 8px;
        margin-top: 8px;
    }

    .sub-menu.mega-menu {
        max-height: 55vh;
        overflow-y: auto;
    }

    .mega-menu .nav-pills {
        display: block;
        margin-bottom: 0;
    }

    .mega-menu .nav-pills .nav-link .icon {
        display: none;
    }

    .sub-menu li a,
    .mega-menu .nav-pills .nav-link {
        color: #dcefff;
        font-family: "Poppins", sans-serif;
        font-size: 14px;
        line-height: 1.35;
        padding: 10px 12px;
        border-radius: 6px;
    }

    .sub-menu li a:hover,
    .mega-menu .nav-pills .nav-link:hover,
    .sub-menu li.current-menu-item>a {
        background: rgba(0, 174, 237, 0.2);
        color: #ffffff;
    }

    .mega-menu .tab-content,
    .mega-menu .tab-pane {
        display: none !important;
        min-height: 0 !important;
        height: auto !important;
    }
}

/* ===== About page custom sections fixes ===== */

/* Tablet only: Customer Value Proposition */
@media (min-width: 668px) and (max-width: 768px) {

    .cvp-grid,
    .cvp-grid-2 {
        display: flex;
        flex-wrap: wrap;
        gap: 16px;
    }

    /* First row: 2 cards */
    .cvp-grid .cvp-card {
        flex: 0 0 calc((100% - 16px) / 2);
        max-width: calc((100% - 16px) / 2);
        margin: 0;
    }

    /* Second row: 3rd card full width (removes blank right column) */
    .cvp-grid .cvp-card:nth-child(3) {
        flex: 0 0 100%;
        max-width: 100%;
    }

    /* Next row: 2 cards */
    .cvp-grid-2 .cvp-card {
        flex: 0 0 calc((100% - 16px) / 2);
        max-width: calc((100% - 16px) / 2);
        margin: 0;
    }
}

/* Mobile: CVP single-column + OWW overlap fix */
@media (max-width: 667px) {

    .cvp-grid,
    .cvp-grid-2 {
        display: block;
    }

    .cvp-grid .cvp-card,
    .cvp-grid-2 .cvp-card {
        width: 100%;
        max-width: 100%;
        margin: 0 0 14px 0;
    }

    .oww-section .oww-grid {
        display: flex;
        flex-wrap: wrap;
        gap: 14px;
        margin-left: 0;
        margin-right: 0;
    }

    .oww-section .oww-grid .oww-card,
    .oww-section .oww-grid .oww-card.oww-wide {
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
        min-width: 0;
        margin: 0;
        box-sizing: border-box;
        overflow: hidden;
    }

    .oww-section .oww-grid .oww-card h3,
    .oww-section .oww-grid .oww-card p {
        overflow-wrap: break-word;
        word-wrap: break-word;
    }

    .oww-section {
        overflow-x: hidden;
    }
}