/* mobile */
@media only screen and (max-width: 720px) {

/** {max-width: 100%;}*/
.mobile{display:block;}

#header{width:100%; }
#header div.thebrand {width:100%; padding-top: 60px;}
#header div.thebrand img {width:75%; margin: 0 auto; display: block; padding: 40px 0px;}

#nav div.wrapper {width: 100%;}
div.top-nav {display: none;}
div.top-search {display: none;}
.desktop-hide {display: block;}

div.menu-toggle {width: 60px; border-right: 1px solid #fff; padding: 18px 15px; height: 60px; position: absolute; left: 0; text-align: center;}
div.menu-toggle img {display: block; height: 24px; width: 33px;  cursor: pointer; }

div.mobile-phone {width: 60px; border-left: 1px solid #fff; padding: 4.6% 6%; height: 60px; position: absolute; right: 0; text-align: center;}
div.mobile-phone img {height: 26px; width: 13px;  cursor: pointer; }
div.row-menu { position: absolute; top: 0; left: 0; width: 100%; margin: 0; padding: 0; height: 60px; background-color: #223d96; z-index: 3 !important; border-bottom: 1px solid #fff;}

div.row-menu div.menu { width: 100% !important; margin: 0 !important; margin-top: 60px !important; padding: 0 !important; display: none; float: none !important; background-color: #fff !important; color: #fff !important; padding: 0px 0px !important}

ul.menu {display: none; overflow: hidden; margin-top: 60px !important; width: 100%;}
ul.menu li {display: block !important; float: none; width: 100%; background-color: #223d96; color: #fff; text-align: left; padding-left: 0px !important;}
#nav div.wrapper > ul > li > form,
#nav div.wrapper > ul > li > a {margin: 0; padding: 20px 0 20px 30px !important; display: block!important; width: 100%!important; border-bottom: 1px solid #fff;}

#nav div.wrapper > ul > li > form > div.input-text{float:left;}
#nav div.wrapper > ul > li > form > div.input-text input{font-family:'SeravekMedium' !important;border:1px solid #d7d7d7;height:2.857em;padding:0 1.285em;width:15.5em;font-size:1.4em;}

/* #nav div.wrapper > ul > li:last-child > a { border-bottom: 0px solid #fff;} */
#nav div.wrapper > ul > li.sub-nav:hover > ul { width: 100%;}
#nav div.wrapper > ul > li.sub-nav:hover > ul > li { width: 100%;}
#nav div.wrapper > ul > li.sub-nav:hover > ul > li > a{ width: 100%;}

#social-media {display: none;}

#social-content ul{width:100%;}
#social-content li{width:100%; float:none;}

#footer{width:100%; margin:0 auto;padding:5em 0 2em;}
#footer .thebrand {width: 100%;padding-bottom: 60px}
#footer .thebrand img {width: 50%; display: block; margin: 0 auto;}
#footer .social {right: 0; left: 0; bottom: 20px; top: auto; text-align: center; padding: 30px 0 0;}
#footer .offices { padding: 40px 0 80px}
#footer .offices .list {text-align: center;}
#footer .offices .list .office { width: 100% !important; text-align: center; height: auto;}
.aoda{
	float: none;
}
	#footer .sitemap {
		justify-content: center;
	}
		
		#footer .sitemap ul {
	display: none;
}
	#footer .sitemap .metrus-50 {
		margin-top: 20px;
	}

#footer .copyright {width: 90%; text-align: center; font-size: 12px; margin: 20px auto 0;}
#footer .copyright span{display:block;}

div#sliders{position:relative;z-index:1 !important;}
/*div#sliders .bx-wrapper .bx-viewport ul li div.caption{display:none;}*/
div#sliders .bx-wrapper .bx-viewport ul li .bx-wrapper img{display:initial;}
div#sliders .bx-wrapper .bx-controls-direction a.bx-prev{left:0;}
div#sliders .bx-wrapper .bx-controls-direction a.bx-next{right:0;}
/*div#sliders .bx-wrapper .bx-viewport{height:29em !important;}
div#sliders .bx-wrapper .bx-viewport ul li div.caption{background:url(/home/img/slider-caption-bg-blue.png) no-repeat;background-size:125% auto;background-position:center;bottom:-8.2em;}
div#sliders .bx-wrapper .bx-controls-direction{display:none;}
div#sliders .bx-wrapper .bx-viewport ul li div.caption div.copy{margin-right:0 !important;float:left;}
div#sliders .bx-wrapper .bx-viewport ul li div.caption div.copy h1{font-size:1.4em;}
div#sliders .bx-wrapper .bx-viewport ul li div.caption div.icon{height:3.076em;width:4em;position:absolute;left:5em;}
div#sliders .bx-wrapper div.bx-controls div.bx-pager{bottom:-1em;}*/

div#sliders .bx-wrapper {padding-bottom: 0px}
div#sliders .bx-wrapper .bx-viewport {bottom: 0; left: 0px; }
div#sliders .bx-wrapper .bx-viewport ul li {padding-bottom: 75px; box-sizing: content-box; background-color: #223d96}
div#sliders .bx-wrapper .bx-viewport ul li div.caption {bottom: 0px; left: 0px; opacity: 1; padding-bottom: 0px; padding-top: 60px; padding-left: 50px;}
div#sliders .bx-wrapper .bx-viewport ul li div.caption {background-position: -50px 0; background-size: 120% 100%}

div#sliders .bx-wrapper .bx-controls-direction{display:none;}
div#sliders .bx-wrapper .bx-viewport ul li div.caption div.copy{margin-right:0 !important;float:left;margin-left:16%;}
div#sliders .bx-wrapper .bx-viewport ul li div.caption div.copy h1{font-size:1.4em;}
div#sliders .bx-wrapper .bx-viewport ul li div.caption div.icon{height:3.076em;width:4em;position:absolute;left:13%;}





	div#sliders .bx-wrapper .bx-viewport ul li div.slidetitle {
    display: block;
    position: absolute;
    z-index: 1;
    top: 0rem;
    background: none;
    width: 100%;
    height: 3em;
    padding-top: 1em;
    padding-left: 1em;
    color: #223d96;
    font-size: 1.6em;
    text-transform: uppercase;
    font-family: 'SeravekBold';
	}
	div#sliders .bx-wrapper .bx-viewport ul li div.slidetitle a.button{
		box-sizing:border-box;
		display:block;
		width:10rem;
		font-size:.9rem;
		width:7rem;
		height:2rem;
		margin-top:1rem;
		padding-top:.5rem;
		font-family: 'SeravekMedium';
		color:#fff;
		background-color:#a11f41;
		text-align:center;	
		
	}




#about h1 {font-size: 30px;}
#about {padding: 20px; margin-top: -30px;}
#about p{width: 100%;}
p.read-more { font-size: 16px; letter-spacing: 1em;}
#leasing {padding-top: 0;}
#leasing h1 {width: 100%; text-align: center; margin: 0; padding: 45px 0px; font-size: 30px;}
#news {padding-top: 0;}
#news h1 {width: 100%; text-align: center; padding: 45px 0px; font-size: 30px;}
#news ul {margin: 0 40px;}
#news ul li { padding-bottom: 20px;}
#news ul li a {width: 100%; margin: 0}
#news ul li a div.details h2 { font-size: 18px; text-align: left;}
#news ul li a div.details h2 br { display: none;}
#news ul li a div.details { padding: 20px;}

#services {padding: 0px 20px; } 
#services h1 {width: 100%; text-align: center; padding: 45px 0px; font-size: 30px;}
#services ul li {padding-left: 40px; padding-right: 40px; padding-bottom: 40px;}
#services ul li a {width: 100%; margin: 0 auto;}

#services ul li a div.details h2 {font-size: 30px;}


#social-content {padding: 0px;}
#social-content ul li div.block {width: 100%; height: auto; margin: 0; padding: 0 40px; text-align: center;}
#social-content ul li div.block div.image {display: block; margin: 0 auto;}
#social-content h1 {width: 100%; text-align: center; padding: 45px 0px; font-size: 30px;}
#social-content ul li div.block div.details { text-align: center; padding: 15px 0;}
#social-content ul li:nth-child(2) { display: none; }
#social-content ul li:nth-child(3) { display: none; }
#social-content ul li:nth-child(4) { display: none; }

#leasing div.properties .bx-wrapper {margin-bottom: 0px !important}
#leasing div.properties .bx-wrapper .bx-controls .bx-controls-direction{position:relative;top:-45em;}
#leasing div.properties .bx-wrapper .bx-viewport ul li{margin:0 !important;}
#leasing div.properties .bx-wrapper .bx-viewport ul li a,
#leasing div.properties .bx-wrapper .bx-viewport ul li a div.image{width:100%;}

#leasing div.filters{padding-top:0 !important; padding-bottom: 30px;}
#leasing div.filters > div {border: 0}
#leasing div.filters { border: 0 }
#leasing div.filters {height: auto; width: 100%; display: block; margin-top: 0; padding-top: 40px}
#leasing div.filters > div {float: none;}
#leasing div.filters > div.filter-office {float: left; width: 33%}
#leasing div.filters > div.filter-retail {float: left;  width: 33%}
#leasing div.filters > div.filter-industrial {float: left;  width: 33%}

#leasing div.filters > div > ul > li.regions > a {padding: 0}
#leasing div.filters > div > ul > li.regions > a > span.name { width: 15em; padding-left: 1em;}
#leasing div.filters > div > a{width:12em;height:7.02em;}

}


@media only screen and (max-width: 360px) {
div#sliders .bx-wrapper .bx-viewport ul li div.slidetitle {
    display: block;
    position: absolute;
    z-index: 1;
    top: 0rem;
    background: none;
    width: 100%;
    height: 3em;
    padding-top: 1em;
    padding-left: 1em;
	color:#223d96; 
	font-size:.8em; 
	text-transform:uppercase; 
	font-family: 'SeravekBold';
	}
	div#sliders .bx-wrapper .bx-viewport ul li div.slidetitle a.button{
		box-sizing:border-box;
		display:block;
		width:10rem;
		font-size:.9rem;
		width:10rem;
		height:2rem;
		margin-top:1rem;
		padding-top:.5rem;
		font-family: 'SeravekMedium';
		color:#fff;
		background-color:#a11f41;
		text-align:center;
		
		
	}
}