@media only screen and (min-width:1200px) {
    .banner-outer .carousel, .carousel-inner, .banner-main, .banner-outer .container{
        height: 100%;
    }
}
@media only screen and (max-width:1200px) {
    .slick-next {
        right: 52px;
    }
    .slick-prev {
        left:52px;
    }
    .slick-prev, .slick-next{
        z-index: 10;
    }
    .team-outer .slick-prev {
        left: -20px;
    }
    .team-outer .slick-next {
        right: -20px;
    }
    .banner-outer{
        height: auto;
    }
    .carousel-inner{
        height: 400px;
    }
    .banner-text label {
        font-size: 23px;
    }
    .banner-text h1 {
        font-size:24px;
    }
    .banner-text{
        margin-top:0px;
        width:100%;
    }
    .banenr-content{
        position: static;
    }
    .banner-outer{
        flex-direction: column;
        background-color: rgba(52, 12, 164, 1);
    }
    .banenr-content{
        background-color: rgba(52, 12, 164, 1);
    }
    .banner-main{
        height: 400px!important;
    }
    .btn-outer{
        top:273px;
    }
    .banner-section{
        margin: 0px 0px;
    }
    .latest-event .nav button{
        padding: 5px 15px;
    }
    .latest-event .content-box{
        padding-left: 0px;
    }
    body header.header .right-icons{
        display: none;
    }
    .contact-info-text span br{
        display: none;
    }
}
@media only screen and (min-width:768px) and (max-width:1200px) {
    .transport, .color-two{background-color: #094569;}
    .library, .color-three{background-color: #d3367d;}
}
@media only screen and (max-width: 1024px) {
    .header-right label{
        font-size: 12px;
    }
    .header-right p{
        font-size: 13px;
    }
    .shape-round{
        display: none;
    }
    .header .navbar-toggler{
        position: static;
    }
    .header.fixed-header .navbar-toggler{
        top:15px;
        right: 16px;
        position: absolute;
    }
    .dropdown .sub-menu{
        position: static;
    }
    .about-section{
        background: none;
    }
}
@media only screen and (max-width: 991px) {
    .navbar-collapse {
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        align-items: start;
    }
    .navbar-nav{
        display: block;
        width: 100%;
    }
    .nav-item.active a::after{
        background: #ffffff;
        width: 100%;
        left: 0%;
        margin-left: 0px;
    }
    
    .navbar-toggler{
        border-color: #444444;
    }
    
    .header-right{
        display: none;
       }
       .contact{
        display: flex;
       }
       .mobile-login{
        display: flex;
        }
       .btn-outline, .btn-theme{
        font-size: 14px;
        height: 34px;
        padding: 0px 7px;
       }
       .header-logo{
        padding: 10px 0px;
       }
       .navbar-brand img{
        height: 55px;
       }
       .navbar{
        border:none;
        padding: 10px 0px;
       }
       
       .who-we-are{
        flex-direction: column;
       }
       .white-bg, .img-bg{
        width: 100%;
        align-items: start;
        justify-content: start;
        padding: 35px;
        height: auto;
        min-height: 300px;
       }
       .video-box{
        padding-right: 0px;
        width: 100%;
       }
       .stats-outer .row > div:nth-child(even) .stats{
        border:none;
       }
       .stats-outer .row > div:nth-child(1) .stats, .stats-outer .row > div:nth-child(2) .stats{
        border-bottom:1px solid rgba(255,255,255,0.5);
       }
       .stats{
        padding: 20px 0px;
       }
       .contact-btn-group{
        margin-top: 20px;
       }
       .inner-left {
        width: 225px;
       }
       p img{
        width: 100%;
        height: auto;
       }


       .navbar-brand img {
        height: 79px !important;
        margin-top: -4px;
        margin-bottom: -5px;
      }
      .header .navbar-toggler {
        top: -62px;
      }
      .fixed-header .navbar-nav li a.nav-link {
        margin: 0px 0px;
        padding: 15px 15px !important;
      }
      .navbar-nav li:hover a.nav-link, .navbar-nav li.active a.nav-link{
        background: none;
      }
      .fixed-header.active .navbar-nav li:hover a.nav-link, .fixed-header.active .navbar-nav li.active a.nav-link {
        color: #000000;
      }
      .header-top, .header-main{
        display: none;
      }
      .navbar .logo{
        display: block;
		width: 300px;            
        word-break: break-word;   
        white-space: normal;      
        font-size: 20px;          
        line-height: 23px;       
      }

      .stats-outer .about-stats {
        border: 1px solid #EF7550 !important;
        margin-bottom: 19px;
        padding: 25px;
    }
    .message-outer{
        flex-direction: column;
    }
	.dropdown-child-menu{
        position: static!important;
    }
    
}
@media only screen and (max-width: 767px) {
    .title{
        font-size: 27px;
    }
    .latest-event .nav button {
        padding: 5px 12px;
    }
    .inner-right{
        padding: 20px 0px 0px;
    }
    .inner-content{
    flex-direction:column;
    }
    .inner-left{
    width: 100%;
    }
    .inner-content {
    padding: 30px 0px;
    }
    .banner-inner {
        height: 100px;
    }
    .banner-inner h1 {
        font-size: 24px;
        margin-bottom: 5px;
    }
    .banner-inner p{
        font-size: 13px;
    }
    .contact-info{
        margin-bottom: 20px;
    }
    .navbar-nav li a.nav-link{
        margin: 0px;
    }
    .container, .container-sm{
        max-width: 100%;
    }
    .principle-img{
        display: none;
    }
    .stats-outer{
        padding: 30px 10px;
    }
    .banner-text {
        margin-top:-60px;
        width: 75%;
    }
    .sidebar-content{
        padding-left: 0px;
    }
    .sidebar-nav {
        width: 100%;
        position: static;
    }
}
@media only screen and (max-width:575px) {
    .banner-outer{
        background: #E9EEFA;
    }
    .banner-text label{
        font-size: 15px;
    }
    .banner-text h1{
        font-size: 18px;
    }
    .banner-text p {
        font-size: 13px;
        width: 100%;
    }
    .banner-outer{
        height:auto;
    }
    .container {
        padding: 0px 20px;
    }
    .white-bg, .img-bg{
        padding: 30px 20px;
    }
    .content-box{
        padding-right: 0px;
    }
    .contact-btn-group span{
        font-size: 15px;
    }
    .footer-title{
        padding-bottom: 0px;
        border:none;
    }
    .header.fixed-header .navbar-toggler {
        top: 25px;
    }
    .header.fixed-header .header-mobile{
        display: none;
    }
    .small-logo img{
        margin: 13px 0px 3px;
    }
    section, footer{
        overflow: hidden;
    }
    .banner-text{
        width: 95%!important;
    }
    .banner-section{
        padding-right: 75px;
    }
    .why-choose-section{
        padding: 60px 0px 60px;
    }
    .stats-outer{
        margin-top: 40px;
    }
    .message-title span {
        font-size: 22px !important;
    }
    .why-choose-section {
        padding: 30px 0px 30px;
    }
    .news-main{
        display: none;
    }
    .news-row{
        padding-left: 0px;
    }
    .news-row span{
        position: static;
        margin-bottom: 10px;
    }
    .latest-event{
        padding: 0px;
    }
    .principle-message {
        margin-top:40px;
        margin-bottom:40px;
    }
    .message-content {
        padding: 20px;
    }
    .message-title span {
        font-size: 15px !important;
    }
    .message-content p {
        font-size: 13px;
    }
    .message-title img{
        height: 30px;
    }
    .message-content span {
        font-size: 14px;
        margin-bottom: 10px;
    }
    .news-row span strong {
        font-size: 24px;
    }
    .title h2 {
        font-size: 22px;
    }
    .about-stats span {
        font-size: 34px;
    }
    .about-stats p{
        font-size: 11px;
    }
    .get-in-touch p {
        font-size: 15px;
    }
    .contact-btn-group{
        flex-direction: column;
        height: auto;
    }
    .contact-btn-group a{
        width: 100%;
        padding: 10px 0px;
    }
    .contact-btn-group .or{
        display: none;
    }
    .footer-title{
        margin-bottom: 5px;
    }
    .stats-outer {
        padding: 0;
        box-shadow: initial;
    }
    .feature .feature-icon{
        width: 50px;
        height: 50px;
    }
    .feature .feature-icon{
        font-size: 23px;
        line-height: 48px;
    }
    .feature-content {
        padding-left: 57px;
    }    
}
@media only screen and (max-width:320px) {
    .contact {
        display: none;
    }
    .banner-text{
        padding: 20px;
    }
    .banner-text h1{
        margin-bottom: 6px;
    }
    .banner-text p {
        font-size: 12px;
        margin-bottom: 11px;
    }
    .banner-text h1 {
        font-size: 18px;
    }
    .container {
        padding: 0px 15px;
    }
}