/* @override http://escala2.efront-dev.com.au/css/screen_mobile.css */

#layoutmessage {
	position:fixed;
	right:0px;
	width: 120px;
	height: 20px;
	background: #ff1100;
	color: #ffffff;
	text-align: center;
	display: none;
	
}




#mobile, #ipad {
	display: none;
}

#desktop {
	display: block;
}



.divider.small{display:none;}


/* Media Queries*/





@media only screen
and (min-width : 600px)
and (max-width : 800px) {



#desktop, #mobile {
	display: none;
}

#ipad {
	display: block;
}

.nav {
	list-style: none;
	text-align: center;
	display: block;
	padding: 22px 0 15px 0;
	width: 70%;
	margin: 0 auto;
}

.submenu {
	list-style: none;
	text-align: center;
	display: block;
	padding-bottom: 22px;
	width: 60%;
	margin: 0 auto;
}

.submenu li {
	list-style: none;
	display: inline-block;
	padding: 0px 11px;
	position: relative;
}


.service-block.even {margin-right: 0; margin-left: 2%; margin-right: 0 }

}

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

.cat_inner_research .top-banner h1{
	/*line-height: 40px;*/
}

/*.top-banner h1 {position:relative; z-index:2;font-family: 'escala_regularregular'; font-size:60px; line-height:117px; color:#F5F2F0; text-transform:uppercase;  padding-bottom:45px; padding-top:50px;}
*/

.footer-logo{position:absolute;bottom:-30px;left:0px;}


.item-daily-chart .ladder-bottom{height: auto; min-height: 100px !important;}
	
.our-people-page .grid2{display: none;}
.page-left-3-col .page-left {
	padding:25px 0px 0px 0px ;
	float:none;
	width:100%;
	border-right:0px solid #cacaca;
	overflow:hidden;}

.page-right{
	padding:20px 0; 
	padding-top:25px;
	float:none;
	width:100%;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	overflow:hidden;
	padding-left:10px;	
	

}
	
.divider.small{display:none;}
.page-center{ 	
	width:100%;
	margin:0px auto;
	padding:0px 10px;	
}



.large-quote {background:#fff;
	width:100%;
	max-width:100%;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	padding:35px 40px 35px 40px;
	margin:0 auto;
	margin-top:25px;}

.large-quote .quote-text{
	font-size:24px;
	line-height:29px;
	color:#5f5f5f;
	font-family:'miller_displayitalic';}

.large-quote .quote-cite{
	font-size:12px;
	line-height:15px;
	color:#5f5f5f;}

.large-quote h5{
	font-size:12px;
	line-height:15px;
	color:#4d4d4d;
	font-family:Arial, 'Open Sans',sans-serif;}
	
.slide-info-popup {padding:20px;}

#homepage-slider .home-slide h1 { font-size:70px;line-height:82px;}


.contact-left, .contact-right {float:none;width:100%;border-right:0; padding:20px 0;min-height: 200px!important;}

.column-one-third {float:none; 
	width:100%;}

.column-one-third.last {float:none; 
	width:100% !important;
	}
.login-form {
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box; 
	padding:0 20px;}

.partners-block .page-right{
	padding:0px; 
}



.brochure-item	{ width:50%;}
.service-block { width:30%;}

.glossary-item {  width:50%;}

.footer-box, .body.glossary .footer-box, body.brochure .footer-box{ width:25%!important;}

.footer-box.first, .body.glossary .footer-box.first, body.brochures .footer-box.first{
	width:50%!important;}
.grid1, .grid3{display:none;}

.footer-logo{ 	
	display:none;}
.footer-logo-mobile{ 	
	position:absolute;	
	bottom:10px;}

body.in-formation a.login-button{ 	
	top:0px;}

body.our-people-page a.login-button,

body.contactpage a.login-button{ 	
	top:0px;}
	
	
.footer-logo-mobile{ 	
	display:block;}
.page-left{ 	
	width:100%;}
	
body.approved-product-list div.page-ladder div.wrapper div.page-left div.ladder-cont div.ladder-item {border-bottom: 1px solid #CACACA; }


.service-block.even {margin-right: 0; margin-left: 0px; margin-right: 2% }

	
}








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

.our-people-page .grid2{display: none;}
body.approved-product-list div#main.escalator div.page-ladder div.wrapper div.page-right div.ladder-cont div.ladder-item:first-child {border-bottom: 1px solid #CACACA; }

.top-banner h1{
	line-height: auto !important;
}

.cat_inner_research .top-banner h1{
	line-height: 40px;
}

table.daily-data-table {
	font-size: 8px;
}

body.our-people-page a.login-button,
body.newscom a.login-button,
body.approved-product-list a.login-button,

.login-container-top a.login-button

{ 	
	top:-6px;}

body.in-formation.about-us a.login-button
{
	top: 4px;
}

body#cat_research a.login-button{
	top: 4px;
}


body.cat_inner_research a.login-button{
	top: 4px;
}



span.filter-label{
	
	position: absolute;
	left: 20px;
	top: 60px;

}


#desktop, #ipad {
	display: none;
}

#mobile {
	display: block;
	}

.top-banner .wrapper {
	width: 100%;
	height: 180px !important;

}

.top-banner {
	width: 100%;
	max-height: 180px;
!important;
}

