@media only screen and (min-width: 767px) {
    .mobile-hide {
        display: block;
    }

    .mobile-video-hide {
        display: block;
    }

    .desktop-hide {
        display: none;
    }

    .desktop-video-hide {
        display: none;
    }
}

@media only screen and (min-width: 1023px) {

    .why-study-here .project-item {
        margin-bottom: 0;
        height: auto;
    }

    .why-study-here .project-image {
        margin-bottom: 0;
    }
}


@media only screen and (max-width: 1023px) {

    .navbar-collapse.main-menu {
        display: none;
    }

    .awarded-section-main {
        padding-top: 0px;
        margin-top: 30px;
    }

    .video-reel-team {
        padding-top: 10px;
    }

    .video-reel-team .container {
        padding: 0;
    }

    figure:has(> img.radious-image) {
        content: "";
        height: 100%;
        display: block;
    }

    .main-banner figure {
        display: block;
    }

    .main-header .navbar>.container {
        padding: 0;
    }

    .only-banner-image .section-title {
        padding-left: 15px;
        padding-right: 15px;
    }

    .slicknav_icon .slicknav_icon-bar {
        background-color: #fff;
    }

    .slicknav_menu li a {
        color: #fff;
    }

    .bg-logo {
        width: 800px;
    }

    .section-title h1 {
        font-size: 45px;
    }

    .hero-content .section-title {
        margin-bottom: 40px;
    }

    .banner-image {
        margin-bottom: 40px;
    }

    .new-items {
        margin-top: 35px;
    }

    .wrap-news .col-md-3 {
        width: 50%;
    }

    .footer-copyright {
        margin-top: 20px;
        margin-left: -15px;
        margin-right: -15px;
    }

    .hero-video video,
    .hero-video {
        height: 460px;
        object-fit: cover;
    }

    .glass-effect {
        padding-left: 8px;
        padding-right: 8px;
    }

    .only-banner-image .section-title {
        padding-left: 15px;
        padding-right: 15px;
    }

    /* New Custom css */
    .why-this-course .col-lg-3 {
        width: 100%;
        flex-direction: row;
        display: flex;
        order: 2 !important;
    }

    .why-this-course .col-lg-6 {
        width: 44%;
        order: 1 !important;
        width: 100%;
    }

    .why-this-course .col-lg-6 div {
        height: 100%;
        margin: 0;
        width: 100%;
        max-width: 100%;
    }

    .why-this-course .row>* {
        padding-left: 15px;
        padding-right: 15px;
    }

    .why-this-course .why-choose-list {
        flex-direction: row;
        gap: 15px;
        width: 100%;
    }

    .why-this-course .why-choose-list-item {
        width: 100%;
        border: 0;
        margin: 0;
    }

    .why-this-course .col-lg-3.order-1 {
        margin-top: 10px;
    }

    .why-this-course .why-four-images {
        flex-direction: column;
    }

    .why-study-here .project-content {
        position: inherit;
        opacity: 1;
        height: auto;
        background-color: transparent;
        color: #000;
        display: block;
        overflow: inherit;
        backdrop-filter: blur(40px);
        -webkit-backdrop-filter: blur(40px);
        border-radius: 30px;
    }

    .why-study-here .project-content h3 {
        color: #000;
    }

    .why-study-here .gallery-items,
    .why-study-here .project-image,
    .why-study-here .gallery-items div {
        height: auto;
    }

    .why-study-here .col-lg-4:last-of-type .project-item {
        margin-bottom: 0;
        height: 100%;
    }

    /* New Mobile Css */
    .key-facts-content {
        width: 100%;
    }

    .container-for-faculty {
        perspective: 8000px;
        width: 380px;
        height: 612px;
    }

    .teacher-slider {
        padding-top: 180px;
    }

    #ring {
        perspective: none;
    }

    .slicknav_btn {
        background-color: #000;
    }

    .main-ios-body-block {
        width: calc(100% - 50px);
    }
}

