/* HOVER ACTION ONLY SCREEN (no mobile) */
@media (min-width:900px) {
	.list-items-box a.link-img:hover .overlay-figure {
	  opacity: 1;
	  visibility: visible
	}
}

@media (min-width:480px) {
	.modal-form .label-group .label {
	    font-size: .9em;
	    padding: 8px 12px;
	    float: none;
	}
	.form-horizontal .control-label {
		 padding-top: 16px;
		 padding-right:0;
		 padding-left: 0;
		 text-align: right
	}
	.list-items-box h4,
	.list-items-box .h4 {
	  font-size: 1.3em;
	  line-height: 1.4em
	}
	.bar-single-page h2 {
		font-size: 1.2em
	}
	#section-achievement ul li:nth-child(2n+3) {
		clear: both;
	}
	.list-items-persona .email {
		height: 15px;
	}
	.list-specificity li {
		font-size: .77em;
		padding-left: 5px;
		padding-right: 5px;
	}
	 
}

@media (min-width:420px) {
	#section-video iframe {
		height:350px;
	}
}

@media (min-width:560px) {
	#section-properties .btn-more {
		margin: 0 15px 15px 15px;
		display:inline-block;
	}
	#section-sold {
		padding-left: 15px;
		padding-right: 15px;
		padding-bottom: 0px;
	}
	.list-items-box .panel:hover {
		-webkit-box-shadow: 0 4px 8px rgba(0,0,0,.10);
	  box-shadow: 0 4px 8px rgba(0,0,0,.10);
	}

	.list-specificity li {
		font-size: .75em
	}
	figure .corner-ribbon {
	  width: 70px;
    top: 5px;
    right: -20px;
    font-size: .5em;
    letter-spacing: 0;
    line-height: 20px;
	}
}

@media only screen
and (min-device-width : 320px)
and (max-device-width : 736px)
and (orientation : landscape) {
	.navbar-nav > li > a {
		padding: 8px 0;
		font-size: 1.3em
	}
	.box-name {
		padding-bottom: 5%;
		opacity: 1 !important
	}
	#bar-agent-bottom {
		display: none;
	}
}


