/* MEDIA QUERIES ------------------------------------------------------------ */

@media screen and (max-width: 1399px) {
	
#home-left img  {
	height: 100%; width: auto;
	-ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
	left: 50%; top: 0;
}

.fd-photos div {
    height: 600px;
}

#landscape img{
	min-height: 600px;
}

}

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

#fd-sm-top{
	bottom: 15px; top: auto;
}

}



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

.menu .has-sub ol.about-us, .menu .has-sub ol.our-offices, .menu .has-sub ol.area-profile {
	width: 660px;
    left: 0;
}

h1#home  {
  	font-size: 30px; line-height: 40px; margin: 50px 30px 36px 30px;
}

#home-right {
	padding: 28px 35px; font-size: 13px; line-height: 23px;
}

#pl-header h1 {
	font-size: 25px; line-height: 25px; margin: 3px 0 20px 0;
}

.list-view:after{
    top: 48px;
    right: 48px;
}

.map-view:after{
    top: 48px;
    right: 2px;
}

#pl-view a b {
	display: none;
}

#pl-view a i {
	font-size: 30px; margin: -3px 10px 0 12px; color: #c4262e;
}

#pl-view a, #pl-view a:visited {
	margin: 2px 0 0 0;
}

.grid-container{
	width: 49%;
	height: 440px;
}

.grid-container div {
	height: 224px;
}

.fd-photos div {height: 450px;}

#landscape img{
	min-height: 450px;
}

#portrait img{
 	height: 450px;
}

#fd-enquiries div span em {
	display: none;
}

#fd-enquiries div span {
	width: 36%; font-size: 14px; 
}

#fd-details-col1 {
	width: 64%;
}

#fd-details-col2 {
	width: 36%;
}

#fd-other-properties {
	padding: 60px 0 40px 0; 
}

#fd-other-properties a:hover b{
	color: #FFF; text-decoration: underline;
}

#fd-other-properties a img{
	float: none; width: 100%; height: 140px; overflow: hidden; margin: 0 0 15px 0;
}

#fd-fp-content, #fd-epc-content {
	padding: 50px; 
}

#fd-sm li {
	font-size: 13px;
}

#office-details {
	width: 36%;
}

#office-details div {
	font-size: 11px; line-height: 19px;
}

#offices-col1 {
	width: 64%;
}

#offices-col2 {
	width: 36%;
}

.team-container{
	width: 30.333333%; width: 30.333333%; 
}

.team-container .contact-details{
  	font-size: 13px; line-height: 19px;
}

#cp-right {
	padding: 24px 30px 0 30px; font-size: 13px; line-height: 23px;
}

.op-staff{
	width: 30.333333%; 
}

.op-staff div{
	min-height: 180px;
}

.op-staff div img{
	min-height: 180px;
}

.office-grid-container{
	width: 49%;
}

.office-grid-container div {
	height: 200px;
}

.footer-cols i {
	margin: 3px 10px 6px 0;
}

#footer-bottom {
	line-height: 18px;
}

#footer-bottom span {
	margin: 26px 0 0 0; display: block;
}

#footer-bottom p em {
	display: block;
	margin: 0;
}

}




@media screen and (max-width: 767px) {
	
#fd-sm-top{
	visibility: hidden;
}
	
#header-container {
	min-height: 60px;
}

#header-content {
	min-height: 60px; padding: 0;
}

#logo {
	width: 110px; height: 35px; top: 13px; right: 15px;
	background: url(../pictures/logo.png) no-repeat 0 0; background-size: 110px 35px;
}

.toggle-nav  {
	position: absolute; z-index:99999; top:15px; left:22px; display:block; cursor: pointer;
    color: #FFF; font-size:27px; line-height: 27px; height: 27px; text-decoration: none;
}

.menu {
	padding-top: 50px; min-height: 60px; margin: 0; 
}

.menu ul {
	list-style: none; width: 100%; float: none;
	padding: 10px 15px 15px 15px; 
}

.menu > ul > li {
	float: none; height: auto;
	position: static;
	font-size: 13px;
	border-bottom: 1px solid rgba(255,255,255,0.4); 
}

.menu > ul > li a {
	display: block;
	margin: 8px 0;
	height: 13px;
	line-height: 13px;
	text-align: left;
	transition: none;-moz-transition: none;-webkit-transition: none;-o-transition: none;
}

.menu > ul > li a i {
	display: none;
}

.menu > ul > li a:hover {
	text-decoration: none; color: #FFF;
}

