/* ============================================================================= RESPONSIVE - MEDIA QUERIES 1280px MAX ============================================================================= */ @media only screen and (min-width: 1180px) and (max-width: 1340px){ /* width: 1180px; */ /* ----------------------------------------------------------------------------- Navigation & top ----------------------------------------------------------------------------- */ .nav-container {width:100%;margin:0 auto;} .nav-left {width:100%;float:none;} .nav-right {width:1040px;float:none;text-align:center;padding:0 0 20px 0;margin:0 auto;} /* ============================================================================ IMPORTANT INFO ============================================================================ */ .important-info-container {width:100%;max-width:1040px;min-height:40px;margin:0 auto 20px auto;position:relative;} .important-info-box {width:100%;max-width:1040px;min-height:40px;line-height:40px;float:none;} #important-message-box {width:100%;} .important-title {padding:0 0 0 20px;} .importnt-inside {padding:0 20px 0 20px;} /* ----------------------------------------------------------------------------- HOME ----------------------------------------------------------------------------- */ .logo {text-align:center;} .tel-top {text-align:right;} .layer1-container {width:1160px;margin:0 auto;padding:80px 0 0 0;} .layer1-left {width:620px;float:left;} .layer1-right {width:500px;float:right;} .isrv-container {width:680px;margin:0 auto;} .ifeat-srv-container {padding:30px 0 0 0;} .ifeat-srv-box-def {width:320px;float:left;margin:0 20px 30px 0;position:relative;} .ifeat-srv-box-last {width:320px;float:left;margin:0 0 30px 0;} .review-container {width:100%;} /* ============================================================================ SUBPAGE ============================================================================ */ .main-title {width:90%;margin:0 auto;} /* ============================================================================ SERVICES ============================================================================ */ /* vendors */ .tbanner-container {width:100%;margin:0 auto;} .submenu-beam-container {width:90%;margin:0 auto;} .srv-main-container {width:1160px;margin:0 auto;} .srv-main-container-l {width:760px;float:left;} .srv-main-container-r {width:350px;float:right;} .srv-review-container {width:100%;} /* buyers */ .property-featured-container {width:100%;margin:0 auto;} /* ============================================================================ AREA-GUIDE ============================================================================ */ .submenu-beam-left {width:640px;float:left;} .submenu-beam-right {width:450px;float:right;text-align:right;} /* ============================================================================ ABOUT ============================================================================ */ .about-review-container {width:100%;min-height:360px;} /* ============================================================================ FORMS ============================================================================ */ /* property matches */ #form-matches {width:95%;} .select-div-box {width:330px;margin:0px auto;} .select-div-l {width:162px;float:left;} .select-div-r {width:162px;float:right;} /* FOOTER ------------------------------------------------------------------------- */ .footer-container {width:1160px;margin:0 auto;} .foot-left {width:270px;float:left;background: url('../img/fvline.png') no-repeat right top;} .foot-middle {width:600px;float:left;} .foot-right {width:220px;float:right;} .fmiddle-inside {width:600px;padding:20px 0 0 0;margin:0px auto;} .fmid1 {width:140px;float:left;margin:0 0 0 40px;} .fmid2 {width:140px;float:left;} .fmid3 {width:140px;float:left;} .fmid4 {width:140px;float:right;} .foot-button-alerts {float:none;margin:0 auto 0 auto;} .fterms {padding:35px 0 20px 0;text-align:center;} .fcopy-container {min-height:38px;line-height:18px;} .fcopyl {width:100%;float:none;text-align:center;margin:0 auto;} .fcopyr {width:100%;float:none;text-align:center;margin:0 auto;padding:5px 0 5px 0;} } @media only screen and (min-width: 959px) and (max-width: 1180px){ /* width: 950px; */ /* ----------------------------------------------------------------------------- Navigation & top ----------------------------------------------------------------------------- */ .nav-container {width:100%;margin:0 auto;} .nav-left {width:100%;float:none;} .nav-right {width:840px;float:none;text-align:center;padding:0 0 20px 0;margin:0 auto;} .nav-default {padding:17px 0 0 0;float:none;} .nav-button-alerts {display:none;} /* ============================================================================ IMPORTANT INFO ============================================================================ */ .important-info-container {width:100%;max-width:840px;min-height:40px;margin:0 auto 20px auto;position:relative;} .important-info-box {width:100%;max-width:840px;min-height:40px;line-height:40px;float:none;} #important-message-box {width:100%;} .importnt-inside {padding:0 20px 0 20px;} .important-title {padding:0 0 0 20px;} /* ----------------------------------------------------------------------------- HOME ----------------------------------------------------------------------------- */ .logo {text-align:center;} .tel-top {text-align:right;padding:0 20px 0 0;} /* content */ #layer1-wrapper {width:100%;min-height:470px;background: none;} #layer1-wrapper-image {width:100%;min-height:470px;} .layer1-container {width:100%;} .layer1-left {width:90%;float:none;margin:0 auto;} .layer1-right {width:90%;float:none;margin:0 auto;} .layer1-title h1 {font-size:26px;line-height:28px;} .home-slogan {text-align:left;font-size:20px;line-height:30px;padding:30px 0 0 0;} .review-container {width:100%;min-height:250px;padding:0 0 0 0;} .index-testi {width:800px;margin:0 auto;} .itst-inside {width:800px;position:relative;} .testitle {font-size:20px;line-height:26px;} .tcontent {font-size:18px;line-height:24px;} .isrv-container {width:680px;margin:0 auto;} .ifeat-srv-container {padding:30px 0 0 0;} .ifeat-srv-box-def {width:320px;float:left;margin:0 20px 30px 0;position:relative;} .ifeat-srv-box-last {width:320px;float:left;margin:0 0 30px 0;} /* ============================================================================ SUBPAGE ============================================================================ */ .main-title {width:90%;margin:0 auto;} /* ============================================================================ SERVICES ============================================================================ */ /* vendors */ .tbanner-container {width:100%;margin:0 auto;} .submenu-beam-container {width:90%;margin:0 auto;} .srv-main-wrapper {width:100%;padding:70px 0 70px 0;} .srv-main-container {width:950px;margin:0 auto;} .srv-main-container-l {width:580px;float:left;} .srv-main-container-r {width:350px;float:right;} .srv-review-container {width:100%;min-height:250px;} /* buyers */ .property-featured-container {width:100%;margin:0 auto;} /* ============================================================================ AREA-GUIDE ============================================================================ */ .submenu-beam-left {width:90%;float:none;margin:0 auto;} .submenu-beam-right {width:90%;float:none;text-align:left;margin:0 auto;} /* ============================================================================ ABOUT ============================================================================ */ .about-review-container {width:100%;min-height:360px;} /* ============================================================================ FORMS ============================================================================ */ iframe{max-width: 100%;height: auto;} img{max-width: 100%;height: auto;} /* FOOTER ------------------------------------------------------------------------- */ .footer-container {width:900px;margin:0 auto;} .foot-left {width:270px;float:left;background: url('../img/fvline.png') no-repeat right top;} .foot-middle {width:610px;float:left;} .foot-right {width:100%;float:left;margin:30px auto 0 auto;} .fmiddle-inside {width:600px;padding:20px 0 0 0;margin:0px auto;} .fmid1 {width:140px;float:left;margin:0 0 0 40px;} .fmid2 {width:140px;float:left;} .fmid3 {width:140px;float:left;} .fmid4 {width:140px;float:right;} .foot-button-alerts {float:none;margin:0 auto 0 auto;display:inline-block;} .fterms {padding:35px 0 20px 0;text-align:center;} .fbutt1 {width:204px;margin:10px auto 0 auto;} .fbutt2 {width:204px;margin:10px auto 0 auto;} .fcopy-container {min-height:38px;line-height:18px;} .fcopyl {width:100%;float:none;text-align:center;margin:0 auto;} .fcopyr {width:100%;float:none;text-align:center;margin:0 auto;padding:5px 0 5px 0;} } @media only screen and (min-width: 768px) and (max-width: 959px){ /* width: 728px; */ /* ----------------------------------------------------------------------------- Navigation & top ----------------------------------------------------------------------------- */ .nav-container {width:100%;margin:0 auto;} .nav-left {width:100%;float:none;} .nav-right {width:100%;float:none;text-align:center;padding:0 0 20px 0;} .nav-responsive {width:100%;display:block;text-align:right;position:fixed;margin:5px 5px 0 0;top:0;right:0;z-index:9999;} /*.nav-responsive {display:block;text-align:right;}*/ .nav-default {display:none;} /* ============================================================================ IMPORTANT INFO ============================================================================ */ .important-info-container {width:100%;max-width:640px;min-height:40px;margin:0 auto 20px auto;position:relative;} .important-info-box {width:100%;max-width:640px;min-height:40px;line-height:40px;float:none;} #important-message-box {width:100%;} .importnt-inside {padding:0 20px 0 20px;} .important-title {padding:0 0 0 20px;} .info-readmore {display:none;} /* ----------------------------------------------------------------------------- HOME ----------------------------------------------------------------------------- */ .logo {text-align:center;} .banner-title {font-size:38px;line-height:44px;padding:80px 0 0 0;} .banner-areas {padding:40px 0 0 0;} .banner-arrow {padding:80px 0 0 0;} .areas-button {background: none;padding:0 0 0 0;margin:0 15px 0 15px;} /* content */ #layer1-wrapper {width:100%;min-height:470px;background: none;} #layer1-wrapper-image {width:100%;min-height:470px;background: none;} .layer1-container {width:100%;} .layer1-left {width:90%;float:none;margin:0 auto;} .layer1-right {width:90%;float:none;margin:0 auto;} .layer1-title h1 {font-size:26px;line-height:28px;} .home-slogan {text-align:left;font-size:20px;line-height:30px;padding:30px 0 0 0;} .review-container {width:100%;padding:0 0 0 0;} .index-testi {width:640px;margin:0 auto;} .itst-inside {width:600px;position:relative;} .testitle {font-size:20px;line-height:26px;} .tcontent {font-size:18px;line-height:24px;} .isrv-container {width:680px;margin:0 auto;} .ifeat-srv-container {padding:30px 0 0 0;} .ifeat-srv-box-def {width:320px;float:left;margin:0 20px 30px 0;position:relative;} .ifeat-srv-box-last {width:320px;float:left;margin:0 0 30px 0;} /* ============================================================================ SUBPAGE ============================================================================ */ .main-title {width:90%;margin:0 auto;} .main-title h1 {font-size:40px;} /* ============================================================================ SERVICES ============================================================================ */ /* vendors */ #vendors-banner-wrapper {background-size: cover;} .tbanner-container {width:100%;margin:0 auto;} .submenu-beam-container {width:100%;margin:0 auto;} .srv-main-wrapper {width:100%;padding:70px 0 30px 0;} .srv-main-container {width:100%;margin:0 auto;} .srv-main-container-l {width:90%;float:none;margin:0 auto;} .srv-main-container-r {width:100%;float:none;margin:30px auto 0 auto;} .srv-review-container {width:100%;} .srv-right-banner1 {width:350px;margin:30px auto 0 auto;} .srv-right-banner2 {width:350px;margin:30px auto 0 auto;} /* buyers */ .property-featured-container {width:100%;margin:0 auto;} /* landlords */ .srv-right-det-inside2 {width:90%;} /* ============================================================================ AREA-GUIDE ============================================================================ */ .submenu-beam-left {width:90%;float:none;margin:0 auto;} .submenu-beam-right {width:90%;float:none;text-align:left;margin:0 auto;} .area-banner-home {width:350px;margin:30px auto 0 auto;} /* ============================================================================ ABOUT ============================================================================ */ .about-review-container {width:100%;min-height:360px;} /* ============================================================================ CONTACT ============================================================================ */ .cnt-title h1 {font-size:42px;line-height:48px;} /* ============================================================================ FORMS ============================================================================ */ /* property matches */ #form-matches {width:95%;} input.formb1 {width:290px;height:42px;line-height:42px;border-radius:0;padding: 0 5px;} .select-div-box {width:300px;margin:0px auto;} .select-div-l {width:140px;float:left;} .select-div-r {width:140px;float:right;} .smallselect {height:42px;line-height:42px;padding: 0 0 0 0;} .textareaclass {width:290px;height:140px;padding: 5px 0 0 5px;} .gdpr-layer {width:300px;margin:0px auto;} .form-submit{font-size:14px;width:240px;height:47px;margin:15px auto 0 auto;} /* arrange viewing form */ #form-arrange {width:95%;} .arrt-fields {width:300px;margin:10px auto 0 auto;} .arrt1 {width:300px;float:none;} .arrt2 {width:60px;float:left;margin:10px 10px 0 0;} .arrange-submit{font-size:14px;width:240px;height:47px;margin:15px auto 0 auto;} /* contact form */ #form-contact {width:95%;} .cnt-form-left {width:300px;float:none;margin:0px auto;} .cnt-form-right {width:300px;float:none;margin:0px auto;} .textareaclass2 {width:295px;height:185px;padding: 5px 0 0 5px;} .cnt-gdpr-layer {width:300px;margin:0px auto;} .contact-submit{font-size:14px;width:240px;height:47px;margin:15px auto 0 auto;} /* valuation form */ #form-valuation {width:95%;} .shrt-fields {width:300px;margin:10px auto 0 auto;} .shrt1 {width:300px;float:none;} .shrt2 {width:60px;float:left;margin:10px 10px 0 0;} input.fdate {width:225px;height:47px;padding: 0 5px;line-height:47px;} .fdateico {width:60px;height:47px;line-height:47px;} label.chckradio {height:47px;line-height:47px;border:0;} .valuation-submit{font-size:14px;width:240px;height:47px;margin:15px auto 0 auto;} /* iphone style */ input.text, input[type="text"], input[type="email"], input[type="button"], input[type="submit"], .input-checkbox { -webkit-appearance: none; border-radius: 0; } iframe{max-width: 100%;height: auto;} img{max-width: 100%;height: auto;} /* FOOTER ------------------------------------------------------------------------- */ .footer-container {width:90%;margin:0 auto;} .foot-left {width:270px;float:none;background:none;margin:0px auto;} .foot-middle {width:90%;float:none;margin:0px auto;} .foot-right {width:100%;float:left;margin:30px auto 0 auto;} .fmiddle-inside {width:560px;padding:20px 0 0 0;margin:0px auto;} .fmid1 {width:140px;float:left;} .fmid2 {width:140px;float:left;} .fmid3 {width:140px;float:left;} .fmid4 {width:140px;float:left;} .fnavi li a {padding:3px 0 3px 0;display:block;} .foot-button-alerts {float:none;margin:0 auto 0 auto;display:inline-block;} .fterms {padding:35px 0 20px 0;text-align:center;} .fbutt1 {width:204px;margin:10px auto 0 auto;} .fbutt2 {width:204px;margin:10px auto 0 auto;} .fcopy-container {min-height:38px;line-height:18px;} .fcopyl {width:100%;float:none;text-align:center;margin:0 auto;} .fcopyr {width:100%;float:none;text-align:center;margin:0 auto;padding:5px 0 5px 0;} } @media only screen and (min-width: 480px) and (max-width: 767px){ /* width: 440px; */ /* ----------------------------------------------------------------------------- Navigation & top ----------------------------------------------------------------------------- */ .nav-container {width:100%;margin:0 auto;} .nav-left {width:100%;float:none;} .nav-right {width:100%;float:none;text-align:center;padding:0 0 20px 0;} .nav-responsive {width:100%;display:block;text-align:right;position:fixed;margin:5px 5px 0 0;top:0;right:0;z-index:9999;} /*.nav-responsive {display:block;text-align:right;}*/ .nav-default {display:none;} /* ============================================================================ IMPORTANT INFO ============================================================================ */ .important-info-container {width:100%;min-height:40px;margin:0 auto 20px auto;position:relative;} .important-info-box {width:100%;min-height:40px;line-height:40px;float:none;} #important-message-box {width:100%;} .importnt-inside {padding:0 20px 0 20px;} .important-title {padding:0 0 0 20px;} .info-readmore {display:none;} /* ----------------------------------------------------------------------------- HOME ----------------------------------------------------------------------------- */ .logo {text-align:center;} .banner-title {font-size:34px;line-height:42px;padding:80px 0 0 0;} .banner-areas {padding:40px 0 0 0;} .banner-arrow {padding:60px 0 0 0;} .areas-button {background: none;padding:0 0 0 0;margin:0 15px 0 15px;} /* content */ #layer1-wrapper {width:100%;min-height:470px;background: none;} #layer1-wrapper-image {width:100%;min-height:470px;background: none;} .layer1-container {width:100%;} .layer1-left {width:90%;float:none;margin:0 auto;} .layer1-right {width:90%;float:none;margin:0 auto;} .layer1-title h1 {font-size:26px;line-height:28px;} .home-slogan {text-align:left;font-size:20px;line-height:30px;padding:30px 0 0 0;} .review-container {width:100%;padding:0 0 20px 0;} .index-testi {width:95%;} .itst-inside {width:100%;} .testitle {font-size:20px;line-height:26px;} .tcontent {font-size:18px;line-height:24px;} .isrv-container {width:320px;margin:0 auto;} .isrv-title h2 {font-size:26px;line-height:28px;} .ifeat-srv-box-photo {width:320px;position:relative;} .ifeat-srv-box-def {width:100%;float:none;margin:30px auto 0 auto;} .ifeat-srv-box-last {width:100%;float:none;margin:30px auto 0 auto;} /* ============================================================================ SUBPAGE ============================================================================ */ .main-title {width:90%;margin:0 auto;} .main-title h1 {font-size:36px;} /* ============================================================================ SERVICES ============================================================================ */ /* vendors */ #vendors-banner-wrapper {background-size: cover;} .tbanner-container {width:100%;margin:0 auto;} .submenu-beam-container {width:100%;margin:0 auto;} .submenu-button {padding:0 0 0 0;min-width:100%;border-left:0;} .submenu-button-hover {padding:0 0 0 0;min-width:100%;border-left:0;} .submenu-button-last {padding:0 0 0 0;min-width:100%;border-left:0;border-right:0;} .submenu-button-hover-last {padding:0 0 0 0;min-width:100%;border-left:0;border-right:0;} .sub-right-brd {display:none;} .srv-main-container {width:100%;margin:0 auto;} .srv-main-container-l {width:90%;float:none;margin:0 auto;} .srv-main-container-r {width:100%;float:none;margin:30px auto 0 auto;} .srv-review-container {width:100%;padding:0 0 20px 0;} .service-title h2 {font-size:26px;line-height:30px;} .srv-banner1-txt {font-size:26px;line-height:32px;} .srv-right-banner1 {width:420px;margin:30px auto 0 auto;} .srv-right-banner2 {width:420px;margin:30px auto 0 auto;} /* buyers */ .property-featured-container {width:100%;margin:0 auto;} /* landlords */ .srv-right-det-inside2 {width:90%;} /* tenants */ .service-title2 h2 {font-size:26px;line-height:32px;} /* ============================================================================ AREA-GUIDE ============================================================================ */ .area-title2 h2 {font-size:26px;line-height:32px;} .area-banner-home {width:420px;margin:30px auto 0 auto;} .submenu-beam-left {width:100%;float:none;margin:0 auto;} .submenu-beam-right {width:100%;float:none;text-align:left;margin:0 auto;} .areamenu-button {width:100%;margin:0 0 0 0;padding:0 0 0 0;} .area-ban-title-short {font-size:20px;line-height:24px;font-weight:300;} /* ============================================================================ ABOUT ============================================================================ */ .about-review-container {width:100%;min-height:360px;} /* ============================================================================ TESTIMONIALS ============================================================================ */ /* ============================================================================ CONTACT ============================================================================ */ #contact-banner-wrapper {width:100%;min-height:620px;} .contact-container {width:90%;padding:80px 0 0 0;} .cnt-title h1 {font-size:36px;line-height:42px;} /* ============================================================================ VALUATION ============================================================================ */ #valuation-banner-wrapper {width:100%;min-height:620px;} .valuation-container {width:90%;padding:80px 0 0 0;} /* ============================================================================ FORMS ============================================================================ */ /* property matches */ #form-matches {width:95%;} input.formb1 {width:290px;height:42px;line-height:42px;border-radius:0;padding: 0 5px;} .select-div-box {width:300px;margin:0px auto;} .select-div-l {width:140px;float:left;} .select-div-r {width:140px;float:right;} .smallselect {height:42px;line-height:42px;padding: 0 0 0 0;} .textareaclass {width:290px;height:140px;padding: 5px 0 0 5px;} .gdpr-layer {width:300px;margin:0px auto;} .form-submit{font-size:14px;width:240px;height:47px;margin:15px auto 0 auto;} /* arrange viewing form */ #form-arrange {width:95%;} .arrt-fields {width:300px;margin:10px auto 0 auto;} .arrt1 {width:300px;float:none;} .arrt2 {width:60px;float:left;margin:10px 10px 0 0;} .arrange-submit{font-size:14px;width:240px;height:47px;margin:15px auto 0 auto;} /* contact form */ #form-contact {width:95%;} .cnt-form-left {width:300px;float:none;margin:0px auto;} .cnt-form-right {width:300px;float:none;margin:0px auto;} .textareaclass2 {width:295px;height:185px;padding: 5px 0 0 5px;} .cnt-gdpr-layer {width:300px;margin:0px auto;} .contact-submit{font-size:14px;width:240px;height:47px;margin:15px auto 0 auto;} /* valuation form */ #form-valuation {width:95%;} .shrt-fields {width:300px;margin:10px auto 0 auto;} .shrt1 {width:300px;float:none;} .shrt2 {width:60px;float:left;margin:10px 10px 0 0;} input.fdate {width:225px;height:47px;padding: 0 5px;line-height:47px;} .fdateico {width:60px;height:47px;line-height:47px;} label.chckradio {height:47px;line-height:47px;border:0;} .valuation-submit{font-size:14px;width:240px;height:47px;margin:15px auto 0 auto;} /* iphone style */ input.text, input[type="text"], input[type="email"], input[type="button"], input[type="submit"], .input-checkbox { -webkit-appearance: none; border-radius: 0; } iframe{max-width: 100%;height: auto;} img{max-width: 100%;height: auto;} /* FOOTER ------------------------------------------------------------------------- */ .footer-container {width:90%;margin:0 auto;} .foot-left {width:100%;float:none;background: none;} .foot-middle {width:100%;float:none;margin:0 auto;} .foot-right {width:100%;float:none;margin:30px auto 0 auto;} .fmiddle-inside {width:100%;padding:20px 0 0 0;} .fmid1 {width:140px;float:left;} .fmid2 {width:140px;float:left;} .fmid3 {width:140px;float:left;} .fmid4 {width:100%;float:none;clear:left;padding:30px 0 0 0;text-align:center;} .fnavi li a {padding:3px 0 3px 0;display:block;} .foot-button-alerts {float:none;margin:0 auto 0 auto;display:inline-block;} .fterms {padding:35px 0 20px 0;text-align:center;} .fbutt1 {width:204px;margin:10px auto 0 auto;} .fbutt2 {width:204px;margin:10px auto 0 auto;} .fcopy-container {min-height:38px;line-height:18px;} .fcopyl {width:100%;float:none;text-align:center;margin:0 auto;} .fcopyr {width:100%;float:none;text-align:center;margin:0 auto;padding:5px 0 5px 0;} } @media only screen and (min-width: 320px) and (max-width: 479px){ /* width: 280px; */ /* ----------------------------------------------------------------------------- Navigation & top ----------------------------------------------------------------------------- */ .nav-container {width:100%;margin:0 auto;} .nav-left {width:100%;float:none;} .nav-right {width:100%;float:none;text-align:center;padding:0 0 20px 0;} .nav-responsive {width:100%;display:block;text-align:right;position:fixed;margin:5px 0 0 0;top:0;right:0;z-index:9999;} /*.nav-responsive {display:block;text-align:right;}*/ .nav-default {display:none;} /* ============================================================================ IMPORTANT INFO ============================================================================ */ .important-info-container {width:100%;min-height:40px;margin:0 auto 20px auto;position:relative;} .important-info-box {width:100%;min-height:40px;line-height:40px;float:none;} .important-title {padding:0 0 0 20px;} #important-message-box {width:100%;} .importnt-inside {padding:0 10px 0 20px;} .info-readmore {display:none;} /* ----------------------------------------------------------------------------- HOME ----------------------------------------------------------------------------- */ .logo {text-align:center;} .banner-title {font-size:34px;line-height:42px;padding:80px 0 0 0;} .banner-areas {padding:40px 0 0 0;} .banner-arrow {padding:60px 0 0 0;} .areas-button {background: none;} /* content */ #layer1-wrapper {width:100%;min-height:470px;background: none;} #layer1-wrapper-image {width:100%;min-height:470px;background: none;} .layer1-container {width:100%;} .layer1-left {width:90%;float:none;margin:0 auto;} .layer1-right {width:90%;float:none;margin:0 auto;} .layer1-title h1 {font-size:26px;line-height:28px;} .home-slogan {text-align:left;font-size:20px;line-height:30px;padding:30px 0 0 0;} .review-container {width:100%;padding:0 0 20px 0;} .index-testi {width:95%;} .itst-inside {width:100%;} .testitle {font-size:20px;line-height:26px;} .tcontent {font-size:18px;line-height:24px;} .isrv-container {width:280px;margin:0 auto;} .isrv-title h2 {font-size:26px;line-height:28px;} .ifeat-srv-box-photo {width:100%;position:relative;min-height:215px;} .ifeat-srv-box-def {width:100%;float:none;margin:30px auto 0 auto;} .ifeat-srv-box-last {width:100%;float:none;margin:30px auto 0 auto;} /* ============================================================================ SUBPAGE ============================================================================ */ .main-title {width:90%;margin:0 auto;} .main-title h1 {font-size:26px;} /* ============================================================================ SERVICES ============================================================================ */ /* vendors */ #vendors-banner-wrapper {background-size: cover;} .tbanner-container {width:100%;margin:0 auto;} .submenu-beam-container {width:100%;margin:0 auto;} .submenu-button {padding:0 0 0 0;min-width:100%;border-left:0;display:block;} .submenu-button-hover {padding:0 0 0 0;min-width:100%;border-left:0;display:block;} .submenu-button-last {padding:0 0 0 0;min-width:100%;border-left:0;border-right:0;display:block;} .submenu-button-hover-last {padding:0 0 0 0;min-width:100%;border-left:0;border-right:0;display:block;} .sub-right-brd {display:none;} .srv-main-container {width:100%;margin:0 auto;} .srv-main-container-l {width:90%;float:none;margin:0 auto;} .srv-main-container-r {width:100%;float:none;margin:30px auto 0 auto;} .srv-review-container {width:100%;padding:0 0 20px 0;} .service-title h2 {font-size:26px;line-height:30px;} .srv-banner1-txt {font-size:26px;line-height:32px;} /* buyers */ .property-featured-container {width:100%;margin:0 auto;} /* landlords */ .srv-right-det-inside2 {width:90%;} /* tenants */ .service-title2 h2 {font-size:26px;line-height:32px;} /* ============================================================================ AREA-GUIDE ============================================================================ */ .area-title2 h2 {font-size:26px;line-height:32px;} .submenu-beam-left {width:100%;float:none;margin:0 auto;} .submenu-beam-right {width:100%;float:none;text-align:left;margin:0 auto;} .areamenu-button {width:100%;height:60px;margin:0 0 0 0;display:block;padding:0;} .area-ban-title-short {font-size:20px;line-height:24px;font-weight:300;} /* ============================================================================ ABOUT ============================================================================ */ .about-review-container {width:100%;min-height:360px;} /* ============================================================================ TESTIMONIALS ============================================================================ */ /* ============================================================================ CONTACT ============================================================================ */ #contact-banner-wrapper {width:100%;min-height:620px;} .contact-container {width:90%;padding:80px 0 0 0;} .cnt-title h1 {font-size:26px;line-height:36px;} /* ============================================================================ VALUATION ============================================================================ */ #valuation-banner-wrapper {width:100%;min-height:620px;} .valuation-container {width:90%;padding:80px 0 0 0;} /* ============================================================================ FORMS ============================================================================ */ /* property matches */ #form-matches {width:95%;} input.formb1 {width:250px;height:38px;line-height:38px;border-radius:0;padding: 0 5px;} .select-div-box {width:260px;margin:0px auto;} .select-div-l {width:120px;float:left;} .select-div-r {width:120px;float:right;} .smallselect {height:38px;line-height:38px;padding: 0 0 0 0;} .textareaclass {width:240px;height:100px;} .gdpr-layer {width:260px;margin:0px auto;} .form-submit{font-size:14px;width:240px;height:47px;margin:15px auto 0 auto;} /* arrange viewing form */ #form-arrange {width:95%;} .arrt-fields {width:267px;margin:10px auto 0 auto;} .arrt1 {width:270px;float:none;text-align:left;margin:0 0 0 3px;} .arrt2 {width:60px;float:left;margin:10px 7px 0 3px;} .arrange-submit{font-size:14px;width:240px;height:47px;margin:15px auto 0 auto;} /* contact form */ #form-contact {width:95%;} .cnt-form-left {width:280px;float:none;margin:0px auto;} .cnt-form-right {width:280px;float:none;margin:0px auto;} .textareaclass2 {width:255px;height:185px;padding: 5px 0 0 5px;} .cnt-gdpr-layer {width:260px;margin:0px auto;} .contact-submit{font-size:14px;width:240px;height:47px;margin:15px auto 0 auto;} /* valuation form */ #form-valuation {width:95%;} .shrt-fields {width:95%;margin:10px auto 0 auto;} .shrt1 {width:270px;float:none;text-align:left;margin:0;} .shrt2 {width:60px;float:left;margin:10px 10px 0 0;} input.fdate {width:175px;height:47px;padding: 0 15px;line-height:47px;border: 0;border-radius:0;} .fdateico {width:54px;height:47px;line-height:47px;} label.chckradio {height:47px;line-height:47px;border:0;} .shrt-mob {width:95%;margin:0px auto;} .valuation-submit{font-size:14px;width:240px;height:47px;margin:15px auto 0 auto;} /* iphone style */ input.text, input[type="text"], input[type="email"], input[type="button"], input[type="submit"], .input-checkbox { -webkit-appearance: none; border-radius: 0; } iframe{max-width: 100%;height: auto;} img{max-width: 100%;height: auto;} /* FOOTER ------------------------------------------------------------------------- */ .footer-container {width:90%;margin:0 auto;} .foot-left {width:100%;float:none;background: none;} .foot-middle {width:100%;float:none;margin:0 auto;} .foot-right {width:100%;float:none;margin:30px auto 0 auto;} .fmiddle-inside {width:100%;} .fmid1 {width:100%;float:none;margin:0 auto;} .fmid2 {width:100%;float:none;margin:30px auto 0 auto;} .fmid3 {width:100%;float:none;margin:30px auto 0 auto;} .fmid4 {width:100%;float:none;margin:30px auto 0 auto;} .fnavi li a {padding:3px 0 3px 0;display:block;} .foot-button-alerts {float:none;margin:0 auto 0 auto;display:inline-block;} .fterms {padding:35px 0 20px 0;text-align:center;} .fbutt1 {width:204px;margin:10px auto 0 auto;} .fbutt2 {width:204px;margin:10px auto 0 auto;} .fcopy-container {min-height:38px;line-height:18px;} .fcopyl {width:100%;float:none;text-align:center;margin:0 auto;} .fcopyr {width:100%;float:none;text-align:center;margin:0 auto;padding:5px 0 5px 0;} }