/* =========================== media queries  ===================== */ 

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

.boxed {max-width:960px !important; } 
.fixednav { position:inherit !important;}	
.slidercontent { top:10%; right:3%;}
.boxed .slidercontent {top:5%; right:2%;}
.leftbox {  -webkit-animation-delay: 1000ms; animation-delay: 1000ms;}
.headerbox-headline {font-size:1.5em; padding:12px 15px; margin:0 -10px; }
.headerbox-headline:after {content: '\e843';  font-family: "fontello"; font-size:24px; color:#C4122F; float:right;}
.headerbox-headline.mobhead:after {content: '\e846';  font-family: "fontello"; font-size:24px; color:#C4122F; float:right;}
.headerbox-headline.starthead:after {content: '\e843';  font-family: "fontello"; font-size:24px; color:#C4122F; float:right;}
.htaxsearch-content {   max-width:980px; position: relative; bottom:0; z-index:1011; left: 0; right: 0; margin: auto}

.mobiletoggle { margin:0; padding:0; height:0; visibility:hidden; }
.headerbox:hover .mobiletoggle { height:auto; visibility:visible; }
.taxsearch {margin-top:0;}
.taxsearch-inner { margin:0; padding:0;}
.headerbox:hover .taxsearch, .headerbox:hover .headerbox-text {margin-top:15px;}
.hbox-taxsearch .psbutton { width:130px; } 
.hbox-taxsearch .pslink { width:128px;  margin:8px 0 0 0;}

#sidebar #map-canvas iframe {height:100% !important;}
.openpager {width:40px; height:45px; bottom:20px; right:10px;}

#gototop { right:15px !important; bottom:25px !important; }
.boxcontent [class^="icon-"]:before, .boxcontent [class*=" icon-"]:before {  font-size:36px;   }
.boxcontent h3 { font-size:1.15em; }
.boxcontent p { font-size:.95em; }
.boxcontent { padding:7px;}
.profilename { font-size:1.375em;  }
.cta-inner { padding:0 15px;}
.pagetitle {font-size:1.6em; line-height:1.6em; margin:15px 0 10px 0; }
}
	
@media screen and (max-width: 800px)  {
.boxed { margin:0 auto; box-shadow:none; padding:0 0 1px 0;} 
.slogan .content { text-align:left; padding:0 0 0 15px;}
.headerbox { padding:0 10px; width:380px; }
.headerbox-button { margin:10px 0;}
.ib { margin:0 0 25px 0;}
.slogan h1 {font-size:1.7em; }
.hbox-headline {font-family: 'Lato', sans-serif; font-weight:300; font-size:1.8em; padding:10px 0 10px 15px; background:#727271; color:#fff; text-align:left; }
.hbox-headline:after {content: '\e843';  font-family: "fontello"; font-size:26px; color:#fff; float:right; margin-right:30px;}
.hbox-headline.mobhead:after {content: '\e846';  font-family: "fontello"; font-size:26px; color:#fff; float:right; margin-right:30px;}
.htaxsearch-content {  position: relative !important; left: inherit; bottom:inherit; right: inherit; margin:0;}
.hbox-taxsearch form.taxonomy-drilldown-dropdowns ul { margin:0; padding:0; width:calc(100% - 10px); float:none; }
.hbox-taxsearch form.taxonomy-drilldown-dropdowns ul li { margin-right:0; padding:0; list-style:none;  display:block; width:calc(100% - 10px); }
.hbox-taxsearch .taxonomy-drilldown-button {float:none; width:100%; margin:10px 0 0 0; padding:0;  }
.hbox-taxsearch .psbutton { width:160px; display:inline-block; } 
.hbox-taxsearch .pslink { width:158px;  display:inline-block; padding:8px 0; }
.image-wrapper:hover .cycle-prev, .image-wrapper:hover .cycle-next {display:none !important; }

.mobileselect { display:block;  background:#f2f2f2; padding:3px 10px; margin:0; text-align:right; box-sizing:content-box;}
.mobileselect i {font-size:26px; color:#C4122F;}
.immo-mobiletoggle { margin:0; padding:0; height:0; visibility:hidden; }
.immotax:hover .immo-mobiletoggle { height:auto; visibility:visible; }
.immotax .hbox-taxsearch {margin-top:-10px !important;}

.active {display: inline-block;}
a.toggleMenu { display:inline-block; cursor:pointer; text-align:right; float:right; width:40px; padding:12px 4px 6px 4px; margin-right:10px; font-size:40px; position:relative; z-index:11006;  }  
a.toggleMenu span { text-shadow: 0 -1px 1px #333, 0 1px 1px #FFFFFF; text-align:right !important; color:#4f4f4f;}	
.top-full a.toggleMenu { margin:-80px 10px 0 0;  }  

#topmenu {position:fixed; height:100%; top:0; right:0; background: rgba(251, 251, 251, .98); width:50%; z-index:11005; box-shadow: -1px 0px 3px 0px #ccc;}
#topmenu ul.nav {float:none; font-size:.975em; margin:140px 0 0 0; padding:0; display:block; width:100%; border-top:1px dotted #ccc;  }
.top-full-menu #topmenu ul.nav {margin:120px 0 0 0;}
#topmenu ul.nav li { float:none; display:block; padding:0; margin:0; font-weight:700; font-size:1em; line-height:1em;  border-bottom:1px dotted #ccc; } 
#topmenu ul.nav li a { padding:15px 0 15px 20px; margin:0; display:block;  }
#topmenu ul.nav li ul {position: relative; right:inherit; left:0; margin:0; padding:0 10px; height:0; min-width:inherit;  width:calc(100% - 20px); font-size:1em; border-radius:none; background:none; border:none !important;}
#topmenu ul.nav li:hover ul {height:auto;}
#topmenu ul.nav li ul li:hover ul {height:auto;}
#topmenu ul.nav li ul li { padding:0 10px; font-weight:normal; border-bottom:none !important; }
#topmenu ul.nav li ul li a {padding:10px 0; border-bottom:1px dotted #ccc;}
#topmenu ul.nav li ul li:last-child a {border-bottom:none !important;}
#topmenu ul.nav li ul li:last-child {margin-bottom:15px;}
#topmenu ul.nav li ul li ul {left:0; margin:0 0 0 -10px; padding:0 5px; height:0; min-width:inherit;  width:100%; font-size:.9em; }
#topmenu ul.nav li:hover ul li ul {height:0;}

.content-button a { padding:3px 10px; font-weight:500; font-size:.9em; }
.content-button i { margin-right:6px; font-size:16px;}
.boxcontent [class^="icon-"]:before, .boxcontent [class*=" icon-"]:before {  font-size:28px;   }
.boxcontent h3 { font-size:1.05em; }
a.boxbutton { padding:4px 10px; font-size:.815em; }
a.boxbutton:hover { padding:4px 15px; }

.pl-home .col-otc .propbox h2, .pl .col-otc .propbox h2 { font-size:1.15em; line-height:1.4em; font-weight:500; }
.col-ofc { width:48.786170212699%; margin:1.5% 0; margin-right:2.427659574468%; float:left;}
.pl-home .col-ofc:nth-child(2n+2), .pl .col-ofc:nth-child(2n+2), .al .col-ofc:nth-child(2n+2) { margin-right:0;}
.pl-home .col-ofc:nth-child(2n+1), .pl .col-ofc:nth-child(2n+1) { clear:left; }
.openpager {right:5px; font-size:18px; }
#tabContainer #tabitems li a {font-size:.9em;  padding:0 10px;  }
#sidebar .widgettitle { font-size:1em;  }
#sidebar h3 { font-size:1em; line-height:1.4em; }
.openrequestform { font-size:20px; margin:-8px 5px 0 0;}
.requestformtitle { font-size:1em;  }
.profilename { font-size:1.2em;  }
}

@media screen and (max-width: 776px)  {
	.pagetitle {font-size:1.5em; }
.topline-data span {display:block;}
}

@media screen and (max-width: 667px) and (orientation : landscape) {
	#topmenu { position:relative; height:auto; width:100%; box-shadow:none;}	
	#topmenu ul.nav { margin:0; }
}

@media screen and (max-width: 667px)  {
.content {  padding:0 15px; }
.slogan h1 { font-size:1.4em; line-height:1.4em;}
.headerbox { padding:0 10px; width:340px; }
.boxcontent {margin-bottom:20px;}
.boxcontent [class^="icon-"]:before, .boxcontent [class*=" icon-"]:before {  font-size:36px;   }
.breadcrumb { font-size:.7em; line-height:1.6em;} 
.pagetitle {font-size:1.45em; line-height:1.4em; display:block; width:100%; }
.propicons { float:none; clear:right; margin-top:5px;  }
.propprice { font-size:1.25em; display:block; padding-top:15px;}
.propfacts { float:none; clear:none; font-size:.85em; padding:10px 5px;}

#tabContainer #tabitems { height:32px; }
#tabContainer #tabitems li a {font-size:.85em;  padding:0 8px; height:32px; line-height:30px; }
.profilename { font-size:1.1em;  }

.footer-box {  width:48.786170212699%; }
.footer-box.fbsecond {margin-right:0 !important;}
.footer-box .footerboxtitle {  margin:25px 0 10px 0; font-size:1.2em; }
}


@media screen and (max-width: 640px)  {
.content {  padding:0 35px; }
.col-full { width:100%; margin:1% 0 !important;}
.col-otc { width:100%; margin:1.5% 0;}
.col-ttfull { width:100%; margin:1.5% 0; display: inline; float:none !important;}
.col-otfull { width:100%; margin:1.5% 0; display: inline; float:none !important;}
.col-ttc {  width:100%; margin:1.5% 0;}
.col-ofc {  width:100%; margin:1.5% 0;}
.col-ohc { width:100%; margin:1.5% 0;}
.col-otc, .col-ttc, .col-ofc, .col-ohc {margin-right:none !important; display: block; float:none !important;}

.col1-1, .col1-2, .col1-3, .col1-4, .col2-3, .col3-4 {width:100% !important; margin:1.5% 0; display:block !important; float:none !important;}
.inner { padding:0 0 0 0 !important;}
.col1-3 img {width:100%; height:auto; display:block;}

.hbox-headline-mobile {font-family: 'Lato', sans-serif; font-weight:300; font-size:1.8em; padding:10px 0 10px 15px; background:#727271; color:#fff; text-align:left; position:relative; }
.hbox-headline-mobile:after {content: '\e845';  font-family: "fontello"; font-size:26px; color:#fff; position:absolute; top:13px; right:10px;}
.hbox-headline-mobile a.mobile-headline {color:#fff; display:block;}
#topmenu {width:65%; }
}

@media screen and (max-width: 480px)  {
.topline {display:none;}	
.content {  padding:0 15px; }
.slidercontent { position:relative; top:inherit; right:inherit;}
.leftbox {float:none;}
.headerbox { padding:0 10px; width:calc(100% - 20px); }
a.toggleMenu { width:35px; padding:10px 0 6px 0; margin-right:3px; font-size:34px;   }  
.separator-headline h4 { font-size:1.1em; font-weight:300;}

.col-otc { width:100%; margin:1.5% 0; margin-right:0; float:none; display:block;}
.col-ofc { width:100%; margin:1.5% 0; margin-right:0; float:none; display:block;}
#tabContainer #tabitems li a {font-size:.75em;  padding:0 7px;}

.footer-box {  width:100%; float:none; display:block; margin-right:0 !important; }
.footer-box .footerboxtitle {  margin:25px 0 10px 0; font-size:1.2em; }
.logo { max-width:200px !important ;}

#topmenu {width:80%; }
#topmenu ul.nav {margin:65px 0 0 0;}
.top-full-menu #topmenu ul.nav {margin:80px 0 0 0;}	

.headerbox-headline-mobile {font-family: 'Lato', sans-serif; font-weight:300; font-size:1.8em; padding:12px 20px 12px 20px;  border-bottom:1px dotted #ccc; margin:0; position:relative;}
.headerbox-headline-mobile:after {content: '\e845';  font-family: "fontello"; font-size:26px; color:#C4122F; position:absolute; top:13px; right:10px;}
.headerbox-headline-mobile a.mobile-headline {color:#4f4f4f; display:block; padding:0 0 0 20px;}
}

@media screen and (max-width: 320px)  {}