.menu .has-sub ol {
 	display: block;
	padding: 0;
	width: 100%;
    float: none;
    position: static;
	background: none;
	margin: 10px 0 16px 12px;
	transition: none;-moz-transition: none;-webkit-transition: none;-o-transition: none;
	animation: fadein 0s;
    -moz-animation: fadein 0s; /* Firefox */
    -webkit-animation: fadein 0s; /* Safari and Chrome */
    -o-animation: fadein 0s; /* Opera */
}

.menu .has-sub:hover ol {
  	top:0;
}

.menu .has-sub:hover ol li {
  	float:none; width: 100%; height: 13px; margin: 0;
}

.menu .has-sub ol.about-us:after, .menu .has-sub ol.our-offices:after, .menu .has-sub ol.area-profile:after{
    display: none;
}

.menu .has-sub ol.about-us, .menu .has-sub ol.our-offices, .menu .has-sub ol.area-profile {
	width: auto;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.menu .has-sub ol img {
  	display:none;
}

.menu .has-sub:hover ol i {
	display:none;
}

.menu .has-sub ol i {
	display:none;
}

.menu .has-sub ol li a {
  	display: block;
	font-size: 13px;
	line-height: 13px;
	margin: 7px 0;
	height: 13px;
	color: #FFF;
	width:auto;
}

.menu ul.m-active {
     display:none; 
}

.menu ul.dd-ul {
	list-style: none; border-top: 0;
	margin: 0; padding: 0; width: 100%;
}

.menu ul.dd-ul:after {
	display:none;
}





#m-property-search {
	width: 100%; display: block; position:relative; 
	padding: 15px;
	background: #FFF; text-align: left; font-size: 13px; line-height: 13px;
	font-family: 'OpenSansRegular', Tahoma, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal;
}

#m-property-search span {
	width: 100%; display: block; padding-right: 50px;
	margin: 12px 0 0 0;
}

.dd {
 	width:100%; margin: 0 0 10px 0;
}

.dd .option-list {
	margin-right: 50px;
}

button[type="submit"] {
	margin: 0; position: absolute; z-index: 99999; right: 15px; top: 40px; height: 38px; width: 38px; font-size: 19px;
}



a#mob-free-appraisal {
	width: 100%;
	display: block;
    padding: 15px 15px;
    background: #c4262e;
    color: #FFFFFF;
	font-family: 'OpenSansSemibold', Tahoma, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal;
	text-transform: uppercase;
	font-size: 15px;
	line-height: 15px;
	text-align: center;
}



#home-ps-container  {
	display: none; 
}

h1#home  {
  	font-size: 21px; line-height: 31px; margin: 16px 15px 15px 15px;
}

#home-container {
	min-height: 200px;
}

#home-left {
	display: none;
}

#home-right {
	width: 100%; float: none; padding: 17px 15px; 
}

#news-container h1 {
	font-size: 21px; line-height: 21px; padding: 20px 0; 
}

#news-content {
	padding: 20px 15px 15px 15px;
}

#news-arrow {
	display: none; 
}

#news-col {
	float: none; width: 100%; margin: 0 0 26px 0;
}

#news-col-right {
	float: none; width: 100%;
}

#news-col h2 {
	font-size: 21px;
}

#pl-header {
	padding: 0 15px; 
	margin: 15px auto;
}

#pl-bc  {
	display: none;
}

#pl-header h1 {
	font-size: 19px; line-height: 19px; float: none; margin: 0 0 16px 0; text-align: center;}

#pl-property-search {
	float: none; z-index: 99999;
    width: 100%; text-align: right; margin-top: 0;
}

#pl-property-search button[type="submit"] {
	top: 0;
}


a#pl-ms-top  {
	display: none;
}

a#pl-ms-bottom  {
	display: block; font-size: 11px; line-height: 11px; margin-top: 18px;
}

#pl-header-bottom {
	margin: -34px 0 15px 0;
	font-size: 13px; line-height: 13px; min-height: 62px;
}

.list-view:after, .map-view:after{
    top: 72px;
}

#pl-map {
	width: 100%; height: 280px; background: #e6e6e6;
}

#pl-control-panel-bottom {
	position: fixed; z-index:99998; bottom:0; left:0; width: 100%; height: 48px; padding: 10px; display:none; margin: 0;
	background-color: rgba(218, 215, 203, 0.95);
	-moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.25); box-shadow: 0 0 2px rgba(0, 0, 0, 0.25);
}

.pl-page-numbers-bottom li a, .pl-page-numbers-bottom li a:visited{
	background: rgba(255, 255, 255, 0.50);
}

