@media screen and (min-width:1440px) {
    .header .navbar .nav-item .nav-link{
        font-size: 18px;
    }
    .courses .card-title{
        font-size: 20px;
    }
    .courses .card-text{
        font-size: 14px;
    }
}
@media (max-width:1200px){
    .ourapp .app-text h2{
        font-size: 60px;
    }
    .nav-btn{
        padding: 1rem 2rem;
    }
}

@media (max-width:1024px){
    .alum-video iframe{
        width: 198px;
        height: 463px;
    }
    #alum-video iframe{
        width: 177px;
        height: 314px;
    }

}
@media (max-width:992px) {
    .alum-video iframe{
        width: 147px;
        height: 346px;
    }
    #alum-video iframe{
        width: 133px;
        height: 236px;
    }
    .ourapp .app-text{
        padding: 0 20px;
    }
    .banner .img-slider{
        padding: 0;
    }
    .footer h2{
        font-size: 40px;
    }
    .courses .card{
        min-height: 500px;
    }
    .header .navbar .navbar-collapse{
        background-color: #7f2cf2;
        height: 100vh;
    }
    .header .navbar .nav-item img{
        width: 27px;
        display: inline;
    }
    .header .navbar .nav-item .nav-link{
        color: white;
        font-size: 18px;
        vertical-align: sub;
        display: inline;
        font-weight: 400;
        margin-left: 10px;
    }
    .header .navbar .nav-item{
        padding: 20px 40px;
    }
    .header .nav-btn{
        width: 90%;
        margin: auto;
        display: block;
        margin-top: 50px;
    }
}
@media (max-width:576px){
    .sub-link{
        display: block;
        padding: 5px 0;
        font-size: 14px;
    }
    .alum-video iframe{
        width: 146px;
        height: 260px;
    }
    #alum-video iframe{
        width: 183px;
        height: 326px;
    }
    .footer a{
        font-size: 16px;
    }
    
    
   
    .main-body .about-course{
        padding: 50px 20px;
    }
    .main-body .heading p{
        font-size: 14px;
    }
    .main-body .nav-btn, .ban-btn{
        display: block;
        width: 90%;
       margin-left: auto !important;
       margin-right: auto !important    ;
    }
    .main-body .heading{
        text-align: center;
        padding: 50px 20px;
    }
    .main-body .heading h1{
        font-size: 28px;
    }
    #banner .ban-text{
        padding: 50px 20px;
    }
    #banner .img-slider{
        padding: 0 10px;
    }
    #banner .ban-text h1{
        font-size: 30px;
    }
    .certificate{
        padding: 50px 20px;
    }
    .certificate h2{
        font-size: 30px;
    }
    .course-cc{
        padding: 50px 20px;
    }
    .course-cc h2{
        font-size: 30px;
    }
    #team h2{
        font-size: 30px;
    }
    .main-body .about-course img{
        margin-right: 10px;
    }
    .main-body .about-course p{
        font-size: 18px;
    }
    .main-body .course-detail{
        padding: 50px 20px;
        text-align: center;
    }
    .main-body .course-detail h2{
        font-size: 30px;
    }
    .navbar-light .navbar-toggler-icon{
        margin-right: 30px;
    }
    .header .navbar .navbar-brand img{
        margin-left: 30px;
    }
    .courses .card-body .btn{
        width: 70%;
    }
    .ourapp .app-text h2{
        font-size: 40px;
    }
    .ourapp{
        padding: 80px 20px;
    }
    .footer{
        padding: 50px 30px;
    }
    .footer h2{
        font-size: 30px;
    }
    .contact-form h3{
        font-size: 24px ;
    }
    .contact-form p{
        font-size: 16px;
    }
    .national{
        padding: 50px 20px;
    }
    .national h2{
        font-size: 28px;
    }
    .nav-btn{
        font-size: 16px;
    }
    .contact-form .nav-btn{
        width: auto;
    }
    .alum-video h2{
        font-size: 32px;
    }
    .counter h2{
        font-size: 40px;
    }
    .width-100{
        width: 100% !important;
    }
    .width-60{
        width: 60% !important;
    }
    .team{
        background-image: none;
    }
    .team h2{
        font-size: 32px;
    }
    #testi h2{
        font-size: 34px ;
        color: black;
        text-transform: lowercase;
    }
    .counter p{
        font-size: 36px ;
    }
    .counter span{
        font-size: 26px;
    }
    .about{
        padding: 80px 25px;
    }
    .about h2{
        font-size: 34px ;
    }
    .contact h2{
        font-size: 30px ;
    }
    .courses{
        padding: 100px 20px;
    }
    .courses h2{
        font-size: 35px;
    }
    .courses h3{
        font-size: 34px;
    }
    .banner h1{
        font-size: 34px;
        margin-top: 20px;
    }
    .banner{
        padding: 50px 20px;
        text-align: center;
        background-image: none;
    }
    .banner p{
        font-size: 14px;
    }
    .carousel-control-next, .carousel-control-prev{
        display: none;
    }
    #testi{
        padding: 50px 20px;
    }
    .contact-form{
        width: auto;
    }
    .team .card .card-img-top {
        width: 12rem;
        height: 12rem;
    }
    .founder{
        padding: 50px 20px;
    }
    .founder h2{
        font-size: 34px;
        margin-top: 20px;
    }
    .founder p{
        font-size: 18px;
    }
    .aboutus{
        padding: 0 20px 50px 20px;
    }
    .aboutus h2{
        font-size: 34px;
    }
    .aboutus p{
        font-size: 18px;
    }
    .story{
        padding: 50px 20px;
    }
    .story h2{
        font-size: 34px;
    }
    .story p{
        font-size: 18px;
        padding: 0;
    }
    .main-heading{
        padding: 0;
    }
    .main-heading h1{
        font-size: 34px;
    }
    .main-heading p{
        font-size: 18px;
        padding: 0 20px;
    }
    #certicication{
        background-image: none;
    }
    #diploma{
        background-image: none;
    }
    .footer h3{
        font-size: 18px;
    }
    .fix1, .fix2{
        border: 1px solid white;
        border-radius: 0;
        width: 50%;
        bottom: 0;
        left: 0;
        text-align: center;
    }
    .fix2{
        left: 50%;
    }
    .footer .icon-img{
        width: 25px;
        margin: 0 8px;
    }
    .footer-logo{
        display: block;
        margin: auto;
    }
    .body{
        padding: 50px 20px;
        
    }
    .body h1{
        font-size: 30px;
    }
    .body h2{
        font-size: 30px;
    }
    .body p{
        font-size: 18px;
    }
    .body ol li{
        text-align: left;
    }
    .footer p{
        font-size: 16px;
        padding: 0 !important;
        text-align: center;
    }
    .rights{
        font-size: 14px !important;
    }
    .courses .card{
        min-height: auto;
    }
}
@media (max-width:425px){
    .ban-btn{
        margin: 20px 0 0 0 ;
    }
    .alum-video iframe{
        width: 127px;
        height: 260px;
    }
    #alum-video iframe{
        width: 161px;
        height: 286px;
    }
}
@media (max-width:320px){
    .alum-video iframe{
        width: 107px;
        height: 260px;
    }
    #alum-video iframe{
        width: 136px;
        height: 242px;
    }
}