.top-banner-inner {
	display: table;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.nav-cont {
	position: relative;
}

.nav {
	list-style: none;
	text-align: center;
	display: block;
	padding: 12px 0 10px 0;
	margin-bottom: 10px;
	border-bottom: 1px solid #cacaca;
	width: 100%;
	
}


.nav > li {
	list-style: none;
	padding: 0 10px;
	position: relative;
	display: inline-block;
}

.nav > li > a {
	font-size: 13px;
	line-height: 14px;
	color: #4c4c4c;

}

.nav > li.on > a,
			.nav > li > a:hover {
	
}

.submenu {
	list-style: none;
	text-align: center;
	display: block;
	padding-bottom: 10px;
	border-bottom: 1px solid #cacaca;
}

.submenu li {
	padding: 1px;
}

/*.submenu li{list-style:none; display:block; padding:0 11px;  position:relative;}*/

.submenu li a {
	font-size: 12px;
	line-height: 12px;
	color: #5f5f5f;
	font-family: Arial, sans-serif;
}

.submenu li.on a,
			.submenu li a:hover {
	color: #4c4c4c;
	text-decoration: underline;
}

#homepage-slider .home-slide h1 {
	font-family: 'escala_regularregular';
	font-size: 48px;
	line-height: 50px;
	color: #F5F2F0;
	text-transform: uppercase;
	padding-bottom: 25px;
}

#homepage-slider .home-slide h3 {
	font-family: 'miller_displayitalic';
	font-size: 24px;
	line-height: 24px;
	color: #F6F4F2;
	padding-bottom: 15px;
}

#homepage-slider .home-slide {
	width: 100%;
	display: block;
	width: 100%;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

body.homepage .noflash-left {
	display: none;
}

.login-form-field {
	border-bottom: 1px solid #929292;
	margin-bottom: 10px;
}

/*
.login-button { top: -5px;} 
			 body.in-formation .login-button{ top: 15px;}
*/

/*
.login-button { top: 4px;}
			body.in-formation .login-container-top .login-button{ top: 4px;}
			body.page .login-container-top .login-button{ top: -6px;}
*/

.page-center {
	width: 100%;
	margin: 0px auto;
	padding: 0px 10px;
}

.glossary-item {
	max-width: none!important;
	width: 100%;
	float: none;
	border-top: 1px solid #cacaca;
	min-height: none!important;
	padding: 0px;
	text-align: left;
}

.service-block {
	max-width: none!important;
	width: 100%;
	float: none;
	margin: 0;
	margin-bottom: 15px;
	min-height: none!important;
}

.bank-block img {
	float: none;
	padding-right: 0px;
	padding-bottom: 20px;
}

.column-one-half {
	float: none;
	width: 100%;
}

.column-one-half.last {
	float: none;
	width: 100% !important;
}

.column-one-third {
	float: none;
	width: 100%;
}

.column-one-third.last {
	float: none;
	width: 100% !important;

}

.footer-box , .body.glossary .footer-box, body.brochures .footer-box {
	width: 50% !important;
	body.brochuresmargin-bottom: 20px!important;
}

.footer-box.first, .body.glossary  .footer-box.first, body.brochures .footer-box.first {
	float: none!important;
	width: 100%!important;
	border-left: 1px solid #cacaca!important;
	padding-left: 6px!important;
}

.footer-logo {
	position: relative!important;
}

.brochure-item {
	max-height: auto!important;
}

.glossary-item {
	max-height: auto!important;
}

.service-block {
	max-height: auto!important;
}

a.down-arrow, a.up-arrow {
	display: none;
}

.footer-logo-mobile {
	display: block;
}

.footer-logo {
	display: none;
}

/*body.in-formation a.login-button{
	top: 178px;
}
body.our-people-page a.login-button,

body.contactpage a.login-button{
	top: 123px;
}*/

.footer-logo-mobile {
	position: absolute;
	bottom: 10px;
}

.grid {
	display: none;
}

#popup-login {
	margin: -2px auto;
	z-index: 200;
	position: relative;
	width: 100%;
	max-width: 320px;
	overflow: hidden;
	max-height: 0px;
	transition: max-height 0.6s ease-in;
	-moz-transition: max-height 0.6s ease-in;
	-webkit-transition: max-height 0.6s ease-in;
	-o-transition: max-height 0.6s ease-in;
}

.noflash-left {
	width: 280px;
	float: left;
	padding: 20px 5px;
	border-bottom: 1px solid #E5E5E5;
	height: 150px;
}

.noflash-right {
	width: 280px;
	float: left;
	padding: 30px 5px;
	height: 130px;
	border-bottom: 1px solid #E5E5E5;
}

.popup-login-inner {
	background: #fff;
	padding: 10px 5px;
}






} 	



.styletype {
	position: fixed;
	width: 80px;
	height: 20px;
	background: #ff9900;
	color: #fff;
	text-align: center;
	display: none;
	
}

#desktop, #mobile, #ipad{
	display: none;
}


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

.footer-logo{position:absolute;bottom:190px;left:0px;}

}



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

#footer .footer-inner{padding-bottom: :40px; height: 450px;}
/* .footer-logo-mobile{position:absolute;bottom:0px;left:0px;} */

}

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

#footer .footer-inner{padding-bottom: :40px; height: 780px;}
/* .footer-logo-mobile{position:absolute;bottom:0px;left:0px;} */

}