.pl-page-numbers-bottom li a:hover, .pl-page-numbers-bottom li a:active{
	background: #FFF;
}

.pl-page-numbers-bottom li a.current{
	background: #FFF;
}

.pl-page-numbers {
	display:none;
}

#pl-header-bottom p {
	padding: 0 0 8px 0;
	float:none;
}

#pl-footer {
	display:none;
}

#pl-content {
	padding: 24px 0; margin: 0;
}

.grid-container{
	width: 100%;
	margin: 5px 0 10px 0; padding:0 15px 20px 15px;
	font-size: 13px; line-height: 21px;
	height: auto; min-height: 275px;
	border-bottom: solid 1px #dad7cb;
	text-align: center;
}

.grid-container:hover { 
	-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;
}

.grid-container div{
	height: auto;
}

.grid-container div span {
	display: none;
}

.grid-container div img {
	-ms-transform: translate(0%, 0%);
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
    display: block;
	position: static;
	top: 0%;
}

#fd-photo-enlarge-button {
	display: none;
}

.slick-prev, .slick-next{
   visibility: hidden;
}

.slick-dots{
    bottom: 15px;
}

.slick-dots li{
    width: 12px;
    height: 12px;
	 margin: 0 2px;
}
.slick-dots li button{
    width: 12px;
    height: 12px;
}

#fd-enquiries  {
	display: none;
}


#fd-details-col1 {
	width: 100%; padding-right: 0; float: none; margin: 6px 0 20px 0;
	font-size: 13px; line-height: 23px;
}

#fd-details-col1 h1 {
  	font-size: 21px; line-height: 31px; margin: 0 0 12px 0; text-align: center;
}

#fd-details-col1 h4{
	font-size: 15px; line-height: 25px;
}

#fd-price {
	font-size: 15px; line-height: 23px; margin: 0 0 16px 0;  text-align: center; display: block;
}

#fd-details-col2 {
	width: 100%; float: none; margin: 90px 0 0 0; text-align: center;
}




#fd-enquiries-mob {
	cursor: pointer; width: 100%; position: absolute; z-index: 999; margin-left: -15px;
	font-size: 14px; line-height: 47px; color: #FFFFFF; height: 47px; text-transform: uppercase; font-weight: normal;
	display: block; padding: 0 15px;
	color: #FFFFFF;
	background: #c4262e;
	font-family: 'OpenSansSemibold', Tahoma, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; 
	transition: background 0.2s;-moz-transition: background 0.2s;-webkit-transition: background 0.2s;-o-transition: background 0.2s;
}

#fd-enquiries-mob:hover {
	color: #c4262e; background: #FFF;
	text-decoration: none;
}

#fd-enquiries-mob i {
	font-size: 25px; line-height: 46px; float: right;
}





#fd-enquiries-m-container {
	width: 100%; min-height: 0; overflow: hidden; background: #FFF; position: absolute; z-index: 99; margin-left: -15px; 
}

#fd-enquiries-m-content {
	width: 100%; padding: 0 15px; min-height: 40px; overflow: hidden; font-size:13px; line-height:20px; 
	opacity: 0; text-transform: uppercase;  margin: 60px 0 20px 0; 
}





#fd-sm {
	display: none;
}

.fd-mob-op {
	display: none;
}

.fd-mob-op-bottom {
	display: block;
}

#fd-other-properties-container {
	margin-top: 0;
}

#fd-other-properties {
	min-height: 50px; 
	padding: 24px 0 15px 0; 
}

#fd-other-properties h1 {
  	font-size: 19px; line-height: 25px; margin: 0 0 20px 0;
}

#fd-other-properties a{
	float: none; text-align: center;
	min-height: 30px; width: 100%;
	margin: 0 0 15px 0; display: block;
}

#fd-other-properties a b{
	margin: 0 0 3px 0;
}




#fd-map-sm, #fd-fp-sm, #fd-epc-sm, #fd-video-sm  {	
	display:none;
}

#fd-epc-sm  {	
	background: #FFFFFF;
}

#fd-map-content {
	opacity: 0; height: 250px;
}

#fd-fp-content, #fd-epc-content, #fd-video-content {
	opacity: 0; padding: 15px;
}


