body{
	padding:0;
	margin:0;
}
.nav-up{
	width: 100%;
	height:auto;
	padding: 5px 0;
	background: #184e6f;
	color:#fff;
	text-align: center;
}
.nav-up a{
	color:#fff;
}
.logo-section{
	width:100%;
	height:auto;
	padding: 15px 0;
	background: #fff;
	text-align: center;
}
.logo-section h1 {
    padding: 0px 0 0 0;
    margin: 0;
    font-size: 60px;
    text-shadow: 1px 2px 3px #000000;
    letter-spacing: 1px;
    color: #094035;
    text-transform: uppercase;
    font-weight: bold;
}
.logo-section .reg-log{
	margin-top: 20px;
}
.logo-section span{
	margin-top: 20px;
}
.logo-image img{
	width:60%;
}
.logo-name img{
	width:90%;
}
.adj-btn{
	margin-top: 20px;
}
.adj-btn button:hover{
	text-decoration: none;
}
.apply-btn button{
	background: red;
	border-color: red;
}
.apply-btn .btn-primary:hover {
    color: #fff;
    background-color: red;
    border-color: red;
    text-decoration: none!important;
}
.social-icon img{
	width:5%;
	margin-top: -5px;
}
.bg-light {
    background-color: #b9231e!important;
}
.navbar-brand{
	display:none;
}
.navbar-light .navbar-nav .nav-link {
    color: rgb(255, 255, 255);
    font-weight: 600;
    text-transform: uppercase;
    font-size: 15px;
    padding: 7px 25px;
}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
    color: rgb(0, 0, 0);
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: rgb(0, 0, 0);
}
.banner{
	height:auto;
	width: 100%;
}
.banner-bottom{
	width:100%;
	height:auto;
	text-align: justify;
	padding: 80px 0;
}
.programme{
	width: 100%;
	height:auto;
	padding: 80px 0;
	background: rgb(169, 207, 70);
}
.programme h2{
	text-align: center;
}
.programme-img{
	width:100%;
	height:auto;
	padding: 10px;
	border:2px solid #094035;
	border-radius:5px;
	margin-bottom: 20px;
}
.programme-img img{
	width:100%;
	height:250px;
}
.notice-comment{
	width:100%;
	padding: 80px 0;
	height:auto;
	background: #f9ee8d;;
}
.notice-comment h4{
	text-align: center;
	background: #ce0b0b;
	padding:12px 0;
	color:#fff;
}
.notice-comment input, .notice-comment textarea, .notice-comment button{
	border-radius:0px;
}
.notice p{
	margin: 0 30px;
	border-bottom:1px dashed #000;
	margin-top: 15px;
}
.notice marquee{
	height:270px;
}
.testimonial{
	width:100%;
	height:auto;
	background: url("../images/testbg.jpg") no-repeat center/cover scroll;
}
.testimonialOverlay{
	width:100%;
	height:auto;
	padding:80px 0;
	background: #00000096;
}
.testimonialOverlay h2{
	text-align: center;
	color: #fff;
}
.testimonialOverlay hr{
	border:1px solid #fff;
	width:35%;
}
.testimonialOverlay img{
	margin:20px auto;
}
.testimonialOverlay p{
	text-align: center;
	padding: 0 160px;
	font-weight: 600;
	color:#fff;
}
.pro-img img{
	width:100%;
	height:250px;
	margin-bottom: 20px;
}
.footer{
	width:100%;
	height:auto;
	padding: 80px 0;
    background: #184e6f;
    color: rgb(255, 255, 255);
}
.footer ul li{
	list-style: none;
}
.footer hr{
	border-color:#fff;
}
.footer ul li a{
	color:#fff;
	font-weight: 600;
}
.footer-about{
	text-align: justify;
}
.copyright{
	width: 100%;
	height:auto;
	padding: 7px 0;
	text-align: center;
    background: #09314a;
    color: #fff;
}
.pages{
	width:100%;
	height:auto;
	padding:80px 0;
	background: #d3e9f7;
	text-align: justify;
}
.pages h2{
	color:#b9231e;
}
.map iframe{
	height: 300px;
}
.gallery-img{
	width:100%;
	height:auto;
	text-align: center;
	border:2px solid rgb(24, 78, 111);
	padding:10px;
	border-radius:7px;
	margin-bottom: 20px;
}
.gallery-img img{
	width:100%;
	height:230px;
}
.gallery-img p{
	color:#fff;
	background: #094035;
	font-weight: bold;
	padding: 8px 0;
	margin-top: 7px;
}
#about ul li{
	line-height: 30px;
}
#facility h4{
	border-bottom: 1px dotted #000;
	margin-top: 20px;
	margin-bottom: 0px;
}
.table-bordered td, .table-bordered th {
    border: 1px solid #1d2124;
}
.table thead th {
    vertical-align: bottom;
    border-bottom: 1px solid #1d2124;
}
@media(max-width: 1024px){
	.logo-section .reg-log {
	    margin-top: 15px;
	}
	.adj-btn {
	    margin-top: 10px;
	}
	.social-icon img {
	    width: 6%;
	}
}
@media(max-width: 768px){
	.logo-section h1 {
	    padding: 8px 0 0 0;
	    font-size: 50px;
	}
	.logo-section .reg-log {
	    margin-top: 8px;
	}
	.navbar-brand{
		display:block;
	}
	.navbar-brand img{
		display:none;
	}
	.testimonialOverlay p {
	    padding: 0 60px;
	}
	#facility h4 {
	    font-size: 21px;
	}
	.social-icon img {
	    width: 9%;
	}
}
@media(max-width:576px){
	.logo-section h1 {
	    font-size: 26px;
    	margin-top: 12px;
	}
	.logo-image img{
		width:25%;
	}
	.logo-name img{
		width:80%;
		margin-top: 11px;
	}
	.social-icon img {
	    width: 12%;
		margin-top: 0px;
	}
	.margin-image img{
		margin-top: 15px;
	}
	.reg-log .btn{
		width:100%;
		margin-top:6px;
	}
	.banner-bottom{
		padding: 30px 0;
	}
	.banner-bottom h2{
		text-align: center;
		font-size: 22px;
		font-weight:bold;
	}
	.btn-large{
		width:100%;
	}
	.notice-comment {
	    padding: 30px 0;
	}
	.notice-comment h4 {
	    font-size: 20px;
	}
	.programme{
		padding: 30px 0;
	}
	.programme h2{
		text-align: center;
		font-size: 22px;
		font-weight:bold;
	}
	.testimonialOverlay {
	    padding: 40px 0;
	}
	.testimonialOverlay h2 {
		text-align: center;
		font-size: 22px;
		font-weight:bold;
	}
	.testimonialOverlay p {
	    padding: 0 20px;
	}
	.testimonialOverlay img {
	    margin:10px auto;
	}
	.footer{
		padding: 30px 0;
	}
	.footer h4{
		text-align: center;
		margin-top: 12px;
   		font-size: 21px;
	}
	.pages{
		padding: 30px 0;
	}
	.pages h2{
		text-align: center;
		font-size: 22px;
		font-weight: 600;
	}
	#about h4 {
	    font-size: 20px;
	    text-align: center;
	    font-weight: bold;
	}
	#contact {
	    text-align: left;
	}
	#contact h4 {
	    font-size: 19px;
	    margin-top: 10px;
	}
	.map iframe {
	    height: 210px;
	}
	.pro-img img{
		height:200px;
	}
	#facility h4 {
	    font-size: 17px;
	}
}
@media(max-width: 375px){
	.logo-section h1 {
	    font-size: 23px;
    	margin-top: 8px;
	}
	.logo-name img {
	    margin-top: 5px;
	}
	.social-icon img {
	    width: 13%;
	}
	.banner-bottom h2, .pages h2{
		font-size: 20px;
	}
	.gallery-img img {
	    height: 200px;
	}
	.programme-img img {
	    height: 215px;
	}
}
@media(max-width: 320px){
	.logo-section h1 {
	    font-size: 21px;
	    margin-top: 3px;
	}
	.social-icon img {
	    width: 15%;
	}

}