/*=====================================================
=            Bootstrap 2.3.2 Media Queries            =
=====================================================*/
@media only screen and (max-width : 1224px){
	.carousel {top: -203px;}
	.nav>li>a {margin-right: 15px;}
		
}
@media only screen and (max-width : 1160px){
	.carousel {top: -184px;}
	.navbar-brand{height:130px}
	.navbar-brand img{height:108px; width:130;}
	.nav>li>a {margin-right: 10px;}
    .content{margin-top:50px}
	.navbar-default .navbar-nav>li>a{font-size:12pt; font-style:bold}
	
}
@media only screen and (max-width : 1024px) {
.welcome {text-align:center;    margin: 40px auto;    margin-top: 0px;}
.footer-back{background-color:#084782;padding: 10px; font-size: 12px;}
.container-fluid{padding:0;margin:0px auto}
.footer-back a{color:#fff;margin-right: 10px;}
.footer-back p{color:#fff;    font-size: 14px;}
.navbar-brand{height:130px}
.navbar-brand img{height:108px; width:130;}
.content{margin-top:-15px}
h2{ font-size:23px}




}
@media only screen and (max-width : 1024px){
	.content{margin-top:-150px}
	.nav>ul{ margin:0px auto}
	
}
@media only screen and (max-width : 979px) {
.nav>li>a {margin-right: 0px;
.customs img{float:left;padding-right: 10px; margin-bottom: 29px; width:440px; height:244px }
}
.navbar-brand{height:110px}
.navbar-brand img{height:88px; width:110px;}
.navbar-default .navbar-nav>li>a{font-size:12pt}
.activities .btn{margin-bottom:30px}
.services-content{margin-top:45px}
.profile-content{border-right:none}
.content-page{margin-top: -150px;}
.content-page img {
    width: 55%;
}
.customs img{margin-bottom: 18px; }
.customs p{font-size:18px;}
.carousel {position: relative;z-index: 555;top: -300px;}
.content{margin-top:-150px}
.nav>li>a {margin-right: 10px;}
.carousel {top: -184px;}
.col-md-5 {height: 41.66666667%;}
.carousel-caption {bottom: 25%;}
.enjoy-css {margin-top:-30px;}
.carousel-caption h2{font-size:20px;font-weight:bold}
.carousel-caption p{font-size:15px; padding-bottom:0px}
.welcome2 {margin-top: 0px;}
}


@media only screen and (max-width : 767px) {
.customs h4{font-size:18px;}
.customs p{font-size:18px;}
.navbar-brand{height:60px}
.footer-back .fa{    margin-bottom: 18px;}
.customs img{float:left;padding-right: 10px; margin-bottom: 29px; width:440px; height:244px }
.content-page img{width:380px; height:184px;} 
.customs img{margin-bottom: 18px; }
.mission p,.vision p{font-size:16px;}
.enjoy-css {margin-top:-70px;}
.carousel {top: -184px;}
.carousel-caption h2{font-size:20px;font-weight:bold}
.col-md-5 {height: 51.66666667%;}
.header{    display: block;
    z-index: 999;
    position: relative;
	background-color: rgba(255, 255, 255, 0.0)!important;}
.navbar-nav {
    border-top: 0px;
    background: #fff;
    padding-left: 27px;
}
	.nav>ul{ margin:0px auto}
}

@media only screen and (max-width : 480px) {
.activities .btn{margin-bottom:20px}
.navbar-brand{height:80px}
.profile img{float:none}
.contact{margin-top: 70px;}
.customs p{font-size:16px;}
.content-page img{width:380px; height:184px;} 

.carousel {top: 0;}
.content {
    margin-top: 0;
}
.content-page {
    margin-top: 0;
}
}
@media only screen and (max-width : 400px){
.content-page img{width:340px; height:144px;} 
.customs2{margin-top: 150px;}
h2{ font-size:16px}
	
}


@media only screen and (max-width : 320px) {
.navbar-brand{height:80px}
.content-page img{width:320px; height:124px;} 
.navbar-nav{    border-top: 0px;}

h2{ font-size:18px}
}
@media only screen and(max-width:1290px){
	.carousel-caption {
    right: 30%;
    left: 30%;
    bottom: 13%;}
	}