/*******************************************************
 *
 * Mobile styles and other media queries
 *
 *******************************************************/

@media only screen and (max-width: 1600px) {}

@media only screen and (max-width: 1440px) {}

@media only screen and (max-width: 1366px) {
    #site-header .header-navigation ul li {
        margin: 0 10px;
    }
    #site-header .header-navigation ul li a {
        font-size: 13px;
    }
    /*#site-header .header-navigation .aios-split-nav:nth-child(1) {
		grid-gap: max(5vw, 10px);
	}

	#site-header .header-navigation .aios-split-nav:nth-child(3) {
		grid-gap: max(2.196vw, 10px);
	}*/
}

@media only screen and (max-width: 1280px) {
    #site-header .header-navigation ul li a {
        font-size: 12px;
    }
}

@media only screen and (max-width: 1199px) {
    #site-header .header-navigation ul li {
        margin: 0 6px;
    }
    #site-header .header-navigation ul li a {
        font-size: 11px;
    }
    #site-header,
    #hp-search .search-wrap,
    #hp-cta .cta-wrap,
    #ip-banner .banner-info {
        padding-left: max(8.34vw, 30px);
        padding-right: max(8.34vw, 30px);
    }
    #hp-social .social-group {
        padding-left: 0;
    }
    html #listings-results .listings-grid .listings-col {
        width: 50%;
    }
}

@media only screen and (max-width: 1024px) {}

