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

}

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

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

}
@media screen and (min-width: 300px) and (max-width: 400px)
{
    .flip-card-back{
        width: 4.5rem !important;
    }
}
@media screen and (min-width: 361px) and (max-width: 480px) {

}
@media screen and (min-width: 451px) and (max-width: 767px) {

}
@media screen and (min-width: 500px) and (max-width: 767px) {

}

@media screen and (min-width: 575px) and (max-width: 767px) {
    .start-date .col-md-6:first-child .bord-r{
        border-right: 2px solid #75d9f373 !important;
        border-bottom: none !important;
    }
}



@media screen and (max-width: 768px) {
    .logo_section {
        max-width: 100% !important;
        flex: 0 0 100%;
    }
    .banner-form {
        position: initial !important;
        top: 20%;
        right: 6%;
         width: 100% !important;
        background: #fff;
        box-shadow: 1px 8px 20px rgb(0 0 0 / 20%);
        z-index: 9;
    }
    .scroll1{
        display: none !important;
    }
    #navbarResponsive li.nav-item {
        border: none;
        margin-right: .5rem;
    }
    #owl2 .owl-dots
    {
        display: block !important;
    }
    .innovation .row .col {
        border-right: 1px solid #75D9F3;
        align-self: center;
        /* vertical-align: middle !important; */
    }
    .admission-icons:after{
        content: none;
    }
    .banner-form{
        position: initial;
        width: 100%;
        margin-top: 1rem;
    }
    .start-date .col-md-6:first-child .bord-r
    {
        border: none;
        border-bottom: 2px solid #75d9f373;
        padding-bottom: 1rem;
        margin-bottom: 1rem;
    }
    .why h3{
        padding:1rem 0;
        font-size: 1.5rem;
    }

    .why .col-md-6:first-child p{
        padding: 0 2rem;
    }
    .why .col-md-6:first-child .animated.w-100
    {
        padding: 1rem 1rem 1rem 0;
    }

    .owl-theme .owl-nav{
        display: none !important;
    }
    .advisery-main {
        padding-left: 1rem !important;
    }

      .advisery-col {
      /*  text-align: center!important;*/
        padding: 0 2.5rem;
     }


    .advisery-col h5 {
        text-align: center!important;
     }
    .speakers_slide1 .owl-item img {
        display: inline-block
    }

    .overview .col-md-7{
        padding: 0 3rem 0 1rem;
    }
    .overview .col-md-7 p { padding-right: 2.5rem;}

    .overview .col-md-7 .text-left { font-size: 1rem;}

    .programm-sub {
        padding-left: 1rem;
    }

    .scholarship-sub h3, .campus-life h3, .speakers1 h3, .best-worlds h3, .overview h3, .what-learn h2, .why h3 {
        font-size: 2rem;
    }
    .what-learn h2{
        text-align: left!important;
    }
    .what-learn ul li {
        font-size: 1rem;
        margin-bottom: 10px;
        text-align: left!important;
        padding-right: 3rem;
    }

    .overview h3 {
        text-align: left!important;
    }
    .career-path h3{
        text-align: center!important;
    }

    .best-worlds img{
        padding: .1rem !important;
    }
    .overview .text-left.p-3{
        padding: 0 !important;
        margin-top: 1rem;
    }
    .overview .owl-theme .owl-dots .owl-dot span,
    #owl2 .owl-dots .owl-dot span
    {
        border-color: #575151 !important;
    }
    .overview .owl-theme .owl-dots .owl-dot.active span,
    .overview .owl-theme .owl-dots .owl-dot:hover span,
    #owl2 .owl-dots .owl-dot.active span,
    #owl2 .owl-dots .owl-dot:hover span
    {
        background-color: #575151 !important;
    }
    .career-path .row{
        padding: 1rem !important;
    }
    .career-path .owl-theme .owl-dots{
        display: block !important;
    }
    .career-path .owl-theme .owl-dots .owl-dot.active span,
    .career-path .owl-theme .owl-dots .owl-dot:hover span{
        color: #FFFFFF !important;
        background-color: #FFFFFF !important;
        border-color: #FFFFFF !important;
    }
    .career-path .owl-theme .owl-dots .owl-dot span{
        color: #FFFFFF !important;
        border-color: #FFFFFF !important;
    }
    .campus-life h4{
        padding: 0 !important;
        padding: 1.5rem 1rem !important;
    }
    .campus-life .owl-carousel .owl-item img{
        width: 100%;
    }
    #startdate{
        margin-bottom: 0 !important;
    }
    #owl5 .owl-dots{
        display: flex !important;
        position: absolute;
        bottom: 0;
        width: 100% !important;
        justify-content: center;
    }
    .scholarship-sub {
        padding: 1rem 1rem 3rem 1rem;
    }
    .scholarship-sub h3 {
        padding: 1rem!important;
        text-align: left!important;
    }
    #owl7 .owl-dots{
        display: block !important;
        position: absolute;
        bottom: -40px;
        width: 100%;
        margin:0!important;
    }
    .admission h3{
        font-size: 2rem;
    }
    .thinkvu h3{
        font-size: 1.6rem;
    }
    .admission-icons img
    {
        width: 90px !important;
    }
    .admission-icons p {
        padding: 0 1rem;
    }
    .banner-content1{
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;

    }
    .flip-card {
        background-color: transparent;
        width: auto !important;
        height: auto !important;
        perspective: 1000px;
    }
    .banner-content h2{
        font-size: .5rem !important;
    }
    .sub-div {
        padding: 0.3rem !important;
        font-size: .5rem !important;
    }
    .banner-content span{
        font-size: 1.1rem !important;
    }
    .banner-content h2{
        padding-left: 0 !important;
    }
    .banner-content1 .content-sub1{
        width: 40% !important;
        padding: 0 !important;
    }
    .banner-content1 .content-sub1 p{
        margin: 0 !important;
    }
    .banner-content {
        top: 3% !important;
        padding-top: 0 !important;

    }
    .admission .owl-theme .owl-nav{
        display: block !important;
    }
    .admission .owl-carousel .owl-nav button.owl-next{
            right: 0rem !important;
    }
    .admission .owl-carousel .owl-nav button.owl-next img,
    .admission .owl-carousel .owl-nav button.owl-prev img{
        width: 2rem !important;
    }
    .newsletter-input{
        display: flex;
        flex-direction: column;

    }
    .newsletter-input input{
        width: 100% !important;
    }
    .newsletter-input button
    {
        padding: 0.8rem 2rem !important;
        /* width: 65%; */
        margin-top: 1rem;
    }
    .best-worlds .col-md-6.position-relative{
        overflow: auto;
    }
    .best-worlds .col-md-6.text-left
    {
        padding-left: 1rem;
        text-align: justify !important;
    }

    /* best-worlds section */
    .puzzle-icons{
        position: relative;
        height: 6rem;
        margin-top: 5rem;
    }
    .icon-content1 img {
        left: 2rem;
    }
    .icon-content2 img {
        /* left: 4.35rem;
        width: 30%;
        top: 1.21rem; */
        /*left: 3.95rem;
        width: 30%;
        top: 1rem;*/
            left: 4.35rem;
            width: 30%;
            top: 1.2rem;
    }
    .icon-content3 img {
        /* left: 5.56rem;
        top: -3.5rem; */
        /*left: 5rem;
        top: -3.1rem;*/
        left: 5.55rem;
        top: -3.46rem;
    }
    .icon-content4 img {
        /* left: 5.6rem;
        top: 3.6rem; */
        left: 5.07rem;
        top: 3.05rem;
    }
    .icon-content5 img {
        /* left: 9.1rem; */
        left: 8.15rem;
    }
    .icon-content6 img {
        width: 24%;
        top: 0;
        /* left: 11.43rem; */
        left: 10.1rem;
    }
    .flip-card-back{
        width: 5rem;
    }
    .flip-card-front img{
        width: 15%;
    }
    .row.whydb-sub.pl-5{
        padding: 1rem !important;
    }
    #overview1 .col-md-6 ul{
        padding: 0 2rem;
    }
    .flip-card.float-right{
        float: none !important;
    }
    .banner-content-img img{
        width: 25%;
    }
    .why-carousel h4 {
        bottom: 0;
        text-align: center!important;
        padding:  1rem 3rem 2rem;
        font-size: 1rem;
    }
   /* .nav_section{
        border-bottom: none;
    }*/
    #carouselExampleControls h1 {
        font-size: 2.5rem;
        color: #FFFFFF;
    }
    .banner-section .text-left.pl-5 h2 {
        font-size: 2.2rem;
        font-weight: 100;
    }

}