#mob-map-dd, #mob-fp-dd, #mob-epc-dd, #mob-video-dd, #mob-pdf-dd { 
	display: block;
	padding: 0 15px; border-top: solid 1px #dad7cb; text-transform: uppercase;
	font-size: 14px; line-height: 47px; min-height: 47px; overflow: hidden;	
	font-family: 'OpenSansSemibold', Tahoma, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; 	
	color: #c4262e; background: #FFF;
	text-decoration: none; cursor: pointer;
	transition: all 0.2s;-moz-transition: all 0.2s;-webkit-transition: all 0.2s;-o-transition: all 0.2s;
}

#mob-map-dd:hover, #mob-fp-dd:hover, #mob-epc-dd:hover, #mob-video-dd:hover, #mob-pdf-dd:hover { 
	color: #FFF; background: #c4262e;
}

#mob-map-dd i, #mob-fp-dd i, #mob-epc-dd i, #mob-video-dd i, #mob-pdf-dd i { 
	float: right; font-size: 25px; line-height: 46px;
}


#office-header-container {
	display: none;
}

#office-header-photo, #page-base{
 	min-height: 160px; 
}

#office-header-photo img, #page-base img {
	min-height: 160px; 
}

#offices-m-top {
	 width: 100%; margin: 20px 0 10px 0; text-align: center; display: block;
	font-size: 13px; line-height: 23px; float: none; 
}

#offices-m-top h1 {
  	font-family: 'OpenSansLight', Tahoma, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 21px; line-height: 21px; 
	font-weight: normal; color: #444444;
  	margin: 0 0 20px 0;
}

#offices-m-top span {
	font-size: 11px; line-height: 11px; text-transform: uppercase; color: #c4262e; cursor: pointer; display: block; margin-bottom: 20px;
	font-family: 'OpenSansSemibold', Tahoma, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; 
}

#offices-m-top span:hover {
	text-decoration: underline; 
}

#offices-m-top span i {
	font-size: 16px; margin-left: 5px; 
}

a.list-properties {
	-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; padding: 0;
}




#offices-col1 {
	 width: 100%; padding-right: 0; margin-top: 0; 
	font-size: 13px; line-height: 23px; float: none; 
}

#offices-col2 {
	 width: 100%; float: none; margin-top: 12px;
}

.office-links-out {
	text-align: center;
}

#office-team-content h1 {
  	font-size: 21px; line-height: 21px; margin: 0 0 25px 0;
}

.team-container{
	width: 47%; overflow: visible; color: #444; background: #FFF; margin: 0 1.3% 50px 1.3%; 
}

.team-container .mask {
	bottom: 0; left: 0; padding:15px; background: #FFF; text-align: center;
	text-shadow: none;
}

.team-container .mask-nophone {
	bottom: 0; left: 0; padding:15px 15px 0 15px; background: #FFF; text-align: center;
	text-shadow: none;
}

.team-container:hover .mask, .team-container:hover .mask-nophone { 
	 bottom: 0; 
}

.team-container span {
	display: none;
}

.team-container .contact-details{
	position: absolute; z-index: 99; bottom: -28px; left: 0; padding: 0 15px 0 15px; text-align: center; width: 100%; background: #FFF;
    opacity: 1; filter: alpha(opacity=1);
  	font-size: 15px; line-height: 19px; display: block;
}

.contact-details a{
  	color: #c4262e;
}

.contact-details a:hover{
  	text-decoration: underline;
}

#office-map-left{
	width: 100%; float: none; height: 250px; 
}

#office-map-right {
	width: 100%; float: none; padding: 20px 15px 15px 15px;
	height: auto;
}

#office-map-right div {
	max-width: 100%; width: 100%; text-align: center;
}




#cp-header-container {
	height: 210px;
	background: url(../pictures/home-photo-gradient-m.png) repeat-x left bottom;
}

#cp-header-content {
	height: 210px; padding: 0 15px;
}

#cp-header-content h1 {
	bottom: 24px; text-align: center;
  	font-size: 21px; line-height: 21px;
}


#cp-header-photo{
 	min-height: 210px; 
}

#cp-header-photo img {
	min-height: 210px; 
}

h2#cp-sub-heading  {
  	font-size: 16px; line-height: 28px; margin: 0 auto; padding: 20px 15px; text-align: center;
}

#cp-left {
	display: none;
}

#cp-right {
	width: 100%; max-width: 767px; float: none; overflow: hidden; min-height: 100px; padding: 20px 15px;
}

#cp-map-content {
	height: 250px;
}

#page-col1 {
	 width: 100%; margin-right: 0; 
	font-size: 13px; line-height: 23px; float: none; 
}

#page-col2 {
	width: 100%;
	font-size: 13px; line-height: 23px; float: none; 
}

