/* 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;
}

}
 
/* 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;
text-align:left;
}

.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;
}

.hero h1 {
font-size:40px;
margin-bottom:40px;
}
.hero h2 {
font-size:30px;
margin-bottom:10px;
}
.hero .row {
margin-top:148px;
padding-left:40px;
padding-right:40px;
}
.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;
}

.sign-up-group form
{
	display:inline-block;
}

}

/* 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.short {
height:420px;
}
ul.properties {
width:440px;
position:absolute;
bottom:10px;
right:60px;
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;
}
.tenant-profile {
    display:block;
}

}

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