@media screen and (max-width: 1024px) { body { overflow-x: hidden !important; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow-y: auto !important; } #headline { max-width: 100%; } #menu { display: none; } #mobile { display: block; position: fixed; z-index: 100; background-color: #393939; width: 100%; height: 83px; top: 28px; left: 0px; padding-left: 20px; padding-right: 20px; } #mobile a.logo { display: block; width: 100px; margin-top: 25px; float: left; } #mobile a.logo img { width: 100px; } #mobile a.menu-btn { display: block; float: right; font-size: 26px; color: #ffffff; text-decoration: none; margin-right: 40px; margin-top: 40px; } #mobile ul { margin: 0px; padding: 0px; display: none; position: absolute; top: 83px; background-color: #393939; left: 0px; width: 100%; height: auto; min-height: 150px; } #mobile ul li { list-style: none; display: block; margin: 0px; padding: 0px; padding-left: 20px; padding-bottom: 15px; } #mobile ul li a { font-size: 16px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #ffffff; text-decoration: none; } #mobile .input-search { width: 35%; height: 33px; border-radius: 3px; box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.12); background-color: #ffffff; border: solid 1px #dddddd; padding-left: 10px; margin-top: 25px; margin-left: 10px; float: left; } #mobile .input-search::-webkit-input-placeholder { /* Chrome/Opera/Safari */ font-family: 'Open Sans'; font-size: 14px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #999999; } #mobile .input-search::-moz-placeholder { /* Firefox 19+ */ font-family: 'Open Sans'; font-size: 14px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #999999; } #mobile .input-search:-ms-input-placeholder { /* IE 10+ */ font-family: 'Open Sans'; font-size: 14px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #999999; } #mobile .input-search:-moz-placeholder { /* Firefox 18- */ font-family: 'Open Sans'; font-size: 14px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #999999; } #mobile .btn-search { width: 33px; height: 33px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border: solid 1px transparent; background-color: #b9b9b9; margin-left: -2px; margin-top: 28px; color: #ffffff; } #mobile .btn-login { display: inline-block; float: right; width: 30px; height: 28px; background-color: #b9b9b9; border-radius: 90px; color: #ffffff; text-align: center; margin-left: 0px; margin-top: 5px; margin-right: -27px; padding-top: 2px; font-family: 'Open Sans' !important; } #accountbox { display: none; position: fixed; z-index: 100; top: 110px; left: 0px; width: 100%; height: 194px; background-color: #efefef; box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.5); } #content { padding-top: 110px; } #slider { display: block; width: 100%; margin: 0px; padding: 0px; } .slide { display: block; width: 100%; background-position: center; background-size: cover; background-repeat: no-repeat; padding: 0px; margin: 0px; margin-top: 110px; } .slide h1 { font-family: 'Open Sans'; font-size: 40px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1.16; letter-spacing: normal; color: #ffffff; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); padding-top: 100px; padding-left: 20px; padding-right: 20px; max-width: 100%; width: 100%; } #location_search { display: none; } #slider .slide .navigation-down-link { display: none; } #slider .slide ul.slider-navigation { display: none; } .content-wrap { padding-top: 20px; padding-left: 20px; /*margin-left: 300px;*/ width: 100%; height: auto; margin: 0 auto; } .content-wrap-main { width: 100%; margin-left: 60px; } #properties { display: block; width: 100%; height: auto !important; max-height: 3000px !important; background-color: #ffffff; } #proptypes li a { display: none; } #properties .property { display: block; float: left; width: 320px; height: 290px; margin-right: 10px; margin-top: 10px; cursor: pointer; } #news { display: block; width: 100%; max-height: 650px; height: 650px; background-image: url('../images/news01.jpg'); background-position: center; background-size: cover; background-repeat: no-repeat; } #news article { display: block; width: 100%; height: auto; float: none; margin-top: 0px; text-align: center; } #news article h3.title { font-size: 30px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1.28; letter-spacing: normal; color: #222222; margin: 0px; margin-bottom: 20px; padding-left: 20px; padding-top: 45px; text-align: left; text-shadow: 0 1px 2px rgba(255, 255, 255, 0.5); } #news article .lead { font-size: 16px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1.56; letter-spacing: normal; color: #222222; margin: 0px; padding: 0px; margin-bottom: 35px; text-align: left; padding-left: 20px; text-shadow: 0 1px 2px rgba(255, 255, 255, 0.5); } #news article .details { width: 100%; height: 60px; } #news article .details .btn-more { width: 320px; height: 60px; border: solid 1px transparent; border-radius: 3px; background-color: #222222; font-size: 18px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; text-align: center; color: #ffffff; cursor: pointer; font-family: 'Open Sans' !important; } #blog { display: block; width: 100%; min-height: 455px; height: auto; margin: 0px; padding: 0px; } #blog .entry { display: block; width: 100%; max-height: 455px; min-height: 227px; height: 227px; margin: 0px; padding: 0px; float: left; background-position: center; background-repeat: no-repeat; background-size: cover; } #blog .entry .btn-blog { display: block; width: 333px; height: 58px; border: solid 1px transparent; border-radius: 3px; background-color: #ffffff; font-family: 'Open Sans'; font-size: 18px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; text-align: center; color: #222222; margin: 0 auto; margin-top: 100px; cursor: pointer; } #project { width: 100%; height: 132px; background-color: #dddddd; } #project h2 { font-family: 'Open Sans'; font-size: 24px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1.42; letter-spacing: normal; color: #222222; margin: 0px; padding: 0px; padding-top: 40px; padding-left: 20px; } #footermenu { display: block; width: 100%; height: auto; min-height: 439px; background-color: #393939; margin: 0px; padding: 0px; } #footermenu ul { display: block; width: 320px; height: auto; margin: 0px; padding: 0px; padding-top: 20px; margin-left: 20px; margin-right: 0px; margin-top: 0px; } #footermenu ul:first-of-type { margin-left: 20px; } footer { display: block; height: 84px; min-height: 84px; background-color: #222222; } footer .copyright { display: inline-block; margin-left: 20px; margin-top: 20px; font-family: 'Open Sans'; font-size: 14px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 2.06; letter-spacing: normal; color: #cccccc; } footer ul { display: inline-block; margin: 0px; padding: 0px; margin-left: 20px; } footer ul li { display: block; margin: 0px; padding: 0px; font-family: 'Open Sans'; font-size: 16px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 2.06; letter-spacing: normal; color: #ffffff; margin-right: 33px; } footer ul li a { color: #ffffff; text-decoration: none; } footer .socials { text-align: center; display: block; margin: 0px; padding: 0px; margin-left: 20px; margin-top: 25px; margin-bottom: 20px; } footer .social { font-size: 28px; color: #cccccc; margin-right: 10px; } .register-popup { width: 100% !important; height: auto; margin: 0px; padding: 0px; margin-top: 500px; } .login-popup { width: 100% !important; height: auto; margin: 0px; padding: 0px; margin-top: 250px; } .popup-header { width: 96.5%; height: 41px; margin: 0px; padding: 0px; background-color: #555555; font-family: 'Open Sans'; font-size: 18px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1.56; letter-spacing: normal; color: #ffffff; padding-top: 15px; padding-left: 20px; } .close-modal { display: inline-block; float: right; padding-right: 35px; margin-top: -13px; color: #222222; font-size: 34px; } .popup-content { width: 90%; background-color: #ffffff; padding: 20px; padding-bottom: 40px; padding-left: 20px; } .popup-content-small { width: 93%; background-color: #ffffff; padding: 20px; padding-bottom: 40px; padding-left: 10px; } .form-group { display: block; float: left; width: 100%; height: auto; margin-left: 10px; } .form-group label { display: block; font-family: 'Open Sans'; font-size: 14px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 2.13; letter-spacing: normal; color: #555555; margin-top: 10px; } .form-group .input-text { width: 90%; height: 28px; border-radius: 2px; box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.12); background-color: #ffffff; border: solid 1px #dddddd; font-family: 'Open Sans'; font-size: 12px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 2.13; letter-spacing: normal; color: #999999; padding-left: 10px; } .form-group .input-select { width: 90%; height: 25px; border-radius: 2px; box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.12); background-color: #ffffff; border: solid 1px #dddddd; font-family: 'Open Sans'; font-size: 12px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 2.13; letter-spacing: normal; color: #999999; padding-left: 10px; } .form-group-full label { display: block; font-family: 'Open Sans'; font-size: 16px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 2.13; letter-spacing: normal; color: #555555; margin-top: 10px; } .form-group-full .input-text { width: 95%; height: 38px; border-radius: 2px; box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.12); background-color: #ffffff; border: solid 1px #dddddd; font-family: 'Open Sans'; font-size: 12px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 2.13; letter-spacing: normal; color: #999999; padding-left: 10px; } .form-group-full .input-select { width: 95%; height: 32px; border-radius: 2px; box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.12); background-color: #ffffff; border: solid 1px #dddddd; font-family: 'Open Sans'; font-size: 12px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 2.13; letter-spacing: normal; color: #999999; padding-left: 10px; } .input-checkbox { display: inline-block; float: left; width: 20px; height: 20px; margin-top: 15px; margin-left: 0px; border-radius: 3px; background-color: #ffffff; border: solid 1px #cccccc; } .form-group-full { display: block; width: 100%; height: auto; text-align: center; margin-top: 20px; margin-left: 10px; } .btn-link { font-family: 'Open Sans'; font-size: 14px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.86; letter-spacing: normal; color: #222222; } .form-group-gray { display: block; width: 96.5%; height: auto; background-color: #f7f7f7; text-align: center; margin: 0px; padding: 20px; padding-bottom: 10px; padding-right: 0px; font-family: 'Open Sans'; font-size: 14px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.86; letter-spacing: normal; color: #555555; } .btn-facebook { margin-top: 15px; margin-left: -10px; width: 80%; height: 58px; border-radius: 3px; border: solid 1px transparent; background-color: #3b5998; font-family: 'Open Sans'; font-size: 16px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; text-align: center; color: #ffffff; cursor: pointer; } #uglipop_content_fixed { position: absolute !important; } .text-wrap { padding: 0px; margin: 0px; margin-top: -70px !important; /*margin-left: 300px;*/ width: 100%; height: auto; margin: 0 auto; } .menu-block { display: block; float: none; width: 100%; height: auto; margin: 0px; padding: 0px; padding-left: 20px; } .text-block { display: block; float: none; width: 100%; height: auto; margin: 0px; padding: 0px; border-left: solid 1px #dddddd; padding-left: 20px; margin-bottom: 20px; } .text-block-alt { display: block; float: none; width: 90%; height: auto; margin: 0px; padding: 0px; border-left: solid 1px #dddddd; padding-left: 20px; margin-bottom: 20px; } .tool-block { display: block; float: none; width: 75%; height: auto; margin: 0px; padding: 30px; background-color: #f7f7f7; margin-left: 20px; } .menu-block ul { display: block; margin: 0; padding: 0px; width: 100%; padding-bottom: 20px; } .menu-block ul li { list-style: none; margin: 0px; padding: 0px; width: 100%; font-family: 'Open Sans'; font-size: 16px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 2.63; letter-spacing: normal; color: #222222; } .menu-block ul li.submenu-title { font-family: 'Open Sans'; font-size: 20px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1.5; letter-spacing: normal; color: #222222; padding-bottom: 13px; padding-top: 60px; } .menu-block ul li.submenu-title:first-of-type { padding-top: 0px; } .menu-block ul li.active-submenu-item { font-weight: 600; } .menu-block ul li a { text-decoration: none; color: #222222; } .text-block h2 { display: block; padding: 0px; margin: 0px; font-family: 'Open Sans'; font-size: 36px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1.28; letter-spacing: normal; color: #222222; } .text-block p { font-family: 'Open Sans'; font-size: 16px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 2; letter-spacing: normal; color: #555555; width: 90%; } .text-block p strong { font-weight: 500; } .tool-block h3 { font-family: 'Open Sans'; font-size: 18px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1.56; letter-spacing: normal; color: #222222; margin: 0px; padding: 0px; margin-bottom: 15px; } .tool-block p { font-family: 'Open Sans'; font-size: 14px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.86; letter-spacing: normal; color: #555555; margin: 0px; padding: 0px; } .breadcrumb { font-family: 'Open Sans'; font-size: 14px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 2; letter-spacing: normal; color: #555555; padding-bottom: 20px; padding-left: 20px; } .breadcrumb a { font-family: 'Open Sans'; font-size: 14px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 2; letter-spacing: normal; color: #555555; text-decoration: none; } .map-block { /*display: none !important;*/ width: 100% !important; height: 500px !important; min-height: 500px !important; max-height: 500px !important; margin-top: 0px !important; margin-bottom: -165px; } .filter-bar { display: none; position: relative; margin-top: 0px; height: auto; text-align: left; } .filter-input-wrap:first-of-type { padding-left: 10px; } .filter-input-wrap { font-size: 12px; line-height: 40px; padding-left: 10px; } .modal-input { float: left; width: 145px; } .mini { margin-bottom: 10px; } .w50percent { width: 43% !important; } .selectize-control { width: 100% !important; } .selectize-input { width: 100% !important; min-width: 100% !important; max-width: 100% !important; } .selectize-input > input { width: 100% !important; } .selectize-wrap { width: 93% !important; } .set-view { display: block; margin: 0px; padding: 0px; float: right; margin-right: 20px; margin-top: 0px; width: 40px; height: 30px; font-family: 'Open Sans'; font-size: 14px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.4; letter-spacing: normal; color: #555555; text-decoration: none; text-align: center; } .view-list { margin-right: 40px !important; } .view-map { margin-right: 80px !important; } .results-block { padding-top: 20px; width: 100%; height: auto; margin: 0 auto; background-color: #ffffff; margin-left: 20px; } .btn-black { width: 250px; } .sorter select { width: 185px; } .sorter { margin-bottom: 0px; } .property-form { height: 690px !important; } .sorter button { display: none !important; } .thin-block { width: 94% !important; } .result-list-thin { margin-top: 20px !important; } .horizontal-item { width: 100% !important; max-width: 100% !important; } .horizontal-item figure { width: 150px !important; } .result-details { width: 190px !important; } .thin-block { min-height: auto; max-height: auto; } .result-list { margin-top: 20px; width: 100% !important; } .property-info { width: 100% !important; padding-top: 100px; margin-left: 20px; } .property-share { width: 100% !important; text-align: left !important; margin-left: 20px; } .property-contact { width: 100% !important; text-align: left !important; margin-left: 20px; } .image-slider { width: 100% !important; height: 330px !important; margin-left: 20px; } .image-slider .slider-picture { width: 90% !important; height: 300px; } .image-slider a.prev { margin-top: 135px; } .image-slider a.next { margin-left: 300px; margin-top: 135px; } .contact-form { margin-left: 20px; width: 90% !important; float: left; } .thumbs-container { display: none; height: 150px; max-height: 150px; min-height: 150px; width: 100%; background-color: #f7f7f7; margin-top: 40px; border-radius: 10px; overflow-x: hidden; overflow-y: hidden; } .image-thumbs { width: auto; height: 160px; } .image-thumbs img { display: inline-block; width: 160px; height: 120px; background-color: #555555; margin: 14px; margin-left: 0px; cursor: pointer; } .image-thumbs img:first-of-type { margin-left: 14px; } .contact-form .contactFRM { margin-left: 0px; } .property-description { width: 90% !important; float: none !important; margin-left: 20px; } .property-map { width: 90% !important; float: none !important; margin-left: 20px; } .property-map h2 { padding-bottom: 30px; margin-bottom: 0px; } .property-features { width: 90% !important; margin-left: 20px; } .property-features div { width: 100% !important; } .agent-item .namecard { /*width: 200px !important;*/ } .agent-item .namecard small { margin-bottom: 0px; font-size: 12px; } .agent-info { width: 100% !important; margin-left: 20px; } .agent-info figure { width: 90%; } .agent-info .namecard { width: 90%; margin-left: 0px; margin-top: 20px; } .office-details { width: 90%; } .agent-listing { margin-left: 20px; width: 90%; } .agent-listing h2 { width: 91.3%; } .all-link { display: none; } #offficemap { display: none; } .text-block-alt p { width: 90% !important; } .text-block-alt .overload { width: 90%; margin-left: 0px; } .text-block-alt .slim { margin-left: -20px; } .agent-item { margin-left: -20px; width: 91%; } .agent-item figure { width: 100px; } .agent-item .namecard h4 { font-size: 12px; } .agent-form { height: 510px !important; } .backmarged { margin-left: -20px !important; } .small-marged { margin-left: -5px !important; } .col1 { width: 95%; margin-left: 10px; } .col2 { width: 95%; margin-left: 10px; } .btn-submit { width: 96%; margin-left: -10px; margin-bottom: 20px; } .contact-button { margin-left: 0px !important; } table { margin-left: -35px; } .justicon { width: 30px !important; height: 30px !important; } #dsBtn { display: none; } .contact-form .contact-type { clear: both; margin-top: 20px; } .contact-form .contact-type span { display: block; } .editor { width: 90%; } #nsBtn { display: block; background-color: rgba(255,255,255,0.9); width: 100px; height: 20px; margin-top: 1px; right: 0px; font-family: 'Open Sans'; font-size: 11px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #555555; cursor: pointer; z-index: 999; border-bottom: solid 1px #dddddd; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; text-align: center; text-decoration: none; padding-top: 5px; } .property-info p { font-size: 16px; } .property-info span { font-size: 14px; } #viewagents { margin-left: 0px; } .thin-block { display: block; padding-top: 26px; width: 95% !important; height: auto !important; margin: 0 auto; background-color: #ffffff; overflow-y: hidden; padding-left: 20px; position: relative; } .result-list-thin { overflow-x: auto; min-height: auto !important; max-height: none !important; height: auto !important; } #moveButton { position: static !important; left: 0px !important; margin-left: -160px !important; } #polyButton { position: static !important; left: 0px !important; margin-left: -95px !important; } #trashButton { position: static !important; left: 0px !important; margin-left: -35px !important; } .result-item span.address { font-size: 12px !important; } }