/*!
 * IE10 viewport hack for Surface/desktop Windows 8 bug
 * Copyright 2014-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/*
 * See the Getting Started docs for more information:
 * http://getbootstrap.com/getting-started/#support-ie10-width
 */
@-ms-viewport     { width: device-width; }
@-o-viewport      { width: device-width; }
@viewport         { width: device-width; }

body {font-family:'Open Sans', Arial, Helvetica, sans-serif; font-size:14px;overflow-x:hidden;}
a {color:#333;}
h1,h2,h3,h4 {font-weight:bold;}
img {max-width:100%; display:inline-block;}
.spacer30 {height:30px; clear:both;}
.spacer50 {height:50px; clear:both;}
.navbar-default {border:0; background:none; margin-bottom:0;}
.navbar-brand {height:auto; padding:0 15px;}
.navbar-default .navbar-nav > li > a {color:#333; font-size:14px;}
address {margin:5px 0;font-style:normal;color:#333;	float:left; font-size:12px;width: 100%;}
address a {color:#999999; font-size:12px;}
.newsInfo a {color:#333; font-size:12px;}
.newsInfo a span {color:#999;}
.footerIcon {float:right;}

.sidebar {float:left; width:25%; padding:0 15px;}
.content {float:left; width:75%; padding:0 15px;color: #666;}
.content.fullContent {width:100%;}
.content p {line-height: 24px;}

.content .newsleftCol,.content .newsDisplay,.ProgrammesleftCol,.ProgrammesDisplay {width:auto; float:none; margin:0; }
.innerWrap {padding:10px 0;}
h2.innerTitle,.newsleftCol h3 {margin:0;}
#accordion .panel-title {font-size:14px; color:#f46aad; position:relative;}
#accordion .panel-default > .panel-heading {padding:0;}
#accordion .panel-default > .panel-heading h4 a {padding:10px 15px;background:#e5e5e5;display:block;}
#accordion .panel-default > .panel-heading h4 a:hover {cursor:pointer;}
#accordion .panel-default > .panel-heading h4 a span {position:absolute; right:15px; top:5px; width:24px; height:24px; background:url(../images/close-arrow.png) no-repeat;}
#accordion .panel-default > .panel-heading h4 a.collapsed span {background:url(../images/open-arrow.png) no-repeat;}

/*NEW*/
.slider_mobile { display: none; }
.ms-bullets.ms-dir-h { bottom: 10px; }
.ms-skin-default .ms-bullet {background-image: none; background-color: #eee; border-radius: 50%; opacity: 0.5; box-shadow: 0 0 5px rgba(0,0,0,0.8); }
.ms-skin-default .ms-bullet-selected { background-color: #ed0576; opacity: 1; }

.bannerWrap {background-position: 80% center; background-repeat: no-repeat;-moz-box-shadow: inset 0 0 60px rgba(0,0,0,0.5);-webkit-box-shadow: inset 0 0 60px rgba(0,0,0,0.5);box-shadow: inset 0 0 60px rgba(0,0,0,0.5);}
.bannerCaption img { max-width: 100%; }
.ms-view {background: #fff;}
.topcontact em {background:none; padding:15px 0;}
.topcontact em:first-child {background: url(../images/phone_icon.jpg) no-repeat left center; padding: 15px 0 15px 30px;}
.contents_col ul {line-height:1.4;}

@media (max-width: 991px) {
	.hidden-desktop {display:none;}
	.mobile-top {float:right;}
	.mobile-top .topcontact {float:none;}
	/*NEW*/
	.bannerCaption .container { width: 100%; }
	.bannerWrap { background-position: 130% top; }
	.bannerCaption img { max-width: 70%; }	
}
 
@media (max-width: 767px) {
	.contents_col img {padding-bottom:35px;}
	.more-btn {float:none; margin:15px 0 10px; position:relative; right:auto; bottom:auto;display:inline-block;}
	.contents_col {width:100%; border-bottom:1px solid #ccc; min-height:0;  padding:10px;}
	.footerWrap {padding:20px 0;}	
	.footerWrap address {float:none; clear:both; padding-top:20px; text-align:center;}	
	.footerGroup ul ,.sidebar{display:none;}
	.footerIcon {float:none; text-align:center;}
	.topcontact {margin-top:5px; font-size:12px;}
	.navbar-brand > img {width:130px;}
	.content {width:100%;}
	.mobile-center {text-align:center;}
	/*NEW*/
	.bannerCaption img {-webkit-filter: invert(100%);filter: invert(100%); max-width: 100%; }
	.bannerWrap {height: auto;padding-bottom: 52%;position: relative;background-size: contain;}
	.bannerCaption {position: absolute;z-index: 10;bottom: 0;left: 0;right: 0;margin: auto;text-align: center;background-color: #fff;}
}

/*NEW*/
@media (max-width: 600px) {
	.slider_desktop { display: none; }
	.slider_mobile { display: block; overflow: hidden; }
	.slider-caption {-webkit-filter: invert(100%); filter: invert(100%); max-width: 100% !important;}
	.bannerWrap {padding-bottom: 53%;}
}

@media (max-width: 550px) {
	.content .col-xs-6{width:100%;}
	.navbar-brand > img {width:110px;}
	.contents_col p,ul.home_features_list li{font-size:13px; line-height:1.4;}

	
}
@media (max-width: 450px) {
	.navbar-brand > img {width:115px;}
	.mobile-top {float:none;text-align:center;}
	.headerWrap .navbar-toggle {top:10px;}
	.display_03,.display_02{float:none; margin:5px 0 15px;}
	.slider-caption { bottom: 16px !important; width: 85% !important; height: auto !important; }

}

@media (max-width: 400px) {
	.contents_col img {float:none; padding-bottom:10px;}	
}


@media (min-width: 768px) and (max-width: 991px) {
	.contents_col img {float:none; padding-bottom:15px;}
	.more-btn {float:none; margin:15px 0 10px; position:relative; right:auto; bottom:auto;display:block;}
	.footerWrap {padding:20px 0;}
	.footerWrap address {float:none; clear:both; padding-top:20px;text-align:center;}
	.content {width:100%;}
	.sidebar {display:none;}
	.desktop-left {float:right; margin:0 0 15px 15px;}	
}

@media (min-width: 992px) {
	.dropdown:hover .dropdown-menu {display: block;margin-top: 0; }
	.navbar-nav {float:right; margin-right:-15px; margin-top:20px;}
	.navbar-default .navbar-nav > li > a {border-right:1px solid #ccc; padding:4px 10px;}
	.navbar-default .navbar-nav > li:last-child > a {border:0;}
	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus	{background:none; color:#000;}
	.dropdown .dropdown-menu {background:#ed0677; border-radius:0; padding:0;}
	.dropdown-menu > li > a {color:#fff; padding:6px 15px; border-bottom:1px dotted #fff;}
	.dropdown-menu > li > a:hover {background:#af0357; color:#fff; }
	.dropdown-menu > li:last-child > a {border:0;} 
	.mobile-top .topcontact {display:none;}
	.desktop-left {float:right; margin:0 0 15px 15px;}	
}
@media (min-width: 992px) and (max-width: 1199px) {
	.navbar-default .navbar-nav > li > a { font-size:12px;}
	/* .more-btn {bottom:-30px; } */
	.contents_col ul,.contents_col p {margin-bottom:30px;}
}

@media (min-width: 1200px) {
	.navbar-default .navbar-nav > li > a {border-right:1px solid #ccc; padding:4px 15px;}
}