/* only for the devices bigger than widescreens */
@media screen and (max-width:1309px) {
	.panel-layout-nav, .panel-layout-2 {
		font-size: 12px;
	}
	.number-columns-5 .panel-layout-2 {
		font-size: 10px;
	}
}

/* any device upto the widescreen */
@media screen and (max-width:1199px) {
	.content-layers-item-top .content-layers-nav a {
		padding: 0 3px;
	}
	.number-columns-1 .panels-layout-boxed .panel-layout-1-content, .number-columns-1 .panels-layout-unboxed .panel-layout-1-content {
		width: 77%;
	}
	.newswall-carousel .item {
		/*height: 465px;*/
	}
	.newswall-carousel .carousel-caption a {
		font-size: 35px;
	}
	.news-utility-header > h4 a {
	}
}
@media screen and (min-width:992px) {
}
@media (min-width:992px) and (max-width:1199px) {
	.container {
		width: 970px;
	}
	.tools .navbar-nav > li > a {
		padding: 10px 33px;
	}
	.tools .navbar-nav>li:last-child a {
		padding-right: 32px;
	}
	.panel-layout-1-content {
		min-height: 270px;
	}
}

/*smaller / older PC's and anything lover than 991px */
@media screen and (max-width:991px) {

	.modalbg .container{
		width: 100% !important;
	}

	/* header */
	.mobile-nav-icons {
		text-align: right;
	}
	.mobile-logo {
		float: left;
		width: 50%;
	}
	.mobile-menu-button {
		float: right;
	}
	.content-layers-item h1, .title {
		letter-spacing: 0;
		font-size: 24px;
		line-height: 32px;
		margin-bottom: 15px;
	}
	h2, .h2 {
		font-size: 20px;
	}
	h3, .h3 {
		font-size: 18px;
	}
	.ui-accordion-header {
		font-size: 18px;
	}
	.mobile-nav-icons .header-mobile-search-link, .mobile-nav-icons .header-mobile-register-link {
		display: inline-block;
		line-height: 50px;
		font-size: 21px;
		padding: 0 5px;
	}
	.mobile-nav-icons a:last-child {
		padding-right: 0;
	}
	.header-white .header-wrapper, .header-wrapper {
		background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
		padding-bottom: 20px;
	}
	.header-mobile .mobile-nav-wrapper {
		float: right;
		width: auto;
		vertical-align: middle;
		padding-top: 7%;
	}
	.header-mobile .mobile-nav-wrapper > div {
		float: right;
		font-size: 30px;
		margin-left: 1em;
	}
	.header-mobile .mobile-nav-wrapper a i.fa {
		font-size: 38px;
	}
	.header-mobile .mobile-nav-wrapper a i.fa, .header-mobile .mobile-nav-wrapper a span.glyphicon {
		color: #000;
	}
	.header-mobile .mobile-nav-wrapper {
		padding-top: 18px;
	}
	.header-mobile .mobile-logo-wrapper a img {
		width: 140px;
	}
	.header-mobile-nav-list {
		background: none repeat scroll 0 0 rgba(0, 0, 0, 0.85);
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
		z-index: 9999;
		height: 100vh;
		overflow: hidden;
	}
	.header-mobile-nav-ul-wrapper {
		background: none repeat scroll 0 0 #fff;
		margin: 0 auto;
		padding: 0;
		position: relative;
		top: 73px;
		width: 200px;
		height: auto;
		overflow-y: auto;
		overflow-x: hidden;
		max-height: 70vh;
	}
	.header-mobile-nav-ul-wrapper li {
		padding: 0;
		margin: 0;/* line-height: 1;*/
	}
	.header-mobile-nav-ul-wrapper .active {

		/* font-weight: bold;*/
	}
	.header-mobile-nav-ul-wrapper .active > a {
		color: #70cad1;
		font-weight: bold;
	}
	.header-mobile-nav-list-level1, .header-mobile-nav-list-level2 {
		padding: 0;
	}
	.header-mobile-nav-list-level2 {
		padding-left: 13px;
	}
	.header-mobile-nav-list-level3 {
		padding-left: 18px;
	}
	.header-mobile-nav-list-level1 li a {
		text-decoration: none;
		color: #004862;/* line-height: 10px;padding: 0 !important;margin: 0;*/
	}
	.header-mobile-nav-list-level1 li a:hover {
		color: #70cad1;
	}
	.header-mobile-nav-list-level1 > li > a {
		text-transform: uppercase;
		font-weight: bold;
	}
	.header-mobile-nav-list-level1 > li {
		border-bottom: 1px solid #ccc;
		line-height: 23px;
		padding: 5px 10px;
		list-style: none;
		text-decoration: none;
	}
	.header-mobile-nav-list-level1 > li.active {

		/* font-weight: bold;*/
	}
	.header-mobile-nav-list-level1 li:last-child {
		border-bottom: medium none;
	}
	.header-mobile-nav-list-level2 li {
		list-style: none;
		font-size: 13px;
	}
	.header-mobile-nav-list-level2 li:before {
		color: #8f8f8f;
		content: "\f105";
		display: block;
		float: left;
		font-family: 'FontAwesome';
		font-size: 16px;
		margin-left: -13px;
		width: 13px;
	}
	.header-mobile-nav-list li a span {
		color: #000;
		font-size: 14px;
		font-weight: normal;
		letter-spacing: 1px;
		text-transform: uppercase;
	}
	.header-mobile-nav.open .header-mobile-nav-link i:before {
		content: "";
		-moz-font-feature-settings: normal;
		-moz-font-language-override: normal;
		display: inline-block;
		font-family: FontAwesome;
		font-size: inherit;
		font-size-adjust: none;
		font-stretch: normal;
		font-style: normal;
		font-variant: normal;
		font-weight: normal;
		line-height: 1;
		text-rendering: auto;
	}
	.header-mobile-nav {
		position: relative;
		z-index: 99999;
	}
	.mobile-menu-icon-close {
		position: absolute;
		right: 30px;
		top: 20px;
		color: #fff;
		z-index: 99999;
		font-size: 30px;
	}
	.mobile-menu-icon-close:hover {
		color: #fff;
	}
	.mobile-menu-icon-close i {
		color: #fff;
	}
	.mobile-nav-icons.open > .dropdown-menu {
		left: inherit;
		right: 0;
	}
	.page-lhs {
		padding-top: 10px;
		padding-bottom: 20px;
	}
	.content-mobile-nav-link .fa {
		margin-right: 10px;
	}
	.tools {
		border: none;
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	}
	.breadcrumb-box {
		border-top: 1px solid rgba(0, 72, 98, 0.1);
	}
	.page-middle {
		border: none;
	}
	.mobile-menu-icon {
		display: block;
		font-size: 49px;
		line-height: 50px;
	}
	.panel-layout-1-content {
		min-height: 320px;
	}
	.double-column-short .panel-layout-2 {
		height: 108px;
	}
	.panel-layout-3 {
		min-height: 450px;
	}
	.footer_bottom {
		font-size: 14px;
	}
	.content-layers-item h1, .content-layers-item h2, .related-content-layer h3 {
		font-size: 35px;
	}
	.number-columns-1 .panel-widget, .number-columns-3 .panel-widget, .number-columns-4 .panel-widget {
		margin-left: 0 !important;
		border: none !important;
	}
	.col-sm-12.columns-item-1 {
		float: left;
		min-height: 156px;
		width: 50%;
	}
	.layer-colour-scheme-dark-turquoise {
		padding: 35px 0 0;
	}
	.news-item .news-item-twitter {
		padding: 5px;
	}
	.news-item .news-item-twitter a {
		word-wrap: break-word;
	}
	.search-results .title {
		margin-top: 20px;
	}
	.press-release-year a, .press-release-month a {
		font-size: 12px;
		padding: 6px 4px 4px;
	}
	.news-utility-header > h4 {
		font-size: 14px;
		margin-bottom: 0;
	}
	.newswall-carousel .carousel-caption a {
		font-size: 27px;
	}
	.blogs-item .blog_information .client-wrap {
		margin-top: 25px;
	}
	.login-register .buttons-box .required {
		display: block;
		padding-top: 10px;
	}
	.panels-layout-unboxed .panel-layout-vertical {
		border-left: none;
		margin-left: 0;
		padding-left: 0;
	}
	.panels-layout-unboxed .panel-layout-vertical .panel-layout-1-content h3 {
		top: 0;
	}
	.content-layers-item, .content-layers-item.content-layers-item-top {
		padding: 35px 0;
		min-height: inherit;
	}
	.panels-layout-unboxed .panel-layout-vertical .panel-layout-1 {
		padding-bottom: 20px;
	}
	.news-utility-header > h4 a {
		line-height: 64px;
	}
	.news-utility {
		margin-top: 30px;
	}
}

