/*=====================================================
=            Bootstrap 2.3.2 Media Queries            =
=====================================================*/
@media only screen and (max-width : 1200px) {
	.header a{font-size:16px}
	.header .breadcrumb>li+li:before{font-size: 18px;padding: 0 2px;}
}

@media only screen and (max-width : 990px) {
.navbar-default .navbar-nav>li>a {
    color: #164c2e;
    font-size: 18px;
padding: 14px 13px;}
.profile {border-right:none}
.header img{float: none;margin: 10px auto;}
.header .breadcrumb{float:none !important;text-align:center}
.header a{font-size:18px;}
.header .breadcrumb>li+li:before{font-size: 20px;padding: 0 4px;}
.profile label{width:100px}
.jobs label{width:130px;text-align: left;}
}

@media only screen and (max-width : 767px) {
.navbar-nav>li{border-right:none}
.navbar-default .navbar-nav>li>a {font-size: 25px;}
.navbar-default .navbar-nav .open .dropdown-menu>li>a {
    color: #FFF;
    font-size: 25px;
    padding-bottom: 13px;
}
.tab-content{
	text-align:center
}
.tab-content .btn-default{
	margin-left:0
}
.tab-content img{margin:auto}
.nav>li>a>img{max-height:20px;}
.nav-tabs>li>a{font-size:18px !important;padding:7px}

}

@media only screen and (max-width : 480px) {
.header img{    width: 100%;}

.welcome {
    background-position: center right;
}
.nav-tabs{margin:0 -15px}
.nav>li>a>img{max-height: 18px;margin-right: -5px;}
.nav-tabs>li>a{font-size:17px !important;padding:5px}
.about img{width:30%}
.profile form div,.jobs form{text-align:center}
.tour img{width:100%}
}

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

}