@media (min-width:768px) {
	.list-links li {
		border: none;
		float: left
	}
	figure .corner-ribbon {
	  width: 90px;
    top: 5px;
    right: -25px;
    font-size: .7em;
    letter-spacing: 0;
    line-height: 30px;
	}
	.list-items-persona figure + h3,
	.list-items-persona figure + .h3 {
		font-size: 1.3em
	}
	figure figcaption .notice-state {
		padding:6px 12px
	}
	.navbar-fixed-top.navbar-bg-gradient.affix-top .navbar-content:after,
	.navbar-fixed-top.navbar-bg-gradient.affix .navbar-content:after
	body {
		font-size: 12px;
	}
	.list-specificity li {
		font-size: 1em
	}
	.list-items-box h4,
	.list-items-box .h4 {
	  font-size: 1.4em;
	  line-height: 1.5em
	}
	.modal-dialog {
		margin: 60px 0
	}
	.modal-header {
		padding: 30px 20px;
	}
	#bar-agent-bottom span[itemprop="name"] {
		margin: 0
	}
	.modal blockquote.quote {
		padding: 30px 80px;
		font-size: .9em
	}
	.modal blockquote.quote:before {
		left: 30px
	}
	.modal-header figure {
		width: 100px;
		margin:-60px 0 0 -50px;
	}
	.modal blockquote.quote:after {
		right: 30px
	}
	.modal-header figure img {
		border: 5px solid #fff;
	}
	.modal h4.modal-title {
		text-align: left;
		padding-top: 0
	}
	#section-blog article [class*="col-"] {
	  display: table-cell;
	  height: 100%;
	  padding: 60px;
	  float: none;
	}
	#section-about .part-middle [class*="box-"] {
		min-height: 200px
	}
	.header-single-page h2:after {
		display: block
	}
	#section-blog [class*="col-"] {
		padding:15px;
	}
	.list-items-box .panel-footer .btn {
		padding: 15px 30px;
	}
	#section-blog article:nth-child(2n+1) .item-content {
	text-align: right
	}
	#section-blog article:nth-child(2n+1) .item-img {
		left:50%
	}
	#section-blog article:nth-child(2n+1) .item-content {
		right:50%
	}
	footer[role="contentinfo"] .logo {
		margin-bottom: 60px;
		max-width: 160px;
	}
	header.header-hero .content-table.box-name {
		padding-bottom: 10%;
	}
	#section-achievement i {
		font-size: 4em;
	}
	#section-video iframe {
		height:430px;
	}
	.h1.hero,
	h1.hero {
		margin-bottom: 15px;
		font-size: 3.6em
	}
	.mousewheel {
		margin-top: 0;
	}
	blockquote {
		font-size: 1.2em;
		line-height: 1.5em;
	}
	#bg-hero-agent {
		display: block;
		z-index: 11 !important;
	}
	#section-testimonials .item {
		padding:0 10%
	}
	#section-testimonials blockquote p {
		font-size: .85em;
		line-height: 1.8em;
	}
	#section-testimonials blockquote h4 {
		font-size: 1.2em;
		line-height: 1.4em;
	}
	footer[role="contentinfo"] {
		padding: 130px 0 120px 0;
	}
	footer[role="contentinfo"] .h1.hero {
		font-size: 3em;
	}
	.add-columns {
		-webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
	}
	.list-specificity {
		font-size: .9em
	}
	#map {
		height: 600px;
	}
	#section-about .container .row {
		display: table;
		height:100%;
	}
	#section-about .row-no-gutter [class*="col-"] {
		display: table-cell;
		float: none;
		left: -1px; /* fix bug ipad portrait */
	}
	.icon-social {
	  display: block;
	  width: 70px;
	  height: 90px;
	  box-sizing: border-box;
	  position: relative;
	  float: right;
	  padding: 34px 30px 35px 25px;
	  margin-left: 15px;
	  text-align: center;
	  color: #fff;
	  font-size: 1.4em;
	  z-index: 3
	}
	.icon-social:after {
		background:rgba(255,255,255,.15);
		height: 20px;
		width: 1px;
		left: 0;
		top: 50%;
		margin-top: -8px;
		position: absolute;
		content: ""
	}
	.affix .icon-social {
		color: #fff;
		text-align: center;
		padding: 20px;
		display: block;
	  width: 60px;
	  height: 60px;
	}
	.header-single-page h2:after {
		bottom: -13px
	}
	.bar-single-page h2 {
		margin-top: 18px !important;
		padding-bottom: 22px
	}
	.bar.bar-single-page .name {
		font-size: 1em;
		padding: 5px 0
	}
	#section-about .part-middle .box-1,
	#section-about .part-middle .box-2 {
		height: 275px;
	}
	#section-testimonials h2 {
		margin: 30px 0 15px 0
	}
}

