/* Extra small Devices */
@media (min-width: 480px) {

.renter-search input {
font-size:18px;
height:60px;
}
.btn-large {
height:60px;
line-height:60px;
font-size:18px;
}
.screen-grab {
padding-top:100px;
}
.hero-button-grp {
max-width:420px;
}

}
 
/* Tablets col-sm- */
@media (min-width: 768px) {

.col-xs-12 {
padding-left:15px;
padding-right:15px;
}
h1 {
font-size:45px;
}
header {
position:absolute;
top:0;
left:0;
background-color:initial;
border-bottom:none;
padding:20px 0;
}
header .wrapper {
padding:0 40px;
}
header .collapse {
display:block;
}
.logo {
margin-left:0;
background:url(../img/logo-main.png) top left no-repeat;
}
.svg .logo {
background:url(../img/logo-main.svg) top left no-repeat;
}
.nav-collapse {
clear:none;
}
.collapse.nav-collapse {
overflow:initial;
}
.nav {
float:left;
padding:0;
margin-left:40px;
background-color:initial;
margin-top:0;
border-bottom:none;
}
.nav > li {
float:left;
margin-right:20px;
}
.nav > li:last-child {
margin-right:0;
}
.nav > li > a {
height:40px;
line-height:40px;
color:rgb(255,255,255);
}
.nav > li:last-child > a {
color:rgb(255,255,255);
}
.nav > li >a:hover, .nav > li >a:focus {
background-color:initial;
box-shadow: inset 0 -2px 0 0 rgba(0,0,0,0.1);
}
.collapse-icon {
display:none;
}
.hero {
height:680px;
background:initial;
margin-top:0;
}
.agents .hero {
background:initial;
}
.hero-bg {
position:fixed;
top:0;
height:100%;
min-width:100%;
z-index:-1;
background-image:url(../img/hero-bg.png);
background-position:center center;
background-repeat:no-repeat;
background-size:cover;
}
.agents .hero-bg {
background-image:url(../img/hero-bg-agent.png);
}
.header-fixed {
height:40px;
width:100%;
padding:10px 0;
background-color:rgb(255,255,255);
-webkit-box-sizing:initial;-moz-box-sizing:initial;box-sizing:initial;
-webkit-background-clip:padding;-moz-background-clip:padding;background-clip:padding; 
position:fixed;
top:-64px;
left:0;
border-bottom:4px solid rgba(0,0,0,0.1);
z-index:1000;
display:block;
}
.search .header-fixed {
position:initial;
}
.header-fixed .logo {
background:url(../img/logo-main-colour.png) top left no-repeat;
margin-left:40px;
}
.svg .header-fixed .logo {
background:url(../img/logo-main-colour.svg) top left no-repeat;
}
.header-fixed .button-grp {
margin-right:40px;
}
.header-fixed.header-show {
top:0;
}
.search .header-fixed {
height:initial;
}
footer {
padding:80px 0;
text-align:left;
}
footer .col-sm-3 {
margin-bottom:0;
}
.results-info {
margin-bottom:40px;
text-align:left;
}
.results-info h3 {
display:inline-block;
}
.results-info a {
float:right;
}
.btn-sign-in {
background:transparent;
margin-right:0;
}
.modal-dialog {
width:800px;
margin:110px auto 0 auto;
}
.logos .col-sm-4 {
padding-bottom:0;
}
.hero {
text-align:left;
}
.hero .row {
margin-top:148px;
padding-left:40px;
padding-right:40px;
}
.hero h1 {
font-size:40px;
margin-bottom:40px;
}
.hero h2 {
font-size:30px;
margin-bottom:10px;
}
.sign-up-group {
max-width:480px;
}
.sign-up-group input {
width:340px;
display:inline-block;
}
.sign-up-group button {
width:130px;
display:inline-block;
margin-top:0;
}
.hero.hero-small {
height:380px;
}
.hero-lg {
padding:160px 0 160px 0;
overflow:hidden;
margin-top:0;
}
.hero-lg h1 {
font-size:60px;
}
.hero-lg .button {
display:inline-block;
width:initial;
margin:0 auto;
}
.hero-button-grp .button {
width:200px;
float:left;
margin:0 20px 0 0;
}
.hero-button-grp .button:last-child {
margin:0;
}
.hero-lg .browser {
height:854px;
width:100%;
position:absolute;
left:0;
top:0;
bottom:initial;
}
.hero-lg .screen {
height:854px;
width:100%;
margin-top:44px;
background:url(../img/new-hero-bg.png) top center no-repeat;
background-position:0 0;
background-size:cover;
}
.portals {
text-align:left;
}
.portals p {
height:20px;
line-height:20px;
display:inline-block;
margin-bottom:0;
}
.portal-grp {
float:right;
margin:0;
}
.portals .portal {
height:20px;
float:left;
margin-right:40px;
padding:0;
}
.portals .portal:last-child {
margin-right:0;
}
.testimonial p {
font-size:20px;
}
.nav.terms-sidebar.affix {
display:block;
width:220px;
}

}

