@media all and (max-width: 1320px) {
    #featuredListings .flexmls_connect__carousel_nav a { position: relative; top: -42px; }
    #featuredListings .flexmls_connect__carousel_nav .previous { left: 0px; }
    #featuredListings .flexmls_connect__carousel_nav .next { right: 0; }
}

@media all and (max-width: 1220px) {
    .container { padding: 0 10px; }
    .nav.site-nav ul { width: 63%; }
    #searchBar #mobileSearch { display: block; }
    #searchBar #desktopSearch { display: none; }
    footer .flex-start { display: block; text-align: center; }
    footer .col1 { margin: 0 auto 40px; padding-right: 0; }
    footer .col1:after { border: 0; }
    footer .col2 { margin: 0 auto; padding: inherit; display: inline-block; clear: both; text-align: left; }
    footer .col3 { display: inline-block; }
    footer .col3:after { border: 0; }
    footer img.logo-k { position: relative; left: 0; margin: 0 auto; display: block; margin-top: 40px; }
    footer p { top: inherit; margin-top: 30px; }
    .page-about-us .interior .content-image { width: 49%; }
}

@media all and (max-width: 1100px) {
    .page-contact .interior .content-image { width: 46% }
}

@media all and (max-width: 1020px) {
    div#responsive-menu-button { display: inline-block; transition: transform 0.5s, background-color 0.5s; }
    .nav.site-nav ul { display: none; }
    #featuredListings { background-position: top center !important; background-size: cover; }
    #featuredListings .kanthan-bg { background-size: cover; }
    #featuredListings .flexmls_connect__slide_row { display: block; text-align: center; }
    #featuredListings .columns4 .flexmls_connect__listing { width: inherit; }
    #featuredListings .flexmls_connect__listing { float: none; display: inline-block; }
    #sectionContent img.the-dream { opacity: .3 }
    .interior .content { overflow: inherit; }
    .page-contact .interior .content-image { float: none; margin: 0 auto 30px; display: block; width: inherit; }
}

@media all and (max-width: 800px) {
    h2:before, h2:after { display: none; }
    #sliderWrap .slide .title { font-size: 60px; line-height: 52px; text-shadow: -1px -1px 0 rgba(255,255,255,.5), 1px -1px 0 rgba(255,255,255,.5), -1px 1px 0 rgba(255,255,255,.5), 1px 1px 0 rgba(255,255,255,.5) }
    #sliderWrap, #sliderWrap .slide { height: 300px }
    #sliderWrap .slider-bg { background-position: bottom center !important; background-size: cover !important; }
    #banner #title { font-size: 60px; bottom: inherit; top: 50%; transform: translateY(-50%); margin-top: 30px; text-shadow: -1px -1px 0 rgba(255,255,255,.5), 1px -1px 0 rgba(255,255,255,.5), -1px 1px 0 rgba(255,255,255,.5), 1px 1px 0 rgba(255,255,255,.5) }
    .page-home-page #sectionContent .right { max-width: 100%; float: none; }
    .interior .content-image { display: none; }
}

@media all and (max-width: 705px) {
    header#siteHeader #headerTop .social-media { display: none; }
    footer .col1 { width: 100%; }
    footer .logo-footer { float: none; margin-right: inherit; }
}

@media all and (max-width: 625px) {
    #featuredListings .flexmls_connect__carousel_nav { position: relative; }
    #contactForm p { display: block; text-align: center; }
    #contactForm span input, #contactForm span select { float: none; width: 100%; }
    .list-item figure { float: none; display: inline-block; }
}

@media all and (max-width: 600px) {
    header#siteHeader a.logo { float: none; }
    header#siteHeader #headerTop a.call-us { display: none; }
    #responsive-menu-button { top: 10px; }
    footer .col { width: 100%; }
    footer .col1 { margin-bottom: 20px; }
    footer .col2 ul { text-align: center; margin-bottom: 30px; }
        footer .col2 ul li { width: inherit; padding: 10px; }
    footer .col2:after { border: 0; }
    footer .col3 ul li { display: inline; margin: 0 5px; }
    #contact .icon-container { margin-top: 0; }
    #contact .icon-container > div { width: 100%; display: block; clear: both; margin: inherit; }
    #contact .icon-container div:first-child { margin-bottom: 20px; }
}

@media all and (max-width: 500px) {
    #sliderWrap .slide .title { font-size: 40px; line-height: 42px;
}

@media all and (max-width: 450px) {
    header#siteHeader a.logo { float: none; }
    header#siteHeader #headerTop a.call-us { display: none; }
}