@media (min-width:992px) {
	body {
		font-size: 14px;
	}
	.list-specificity li {
		font-size: .75em
	}
	figure .corner-ribbon {
	  width: 110px;
    top: 10px;
    right: -30px;
    line-height: 34px;
	}
	.navbar-fixed-top.navbar-bg-gradient.affix-top .navbar-content:after,
	.navbar-fixed-top.navbar-bg-gradient.affix .navbar-content:after {
		height: 190px;
	}
	#single-page-properties #section-properties {
		padding-top:90px
	}
	#single-page-sold #section-sold {
		padding: 120px 15px 0 15px;
	}

	.header-single-page {
		height: 90px;
	}

	.header-single-page .btn {
    height: 90px;
    padding: 36px;
    margin: 0;
	}
	.header-single-page .part-left .btn {
		width: 90px;
	}
	.header-single-page .agent-information .avatar {
		width: 60px;
		height: 60px
	}
	.header-single-page .agent-information {
		font-size: 1.1em
	}
	.header-single-page .pull-left span[itemprop="name"] {
		margin-top: 10px
	}
	p {
    font-size: 1.1em;
    line-height: 1.4em;
	}
	header.header-hero .overlay-nav .content-table {
		display: block;
		height: auto;
		width: auto
	}
	header.header-hero .overlay-nav .content-table .content-vertical {
		display: block;
		height: auto
	}

	.navbar-fixed-top .collapse.in {
		background: none !important
	}
	.navbar-nav,
	.navbar-nav > li {
		float: left
	}
	.header-single-page .information-agent {
		padding: 15px;
		font-size: 1em;
		text-align: left
	}
	.header-single-page h2 {
		margin-top: 25px;
		font-size: 1.4em
	}
	.header-single-page h2:after {
		bottom: -15px;
		display: block
	}
	#section-achievement i {
		font-size: 5em;
	}
	#section-about .part-right {
		padding: 60px;
	}
	.add-columns {
		-webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
	}
	.h1.hero,
	h1.hero {
		font-size: 3.5em;
		margin-bottom: 10px;
	}
	.mousewheel {
		margin-top: 20px
	}
	.h4,
	h4 {
	  font-size: 1.2em;
	}
	#section-sold {
		padding-bottom: 15px;
		padding-left: 0;
		padding-right: 0
	}
	#section-video iframe {
		height:555px;
	}
	#section-sold {
		padding-bottom: 0;
	}
	.h1.hero small,
	h1.hero small {
		font-weight:300;
	}
	#section-testimonials blockquote p {
		font-size: .85em;
		line-height: 1.8em;
	}
	.social > li > a,
	.nav > li > a {
		font-size: .9em;
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.nav > li > a:after {
		content: "";
		bottom: -5px;
		left: 10px;
		right: 10px;
		opacity: 0;
		height: 3px;
		position: absolute
	}
	.navbar-fixed-top.affix .nav > li > a:after {
		bottom:0;
	}
	.navbar-fixed-top.affix-top .nav > li > a:after {
		bottom:15px;
	}
	.navbar-fixed-top.affix-top.navbar-bg-full .nav > li > a:after {
		bottom: 0px;
	}
	.nav > li > a:hover:after,
	.nav > li.active > a:after {
		opacity: 1;
	}
	.navbar-fixed-top.affix-top.navbar-bg-full ul > li > a {
		letter-spacing:inherit;
	}
	.navbar-fixed-top.affix ul > li > a {
		padding-top: 20px;
		padding-bottom: 20px
	}

	.navbar-fixed-top ul > li > a {
		padding-top: 36px;
		padding-bottom: 40px;
	}

	.navbar-fixed-top.affix ul > li > a,
	.navbar-fixed-top ul > li > a {
		padding-left: 10px;
		padding-right: 10px
	}

	.navbar-fixed-top.affix	 .navbar-brand {
		padding-left: 15px
	}
	.navbar-fixed-top ul.social {
		padding-right: 15px;
	}

	.navbar-fixed-top.affix ul.social {
		padding-right: 5px;
	}

	.navbar-fixed-top .navbar-brand {
		padding-left:15px;
		max-width: 300px
	}
	.navbar-fixed-top .navbar-brand img {
		max-height: 70px
	}
	.navbar-fixed-top.affix .navbar-brand {
		padding-left:15px;
		max-width: 200px
	}

	.navbar-fixed-top.affix ul > li > a,
	.navbar-fixed-top.affix .navbar-brand {
		height: 60px;
	}
	.navbar-fixed-top ul > li > a,
	.navbar-fixed-top .navbar-brand {
		height: 90px;
	}
	.collapse {
		display: block !important
	}
	.bar.bar-single-page .name {
		font-size: 1em;
		padding: 15px 0
	}
	.bar-single-page h2 {
		margin-top: 30px !important;
		font-size: 1.4em;
		padding-bottom: 25px
	}
	#section-about:after {
		position: absolute;
	  background: #111;
	  width: 300%;
	  content: "";
	  left: 0;
	  width: 50%;
	  z-index: -1;
	  height: 100%;
	  top: 0;
	  bottom: 0;
	}
}

