@media screen and (max-width: 1920px) and (min-width: 1900px){
  
}
@media screen and (max-width: 1800px){
    .student h4 {
        width: 83%;
        font-size: 1.3rem;
        min-height: 223px;
    }
    .student-name{
        padding-top: 2rem!important;
        min-height: auto;
    }
    
}
@media screen and (max-width: 1700px){
    .banner-head {
        font-size: 2.5rem;
    }
    .banner-subhead {
    font-size: 22px !important;
    }
    .adv-card p {
        margin-bottom: 0px;
    }
    .adv-card {
    padding: 2px 23px;
    }
    .why-tabs {
        gap: 2px;
    }
    .navbar-nav.ml-auto {
    width: 80%;
}
    .new-custom-width {
        width: 72%;
    }
    .text-yellow-more {
        margin-bottom: 1rem;
    }
    .apply-bttn {
        font-size: 1.2rem;
    }
    .img-width {
        width: 84%;
    }
    .thanks-form {
        top: 140px;
    }
    .slider_banner{
        margin-top: 5rem!important;
        padding-top: 0rem;
        padding-bottom: 3rem;
    }
    .neww-box img {
        width: 22%;
    }
}
@media screen and (max-width: 1600px){
    section.future .nav-link {
        padding: 0.55em 0.5rem;
        font-size: 1.1rem;
    }
    .transparent-box {
        flex: 0 0 90%;
        max-width: 90%;
    } 
    .col_top{
        padding-top: 3rem!important;
    }
    .of_txt {
        font-size: 1.4rem;
    }
    .neww-box .col-lg-4 {
        flex: 0 0 42.333333%;
        max-width: 38.333333%;
    }
    .baneer-text-here {
        margin-top: 6rem;
    }
    .girl-iimg{
        align-items: flex-end;
        display: flex;
        flex: 0 0 36.333333%;
        max-width: 45.333333%;
    }
}
@media screen and (max-width: 1500px) {
    .new-custom-width{
        /* width: 58%; */
    }
    .section-heading {
        width: 65%;
        margin: auto;
    }
    #testimonial-area .arrows {
        position: absolute;
        display: flex;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        column-gap: 25rem;
        z-index: 999;
    }
    .student-para {
        width: 88%;
    }
    .thanks-form {
        height: 430px;
    }
    .banner-form {
        top: 143px; }

    .btn_explore{
        font-size: 1.2rem!important;
    }
    .m_txt {
        font-size: 1.1rem;
    }
    .global h4{
        font-size: 1.3rem;
    }
    .global-last-heading {
        font-size: 1.5rem;
    }
    .mark1 .custom-container {
        padding: 0rem 1rem !important;
    }
    
    /* .student h4 {
        font-size: 1.2rem;
        min-height: 190px;
    } */
     h1{
        font-size: 2.2rem;
    }
    .offers h3{
        font-size: 2rem;
    }
    .student-name{
        font-size: 1.8rem;
    }
    .student-package {
        font-size: 1.5rem;
    }
    .student-package span {
        font-size: 1rem;
    }
    .student h4 {
        font-size: 1.1rem;
        min-height: 176px;
    }
    .of_txt{
        font-size: 1.3rem;
    }
}
@media screen and (max-width: 1400px){
    .bann-ht {
        margin-top: 5rem;
    }
    .sec-three {
        padding: 4rem 0rem;
    }
    .new-custom-width {
        width: 80%;
    }
    .banner-head {
        font-size: 3.2rem;
    }
    #testimonals .col-lg-10 {
        flex: 0 0 83.333333%;
        max-width: 90%;
    }

    .bg_white {
        top: -3rem;
    }
    .navbar-nav.ml-auto{
        justify-content: flex-end;
        column-gap: 1rem;
            width: 100%;

    }
    .banner-form {
        top: 130px;
    }
    .sec4img {
        margin-top: -5rem;
    }
}
@media screen and (max-width: 1300px){
    .mark1 .col-lg-3 {
        flex: 0 0 50%;
        max-width: 50%;
        margin-bottom: 2rem;
    }
    .recr-log {
        width: 100% !important;
    }

    .neww-box {
        padding: 1.8rem 1rem;
    }
    .baneer-text-here {
        margin-top: 6rem;
        flex: 0 0 62.333333%;
        max-width: 100%;
    }
    .banner-head {
        font-size: 3.1rem;
    }
    /* .bg_white {
        top: 1rem;
        margin-bottom: 3rem;
    } */
    .banner-form {
        /* top: 100px; */
        /* height: 410px!important; */
        overflow: scroll;
    }
}
@media screen and (max-width: 1200px) {
    /* .banner-form {
        top: 89px;
    }
     */
     .slider_banner {
        margin-top: 4rem !important;
    }
     .w-30{
        width: 100%;
     }
    .first-s1{
        width: 100%;
    }

    section.future .nav-link {
        padding: 0.4em 2rem;
        font-size: 1rem;
    }
    /* .bg_white {
        top: 2rem;
        margin-bottom: 4rem;
    } */
    .banner-form {
        top: 200px;
        height: 400px!important;
    }
    .thanks-form {
        height: 350px!important;
    }
    #testis_slider .row{
        align-items: flex-end!important;
    }
    .transparent-box {
        flex: 0 0 96%;
        max-width: 96%;
    }   
    button.btn.btn_join{
        font-size: 1rem;
        width: 12rem;

    }
    .btn_explore{
        font-size: 1rem;
    }
    .student-name {
        font-size: 1.9rem;
    }
    .student h4 {
        font-size: 1.1rem;
        min-height: 191px;
    }
    .student-package {
        font-size: 1.5rem;
        padding-bottom: 1.5rem;
    }
    .experience-head {
        width: 69%;
    }    
    .btn_explore_new{
        font-size: 1rem!important;
        width: 13rem!important;
    }
    .new-custom-width{
        /* width: 65%; */
    }
      h1{
        font-size: 2rem;
    }
    .offers h3{
        font-size: 1.8rem;
    }
    .of_txt{
        font-size: 1.1rem;
    }
    .head1{
        font-size: 2.5rem;
    }
    .navbar-nav.ml-auto {
        display: flex;
        justify-content: space-evenly;
        width: 100% !important;
    }
    .bann-ht {
        margin-top: 5rem;
    }
}
@media screen and (max-width: 1190px){
    .banner-head {
        font-size: 3rem;
    }
    .baneer-text-here {
        margin-top: 4rem;
        flex: 0 0 47.333333%;
        max-width: 36.333333%;
    }
    .girl-iimg {
        margin-left: -2rem;
    }
    
    
}
@media screen and (max-width: 1130px){
    .banner-head {
        font-size: 2.8rem;
    }
}
@media screen and (max-width: 1074px){
    .banner-form {
        position: relative;
        width: auto;
        margin: auto!important;
        margin-left: 2rem!important;
        margin-right: 2rem!important;
        top: 0;
        right: auto;
        height: auto!important;
        margin-bottom: 2rem!important;
        overflow: hidden;
    }
    .banner-subhead {
        font-size: 1.8rem;
        font-weight: 800;
    }
    .banner-head {
        font-size: 2.9rem;
    }
    .baneer-text-here {
        margin-top: 4rem;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .girl-iimg {
        align-items: flex-end;
        display: flex;
        flex: 0 0 54%;
        max-width: 100%;
    }
    .slider_banner {
        background-image: url(../images/cgc_eng_bg.webp);
        background-size: cover;
        padding-bottom: 0rem;
    }
    .new-custom-width {
        width: 88%;
    }
}
@media screen and (max-width: 1060px){
    .student h4 {
        min-height: 240px;
    }
    .banner-head {
        font-size: 2.9rem;
    }
    .neww-box {
        padding: 1.8rem 1rem;
    }
    .voice-bg {flex: 0 0 90%!important;max-width: 90%!important;}
    .bann-ht {
        margin-top: 4rem;
    }
}
@media  screen and (max-width: 1024px) {
    #testis_slider .owl-nav .owl-prev {
        left: -79px!important;
    }
    #testis_slider .owl-nav .owl-next {
        right: -80px!important;
    }
}
@media screen and (max-width: 1000px){
    .transparent-box {
        flex: 0 0 99%;
        max-width: 99%;
    }
}
@media screen and (max-width: 991px){
    .transparent-box .row , .transparent-box .flex-row , .dream .row{
        flex-wrap: nowrap;
        align-items: center;
    }
    .slider_banner {
        margin-top: 7rem !important;
    }
    .carousel-control-next-icon, .carousel-control-prev-icon {
        display: inline-block;
        width: 20px;
        height: 20px;
        background-color: #3169C9;
        background-size: 100% 100%;
        /* background: #3169C9 no-repeat; */
        background-size: 57% 100%;
        opacity: 1!important;
        border-radius: 50%;
    }
    .carousel-control-next, .carousel-control-prev{
        opacity: 1!important;

    }
    
    .campus-img {

        width: 40%;
    }
    .sec-three {
        background-image: url('../images/placemnt-mobimg.webp');
        /* background-color: #00215a !important; */
    }
    .transparent-box .row{
        flex-direction: column;
    }
    .brdright{
        border: none;
    }
    .sec-three {
        padding: 3rem 0rem;
    }
    #future {
        padding: 0rem 1rem;
    }
    .first-s1 {
        width: 100%;
        margin-top: 1rem;
    }
    .sec-title{
        font-size: 1.9rem;

    }
    .course-title {
        margin-bottom: 1rem;
        font-size: 1.5rem;

    }
    .w-30 {
        width: 70%;
    }
    .future .card-header.active {
        background-color: #00215A !important;
  
    }
    .future .card-header.active h2 button {
        font-size: 1.2rem;
        color: white !important;
    }
    .girl-iimg {
        align-items: flex-end;
        display: flex;
        flex: 0 0 62%;
    }
    .neww-box {
        padding: 1.8rem 1rem;
        flex-direction: column;
        text-align: center;
    }
    .neww-box img {
        width: 25%;
        margin-bottom: 0.5rem !important;
    }
    .thanks-form {
        height: 150px!important;
    }
    .thanks-form .of_txt{
        font-size:1.8rem;
    }
    .banner-form {
        position: relative;
        width: auto;
        margin: auto!important;
        margin-left: 1rem!important;
        margin-right: 1rem!important; 
        margin-bottom: 2rem!important;
    }
    
    .navbar-nav.ml-auto{
        width: 100%;
    }
    
    .dream {
        margin-top: 0!important;
    }
    .global .pt-5 , .dream .pt-5{
        padding-top: 0rem!important;
    }
    .global{
        text-align: center;
    }
    .global-head , .global h2{
        width: 100%;
    }
    .global h2{
        margin-left: 0rem!important;
    }
    .white-boxe{
        text-align: left;
    }
    .white-boxe div:first-child{
        width: 50px;
    }
    .voice-bg .item .row {
        flex-wrap: nowrap;

    }
    #testis_slider .owl-nav .owl-prev {
        left: -61px!important;
    }
    #testis_slider .owl-nav .owl-next {
        right: -60px!important;
    }
    .transparent-box .flex-row div:last-child{
        width: 185px;
    }
    .transparent-box .flex-row
    {
        height: 100px;
        justify-content: center;
    }
    .transparent-box {
        max-width: 89%;
    }
    .head{
        font-size: 2rem;
    }
      h1{
        font-size: 2rem;
    }
    .transparent-box h1 {
        font-size: 1.5rem;
    }
    .transparent-box .col-lg-4.pt-5{
        padding-top: 1rem!important;
    }
    .placement p {
        font-size: 0.8rem;
        margin-bottom: 0;
    }
    .offers h3{
        font-size: 1.8rem;
    }
    .new-custom-width{
        width: 90%;
       
    }
    .of_txt {
        font-size: 1.1rem;
    }
    .offers .row{
        margin-left: 0!important;
        margin-right: 0!important;
    }
    .offers-flex{
        flex-wrap: nowrap!important;
    }
    .container {
        max-width: 90%!important;
        margin-right: 2rem;
    }
    /* .logo-wd {
        width:auto!important;
    } */
    .banner-form .container{
        max-width: 100%!important;
        margin-left: 0;
        margin-right: 0;
       
    }
    .transparent-box {
        max-width: 95%;
       
    }
}
@media screen and (max-width: 900px){
    #testis_slider .mr-5{
        margin-right:0rem!important;
    }
  
    .brdright{
       border: none;
    }
    .transparent-box .row{
        flex-direction: column;
    }
    .student h4 {
        min-height: 173px;
    }
 
    .baneer-text-here {
        margin-top: 0px;
    }
    .banner-head {
        font-size: 2.6rem;
    }
    .banner-subhead {
        font-size: 1.8rem;
    }
    .img-width {
        width: 95%;
    }
}
@media screen and (max-width: 800px){
    .experience-head {
        width: 77%;
    }
    .banner-head {
        font-size: 2.4rem;
    }
    .banner-subhead {
        font-size: 1.5rem;
    }
    .baneer-text-here{
        position: relative;
    }
    .img-width {
        width: 100%;
    }
    .baneer-text-here {
        margin-top: 0px;
    }
    .girl-iimg {

        flex: 0 0 68%;
    }
    #testis_slider .ml-5{
        margin-left:0rem!important;
    }
    .student h4 {
        min-height: 140px!important;
    }

     h1 {
        font-size: 1.8rem;
    }
    .offers h3 {
        font-size: 1.5rem;
    }
    .of_txt {
        font-size: 1rem;
    }
    .transparent-box .flex-row div:first-child{
        width:70px;
    }
    .transparent-box .flex-row div:last-child {
        /* width: 100px; */
    }
    .transparent-box {
        padding: 1rem 1.1rem;
    }
    .transparent-box h1 {
        font-size: 1.2rem;
    }
    .padding-new{
        padding-top: 2rem!important;
    }
}
@media screen and (max-width: 710px){
    .student h4 {
        min-height: 289px;
        font-size: 1rem;
    }
    .student-name {
        font-size: 1.5rem;
    }
    .student-package{
        font-size: 1.2rem;
    }
    .student-package span{
        font-size: 0.9rem;
    }
    
}
@media screen and (max-width: 700px){
    .dream .head1 {
        font-size: 2rem;
    }
    .baneer-text-here {
        /* margin-top: 26rem; */
        flex: 0 0 70%;
        max-width: 70%;
    }
    .girl-iimg {
        flex: 0 0 70%;
        margin-left: -6rem;
    }
    .img-width {
        width: 90%;
    }
}
@media screen and (max-width: 640px){
    #testis_slider .row{
        flex-wrap: wrap;

    }
    .sec-title {

        font-size: 2rem;
    }
    #testis_slider .owl-nav {
        display: none!important;
    }
    .ftp p {
        font-size: 0.7rem;
    }
    .dream .row{
        flex-wrap: wrap;
        align-items: center;
        text-align: center;
    }
    .dream .head1{
        margin-top: 1rem;
        margin-bottom: 1rem;
    }
    .m_txt {
        font-size: 1.2rem;
    }
    .mark1 .col-lg-3 {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 2rem;
    }
    .student h4 {
        min-height: 230px!important;
    }
     h1 {
        font-size: 1.3rem;
    }
    .offers .h3 {
        font-size: 1.1rem;
    }
    .of_txt {
        font-size: 0.9rem;
    }
}   
@media screen and (max-width: 600px){
    .new-custom-width {
        width: 97%;
    }
    .w-30 {
        width: 100%;
    }
    .girl-iimg {
        flex: 0 0 70%;
        margin-left: -6rem;
    }
    .experience-head {
        width: 100%;
    }
    
    .offers-flex .col-lg-4{
        padding-left: 5px!important;

    }
    .transparent-box h1 {
        font-size: 1rem;
    }
    .placement p {
        font-size: 0.7rem;
        margin-bottom: 0;
    }
    .transparent-box .flex-row div:last-child {
        /* width: 86px; */
    }
    
    .transparent-box .flex-row div:first-child {
        width: 64px;
    }    
    .placement h4 {
        font-size: 1.2rem;
    }
    .transparent-box  .col-lg-4{
        padding-left: 4px;

    }
    
} 
@media screen and (max-width: 550px){
    p{
        font-size: 0.9rem;
    }
    h4.or-text{
        font-size: 1.2rem;
    }
    .first-apply-now {
        padding: 0.6rem 1rem;
    }
    .card-header {
        padding: 0.75rem 0.2rem;
    }
    .course-title {
        font-size: 1.3rem;
    }
    .transparent-box .flex-row {
        flex-direction: column!important;
        height: 176px!important;
        text-align: center;
        margin: auto;
    }
    .transparent-box .flex-row div:first-child, .transparent-box .flex-row div:last-child {
        width: auto;
    }
    .transparent-box .col-lg-4 {
        padding-left: 4px;
        padding-right: 4px;
    }
}
@media screen and (max-width: 500px){
    .head{
        font-size: 1.8rem;
    }
    .logo-wd {
        width: 30% !important;
    }
    .slider_banner {
        margin-top: 4rem !important;
    }
    .baneer-text-here {
        /* margin-top: 26rem; */
        flex: 0 0 100%;
        max-width: 100%;
    }
    .girl-iimg {
        flex: 0 0 70%;
        margin-left: -11rem;
    }
    .img-width {
        width: 77%;
    }
    .apply-bttn {
        padding: 0.8rem 0.8rem;
    }
    .neww-box img {
        width: 37%;
    }
    .thanks-form .of_txt{
        font-size:1.5rem;
    }
    .future h2 button {
        font-size: 1rem!important;
    }
    .future .card-header.active {
        padding: 0.55rem 0.5rem;
    }
    #testis_slider .owl-nav .owl-next {
        right: -42px!important;
    }
    #testis_slider .owl-nav .owl-prev {
        left: -41px!important;
    }
}    
@media screen and (max-width: 400px){
    #testis_slider .owl-nav{
        display: none!important;
    }
    .banner-head {
        font-size: 2rem;
    }
    .slider_banner {
        margin-top: 4rem!important;
    }
    .baneer-text-here{
        margin-top: 0;
        
    }
    .girl-iimg {
        flex: 0 0 66%;
        margin-left: -10rem;
    }
    .banner-flex {
        min-height: 502px;
    }
    .btn_explore{
        font-size: 1rem!important;
    }
    .btn_explore img{
        width: 14%;
    }
    .global h4 {
        font-size: 0.95rem;
        line-height: 1.5rem;
    }
    .global h2{
        font-size: 1rem;
    }
    .m_txt {
        font-size: 1rem;
    }
    .logo-wd {
        width: 30%!important;
    }
    h1 {
        font-size: 1rem;
    }
    .offers .h3 {
        font-size: 0.9rem;
    }
    .of_txt {
        font-size: 0.7rem;
        margin-bottom: 0;
    }
    .bg_white {
        padding: 10px;
        top: -1rem;

    }   
    .head, .head1 {
        font-size: 1.8rem;
    }
    .future h2 button {
        font-size: 0.8rem!important;
    }
    .bann-ht {
        margin-top: 4rem;
    }
}
@media screen and (min-width: 1200px) {
    .custom-container {
        padding: 0rem 8rem !important;
    }
   
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
   
    .custom-container {
        padding: 0rem 3rem !important;
    }
   
    
}


@media screen and (min-width: 1200px) and (max-width: 1366px) {
   
   
    .custom-container {
        padding: 0rem 2rem !important;
    }
  
}


@media screen and (max-width:600px){
    .logo-wd {
        width: 35%!important;
    }
    .baneer-text-here {
        margin-top: 0px;
    }
    .banner-head {
        font-size: 2.2rem;
    }
    .sec-three {
        background-image: url('../images/mobbbimgg.webp');
        /* background-color: #00215a !important; */
    }
    .padding-new {
        padding-top: 0rem !important;
    }
    .sec-three h4.text-white.mb-3 {
        font-size: 1.2rem;
        width: 66%;
        margin: auto;
    }
    .transparent-box h1 {
        font-size: 1.8rem;
    }
    .bd-highlight img {
        width: 81%;
    } 
    .sec-three .pt-5{
        padding-top: 1rem!important;
    }
}
@media screen and (max-width: 500px){
    .sec-three h4.text-white.mb-3 {
        font-size: 1.2rem;
        width: 100%;
        margin: auto;
    }
}
@media screen and (max-width: 350px){
    .girl-iimg {
        flex: 0 0 66%;
        margin-left: -8rem;
    }
    .banner-head {
        font-size: 2.1rem;
    }
}