@media only screen and (max-width: 991px) {
    .site-img canvas {
        max-height: 450px;
    }
    .site-title {
        text-align: center !important;
    }
    .site-title:before {
        left: 0 !important;
        right: 0 !important;
        font-size: 150px !important;
    }
    .site-title small {
        font-size: 20px !important;
    }
    .site-title strong {
        font-size: 50px !important;
    }
    #site-header {
        position: relative;
        z-index: 1;
        display: block;
        transition: none;
        background: #363636;
        margin-top: 52px;
        padding: 30px;
    }
    #site-header .header-logo {
        width: auto;
    }
    #site-header .header-navigation .aios-split-nav {
        display: none;
    }
    #site-footer:before {
        background: rgba(0, 0, 0, 0.25);
    }
    #hp-search,
    #hp-cta,
    #hp-about .about-welcome,
    #hp-about .about-agents {
        padding: 40px 30px;
        margin-left: 0;
        margin-right: 0;
    }
    #hp-communities,
    #hp-properties,
    #hp-testimonials,
    #hp-social {
        padding: 80px 30px 40px;
    }
    #hp-search .search-wrap,
    #hp-cta .cta-wrap,
    #hp-about .about-welcome .about-main,
    #hp-about .about-agents .about-main,
    #hp-communities .communities-wrap,
    #hp-properties .properties-wrap,
    #hp-testimonials .testimonials-wrap,
    #hp-social .social-wrap,
    #hp-git .git-form {
        max-width: 750px;
        margin-left: auto;
        margin-right: auto;
        padding: 0;
    }
    #hp-scroll {
        left: 6px;
    }
    #hp-slideshow .slideshow-tagline span {
        font-size: 20px;
    }
    #hp-slideshow .slideshow-tagline strong {
        font-size: 50px;
    }
    #hp-slideshow .slideshow-smi ul li a {
        font-size: 25px;
    }
    #hp-search {
        position: relative;
        transform: none;
        padding-top: 80px;
    }
    #hp-search .search-wrap {
        padding-bottom: 0;
    }
    #hp-search .search-title {
        height: auto;
    }
    #hp-search .search-title h2 {
        color: rgba(var(--font-color-default), 1);
        font-size: max(3.532vw, 30px);
    }
    #hp-search .search-main {
        display: block;
    }
    #hp-search .search-form {
        grid-gap: 15px;
        flex-flow: row wrap;
        margin-top: 30px;
    }
    #hp-search .search-form .search-col {
        width: calc(50% - 7.5px);
    }
    #hp-search .search-form .search-col.lg {
        width: 100%;
    }
    #hp-search .search-form .search-col.submit {
        width: 100%;
        margin: 0;
        text-align: center;
    }
    #hp-search .search-form .search-input {
        background: transparent;
        border: 1px solid rgba(var(--font-color-default), 1);
        font-size: max(1.615vw, 16px);
        color: rgba(var(--font-color-default), 1);
    }
    #hp-search .search-form .search-submit {
        width: 250px;
        height: 51px;
        background: #000;
        color: #fff;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        font-size: max(2.018vw, 18px);
    }
    #hp-search .search-form .search-submit:focus,
    #hp-search .search-form .search-submit:hover {
        background: rgba(var(--primary), 1);
        color: #fff;
    }
    #hp-search .search-poweredby {
        margin-top: 15px;
        text-align: center;
    }
    #hp-search .search-poweredby p {
        color: rgba(var(--font-color-default), 1);
    }
    #hp-cta {
        padding-bottom: 80px;
    }
    #hp-cta .cta-buttons {
        grid-template-columns: 1fr;
    }
    #hp-cta .cta-buttons .cta-item {
        max-width: 350px;
        margin: 0 auto;
    }
    #hp-about {
        padding-bottom: 0;
    }
    #hp-about .about-title {
        padding: 0 30px;
    }
    #hp-about .about-welcome {
        padding-top: 0;
    }
    #hp-about .about-welcome .about-main {
        padding: 30px 30px 0;
    }
    #hp-about .about-agents {
        padding-bottom: 80px;
    }
    #hp-about .about-agents .about-list {
        display: flex;
        flex-flow: row wrap;
        justify-content: center;
        grid-gap: 30px;
    }
    #hp-about .about-agents .about-list .about-col {
        width: calc(50% - 15px);
    }
    #hp-communities .communities-title {
        position: relative;
        top: 0;
        left: 0;
    }
    #hp-communities .communities-list {
        margin-top: 70px;
        grid-template-columns: 1fr 1fr;
        grid-gap: 30px;
    }
    #hp-communities .communities-list .communities-col {
        height: auto !important;
    }
    #hp-communities:before,
    #hp-communities:after {
        right: 0;
    }
    #hp-communities:after {
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(white));
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%);
    }
    #hp-properties .properties-list {
        margin-top: 70px;
    }
    #hp-properties .properties-list.slick-initialized .slick-list {
        padding: 0 !important;
    }
    #hp-properties .properties-list.slick-initialized .slick-slide .properties-col {
        padding: 0 !important;
    }
    #hp-properties .properties-list.slick-initialized .slick-slide .properties-img {
        transform: scaleY(1);
    }
    #hp-properties .properties-list .properties-img .site-img canvas {
        min-height: 300px;
    }
    #hp-properties .properties-control {
        padding: 0;
    }
    #hp-testimonials .testimonials-wrap {
        margin-top: 0;
    }
    #hp-testimonials .testimonials-lines {
        display: none;
    }
    #hp-testimonials .testimonials-title {
        position: relative;
        margin: 0;
        transform: none;
        display: flex;
        justify-content: center;
        margin-bottom: -60px;
        background: transparent;
    }
    #hp-testimonials .testimonials-title .site-title {
        background: #fff;
        padding: 30px max(3.027vw, 15px);
    }
    #hp-testimonials .testimonials-list {
        padding: 70px 30px 30px;
        border-width: 4px 12px;
        border-style: solid;
        border-color: #000;
    }
    #hp-testimonials .testimonials-list:before,
    #hp-testimonials .testimonials-list .testimonials-name:after {
        display: none;
    }
    #hp-social .social-box {
        display: none;
    }
    #hp-social .social-main {
        margin-top: 70px;
        padding: 0;
        flex-flow: row wrap;
    }
    #hp-social .social-group {
        width: 100%;
        padding-left: 0;
    }
    #hp-social .social-list {
        grid-gap: max(3.027vw, 15px);
        margin-top: max(3.027vw, 15px);
        display: block;
    }
    #hp-social .social-list .social-col {
        width: 49%;
        display: inline-block;
        vertical-align: top;
    }
    #hp-social .social-name {
        position: relative;
        transform: none;
        text-align: center;
    }
    #hp-social .social-name p {
        font-size: 20px;
    }
    #hp-social .social-links-wrap {
        justify-content: center;
        padding-left: 0;
    }
    #hp-social .social-links-wrap a:first-child {
        margin-left: 0;
    }
    #hp-git {
        padding-top: 40px;
    }
    #hp-git .git-wrap {
        width: 100%;
        margin: 0;
        padding: 0;
    }
    #hp-git .git-main {
        display: block;
        padding: 70px 30px 50px;
    }
    #hp-git .git-form {
        margin-top: 50px;
    }
    #site-footer .footer-contact ul {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        grid-gap: 15px;
    }
    #site-footer .footer-navigation {
        margin-top: 50px;
    }
    #site-footer .footer-navigation ul {
        flex-direction: column;
        grid-gap: 15px;
        justify-content: center;
        align-items: center;
    }
    #site-footer .footer-credits p,
    #site-footer .footer-copyright p {
        font-size: 14px;
        line-height: 1.4;
    }
    #site-footer .footer-mls span {
        font-size: 30px;
    }
    #site-footer .footer-mls {
        margin-top: 30px;
    }
    .inner {
        width: 100%;
    }
    #content-sidebar,
    #content-full {
        width: 100%;
    }
    .outer {
        width: 100%;
        min-width: 100%;
    }
    #content-sidebar #content {
        width: 100%;
    }
}

@media only screen and (max-width: 767px) {
    .ip-banner .container {
        width: 100%;
    }
    #hp-slideshow .slideshow-tagline small,
    .site-title small {
        font-size: 18px !important;
    }
    #hp-slideshow .slideshow-tagline strong,
    .site-title strong {
        font-size: 45px !important;
    }
}

@media only screen and (max-width: 576px) {
    #hp-slideshow .slideshow-tagline strong,
    .site-title strong {
        font-size: 40px !important;
    }
    #hp-communities .communities-list {
        grid-template-columns: 1fr;
    }
    #hp-communities .communities-list .communities-img .site-img canvas {
        max-height: 400px;
    }
}

@media only screen and (max-width: 480px) {
    #hp-slideshow .slideshow-tagline strong,
    .site-title strong {
        font-size: 30px !important;
    }
    #hp-about .about-agents .about-list .about-col {
        width: 100%;
    }
    #hp-testimonials .testimonials-list {
        border-width: 4px 5px;
    }
    #hp-communities,
    #hp-properties,
    #hp-testimonials,
    #hp-social {
        padding: 80px 15px 40px;
    }
    #site-footer {
        margin-top: 50px;
    }
}