/* Desktop Small col-md- */
@media (min-width: 992px) {

.renter-search {
height:80px;
width:100%;
background-color:rgba(66,74,85,0.8);
padding:10px;
-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;
display:table;
border-collapse:separate;
}
.renter-search .input-wrap {
display:table-cell;
width:100%;
-webkit-box-sizing:initial;-moz-box-sizing:initial;box-sizing:initial;
padding-right:10px;
}
.renter-search input {
height:60px;
font-size:18px;
padding:0 20px 0 64px;
text-align:left;
margin-bottom:0;
}
.renter-search .btn-input {
width:140px;
background-color:rgb(99,173,0);
display:table-cell;
}
.renter-search .btn-input:hover, .renter-search .btn-input:focus {
background-color:rgb(130,189,51);
}
.renter-search .glyphicon {
font-size:24px;
position:absolute;
top:28px;
left:30px;
color:rgb(255,255,255);
display:inline-block;
}
.screengrab-container {
height:540px;
padding:0 60px;
}
.browser {
height:480px;
width:720px;
position:absolute;
left:60px;
bottom:0;
}
.browser .url {
height:44px;
width:100%;
padding:14px 20px;
background-color:rgb(229,229,229);
position:absolute;
top:0;
left:0;
border-bottom:4px solid rgb(204,204,204);
-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0;
display:block;
}
.browser .url .tab {
height:24px;
width:140px;
background-color:rgb(204,204,204);
position:absolute;
bottom:0;
left:80px;
-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0;
}
.url ul {
height:12px;
width:44px;
float:left;
}
.url ul li {
height:12px;
width:12px;
-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;
float:left;
margin-right:4px;
background-color:rgb(204,204,204);
}
.url ul li:last-child {
margin-right:0;
}
.browser img {
margin-top:44px;
}
.browser.wide {
width:760px;
}
.browser.full {
width:100%;
overflow:hidden;
}
.browser.short {
height:420px;
}
ul.properties {
width:440px;
position:absolute;
bottom:10px;
right:60px;
display:block;
}
.tenant-profile {
display:block;
}
ul.properties li {
height:180px;
width:100%;
display:block;
margin-bottom:20px;
z-index:2;
box-shadow:0 0 5px rgba(0,0,0,0.5);
position:relative;
overflow:hidden;
-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;
}
ul.properties li img {
width:100%;
margin-top:-100px;
}
ul.properties li:last-child {
margin-bottom:0;
}
ul.properties li .prop-info {
height:60px;
width:100%;
position:absolute;
bottom:0;
background-color:rgb(255,255,255);
text-align:left;
padding:15px;
font-size:14px;
line-height:1;
}
ul.properties li .title {
display:block;
margin-bottom:3px;
font-weight:bold;
color:rgb(75,125,169);
}
ul.properties li .address {
display:block;
color:rgb(156,156,156);
font-weight:400;
}
ul.squiggles {
margin-bottom:0;
text-align:left;
font-size:16px;
font-family:'Architects Daughter';
font-weight:normal;
}
ul.squiggles li {
position:absolute;
width:280px;
z-index:4;
-ms-transform:rotate(-15deg);
-webkit-transform:rotate(-15deg);
transform:rotate(-15deg);
padding:0;
background:none;
text-shadow:0px 0px 8px rgb(255,255,255);
}
ul.squiggles li .glyphicon {
display:none;
}
ul.squiggles li:after {
content:'';
display:block;
width:83px;
height:68px;
position:absolute;
bottom:-83px;
left:50%;
-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);
background:url(../img/squiggle-arrow.png) top left no-repeat;
}
.svg ul.squiggles li:after {
background:url(../img/squiggle-arrow.svg) top left no-repeat;
}
ul.squiggles li:first-child {
top:20px;
left:0;
}
ul.squiggles li:nth-child(2){
top:80px;
right:0;
text-align:right;
}
ul.squiggles li:nth-child(3){
bottom:200px;
left:240px;
}
ul.squiggles li:nth-child(2):after, ul.squiggles li:nth-child(3):after {
-moz-transform:scaleX(-1) translateX(50%);
-o-transform:scaleX(-1) translateX(50%);
-webkit-transform:scaleX(-1) translateX(50%);
transform:scaleX(-1) translateX(50%);
}
#centralise .browser, #verify .browser, #verify-agent .browser {
left:initial;
right:60px;
}
#centralise ul.squiggles li:nth-child(1){
top:80px;
}
#centralise ul.squiggles li:nth-child(2){
top:40px;
}
#shared ul.squiggles li:nth-child(1){
top:30px;
}
#shared ul.squiggles li:nth-child(2){
top:250px;
}
#verify ul.squiggles li:nth-child(1){
top:20px;
}
#verify ul.squiggles li:nth-child(2){
top:230px;
}
.phone {
height:445px;
width:280px;
position:absolute;
bottom:0;
right:60px;
background-color:rgb(53,59,68);
-webkit-border-radius:20px 20px 0 0;-moz-border-radius:20px 20px 0 0;border-radius:20px 20px 0 0;
z-index:2;
padding:60px 10px 5px 10px;
display:block;
}
.phone ul {
height:10px;
width:100px;
position:absolute;
top:25px;
left:50%;
-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);
}
.phone ul li {
height:10px;
width:10px;
-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;
float:left;
margin-right:10px;
background-color:rgb(66,74,85);
}
.phone ul li:last-child {
width:80px;
margin-right:0;
}
.phone .power {
height:3px;
width:40px;
background-color:rgb(204,204,204);
position:absolute;
top:-3px;
right:25px;
-webkit-border-radius:3px 3px 0 0;-moz-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0;
}
.report {
height:518px;
width:480px;
position:absolute;
bottom:0;
left:60px;
box-shadow:0 0 5px rgba(0,0,0,0.5);
background:url(../img/experian-report.png) top left no-repeat;
display:block;
}
#create .browser.short {
left:initial;
right:60px;
z-index:2;
}
.img-responsive {
margin:0;
}
#share-agents .browser {
left:initial;
right:60px;
}
#share-agents .tenant-profile {
width:280px;
}
#share-agents .second-profile {
left:360px;
}
#share-agents ul.squiggles li:nth-child(2) {
top:120px;
}
#share-agents ul.squiggles li:nth-child(3) {
left:515px;
}
#share-agents ul.squiggles li:first-child {
top:80px;
}
.reference {
left:initial;
right:60px;
background:url(../img/reference.png) top left no-repeat;
}
#create ul.squiggles li:nth-child(2){
top:120px;
}
.search-header .wrapper {
min-height:40px;
line-height:40px;
text-align:center;
}
.search-header .form {
display:inline-block;
height:40px;
}
.search-header span {
font-size:17px;
font-family:'Lato';
color:rgb(66,74,85);
font-weight:700;
}
.search-header .dropdown {
display:inline-block;
margin:0 10px;
}
.search-header button .caret{
color:rgb(66,74,85);
}
.search-header .btn-stroke {
border-color:rgb(204,204,204);
color:rgb(66,74,85);
}
.search-header .btn-stroke:hover, .search-header .btn-stroke:focus {
background-color:initial;
color:rgb(0,170,255);
border-color:rgb(0,170,255);
}
.search-header .btn-stroke:hover .caret, .search-header .btn-stroke:focus .caret {
color:rgb(0,170,255);
}
.form-small {
display:none;
}
.hero-lg .screengrab-container {
display:block;
}
.hero-lg {
height:860px;
padding-bottom:0;
}
html, .buyer {
height:100%;
width:100%;
position:relative;
}
.buyer .hero-lg {
height:860px;
}
.chat-container {
display:block;
height:480px;
width:980px;
position:absolute;
bottom:0;
left:50%;
margin-left:-490px;
margin-top:30px;
background-color:rgb(245,245,245);
-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0;
}
.chat-drop {
height:70px;
width:100%;
padding:15px;
background-color:rgb(255,255,255);
border-bottom:1px solid rgb(204,204,204);
-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0;
}
.chat-drop .addr, .chat-drop .loc {
display:block;
font-size:14px;
text-align:left;
line-height:1;
}
.chat-drop .addr {
font-weight:700;
color:rgb(0,170,255);
margin:5px 0 2px 0;
}
.chat-drop .loc {
font-weight:400;
color:rgb(156,156,156);
}
.chat-drop img {
height:40px;
width:40px;
float:left;
margin-right:15px;
-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;
}
.chat-container .caret {
float:right;
color:rgb(204,204,204);
border-top:6px solid;
border-right:6px solid transparent;
border-left:6px solid transparent;
margin:17px 0 0 0;
}
.wrap {
padding:0 15px;
}
.select {
height:40px;
width:100%;
line-height:40px;
border:1px solid rgb(204,204,204);
-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;
padding:0 15px;
margin-top:30px;
text-align:left;
color:rgb(66,74,85);
}
ul.msgs {
padding:30px 15px;
}
ul.msgs li {
min-height:40px;
width:100%;
text-align:left;
color:rgb(66,74,85);
margin-bottom:30px;
}
ul.msgs li:last-child {
margin-bottom:0;
}
ul.msgs li img {
float:left;
-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;
}
ul.msgs li .sender, ul.msgs li p {
display:block;
font-size:14px;
line-height:1;
margin:0;
padding:0;
color:rgb(66,74,85);
padding-left:65px;
max-width:100%;
}
ul.msgs li p {
line-height:18px;
}
ul.msgs li .sender {
font-weight:700;
margin-bottom:5px;
}
ul.msgs li .sender .time {
font-weight:400;
color:rgb(156,156,156);
font-style:normal;
}
.nav.terms-sidebar.affix {
width:293px;
}
#video-walkthroughs .browser {
	width: 100%;
	left: 0;
}
#live-chat .browser img {
	margin-top: -700px;
}

}

/* Desktop Large col-lg-  */
@media (min-width: 1200px) {

.nav.terms-sidebar.affix {
width:360px;
}
}