@media only screen and (max-width: 767px) {
    /* Common Mobile */

    .mobile-hide-video {
        display: none;
    }

    .footer-copyright-text {
        flex-direction: column-reverse;
        justify-content: center;
    }


    .slicknav_icon .slicknav_icon-bar {
        background-color: #fff;
    }

    .slicknav_menu li a {
        color: #fff;
    }

    .student-review .swiper {
        padding: 10px 0px;
    }

    .contact-main .icon-box i {
        font-size: 22px;
    }

    .footer-main>.container .row>div {
        width: 100%;
        text-align: center;
    }

    .footer-main>.container .row>div+div {
        margin-top: 20px;
        padding-top: 20px;
        border-top: 1px solid #fff;
    }

    .footer-contact-box h3 {
        text-align: left;
        position: relative;
    }

    .about-footer {
        margin-bottom: 0;
    }

    .footer-links>ul {
        display: none;
    }

    .footer-main .footer-links h3 {
        margin-bottom: 0;
        position: relative;
    }

    .footer-main .footer-links ul {
        margin-top: 20px;
    }

    .footer-main .footer-links h3.active-tab-footer::after {
        transform: rotate(-180deg);
    }

    .footer-main .footer-links h3::after {
        right: 0;
        content: "";
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='50px' height='50px' viewBox='0 -4.5 20 20' version='1.1'%3E%3Ctitle%3Earrow_down %5B%23338%5D%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cdefs%3E%3C/defs%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Dribbble-Light-Preview' transform='translate(-220.000000, -6684.000000)' fill='%23000000'%3E%3Cg id='icons' transform='translate(56.000000, 160.000000)'%3E%3Cpath d='M164.292308,6524.36583 L164.292308,6524.36583 C163.902564,6524.77071 163.902564,6525.42619 164.292308,6525.83004 L172.555873,6534.39267 C173.33636,6535.20244 174.602528,6535.20244 175.383014,6534.39267 L183.70754,6525.76791 C184.093286,6525.36716 184.098283,6524.71997 183.717533,6524.31405 C183.328789,6523.89985 182.68821,6523.89467 182.29347,6524.30266 L174.676479,6532.19636 C174.285736,6532.60124 173.653152,6532.60124 173.262409,6532.19636 L165.705379,6524.36583 C165.315635,6523.96094 164.683051,6523.96094 164.292308,6524.36583' id='arrow_down-%5B%23338%5D'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-size: 15px;
        background-position: center center;
        position: absolute;
        width: 15px;
        height: 15px;
        top: 4px;
        transition: 0.4s ease-in-out;
        filter: invert(1);
    }

    .footer-logo img {
        width: 210px;
        height: auto;
        object-fit: cover;
    }

    .footer-logo {
        margin-bottom: 0;
    }

    .footer-newsletter-form {
        margin-top: 20px;
    }

    .bg-logo {
        width: 750px;
        transform: translate(-23%, -50%);
    }

    .section-title {
        margin-bottom: 10px;
    }

    .dark-section .section-title {
        padding: 0;
    }

    .footer-contact-content a {
        display: inline;
        padding: 0 10px;
    }

    .below-logo-media li {
        justify-content: center;
    }

    .mobile-hide {
        display: none;
    }

    .mobile-video-hide {
        display: none;
    }

    .section-btn.two-btn {
        display: inline-flex;
        flex-direction: column;
    }

    .two-btn a+a {
        margin-left: 0;
        margin-top: 20px;
    }

    .wrap-news .col-md-3 {
        width: 100%;
    }

    .hero-video video,
    .hero-video {
        height: 414px;
        object-fit: cover;
    }

    .how-it-work .col-lg-4:last-of-type {
        margin-bottom: 0;
    }

    .why-grid-three .col-lg-4:last-of-type .mission-vision-item {
        margin-bottom: 0;
    }

    /* Common Mobile */
}