@media screen and (min-width: 768px) and (max-width: 1080px) {
    .icon-content2 img {
        left: 3.9rem;
        width: 30%;
        top: 1.9rem;
    }
    .icon-content5 img {
        /* left: 19.4rem; */
        left: 11.5rem;
    }
    .icon-content6 img {
        width: 24%;
        top: 0.07rem;
        /* left: 25.865rem; */
        left: 15.4rem;
    }
    .icon-content3 img {
        left: 5.8rem;
        top: -5.7rem;
    }
    .icon-content4 img {
        left: 5.7rem;
        top: 5.6rem;
    }
}

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

}

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

}

@media screen and (min-width: 768px) and (max-width: 991px) {

}

@media screen and (min-width: 992px) and (max-width: 1100px) {

}

@media screen and (min-width: 1280px) and (max-width: 1366px) {

}

@media screen and (min-width: 1100px) and (max-width: 1270px) {

}

@media screen and (min-width: 1200px) and (max-width: 1560px) {

}

@media screen and (min-width: 1561px) and (max-width: 1920px) {

}

@media screen and (min-width: 1367px) and (max-width: 1440px) {

}

@media screen and (min-width: 1440px) and (max-width: 1600px) {

}

@media screen and (min-width: 1601px) and (max-width: 1920px) {

}

@media screen and (min-width: 1921px) {

}


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

}
@media screen and (min-width:576px) and (max-width:767px){

}
@media screen and (max-width:991px){
    .nav_section{
        border-bottom: none;

    }
    .secondary_header
    {
            border-bottom: 0.15rem solid #AA182C;
    }
}



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

}

@media screen and (min-width:576px) and (max-width:767px){

}

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

}