@media screen and (max-width: 319px) {
}
 @media (min-width: 320px) and (max-width: 479px) {
	  .menu-bar .navbar-nav {
   float: left;
    margin-top: 0;
    margin-right: 0;
    padding: 0 0 0 18px;
    width: 100%;
}
.menu-bar .navbar-default .navbar-collapse{
    padding-right: 0;
    z-index: 100000;
    padding-left: 0;
}
.menu-bar .navbar-nav>li>.dropdown-menu {
    margin-top: 0;
}
.service-list .list-item .image {
    float: none;
    width: 28%;
    padding: 20px 0 0;
    text-align: center;
    margin: 0 auto;
}
.service-list .list-item .content {
    width: 100%; text-align:center;
}
.bottom-parallax ul {
    margin-left: 20px;
}
.event-content .text {
    padding-left: 0;
}
.event-content .btn-section {
    float: left;
}
.event-content {
    display: block;
    overflow: hidden;
}

footer .map iframe{height:100%;}
.contact-detail li { width:100%; border:none;    padding: 10px 15px;}
.top-header .detail-list ul li {
    display: inline-block;
    padding: 18px 25px;
    text-align: left;
    width: 100%;
}
.detail-heading p {
    text-align: center;
}
.menu-bar {
    height: 121px;
    position: relative;
}
.banner-wrapper .banner-image p.banner-caption strong {
    font-size: 17px;
    line-height: 35px; text-align:center;
}
.banner-wrapper.inner-page .banner-image .banner-caption {
    padding-left: 6%;
}
.vission-mission-content .list-detail.vission {
    width: 100%;
}
.navbar-toggle {
    margin-top: 19px;
}
.event-content {
    padding: 30px 25px;
}
.board-directors .board-list {
    padding: 0 3%;
}
.list-group-secure li {
    display: block;
    padding: 0 7%;
}
.list-group-secure li span{
	margin:0 auto 15px;	
}
.central-monitoring-centre .container {
    padding: 0 25px;
}
.banner-wrapper.inner-page .banner-image{background-size: 100%;    min-height: 69px;
}


.banner-wrapper.inner-page .banner-image.left-side .banner-caption{
    padding-left: 1%;     padding-top: 20px;
}
.banner-wrapper.inner-page .banner-image .banner-caption {
    padding-left: 5%;     padding-top: 20px;
}

}
 @media (min-width: 480px) and (max-width: 599px) {
	 	  .menu-bar .navbar-nav {
   float: left;
    margin-top: 0;
    margin-right: 0;
    padding: 0 0 0 18px;
    width: 100%;
}
.menu-bar .navbar-default .navbar-collapse{
    padding-right: 0;
    z-index: 100000;
    padding-left: 0;
}
.menu-bar .navbar-nav>li>.dropdown-menu {
    margin-top: 0;
}
footer .map iframe{height:100%;}
.navbar-brand {
    width: 85%;padding: 5px 15px;
}
.menu-bar {
    height: 77px;
}
.navbar-toggle {
    margin-top: 17px;
}
.top-header .detail-list ul li:last-child {
    padding: 18px 25px;
}
.contact-detail li { width:100%; border:none;    padding: 10px 15px;}
.detail-heading p {
    text-align: center;
}
.event-content {
    padding:30px 10px;
}
.board-directors .board-list {
    padding: 0 5%;
}
.board-directors .board-list {
    padding: 0 3%;
}
.list-group-secure li {
    width: 49%;
    text-align: center;
    padding: 0 7%;
}
.list-group-secure li span{
	margin:0 auto 15px;	
}
.central-monitoring-centre .container {
    padding: 0 25px;
}
.banner-wrapper.inner-page .banner-image .banner-caption {
    padding-top: 200px;
    padding-left: 24%;
}
.banner-wrapper .banner-image p.banner-caption strong {
    font-size: 23px;
    font-weight: 700;
    display: block;
}
.banner-wrapper.inner-page .banner-image{background-size: 100%;    min-height: 104px;
}


.banner-wrapper.inner-page .banner-image.left-side .banner-caption{
        padding-left: 8%;
    padding-top: 32px;
}
.banner-wrapper.inner-page .banner-image .banner-caption {
     padding-left: 41%;
    padding-top: 32px;

}



}
 @media only screen and (min-width: 600px) and (max-width: 767px) {
	 	  .menu-bar .navbar-nav {
   float: left;
    margin-top: 0;
    margin-right: 0;
    padding: 0 0 0 18px;
    width: 100%;
}
.menu-bar .navbar-default .navbar-collapse{
    padding-right: 0;
    z-index: 100000;
    padding-left: 0;
}
.menu-bar .navbar-nav>li>.dropdown-menu {
    margin-top: 0;
}

.navbar-toggle {
    margin-top: 32px;
}
.top-header .detail-list ul li:last-child {
    padding-right:18px 25px;
}
.contact-detail li { width:100%; border:none;    padding: 10px 15px;}
.detail-heading p {
    text-align: center;
}
footer .map iframe{height:100%;}
.board-directors .board-list {
    padding: 0 3%;
}
.list-group-secure li {
    display: inline-block;
    padding: 0 3%;
}
.central-monitoring-centre .container {
    padding: 0 25px;
}
.banner-wrapper.inner-page .banner-image .banner-caption {
    padding-top: 200px;
    padding-left: 24%;
}
.banner-wrapper .banner-image p.banner-caption strong {
    font-size: 23px;
    font-weight: 700;
    display: block;
}
.banner-wrapper.inner-page .banner-image{background-size: 100%;    min-height: 142px;
}


.banner-wrapper.inner-page .banner-image.left-side .banner-caption {
        padding-left: 8%;
    padding-top: 49px;
}
.banner-wrapper.inner-page .banner-image .banner-caption {
     padding-left: 45%;
    padding-top: 49px;

}
}

 @media only screen and (min-width:768px) and (max-width:999px) {
	 .top-header .detail-list ul li {
    padding: 18px 3px;
}
.navbar-header{float:none;}
.navbar-brand{ float: none;
    padding: 8px 0 6px;
    width: 100%;
    height: 86px;
    display: block;
    margin: 0;}
.logo{    width: 55%; margin: 0 auto;}	
.menu-bar .navbar-nav {
    margin-top: 0;    float: none;
}
.nav>li>a {
    padding: 10px 21px;
}
.menu-bar .navbar-nav>li>.dropdown-menu {
    margin-top: 0;
}
.contact-detail li .phone-number .secure-icon {
    float: none;
    display: block;
    text-align: center;
    margin: 0 auto 15px;
}
.service-list .list-item .image {
    float: none;
    width: 28%;
    padding: 20px 0 0;
    text-align: center;
    margin: 0 auto;
}
.service-list .list-item .content {
    width: 100%; text-align:center;
}
.service-list .list-item {
    min-height: 338px;}
	.event-content {
    padding: 25px;
}
.event-content .btn-section {
    float: left;
}
.board-directors .board-list {
    padding: 0 3%;
}
.list-group-secure li {
    display: inline-block;
    padding:0 4.5%;
}
.banner-wrapper .banner-image p.banner-caption strong {
    font-size: 23px;
    font-weight: 700;
    display: block;
}
.banner-wrapper.inner-page .banner-image{background-size: 100%;    min-height: 170px;
}


.banner-wrapper.inner-page .banner-image.left-side .banner-caption {
        padding-left: 8%;
    padding-top: 77px;
}
.banner-wrapper.inner-page .banner-image .banner-caption {
     padding-left: 50%;
    padding-top: 77px;

}
}
 @media (min-width: 1000px) and (max-width: 1199px) {
	 .nav>li>a {
    padding: 10px 8px;  
}
.navbar-brand {
    padding: 15px 0;
}
.menu-bar .navbar-default .navbar-nav>li>a{
	  font-size: 14px;
}
.event-content {
    padding: 60px 21px;
}
.list-group-secure li {
    display: inline-block;
    padding:0 6%;
}
}