/*ipad landscape and alrger devices*/
@media screen and (min-width:768px) {
	.carousel-control {
		width: 4%;
	}
}

/*ipad potrait only*/
@media screen and (min-width:768px) and (max-width:991px) {
	.number-columns-1 .panels-layout-unboxed .panel-widget, .number-columns-1 .panels-layout-boxed .panel-widget, .number-columns-3 .panels-layout-unboxed .panel-widget, .number-columns-4 .panels-layout-unboxed .panel-widget, .number-columns-3 .panels-layout-boxed .panel-widget, .number-columns-4 .panels-layout-boxed .panel-widget {
		padding-left: 0;
	}
	.number-columns-1 .panel-layout-1-col1 .panel-layout-icon, .number-columns-3 .panel-layout-1-col1 .panel-layout-icon, .number-columns-4 .panel-layout-1-col1 .panel-layout-icon {
		padding-left: 0;
	}
	.number-columns-1 .panels-layout-boxed .panel-layout-1.panel-layout-1-col1:before, .number-columns-1 .panels-layout-unboxed .panel-layout-1.panel-layout-1-col1:before, .number-columns-3 .panels-layout-boxed .panel-layout-1.panel-layout-1-col1:before, .number-columns-3 .panels-layout-unboxed .panel-layout-1.panel-layout-1-col1:before, .number-columns-4 .panels-layout-boxed .panel-layout-1.panel-layout-1-col1:before, .number-columns-4 .panels-layout-unboxed .panel-layout-1.panel-layout-1-col1:before {
		content: normal;
	}
	.panels-layout-unboxed .content-panels .columns-item-1:nth-child(2n+5), .panels-layout-boxed .content-panels .columns-item-1:nth-child(2n+5) {
		clear: both;
	}

	/* Safari only css */
	::i-block-chrome, .mobile-logo {
		height: 52px;
	}

	/* IE only css */
	_:-ms-lang(x), .mobile-logo {
		height: 52px;
	}
}

