/* X-Small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
    /*-----nav-bar---------------- */
    .navbar-nav{
        display: flex;
        justify-content: space-around;
        align-items: center;
        background-color: rgba(130, 130, 130, 0.66);
        color: #ffffff00;
        padding: 0px 20px;
    }
    .navbar-nav >li> a{
        color: #ffffff;
    }
    .navbar-nav > li{
        padding: 0px 0px;
    }
    .logo{
        width:110px;
        padding-left: 22px;
        padding-top: 0px;
    }
    .navbar{
        background-color: transparent;
        height: 70px;
        padding: 0;
    }
    .medal{
        display: none;
    }
    /*---banner-section-------- */
    
    .banner-section{
        padding-top: 0px;
        padding-left: 24px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    /* .form-box {
        background-color: #ffffff;
        background: #F0F0F0;
        box-shadow: none;
        border-radius: 14px;
        padding: 20px 24px 20px 24px;
    } */
    .banner-text{
        margin-top: 0px;
        justify-content: center;
    }
    .banner-text h3 {
        font-family: 'Ubuntu''sans-serif';
        font-style: normal;
        font-weight: 900;
        font-size: 15px;
        line-height: 27px;
        align-items: center;
        text-align: left;
    }
    .banner-text h5{
        font-size: 12px;
    }
    .form{
        display: flex;
        flex-direction: column;
        justify-content:center;
        align-items:center;
        background: #F0F0F0;
        box-shadow: 0px 14px 47px 4px rgba(0, 0, 0, 0.75);
        border-radius: 14px;
        padding: 30px 80px 20px 80px;
        margin-left: 0px;
    }
    /* form .btn {
        background: linear-gradient(229.59deg, #BD0B0B -18.12%, #BD0B0B 114.61%);
        box-shadow: 1px 4px 9px rgba(0, 0, 0, 0.31);
        border-radius: 12px;
        border: 1px solid transparent;
        color: #EEEEEE;
        font-weight: 700;
        padding: 6px 10px 6px 10px;
        width: 141px;
        margin-left: 140px;
        margin-top: 22px;
        margin-bottom: 10px;
    } */
    .form-img {
        display:none ;
    }
    form input.submit{
        margin-left: 24%;
    }
    .phone {
        border-radius: 0%;
        font-size: 20px;
        padding: 10px;
        border-top-right-radius: 10px;
    }
    .whatsapp{
        border-radius: 0%;
        font-size: 20px;
        padding: 10px;
        border-bottom-right-radius: 10px;
    }
     .phone:hover ~.hover-p,.whatsapp:hover ~.hover-w{
        display:none;
    } 
    .phone:hover,.whatsapp:hover{
        background-color: #ffffff;
        color: #0eaa31;
    }
    .icons {
        display: flex;
        flex-direction: column;
        bottom: 0px;
        left: 0px;
        position: fixed;
        top: 335px;
    }
    .whatsapp{
        margin-left: 0px;
    }
    /* .year img {
        position: absolute;
        top: 658px;
        width: 17%;
        left: 56px;
    }
    .year h4 {
        top: 669px;
        left: 108px;
    } */
    .highlit h4 {
        font-family: 'Ubuntu';
        font-style: normal;
        font-weight: 400;
        font-size: 10px;
        line-height: 14px;
        color: #ffffff;
        position: absolute;
    }
    /* .p-img-1 {
        display: block;
        position: absolute;
        top: 655px;
        left: 187px;
        width: 24%;
    }
    .p-img-2 {
        position: absolute;
        top: 658px;
        left: 272px;
        display: block;
        width: 7%;
    }
    .perc h4 {
        position: absolute;
        top: 683px;
        left: 272px;
        display: block;
    } */
    /*-----about-section-----------*/
    .over-img{
       display: none;
    }
    .figure-1{
        position: relative;
        left: 0px;
        width: 99%;
    }
    .about-dis {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        padding-left: 7px;
        padding-top: 11px;
    }
    .about-dis h3 {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 800;
        font-size: 22px;
        line-height: 30px;
        color: #000000;
    }
    .about-dis .btn{
        margin-top: -3px;
        margin-left: 0px;
    }
    /*----achievement-section------- */
    .ach-box{
        margin-top: 12px;
    }
    /*----courses----------------------- */
    /* #courses {
        margin-left: 29px;
    } */
    #courses .container{
        margin: 40px 0px;
    }
    .course-head h2 {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 600;
        font-size: 23px;
        line-height: 31px;
        padding-top: 0px;
    }
    .card{
        width: 163px;
        margin-left: 0px;
        height: 139px;
    }
    .card img{
        margin-right: none;
        
    }
    .container .card {
        display: block;
        position: relative;
        overflow: hidden;
        width: 277px;
        height: 106px;
        margin-bottom: 20px;
        display: flex;
        justify-content: center;
    }
    .card .heading {
        left: 0px;
    }
    .card .image-2 {
        position: relative;
        height: 100%;
        height: 100%;
        width: 95%;
        margin-top: -4px;
    }
    .card .image-3 {
        position: relative;
        height: 100%;
        height: 100%;
        width: 59%;
        margin-top: -4px;
    }
    .card .image-4 {
        position: relative;
        height: 100%;
        width: 90%;
    }
    .card .image-6 {
        position: relative;
        height: 100%;
        width: 48%;
    }
    .card .heading h2{
        font-size: 15px;
        padding-left: 10px;
    }
    .card .heading .h-3{
        width: 132px;
    }
    .container .card:hover .image img{
        transform: scale(1.1) rotateX(1deg);
        width: 120%;
        height: 154px;
    }
    .container .card:hover .image-2 img{
        transform: scale(1.4) rotateX(1deg);
        width: 75%;
        height: 154px;
    }
    .container .card:hover .image-3 img{
        transform: scale(1.1) rotateX(1deg);
        width: 152%;
        height: 154px;
    }
    .container .card:hover .image-4 img{
        transform: scale(1.1) rotateX(1deg);
        width: 100%;
        height: 154px;
    }
    .container .card:hover .image-5 img{
        transform: scale(1.4) rotateX(1deg);
        width: 110%;
        height: 154px;
    }
    .container .card:hover .image-6 img{
        transform: scale(1.1) rotateX(1deg);
         width: 170%; 
        height: 154px;
    }
    .card .overlay{
        width: 66px;
    }
    .card .overlay .content {
        top: 21px;
        right: 19px;
        position: relative;
    }
    .card .overlay .content p{
        font-size: 11px;
    }
    .card .overlay .content img {
        left: 21px;
        position: relative;
        bottom: 45px;
    }
    /*-----enroll------- */
    .enroll-p2 {
        margin-left: 0px;
        padding-top: 30px;
    }
    .enroll-head h2 {
        font-size: 33px;
    }
    .enroll-head-1 h2 {
        font-family: 'Ubuntu';
        font-style: normal;
        font-weight: 700;
        font-size: 33px;
        line-height: 38px;
        color: #FFFF00;
        text-align: flex-start;
    }
    .enroll-para p {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 300;
        font-size: 15px;
        line-height: 30px;
        color: #FFFFFF;
    }
    .round-4 {
        display: none;
    }
    .round-5 {
        left: 79.77%;
        top: 36.94%;
        bottom: 16.9%;
    }
    .round-1 {
        display: none;
    }
    .round-3 {
        left: -3.51%;
        top: 0%;
        bottom: 84.05%;
    }
    /* .round{
        animation:none;
       
    } */
    .round-8 {
        left: 77.38%;
    }
    .ufo {
        display: none;    
    }
    /*----footer--- */
    footer{
        width: 100%;
        overflow: hidden;
    }

    .footer-1 p {
        padding-left: 0px;
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 600;
        font-size: 15px;
        line-height: 20px;
    }
    .footer-1{
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    .footer-logo img{
        width: 108px;
    }
    .footer-logo{
        display: flex;
        justify-content: center;
        padding-top:7px;
        align-items: center;
        flex-direction: column;
    }
    .footer-logo p {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 29px;
        width: 362px;
    }
    .social-i {
        font-size: 20px;
        margin: 6px;
    }
    /*--------copyright------------ */
    .copyright {
        text-align: center;
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 300;
        color: #FFFFFF;
        line-height: 22px;
    }
    .copyright p{
        font-size: 11px;
        margin: 15px 0px 0px 0px;
        padding-bottom: 13px;
    }
 }

/* // Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
     /*-----nav-bar---------------- */
     .navbar-nav{
        display: flex;
        justify-content: space-around;
        align-items: center;
        background-color: rgb(255 255 255);
        color: #ffffff00;
        padding: 20px 0px 20px 0px;
    }
    .navbar-nav >li> a{
        color: #bd0b0b;
        font-weight: 600;
        text-transform: uppercase;
    }
    .navbar-nav > li{
        padding: 0px 0px;
    }
    .navbar-nav .nav-link.active, .navbar-nav >li> a:hover{
        color: #000;
    }
    .logo{
        width:110px;
        padding-left: 22px;
        padding-top: 0px;
    }
    .navbar{
        background-color: transparent;
        height: 70px;
        padding: 0;
    }
    .medal{
        display: none;
    }
    /*---banner-section-------- */
    
    .banner-section {
        padding-top: 93px;
        padding-left: 24px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    /* .form-box {
        background-color: #ffffff;
        background: #F0F0F0;
        box-shadow: none;
        border-radius: 14px;
        padding: 20px 24px 20px 24px;
    } */
    .banner-text{
        margin-top: 0px;
        justify-content: center;
    }
    .banner-text h3 {
        font-family: 'Ubuntu''sans-serif';
        font-style: normal;
        font-weight: 900;
        font-size: 15px;
        line-height: 27px;
        align-items: center;
        text-align: left;
    }
    .banner-text h5{
        font-size: 12px;
    }
    .form{
        display: flex;
        flex-direction: column;
        justify-content:center;
        align-items:center;
        background: #F0F0F0;
        box-shadow: 0px 14px 47px 4px rgba(0, 0, 0, 0.75);
        border-radius: 14px;
        padding: 30px 80px 20px 80px;
        margin-left: 0px;
    }
    /* form .btn {
        background: linear-gradient(229.59deg, #BD0B0B -18.12%, #BD0B0B 114.61%);
        box-shadow: 1px 4px 9px rgba(0, 0, 0, 0.31);
        border-radius: 12px;
        border: 1px solid transparent;
        color: #EEEEEE;
        font-weight: 700;
        padding: 6px 10px 6px 10px;
        width: 141px;
        margin-left: 24%;
        margin-top: 22px;
        margin-bottom: 10px;
    } */
    .form-img {
        display:none ;
    }
    form input.submit{
        margin-left: 24%;
    }
    .phone {
        border-radius: 0%;
        font-size: 16px;
        padding: 10px;
        border-top-right-radius: 10px;
    }
    .whatsapp{
        border-radius: 0%;
        font-size: 20px;
        padding: 10px;
        border-bottom-right-radius: 10px;
    }
     .phone:hover ~.hover-p,.whatsapp:hover ~.hover-w{
        display:none;
    } 
    .phone:hover,.whatsapp:hover{
        background-color: #ffffff;
        color: #0eaa31;
    }
    .icons {
        display: flex;
        flex-direction: column;
        bottom: 0px;
        left: 0px;
        position: fixed;
        top: 335px;
    }
    .whatsapp{
        margin-left: 0px;
    }
    /* .year img {
        position: absolute;
        top: 658px;
        width: 17%;
        left: 56px;
    }
    .year h4 {
        top: 669px;
        left: 108px;
    } */
    .highlit h4 {
        font-family: 'Ubuntu';
        font-style: normal;
        font-weight: 400;
        font-size: 10px;
        line-height: 14px;
        color: #ffffff;
        position: absolute;
    }
    /* .p-img-1 {
        display: block;
        position: absolute;
        top: 655px;
        left: 187px;
        width: 24%;
    }
    .p-img-2 {
        position: absolute;
        top: 658px;
        left: 272px;
        display: block;
        width: 7%;
    }
    .perc h4 {
        position: absolute;
        top: 683px;
        left: 272px;
        display: block;
    } */
    /*-----about-section-----------*/
    .figure-2{
       display: none;
    }
    .figure-1{
        position: relative;
        left: 0px;
        width: 99%;
    }
    .about-dis {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        padding-left: 7px;
        padding-top: 11px;
    }
    .about-dis h3 {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 800;
        font-size: 22px;
        line-height: 30px;
        color: #000000;
    }
    .about-dis .btn{
        margin-top: -3px;
        margin-left: 0px;
    }
    /*----achievement-section------- */
    .ach-box{
        margin-top: 12px;
    }
    /*----courses----------------------- */
    /* #courses {
        margin-left: 29px;
    } */
    #courses .container{
        margin: 40px 0px;
    }
    .course-head h2 {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 600;
        font-size: 23px;
        line-height: 31px;
        padding-top: 0px;
    }
    .card{
        width: 163px;
        margin-left: 0px;
        height: 139px;
    }
    .card img{
        margin-right: none;
        
    }
    .container .card {
        display: block;
        position: relative;
        overflow: hidden;
        width: 277px;
        height: 106px;
        margin-bottom: 20px;
        display: flex;
        justify-content: center;
    }
    .card .heading {
        left: 0px;
    }
    .card .image-2 {
        position: relative;
        height: 100%;
        height: 100%;
        width: 95%;
        margin-top: -4px;
    }
    .card .image-3 {
        position: relative;
        height: 100%;
        height: 100%;
        width: 59%;
        margin-top: -4px;
    }
    .card .image-4 {
        position: relative;
        height: 100%;
        width: 90%;
    }
    .card .image-6 {
        position: relative;
        height: 100%;
        width: 48%;
    }
    .card .heading h2{
        font-size: 15px;
        padding-left: 10px;
    }
    .card .heading .h-3{
        width: 132px;
    }
    .container .card:hover .image img{
        transform: scale(1.1) rotateX(1deg);
        width: 120%;
        height: 154px;
    }
    .container .card:hover .image-2 img{
        transform: scale(1.4) rotateX(1deg);
        width: 75%;
        height: 154px;
    }
    .container .card:hover .image-3 img{
        transform: scale(1.1) rotateX(1deg);
        width: 152%;
        height: 154px;
    }
    .container .card:hover .image-4 img{
        transform: scale(1.1) rotateX(1deg);
        width: 100%;
        height: 154px;
    }
    .container .card:hover .image-5 img{
        transform: scale(1.4) rotateX(1deg);
        width: 110%;
        height: 154px;
    }
    .container .card:hover .image-6 img{
        transform: scale(1.1) rotateX(1deg);
         width: 170%; 
        height: 154px;
    }
    .card .overlay{
        width: 66px;
    }
    .card .overlay .content {
        top: 40px;
        right: 10px;
        position: relative;
    }
    .card .overlay .content p{
        font-size: 11px;
    }
    .card .overlay .content img {
        left: 21px;
        position: relative;
        bottom: 45px;
    }
    /*-----enroll------- */
    .enroll-p2 {
        margin-left: 0px;
        padding-top: 30px;
    }
    .enroll-head h2 {
        font-size: 33px;
    }
    .enroll-head-1 h2 {
        font-family: 'Ubuntu';
        font-style: normal;
        font-weight: 700;
        font-size: 33px;
        line-height: 38px;
        color: #FFFF00;
        text-align: flex-start;
    }
    .enroll-para p {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 300;
        font-size: 15px;
        line-height: 30px;
        color: #FFFFFF;
    }
    .round-4 {
        display: none;
    }
    .round-5 {
        left: 79.77%;
        top: 36.94%;
        bottom: 16.9%;
    }
    .round-1 {
        display: none;
    }
    .round-3 {
        left: -3.51%;
        top: 0%;
        bottom: 84.05%;
    }
    /* .round{
        animation:none;
       
    } */
    .round-8 {
        left: 77.38%;
    }
    .ufo {
        display: none;    
    }
    /*----footer--- */
    footer{
        width: 100%;
        overflow: hidden;
    }

    .footer-1 p {
        padding-left: 0px;
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 600;
        font-size: 15px;
        line-height: 20px;
    }
    .footer-1{
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    .footer-logo img{
        width: 108px;
    }
    .footer-logo{
        display: flex;
        justify-content: center;
        padding-top:7px;
        align-items: center;
        flex-direction: column;
    }
    .footer-logo p {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 29px;
        width: 362px;
    }
    .social-i {
        font-size: 20px;
        margin: 6px;
    }
    /*--------copyright------------ */
    .copyright {
        text-align: center;
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 300;
        color: #FFFFFF;
        line-height: 22px;
    }
    .copyright p{
        font-size: 11px;
        margin: 15px 0px 0px 0px;
        padding-bottom: 13px;
    }
     
 }

/* // Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {  }
/* .form .btn{
    margin-left: 140px;
} */
/* // Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {

 }

/* // X-Large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) { }