@media (min-width: 1200px){
    .container {
        max-width: 1170px;
    }
}

@media (min-width:1200px) and (max-width:1428px) {
    .navbar-light .navbar-nav .nav-link{
    	font-size: 14px;
    	margin-right: 5px;
    }
    .header-login {
	    right: 12px;
	}
	.carousel-caption h1 {
	    font-size: 30px;
	}
}


@media (max-width:1199px) {
	.logo {
	    width: 170px !important;
	    height: 90px !important;
	}
	.logo-img{
		width: 50% !important;
	}
	.header-wrapper{
		background: #fff;
		box-shadow: 0 0px 16px rgba(0,0,0,0.4);
	}
	.header-wrapper .navbar-collapse {
		margin: 0;
	}
	.header-login {
		position: relative;
	    top: 0 !important;
	    margin-bottom: 10px;
	    float: none !important;
	    right: 0;
	    left: 0;
	    margin: 10px auto;
	    text-align: center;
	}
	.banner{
		margin-top: 90px;
	}
	.carousel-caption h1{
		font-size: 36px;
	}
	.navbar-light .navbar-nav .nav-link {
	    color: #000;
	    text-shadow: none;
	    text-align: center;
	    margin-right: 0;
	}
	.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus{
		color: #01537f !important;
	}
	.nav-item{
		/*margin: 0 auto;*/
		text-align: center;
	}
	.navbar-light .navbar-nav .nav-link.btn-primary{
		margin-bottom: 10px;
	}
	.navbar-light .navbar-nav .nav-link.btn-primary {
    	color: #fff !important;
    }
    .navbar-light .navbar-toggler{
    	background: #01afc5;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .carousel-caption .btn-primary{
    	margin-top: 30px;
    }
    .carousel-caption h1 {
	    font-size: 26px;
	}
	.carousel-caption h5{
		font-size: 16px;
	}
	.mission-icon-img {
	    top: 28px;
	    left: 18px;
	    width: 54%;
	}
	.bld-disc{
		font-size: 14px;
		margin-top: 10px;
	}
	.sub-head2 {
	    font-size: 14px;	 
	    line-height: 18px;
	}
	.description{
		font-size: 14px;
	}
	.about-wrapper .description{
		margin-top: 0; 
	}
	.see_more a{
		width: 150px;
    	height: 150px;
    	padding: 45px 0 0;
	}
	.contact-icon{
		width: 35px;
    	height: 35px;
	}
	.contact-info li p{
		margin-left: 3px;
    	font-size: 12px;
	}
	.contact-icon img {
	    margin-top: 7px;
	}
}

@media (max-width:767px) {
	.carousel-caption{
		bottom: 6%;
	}
    .carousel-caption h1 {
	    font-size: 20px;
	    margin-top: 20px;
	}
	.carousel-caption h5 {
    	font-size: 14px;
    }
    .carousel-caption .btn-primary {
	    margin-top: 30px;
	}
	.main-title{
		margin-bottom: 0;
		float: none;
	}
	.about-wrapper .btn-primary{
		margin-bottom: 20px;
		margin-top: 20px;
	}
	.mission-icon{
		display: none;
	}
	.sub-head2 span{
		position: relative;
	}
	.about-links {
	    margin-top: 10px;
	}
	.footer-wrapper .sub-title.text-white{
		margin-top: 40px;
	}
	.contact-icon{
		width: 35px;
    	height: 35px;
	}
	.contact-info li p{
		margin-left: 3px;
    	font-size: 12px;
	}
	.contact-icon img {
	    margin-top: 7px;
	}
	.main-title:before{
		content: none;
	}
	.white-title {
	    font-size: 40px;
	}
	.contact-wrapper .btn-primary{
		margin-bottom: 30px;
	}
	.contact-wrapper {
	    background-position: center;
	}
	.footer-wrapper{
		background-position: center;	
	}
	.main-title {
	    font-size: 40px;
	}
	.news-article .article-container{
		position: relative;
		top: 0;
	}
	.news-article .post-meta span {
	    display: inline-block;
	    font-weight: 600;
	    letter-spacing: 0;
	    text-align: left;
	    border-right: 1px solid #ddd;
	    padding-right: 4px;
    	margin-top: 10px;
	}
	.news-article .post-meta span:last-child{
		border-right: 0; 
	}
	.news-article .post-details{
		margin-left: 0;
		margin-top: 30px;
		margin-bottom: 30px;
	}
	.news-article .news-icon{
		margin: 0px 0 10px 0px;
		float: left;
	}
	.news-article .post-meta{
		width: 100%;
		float: none;
		margin-top: 20px;
	}
	.logo{
		width: 80px !important;
	}
	.logo-img {
	    width: 100% !important;
	}
	.header-wrapper .dropdown-menu .dropdown-item {
		white-space: normal;
	}
}

@media (max-width:575px) {
	.carousel-caption{
		position: relative;
		left: 0px;
		right: 0px;
		padding: 0 20px;
		margin-top: 20px;
	}
	.carousel-caption h1 {
	    font-size: 30px;
	    color: #333;
	    text-shadow: none;
	    margin-top: 0;
	}
	.carousel-caption h5{
		color: #333;
		text-shadow: none;
		font-size: 16px;
	}
	.carousel-caption .btn-primary{
		margin-top: 20px;
	}
	.nav-link.btn-primary {
		margin-bottom: 10px;
	}

}

/* 23-05-2022 add css about us new page css */

@media (max-width:991px) {
    .about-section .sub-head2 {
        line-height: 38px;
    }
}

@media (max-width:575px) {
    .about-pagebanner .carousel-item::before {
        display: none;
    }
    .about-pagebanner .carousel-caption {
        text-align: center;
    }
    .about-section {
        padding: 30PX 0;
    }
}


/* 23-05-2022 add css about us new page css */