#page-col-1-2 {
	 width: 100%; margin-right: 0; 
	font-size: 13px; line-height: 23px; float: none; 
}

#page-col-3 {
	width: 100%;
	font-size: 13px; line-height: 23px; float: none; 
}

#office-coverage-map {
	width: 100%; height: 250px; background: #FFF; 
}

.office-grid-container{
	width: 100%;
	margin: 5px 0 0 0; padding:0 15px 20px 15px;
	font-size: 13px; line-height: 21px;
	height: auto; min-height: 275px;
	text-align: center;
}

.office-grid-container div{
	height: 180px;
}


#container {
	min-height: 200px;
}

#content {
	min-height: 200px; padding: 15px; 
}

a.latest-publication{
	width: 27.7%;
}


#page-bc  {
	display: none;
}



#legal-heading h1 {
	font-size: 21px; line-height: 21px; margin: 0; text-align: center;
}

#legal-col1 {
	width: 100%; margin-right: 0; float: none; 
}

#legal-col1 h5, #legal-col2 h5  {
	margin: 16px 0 8px 0;
}

#legal-col2 {
	width: 100%; float: none;
}


.op-staff{
	width: 47%;
}

#latest-publications-content {
	padding: 15px 15px 30px 15px; 
}

a.latest-publication div span {
	line-height: 37px; font-size: 13px;
}

.latest-publication h3  {
  	font-size: 13px; line-height: 23px; margin: 0 0 12px 0;
}

#news-item {
	padding: 0 0 15px 0; margin-bottom: 15px;
}

#news-item h2 {
  	font-size: 21px; line-height: 31px; margin: 0 0 12px 0;
}

#news-nav {
	width: 100%; float: none; padding: 20px 0 0 0;
}


#buying-map{
	height: 250px;
}

#buying-search-mobile  {
	padding: 10px 15px 20px 15px; display: block;
    width: 100%; font-size: 13px;
    background: #FFF;
	font-family: 'OpenSansRegular', Tahoma, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal;
}

#buying-search-mobile em  {
	margin: 0 0 12px 0; display: block;
	font-family: 'OpenSansItalic', Tahoma, "Helvetica Neue", Helvetica, Arial, sans-serif; font-style: normal;
}

#buying-search-mobile p {
	margin: 10px 0; display: block; font-size: 11px; text-transform: uppercase;
}

button[type="submit"].buying {
	position: relative; float: left; right: 0; margin: 6px 0 0 0; top: 0;
}


#footer {
	padding: 0 15px;
	margin: 30px auto;
}

.footer-cols {
	float: none;
	width: 100%;
	margin: 0 0 10px 0;
	font-size: 13px; line-height: 21px; text-align: center;
}

#f-two {
     display:none; 
}

#footer-bottom {
	margin: -10px 0 0 0;
}

#footer-bottom p {
	margin: 0 0 20px 0;
}

#footer-bottom img{
	display: block;
	margin: 24px auto 0 auto;
}

button.enquiry-form[type="submit"] {
	position: relative; right: 0; top: 0;
	float: left;
}

#mobile-heading { display: block; }

h1 {
	font-size: 21px; line-height: 31px; margin: 0 0 15px 0; text-align: center;
}

h1 span {
	font-size: 16px; line-height: 26px; margin: 10px 0 15px 0; text-align: center; display:block;
}

h5 {
  	font-size: 15px; line-height: 25px; 
}


#quotes-slider {
	padding: 30px 0;
}

#quotes-slider div p {
	padding: 0 50px;
	font-size: 16px;
	line-height: 32px;
}

#quotes-slider div b {
	font-size: 12px;
	line-height: 22px;
}

#quotes-slider div p em {
	font-size: 26px;
	height: 32px;
 }

.quotes .previous, .quotes .previous-slider { 
    left: 0;
}

.quotes .next, .quotes .next-slider { 
    right: 0;
}






	
}

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

.fd-photos div {height: 240px;}

#landscape img{
	min-height: 240px;
}

#portrait img{
 	height: 240px;
}

a.latest-publication{
	width: 45.4%;
}

}



@media screen and (max-width: 479px) {
	
#pl-header h1 {
	font-size: 15px; line-height: 15px;
}

.team-container{
	width: 100%; margin: 0 0 60px 0; 
}

.op-staff{
	width: 100%; margin: 0 0 20px 0;  text-align: center;
}

.op-staff div{
	min-height: 250px;
}

.op-staff div img{
	min-height: 250px;
}



}