header {height: 110px;}

#wowslider-container0 {width: 100%;}

.ws_images {100%;}
    
    
    
    .homeh1 {font-size: 45px; font-family: "Montserrat", serif; font-weight: 700; background-image: url(images/homebanner.jpg); color: white; padding-top: 100px; padding-left: 200px; padding-bottom: 290px; text-shadow: 3px 3px 3px gray; margin: 0;}
    
section h2 {font-family: "Montserrat", serif;}

section li {display: inline; padding: 10px; font-family: "Open Sans", serif; border-left: 2px solid gray;}

section ul {margin: 50px 0;}

section p {}

.lastli {border-right: 2px solid gray;}

.abouth1 {width: 60%; font-family: "Montserrat", serif; font-weight: 700; color: #1D3557; background-color: #F1F1F1; border-radius: 15px; padding: 3%; margin: 0 auto;}

.aboutimgs {height: 400px; border-top-left-radius: 30px; border-top-right-radius: 30px;}

label {font-family: "Montserrat", serif; font-weight: 700;}

.submit {font-family: "Montserrat", serif; font-weight: 700; background-color: #1D3557; color: white; padding: 10px; font-size: 20px; border-radius: 10px}

input {font-family: "Open Sans", serif; border: 2px solid #1D3557; border-radius: 10px; margin: 10px 20px}

select {border: 2px solid #1D3557; border-radius: 10px; margin: 10px 20px}

option {font-family: "Open Sans", serif;}

textarea {font-family: "Open Sans", serif; border: 2px solid #1D3557; border-radius: 10px;}

form {color: #1D3557; text-align: center; float: left; margin-left: 50px}

.contactuss {float: left; margin-right: 50px; margin-top: 100px; color: #1D3557}

.condiv {margin: 0 auto; width: 800px; }

.contacth1 {font-size: 45px; font-family: "Montserrat", serif; font-weight: 700; background-image: url(images/contactusbanner.jpg); color: white; padding-top: 100px; padding-left: 200px; padding-bottom: 290px; text-shadow: 3px 3px 3px gray; margin-bottom: 100px}

a .listingss1 {color: #1D3557}
a .listingss1:hover {box-shadow: 5px 5px 5px gray;}

a .listingss2 {color: #1D3557}
a .listingss2:hover {box-shadow: 5px 5px 5px gray;}

a .listingss3 {color: #1D3557}
a .listingss3:hover {box-shadow: 5px 5px 5px gray;}

a .listingss4 {color: #1D3557}
a .listingss4:hover {box-shadow: 5px 5px 5px gray;}

h3 {font-family: "Montserrat", serif; font-weight: 700; color: #1D3557; margin: 30px}

.homessec {width: 100%; max-width: 1280px; margin: 0 auto; background-color: #F1F1F1; border-radius: 20px; padding: 20px 0; margin-top: 30px; clear: both}

.specialli {border-right: 2px solid gray;}

.homessec ul {margin; 30px}

.homessec p {margin: 30px;}

.backbutton {text-align: center; color: gray; font-family: "Montserrat", serif; font-weight: 700;}
.backbutton:hover {color: #1D3557;}

.backbutton h2 {margin: 50px;}

footer li {display: inline-block}

footer {border-top: 2px solid gray; clear: both; }

.homediv {margin: 0 auto; width: 1000px}

.homediv img {height: 400px;}


@media screen and (min-width: 1900px)
{

    .homesection {width: 40%; background-color: white; border-radius: 15px; float: left; margin: 0 2.5% 0 15%; display: inline-block; height: 313px; font-size: 15px}
    
    section p {font-family: "Open Sans", serif; padding: 0 5px;}
    
    .homeh2 {font-family: "Montserrat", serif; color: #1D3557; }
    
    .housepic {width: 25%; border-radius: 15px; margin: 0 15% 0 0;}
    
    .homediv {width: 100%; background-color: #F1F1F1; padding: 70px 0;}
    
    nav li {display: inline;}
    
nav {float: right;}
    
li a:link {padding: 45px 30px; font-size: 20px; color: #1D3557; text-decoration: none;}
li a:visited {color: #1D3557; text-decoration: none;}
li a:hover {background-color: #F1F1F1; box-shadow: 5px 5px 5px gray}
li a:active {}

nav ul {margin-top: 45px; font-family: "Montserrat", serif; font-weight: 700; font-style: normal;}

header img {float: left;}
    
    header {height: 110px;}
    
    .listingss1 {width: 40%; background-color: #F1F1F1; float: left; margin: 100px 2% 30px 8%; border-radius: 30px;}
    
    .listingss2 {width: 40%; background-color: #F1F1F1; float: left; margin: 100px 8% 30px 2%; border-radius: 30px;}
    
    .listingss3 {width: 40%; background-color: #F1F1F1; float: left; margin: 30px 2% 30px 8%; border-radius: 30px;}
    
    .listingss4 {width: 40%; background-color: #F1F1F1; float: left; margin: 30px 8% 30px 2%; border-radius: 30px;}
    
    .listingimg {height: 260px; float: left; border-top-left-radius: 30px; border-bottom-left-radius: 30px;}
    
    .agentss {width: 400px; background-color: #F1F1F1; float: left; height: 700px; margin: 50px 16px; border-radius: 30px}
    
    .agentss p {width: 80%; margin: 0 auto;}
    
    .agentss h2 {width: 80%; text-align: center; margin: 20px auto}
    
    .divs {width: 1300px; margin: 0 auto;}
    
     .listingss1 ul {margin-left: 370px}
    
    .listingss2 ul {margin-left: 370px}
    
    .listingss3 ul {margin-left: 370px}
    
    .listingss4 ul {margin-left: 370px}
}




@media screen and (max-width: 1900px)
{
   .homesection {width: 40%; background-color: white; border-radius: 15px; float: left; margin: 0 2.5% 0 15%; display: inline-block; height: 313px; font-size: 15px}
    
    section p {font-family: "Open Sans", serif; padding: 0 5px;}
    
    .homeh2 {font-family: "Montserrat", serif; color: #1D3557; }
    
    .housepic {width: 25%; border-radius: 15px; margin: 0 15% 0 0;}
    
    .homediv {width: 100%; background-color: #F1F1F1; padding: 70px 0;} 
    
    nav li {display: inline-block;}
    
nav {float: right;}
    
li a:link {padding: 45px 30px; font-size: 20px; color: #1D3557; text-decoration: none;}
li a:visited {color: #1D3557; text-decoration: none;}
li a:hover {background-color: #F1F1F1; box-shadow: 5px 5px 5px gray}
li a:active {}

nav ul {margin-top: 45px; font-family: "Montserrat", serif; font-weight: 700; font-style: normal;}

header img {float: left;}
    
    header {height: 110px;}
    
    .listingss1 {width: 40%; background-color: #F1F1F1; float: left; margin: 30px 2% 30px 8%; border-radius: 30px;}
    
    .listingss2 {width: 40%; background-color: #F1F1F1; float: left; margin: 30px 8% 30px 2%; border-radius: 30px;}
    
    .listingss3 {width: 40%; background-color: #F1F1F1; float: left; margin: 30px 2% 30px 8%; border-radius: 30px;}
    
    .listingss4 {width: 40%; background-color: #F1F1F1; float: left; margin: 30px 8% 30px 2%; border-radius: 30px;}
    
    .listingimg {height: 260px; float: left; border-top-left-radius: 30px; border-bottom-left-radius: 30px;}
    
    .agentss {width: 400px; background-color: #F1F1F1; float: left; height: 700px; margin: 50px 16px; border-radius: 30px}
    
    .agentss p {width: 80%; margin: 0 auto;}
    
    .agentss h2 {width: 80%; text-align: center; margin: 20px auto}
    
    .divs {width: 1300px; margin: 0 auto;}
    
    .secsec {margin-left: 50px}
    
    .listingss1 ul {margin-left: 370px}
    
    .listingss2 ul {margin-left: 370px}
    
    .listingss3 ul {margin-left: 370px}
    
    .listingss4 ul {margin-left: 370px}

}





@media screen and (max-width: 1700px)
{
    .homesection {width: 40%; background-color: white; border-radius: 15px; float: left; margin: 0 2.5% 0 15%; display: inline-block; height: 260px; font-size: 15px}
    
    section p {font-family: "Open Sans", serif; padding: 0 5px;}
    
    .homeh2 {font-family: "Montserrat", serif; color: #1D3557; }
    
    .housepic {width: 25%; border-radius: 15px; margin: 0 15% 0 0;}
    
    .homediv {width: 100%; background-color: #F1F1F1; padding: 70px 0;}
    
    nav li {display: inline-block;}
    
nav {float: right;}
    
li a:link {padding: 45px 30px; font-size: 20px; color: #1D3557; text-decoration: none;}
li a:visited {color: #1D3557; text-decoration: none;}
li a:hover {background-color: #F1F1F1; box-shadow: 5px 5px 5px gray}
li a:active {}

nav ul {margin-top: 45px; font-family: "Montserrat", serif; font-weight: 700; font-style: normal;}

header img {float: left;}
    
    header {height: 110px;}
}


@media screen and (max-width: 1630px)
{
    .listingimg {width: 100%; border-bottom-left-radius: 0px; border-top-right-radius: 30px; height: auto;}
    
    .listingss1 ul {margin-left: 0}
    
    .listingss2 ul {margin-left: 0}
    
    .listingss3 ul {margin-left: 0}
    
    .listingss4 ul {margin-left: 0}
    
    .listingss1 {height: auto; max-height: 600px;}
    
     .listingss2 {height: auto; max-height: 600px;}
    
     .listingss3 {height: auto; max-height: 600px;}
    
     .listingss4 {height: auto; max-height: 600px;}
}

@media screen and (max-width: 1300px)
{
    .homesection {width: 50%; background-color: white; border-radius: 15px; float: left; margin: 0 5% 0 5%; display: inline-block; height: 270px; font-size: 14px}
    
    section p {font-family: "Open Sans", serif; padding: 0 5px;}
    
    .homeh2 {font-family: "Montserrat", serif; color: #1D3557; }
    
    .housepic {width: 35%; border-radius: 15px; margin: 0 5% 0 0;}
    
    .homediv {width: 100%; background-color: #F1F1F1; padding: 70px 0;} 
    
    nav li {display: inline-block;}
    
nav {float: right;}
    
li a:link {padding: 45px 30px; font-size: 20px; color: #1D3557; text-decoration: none;}
li a:visited {color: #1D3557; text-decoration: none;}
li a:hover {background-color: #F1F1F1; box-shadow: 5px 5px 5px gray}
li a:active {}

nav ul {margin-top: 45px; font-family: "Montserrat", serif; font-weight: 700; font-style: normal;}

header img {float: left;}
    
    header {height: 110px;}
    
    .divs {width: 900px;}
    
    .agentss {margin: 50px 25px}
}





@media screen and (max-width: 1150px)
{
    .homesection {width: 80%; background-color: white; border-radius: 15px; margin: 30px 0; margin-left: 10%; font-size: 15px; height: auto; }
    
    section p {font-family: "Open Sans", serif; padding: 0 5px;}
    
    .homeh2 {font-family: "Montserrat", serif; color: #1D3557; }
    
    .housepic {width: 80%; border-radius: 15px; margin: 30px auto; display: block;}
    
    .homediv {width: 100%; background-color: #F1F1F1; padding: 70px 0;} 
    
    nav li {display: inline-block;}
    
nav {float: right;}
    
li a:link {font-size: 20px; color: #1D3557; text-decoration: none;}
li a:visited {color: #1D3557; text-decoration: none;}
li a:hover {background-color: #F1F1F1; box-shadow: 5px 5px 5px gray}
li a:active {}

nav ul {margin-top: 45px; font-family: "Montserrat", serif; font-weight: 700; font-style: normal;}

header img {float: left;}
    
    header {height: 110px;}
    
    .divs {width: 900px; margin: 50px auto;}
    
    .agentss {width: 900px; height: auto; font-size: 30px}
    
    .aboutimgs {height: 900px;}
}





@media screen and (max-width: 1000px)
{
    li a:link {padding: 10px; font-size: 18px; margin: 15px;}
    nav li {display: inline;}
    nav {float: none;}   
}