@media (min-width: 1800px) {
    .container{
        max-width: 1500px;
    }
    .team-items img {
        height: 300px;
    }
}
@media (min-width:992px){
    .navbar-expand-lg .navbar-nav .nav-link{
        /* padding-right: 25px; */
        padding-left: 15px;
    }
}

@media screen and (max-width:1800px) {
    .gains-logo-col {
        right: 0%;
    }
    .gains-logo-col img{
        height: 666px;
    }

    .our-value-proposition .title-col-sm{
        display: block;
    }
    .our-value-proposition .title-col{
        width: 0%;
        display: none;
    }
    .our-value-proposition .text-col{
        width: 84%;
        width: 100%;
    }
    .about-us-text>div{
        width: 95%;
    }
}

@media screen and (max-width:1300px) {
    .gains-logo-col{
        display: none;
    }
    .h2, h2 {
        font-size: 32px;
        font-weight: 700;
    }   
    .navbar-expand-lg .navbar-nav .nav-link{
        font-size: 14px !important;
    }
    .gains-logo-nav{
        width: 145px;
    }
    .navbar-expand-lg .navbar-nav .nav-link{
        /* padding-right: 25px; */
        padding-left: 12px;
    }
    .btn-secondary{
        padding: 12px 15px;
    }
    .btn-primary{
        padding: 12px 15px;
    }

    /* start programs */
    .academic-programs .col-tab-text {
        width: 41.66666667%;
    }

    .academic-programs .col-tab-image {
        width: 58.3333%;
    }

    /* start our value proposition  */

    .proposition h3{
        font-size: 18px;
        font-weight: 700;
    }

    .design-numbering{
        margin-right: 70px;
    }

    .about-padding-section{
        padding-top: 100px;
    }
}