@media (min-width:1200px) {
	figure figcaption .notice-state {
		padding: 15px;
		font-size: 1em;
	}
	figure .corner-ribbon {
	  width: 160px;
	  top: 20px;
	  right: -40px;
	  font-size: .8em;
	  line-height: 40px;
	}
	header.header-hero .content-table.box-name {
		padding-bottom: 100px;
	}
	.list-items-box figure .notice {
		font-size: 1.4em
	}
	#section-achievement i {
		font-size: 4em;
	}
	.list-items-box.box-full h4,
	.list-items-box.box-full .h4 {
	  font-size: 1.6em;
	  line-height: 1.6em;
	  text-shadow: 1px 1px 0px rgba(0,0,0,.2);
	}
	.list-specificity {
    font-size: 1em;
	}
	.h1.hero,
	h1.hero  {
		font-size: 4.5em;
	}
	h3.hero {
		font-size:1.3em;
	}
	#section-video iframe {
    height: 670px;
	}
	.container {
		width: 1170px;
	}
	.navbar-fixed-top ul.nav > li > a {
    padding-left: 10px;
    padding-right: 10px;
	}
	.social > li > a,
	.nav > li > a {
		font-size: 1em
	}
	.affix .social > li > a,
	.affix .nav > li > a {
		font-size: .9em
	}
	.box-name .btn-hero[itemprop="telephone"]:hover {
		background: none;
		cursor:default
	}
	#section-achievement ul li:nth-child(3n+4) {
		clear: both;
	}
	.list-items-box .figcaption-overlay-full .list-specificity {
		padding-bottom: 30px
	}
}

@media (min-width:1921px) {
	#section-properties .slick-slider {
		width: 1800px;
		margin: 0 auto
	}
}

@media (max-width: 479px) {
	.form-horizontal .control-label {
		font-size: 1.1em;
    padding: 15px 0px 5px 20px;
	}
	.list-items-persona .col-centered {
		margin: 0 0 30px 0
	}
	ul.list-specificity li {
		padding: 0 5px !important;
		font-size: .85em;
	}
	#section-enquiry button {
		width: 100%;
		margin-top: 15px !important;
		float: left
	}
	.pull-middle-xxs {
		margin: 0 auto !important;
		display: table;
		float: none !important
	}
	#section-blog article .btn {
		display:block
	}
	#single-page-sold #section-sold {
		padding-left: 0;
		padding-right: 0;
		padding-top: 75px
	}
	#single-page-sold #section-sold .panel {
		margin-bottom: 15px
	}
	ul.social > li > a {
		width: 30px !important
	}
	.bar-single-page .persona {
		top: 25px
	}
}

/* Slider slick breackpoint */
@media (max-width:639px) {
	#section-sold .slick-dotted .slick-slide {
		padding: 0 45px
	}
	#section-sold .slick-prev,
	#section-sold .slick-next {
		opacity: .25;
	}
	.list-items-box .panel-footer .btn {
		padding: 15px 10px;
	}
	#section-properties .btn-more {
		margin-top: 0 ;
	}
	.header-single-page .btn {
		padding: 20px;
	}
}

@media (max-width:767px) {
	.navbar-fixed-top .inner-content {
		overflow: auto;
	}
	h2 {
		text-align: center;
	}
	.h2:after,
	h2:after {
		left: 50% !important;
		margin-left: -15px !important
	}
	#section-about .part-middle {
		margin-left: -1px;
	}
	#section-about .content {
		padding-left: 0;
		padding-right: 0;
	}
	.ch-item [itemprop="telephone"] {
		width: 120px;
		margin-left: -60px;
		font-size: 1em;
		padding: 5px;
	}
	#section-about {
		-webkit-box-shadow: 0px -10px 20px rgba(0,0,0,.25);
		box-shadow:0px -10px 20px rgba(0,0,0,.25);
		position: relative;
	}
	#section-about .part-right {
		padding: 30px 15px 20px 15px !important
	}
	#section-about .container {
		width: 100%
	}
	.navbar-nav {
		margin: 0;
	}
	.navbar .container {
		padding: 0;
	}
	.navbar-fixed-bottom {
		height: 60px
	}
	.navbar .pull-middle {
		display: block !important;
		margin: 0 !important;
		float: none !important
	}
	.navbar-inverse .navbar-nav > .active > a,
	.navbar-inverse .navbar-nav > .active > a:focus,
	.navbar-inverse .navbar-nav > .active > a:hover {
		color: rgba(255,255,255,1);
		background: none;
		font-weight: 400
	}
	.navbar-inverse .navbar-nav > li > a {
		color: rgba(255,255,255,.6);
		font-size: 1.4em;
		padding: 10px;
		text-align: center;
		color: #333;
		font-weight: 100;
	}
	.pull-middle-xs {
		margin: 0 auto !important;
		display: table;
		float: none !important
	}
	.text-center-xs {
		text-align: center;
	}
	.bar-single-page h2:after {
		display: none
	}
	.bar-single-page .avatar img {
		margin: 10px;
		width: 40px;
		height: 40px
	}
	.bar.bar-single-page .name {
		padding: 15px 0;
	}
	.bar-single-page .persona {
		right: 127px;
		left: 49px;
		position: absolute;
		top:32px;
		padding: 0;
		font-size: .9em;
		text-align: center;
	}
	.bar.bar-single-page .name {
		padding: 0 !important;
		height: auto
	}
	.bar-single-page .persona span {
		display: inline;
		margin: 0 5px;
		clear: inherit;
		float: left
	}

	.bar-single-page .persona .name {
		display: table !important;
		margin: auto;
		float: none !important
	}
	.bar-single-page .part-right {
		float: right;
	}

	.bar-single-page .part-middle {
		overflow: hidden;
	}
	.bar-single-page .persona .avatar {
		width: 30px;
		height: 30px
	}
	.bar-single-page .part-middle,
	.bar-single-page .part-left,
	.bar-single-page .part-right {
		width: auto
	}
	#section-testimonials {
		padding-bottom: 0px
	}
	#section-blog [class*="col-"] {
		text-align: center
	}
}