/*mobile landscape and potrait*/
@media screen and (max-width:767px) {
	.header {
		padding: 10px 0;
	}
	.mobile-logo {
		width: 65%;
	}
	.mobile-menu-button.mean-container a.meanmenu-reveal {
		padding: 10px 0 8px 13px;
	}
	.mobile-menu-button.mean-container .mean-nav {
		top: 50px;
	}
	.mobile-nav-icons .header-mobile-search-link, .mobile-nav-icons .header-mobile-register-link {
		line-height: 40px;
	}
	.footer_bottom a {
		font-size: 14px;
	}
	.footer_bottom {
		line-height: 36px;
		text-align: center;
		padding: 15px 0;
	}
	.footer-social {
		text-align: center;
	}
	.footer-social a {
		font-size: 20px;
	}
	.panel-layout-3 {
		margin-bottom: 30px;
	}
	.mobile-menu-wrapper {
		margin-right: 10px;
	}
	.footer_bottom ul li {
		padding-right: 8px;
		padding-left: 8px;
	}
	.content-layers-nav a {
		width: 430px;
	}
	.panel-layout-1 {
		margin: 30px 0;
	}
	.panel-layout-1-content, .panel-layout-3 {
		min-height: inherit;
	}
	.panel-layout-2 {
		padding: 0;
	}
	.ui-accordion-header {

		/* width: 90%;*/font-size: 15px;
		padding: 10px 30px 10px 5px;
		line-height: 1.2;
	}
	.ui-accordion-content {
		padding: 5px;
	}
	.ui-accordion-header::after {
		padding: 10px 5px;
		line-height: 15px;
		right: 0;
		font-size: 28px;
	}
	.front-carousel-item-content h1 {
		font-size: 28px;
	}
	.front-carousel-item-content h3 {
		font-size: 20px;
	}
	.carousel-control {

		/*display: none;*/
	}
	.panel-layout-default-wrapper .panel-layout-default-hover {
		display: block;
	}
	.panel-shape-square, .panel-shape-portrait {
		float: left;
		width: 50%;
	}
	.content-layers-item-top .col-sm-12 .columns-item-3 .panel-layout-nav a {
		font-size: 12px;
		padding: 0 5px;
	}
	.number-columns-5 .columns-item-5 {
		width: 50%;
		float: left;
		margin-bottom: 15px;
	}
	.panel-layout-3 {
		margin-bottom: 20px !important;
	}
	.content-layers-item h1, .content-layers-item h2, .related-content-layer h3 {
		font-size: 22px;
	}
	.panel-shape-square, .panel-shape-panoramic, .panel-shape-landscape, .panel-shape-portrait {
		margin-bottom: 15px !important;
	}
	.content-layers-item-content ul {
		padding-left: 26px;
	}
	.content-layers-item-content {
		padding: 32px 20px !important;
	}
	.layer-textbox-unboxed.content-layers-item-content {
		padding: 0 !important;
	}
	.number-columns-5 .panel-layout-2 {
		font-size: 12px;
	}
	.col-sm-4.panel-shape-panoramic.columns-item-3 {
		width: 50%;
		float: left;
	}
	.panel-layout-2 {
		font-size: 12px;
	}
	.layer-colour-scheme-dark-turquoise .layer-textbox-boxed, .layer-colour-scheme-dark-pink .layer-textbox-boxed, .layer-colour-scheme-light-pink .layer-textbox-boxed, .layer-colour-scheme-light-turquoise .layer-textbox-boxed, .layer-colour-scheme-light-grey .layer-textbox-boxed {
		padding: 25px 20px;
	}
	.col-sm-12.columns-item-1 {
		width: 100%;
		min-height: inherit;
	}
	.number-columns-1 .panels-layout-unboxed .panel-layout-1, .number-columns-3 .panels-layout-unboxed .panel-layout-1, .number-columns-4 .panels-layout-unboxed .panel-layout-1 {
		padding-bottom: 30px;
	}
	.number-columns-1 .panel-layout-1-col1 .panel-layout-icon, .number-columns-3 .panel-layout-1-col1 .panel-layout-icon, .number-columns-4 .panel-layout-1-col1 .panel-layout-icon {
		font-size: 18px;
		padding-top: 3px;
		padding-left: 0;
	}
	.number-columns-1 .panels-layout-boxed .panel-layout-1.panel-layout-1-col1:before, .number-columns-1 .panels-layout-unboxed .panel-layout-1.panel-layout-1-col1:before, .number-columns-3 .panels-layout-boxed .panel-layout-1.panel-layout-1-col1:before, .number-columns-3 .panels-layout-unboxed .panel-layout-1.panel-layout-1-col1:before, .number-columns-4 .panels-layout-boxed .panel-layout-1.panel-layout-1-col1:before, .number-columns-4 .panels-layout-unboxed .panel-layout-1.panel-layout-1-col1:before {
		content: normal;
	}
	.panel-layout-1-col1 h3 {
		font-size: 18px;
		line-height: 25px;
	}
	.panels-layout-unboxed .panel-layout-3 .panel-layout-text-wrapper {
		padding-bottom: 18px !important;
	}
	.panels-layout-unboxed .panel-widget .content-panels div:last-child .panel-layout-3 .panel-layout-text-wrapper {
		padding-bottom: 0 !important;
	}
	.panels-layout-unboxed .panel-layout-3 h4 a {
		font-size: 18px !important;
	}
	.number-columns-1 .panels-layout-unboxed .panel-widget, .number-columns-1 .panels-layout-boxed .panel-widget {
		padding-left: 0;
	}
	.number-columns-3 .panels-layout-unboxed .panel-widget, .number-columns-4 .panels-layout-unboxed .panel-widget, .number-columns-3 .panels-layout-boxed .panel-widget, .number-columns-4 .panels-layout-boxed .panel-widget {
		padding-left: 0;
		margin-left: 50px;
		margin-top: 0px;
		padding-bottom: 45px;
		padding-top: 0px;
	}
	.number-columns-3 .panels-layout-unboxed .panel-layout-1.panel-layout-1-col1:before, .number-columns-4 .panels-layout-unboxed .panel-layout-1.panel-layout-1-col1:before, .number-columns-3 .panels-layout-boxed .panel-layout-1.panel-layout-1-col1:before, .number-columns-4 .panels-layout-boxed .panel-layout-1.panel-layout-1-col1:before {
		left: -3px;
		top: -41px;
	}
	.number-columns-3 .panels-layout-unboxed .panel-layout-1, .number-columns-4 .panels-layout-unboxed .panel-layout-1, .number-columns-3 .panels-layout-boxed .panel-layout-1, .number-columns-4 .panels-layout-boxed .panel-layout-1 {
		margin-bottom: 50px;
	}
	.number-columns-3 .panels-layout-unboxed .panel-layout-icon, .number-columns-4 .panels-layout-unboxed .panel-layout-icon, .number-columns-3 .panels-layout-boxed .panel-layout-icon, .number-columns-4 .panels-layout-boxed .panel-layout-icon {
		padding-left: 0;
	}
	iframe {
		width: 100%;
	}
	.number-columns-1 .panels-layout-boxed .panel-layout-1, .number-columns-1 .panels-layout-unboxed .panel-layout-1 {
		width: 100%;
	}
	.number-columns-1 .panels-layout-boxed .panel-layout-icon, .number-columns-1 .panels-layout-unboxed .panel-layout-icon {
		width: 10%;
	}
	.number-columns-1 .panels-layout-boxed .panel-layout-1-content, .number-columns-1 .panels-layout-unboxed .panel-layout-1-content {
		width: 90%;
	}
	.panels-layout-boxed .columns-item-4 {
		margin-bottom: 0;
	}
	.number-columns-5 .col-sm-2.columns-item-5 {
		width: 50%;
	}
	.search-results .searchresult-paging .sortby {
		text-align: left;
	}
	.press-release-top .press-release-year {
		float: left;
		margin-bottom: 1em;
		width: 50%;
	}
	.press-release-top .press-release-month {
		float: left;
		margin-bottom: 1em;
		width: 25%;
	}
	.news-utility-header > h4 {
		font-size: 16px;
	}
	.newswall-carousel .carousel-caption a {
		font-size: 20px;
	}
	.news-utility {
		margin-top: 2em;
	}
	.news-utility-header > h4:last-child a {
		margin-bottom: 0;
	}
	.login-register .box.login:first-child {
		padding-bottom: 20px;
	}
	.login-register .forgot {
		display: block;
		margin-right: 0;
		margin-top: 10px;
	}
	.register-page h1 {
		font-size: 24px;
	}
}