@media screen and (max-width:1036px) {

    .padding-section{
        padding-top: 20px;
    }
    .headline-container h1{
        font-size: 60px;
    }
    .cutout-banner h1 {
        font-size: 46px;
    }
    .cutout-banner .title-sub {
        font-size: 28px;
        margin-bottom: 12px;
    }

    .banner-bottom-container{
        top: 82.5%;
        bottom: unset;
    }

    .banner-bottom-container .row div{
        background-color: #b2b2b2;
    }
    .transparent-mobile{
        background-color: rgba(0, 0, 0,0.3) !important ;
    }

    .banner-bottom-container .row div{
           margin-bottom: 1rem; 
    }

    .banner-bottom-container .row div h2{
        font-size: 26px;
        font-weight: 600;
        padding: 22px;
    }

    .cta-bg{
        height: 50vh;
        /* height: 40vh; */
    }
    .cta-bg .position-absolute{
        left:12%;
        /* left:0%; */
        top: 22%;
        /* width: 100%; */
        width: 80%;
        padding: 0px 27px;
        display: flex;
        justify-content: space-between;
        transform: unset;
    }
    .cta-text h2{
        padding-right: 0px;
        /* font-size: 28px; */
        font-size: 36px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .videobox_animation{
        width: 60px !important;
        height: 60px !important;
    }
}

@media screen and (max-width: 768px) {
    .container{
        max-width: 796px;
    }

    .design-numbering .design-line{
        width: 30px;
    }
    .design-numbering{
        margin-right: 60px;
    }
    .about-padding-section{
        padding-top: 50px;
    }
    .about-us-text>div{
        width: 100%;
    }
}

.academic-programs .nav-item .mobile-img{
    display: none;
}

.academic-programs .col-tab-image {
    display: block;
}

@media screen and (max-width:480px) {

    .cta-bg{
        height: 40vh;
    }
    .cta-bg .position-absolute{
        left:0%;
        width: 100%;
    }
    .cta-text h2{
        font-size: 28px;
    }

    .nav-tabs{
        border-bottom:1px solid transparent ;
    }
    .nav-tabs .nav-link.active{
        background-color: transparent;
        color: black;
        border: 1px solid transparent;
    }

    .academic-programs .col-tab-text,
    .academic-programs .col-tab-image {
        width: 100%;
    }

    .academic-programs .nav-item .mobile-img{
        display: block;
    }

    .academic-programs .col-tab-image {
        display: none;
    }
    .last-nav-margin{
        margin-bottom: 42px;
    }

    .padding-section {
        padding-top: 55px;
    }
    h2{
        font-size: 28px;
        font-weight: 600;
    }
    .btn-primary , .btn-secondary{
        padding: 12px 16px;
        font-size: 13px;
    }
    .banner-elements{
        height: 50vh;
    }
    .banner-image{
        /* height: 50vh; */
    }
    .banner-inner-page{
        height: 40vh !important;
    }
    .banner-inner-elements{
        height: 40vh !important;
    }
    .headline-container-div{
        text-align: center;

    }
    .headline-container {
        height: 32vh;
        justify-content: center;
    }
    .headline-container h1{
        font-size: 25px;
        font-weight: 600;
    }
    .cutout-banner h1 {
        font-size: 28px;
        font-weight: 600;
        color: white;
    }
    .banner-inside-height .cutout-banner h1 {
        font-size: 38px;
    }
    .headline-container p{
        font-size: 15px;
        margin-bottom: 5px;
    }
    .cutout-banner .title-sub{
        font-size: 15px;
        margin-bottom: 5px;
    }
    .banner-height{
        height: 50vh;
    }

    .cutout-banner .position-absolute{
        left: 50%;
        top: 55%;
        transform: translate(-50%, -50%);
        width: 100%;
        text-align: center;
        color: white;
    }

    /* .banner-bottom-container{
        top: 82.5%;
        bottom: unset;
    }

    .banner-bottom-container .row div{
        background-color: #b2b2b2;
    }
    .transparent-mobile{
        background-color: rgba(0, 0, 0,0.3) !important ;
    }

    .banner-bottom-container .row div{
           margin-bottom: 1rem; 
    }

    .banner-bottom-container .row div h2{
        font-size: 26px;
        font-weight: 600;
        padding: 22px;
    } */

    /* start about us  */
    .about-padding-section{
        padding-top: 70px;
    }
    .about-inner-padding-section{
        padding-top: 70px;
    }
    .gains-logo-col{
        display: none;
    }    
    .about-us-text>div{
        width: 100%;
    }
    .about-us-logo{
        height: 280px;
    }
    .about-us-emphasis{
        font-size: 18px;
        line-height: 30px;
        color: #555;
        font-weight: 500;
    }

   
    /* end about us  */
    
    /* start program  */
    .programs-tab .nav-item{
        margin-bottom: 15px;
    }
    .programs-tab .nav-link{
        padding: 15px 18px;
    }
    /* end program  */
    /* start proposition  */

    .proposition-padding{
        padding-top: 55px;
        padding-bottom: 75px;
    }

    .proposition-title h3{
        font-size: 28px;
        font-weight: 600;
        text-align: center;
    }
    .proposition h3 {
        font-size: 20px;
        font-weight: 600;
        margin-bottom: 18px;
    }
    .proposition{
        margin-bottom: 15px;
        margin-top: 30px;
    }
    .proposition-index{
        margin-bottom: 15px;
        margin-top: unset !important;
    }
    .design-numbering .design-line{
        width: 40px;
    }
    .design-numbering{
        margin-right: 80px;
    }

    /* end proposition  */


    .team-head-title{
        padding: 0 10px;
    }

    /* start cta  */
    /* .cta-bg{
        height: 40vh; 
    }
    .cta-bg .position-absolute{
        left: 0%;
        top: 22%;
        width: 100%;
        padding: 0px 27px;
        display: flex;
        justify-content: space-between;
        transform: unset;
    }
    .cta-text h2{
        padding-right: 0px;
        font-size: 28px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .videobox_animation{
        width: 60px !important;
        height: 60px !important;
    } */
    /* end cta  */


    /* start about us  */
    .why-gains-img{
        height: 100vh;
        overflow: hidden;
    }

    
    .why-gains-w-100{
        /* width: 100%; */
    }
    /* end about us  */

    
}