@media (max-width:991px) {
	#section-about .container {
		width: 100%
	}
	.container {
    width: 100%;
	}
	.navbar-fixed-top.affix-top .navbar-brand img {
    max-height: 45px;
	}
	.overlay-nav.off {
		opacity: 0
	}
	.affix-top .overlay-nav,
	.affix .overlay-nav {
		display: block;
	  height: 100vh;
	  text-align: center;
	  width: 100%;
	  left: 0;
	  right: 0;
	  opacity: 0;
	 	z-index: 20;
	  position: fixed;
	  visibility: hidden;
	  -webkit-backface-visibility: hidden;
	}
	.overlay-nav.open {
		visibility: visible;
		-webkit-backface-visibility: visible;
		opacity: 1
	}
	.overlay-menu,
	.overlay-social {
		width: 100%
	}
	.overlay-nav .pull-right,
	.overlay-nav .pull-left {
		float: none !important;
	}
	ul.social > li > a:hover,
	.nav > li > a:hover,
	.nav > li.active > a {
		font-size: 1.6em;
		font-weight: 700
	}
	.nav > li > a {
		font-weight: 300
	}
	.nav > li.active > a {
		font-weight: 500
	}
	.nav {
		padding-top: 45px;
	}
	.overlay-nav.open {
		visibility: visible;
		opacity: 1;
	}
	ul.social > li > a {
		font-size: 1.2em !important;
    height: 60px;
    text-align: center;
    width: 40px;
    padding: 20px 0;
	}
	ul.social {
		margin: 15px auto 0 auto;
		display: table;
		padding: 0;
	}
	.bar-single-page,
	.bar-single-page.bar .avatar,
	.bar-single-page.bar .btn-hero,
	.bar-single-page.bar .btn-back {
		height: 60px
	}
	.bar-single-page .avatar img {
		margin: 10px;
		width: 40px;
		height: 40px
	}
	.bar-single-page .part-left .btn-back  {
		width: auto;
	}
	#section-enquiry .form-horizontal {
		margin-top: 30px
	}
}

@media (min-width:768px) and (max-width:1200px) {
	/*#section-about .container {
		margin-left: 0px;
		margin-right: 0px;
	}*/
	#section-about .part-middle .box-2 blockquote {
		font-size: 1.2em;
		padding: 60px 15px;
	}
}

@media (min-width:560px) and (max-width:736px) {
	figure figcaption.notice-state {
		padding: 5px 10px !important
	}
	.slider-padding .slick-slide {
		padding: 0 5px !important
	}
	#section-sold {
    padding-left: 10px;
    padding-right: 10px;
  }
  .list-specificity.row {
    margin-left: -20px;
    margin-right: -20px;
	}
	footer[role="contentinfo"] {
		padding-bottom: 70px
	}
}

@media (min-width: 2560px) {
	.list-items-box .img-responsive {
		width:100%
	}
}