/* retina fix for the background sliders */
@media only screen and (min-width:300px) and (max-width:1024px) and (-webkit-min-device-pixel-ratio:1.5) {
	.content-layers-item {
		background-attachment: scroll !important;
	}
}
@media only screen and (min-width:769px) and (max-width:1024px) {
}

/*mobile landscape only*/
@media screen and (min-width:480px) and (max-width:767px) {
	.container {
		width: 460px;
	}
	.mobile-menu-icon {
		font-size: 22px;
		line-height: 34px;
		padding: 0px 4px;/* border: 1px solid #ccc;text-align: center;margin-top: 3px;*/
	}
	.front-carousel-item-wrapper {
		height: 395px !important;
	}

	/* Safari only css */
	::i-block-chrome, .mobile-logo {
		height: 40px;
	}

	/* IE only css */
	_:-ms-lang(x), .mobile-logo {
		height: 40px;
	}
}

/*mobile potrait only*/
@media screen and (max-width:479px) {
	.container {
		width: 290px;
	}
	.mobile-logo {
		width: 60%;
	}
	.mobile-nav-icons .header-mobile-search-link, .mobile-nav-icons .header-mobile-register-link {
		font-size: 18px;
		line-height: normal;
	}
	.mobile-menu-button.mean-container a.meanmenu-reveal {
		padding: 1px 0 0 10px;
	}
	.mobile-menu-button.mean-container .mean-nav {
		top: 35px;
	}
	.footer_bottom {
		line-height: 25px;
	}
	.footer_bottom ul li {
		padding-right: 4px;
		padding-left: 4px;
	}
	.footer_bottom a {
		font-size: 10px;
	}
	.footer-social ul li {
		padding-right: 10px;
		padding-left: 10px;
	}
	.footer-social a {
		font-size: 20px;
	}
	.mobile-menu-icon {
		display: block;
		font-size: 27px;
		line-height: 27px;
	}
	.front-carousel-item-wrapper {
		height: 540px !important;
	}
	.carousel-caption {
		top: 35%;
	}
	.content-layers-item-top .col-sm-12 .columns-item-3 .panel-layout-nav a {
		padding: 0 5px;
	}
	.cms-content-page > ul {
		padding-left: 10px;
	}
	.number-columns-5 .columns-item-5 {
		width: 50%;
	}
	.col-sm-4.panel-shape-panoramic.columns-item-3 {
		width: 100%;
	}
	.panel-layout-2, .panel-layout-nav {
		font-size: 11px !important;
	}
	.content-layers-item a {
		word-wrap: break-word;
	}
	.search-results .pagination > li > a {
		margin-bottom: 5px;
	}
	.search-results .searchresult-paging .sortby a {
		margin-left: 0;
	}
	.newswall-carousel .carousel-caption {
		top: 5%;
	}
	.newswall-carousel .carousel-caption a {
		font-size: 13px;
	}
	.btn.btn-border.btn-inverse {
		display: table;
		margin: 10px 0;
	}
	.register-page .RadCaptcha label {
		padding-top: 10px;
	}

	/* Safari only css */
	::i-block-chrome, .mobile-logo {
		height: 20px;
	}

	/* IE only css */
	_:-ms-lang(x), .mobile-logo {
		height: 20px;
	}
}

/* retina fix for the background sliders */
@media only screen and (max-width:1024px) and (-webkit-min-device-pixel-ratio:1.5) {
	.content-layers-item {
		background-attachment: initial !important;
	}
}