/*
 * MID-ATLANTIC COMFORT
 * Globals
 */

body{ font-family: 'Open Sans', sans-serif; color:#111111; }
.relative{ position:relative; }

h1,
h2,
h3,
h4,
h5,
h6{ color:#111111; font-weight: 600; }
h1{ font-size:3rem; }

h1 span,
h2 span{ display:block; font-size:80%; }

h2.title{ font-size:3rem; }

.hero .section{ margin-left:3em; }

.no-padding-left{ padding-left:0 !important; }
.no-padding-right{ padding-right:0 !important; }

.btn-pill,
.pill{ border-radius:100px;  }
.btn-fixed-bottom{ position:fixed; bottom:0; width:100%; display:none; height:100px; }
.btn-fixed-bottom .uppercase{ font-size:18px; line-height: 20px; padding-top: 20px; }

.flex-center{ display: flex; align-items: center; justify-content: center; flex-flow: row wrap; }

a.btn.white-text:hover{ color:#fff!important; }
header nav{ height:auto; }
header nav .nav-wrapper{ padding-left:1em; padding-right:1em; height:auto; line-height:56px;  min-height:150px; color:#111111; }
header nav .nav-wrapper{ display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }

header nav .nav-wrapper .brand-logo{ -webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; }
header nav .brand-logo{ position:relative; }
header nav .brand-logo img{ width:250px; }

header nav .nav-wrapper .inner-nav-wrap{ -webkit-order: 0; -ms-flex-order: 0; border: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; }
header nav .nav-wrapper .inner-nav-wrap{ height:100%; display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-end; }

header nav a{ color:#111111; }

.home header nav{ background-color:transparent!important; position:fixed; top:0px; width:100%; z-index: 99; box-shadow:none; }
.home header nav.navbar-fixed{ background-color:#fff!important; box-shadow: 0 6px 10px 0 rgba(0,0,0,0.14), 0 1px 18px 0 rgba(0,0,0,0.12), 0 3px 5px -1px rgba(0,0,0,0.3) !important; }
.home .hero .parallax-container{ padding-top:150px; }
.listings header nav.navbar-fixed{ position:relative!important; }

header nav ul a{ line-height: 60px; }

header nav .dropdown-content{ width:200px!important; top:150px!important; }
header nav .dropdown-content.featured-campaign-active{ top:170px!important; }
.navbar-fixed{ height:auto; position:fixed; }

nav .dealer-details-wrap{ line-height:18px; display: flex; justify-content: flex-end; align-items: center; align-content: flex-end; }
nav .dealer-details-wrap.mobile{ line-height:18px; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; align-content: flex-start; }
nav .dealer-details{ border-right:1px solid #111111; }
nav .dealer-details-wrap.mobile .dealer-details{ border-top:1px solid #111111; border-right:none; width:100%; }

span.badge{ font-size:10px; letter-spacing: 1px; color:#fff; border-radius: 100px; padding:2px 8px; text-transform: uppercase; }

.text-right{ text-align:right; }

#sidenav-overlay{ z-index: auto }
header nav ul a,
header nav ul a.button-collapse{ font-weight: 600; color:rgba(60, 191, 120, 1) !important; }
header nav ul a:hover,
header nav ul a.button-collapse:hover{ background: transparent; color:rgba(60, 191, 120,.87) !important; }
header nav a.button-collapse{ color:rgba(60, 191, 120,1) !important; font-size: 34px; z-index: 0;}

nav li.featured{ padding-left:20px; border-left:1px solid #fff; }
nav .invert li.featured{ border-left:1px solid #707070; }
nav li.featured h6{ color:#fff; font-size:15px; margin-bottom:0px; }
nav .invert li.featured h6{ color:#707070; }
nav ul li.featured a.featured_phone{ padding:0; font-size:28px; margin-bottom:5px; line-height:45px; }
nav ul li.featured a.featured_email{ padding:0; font-size:14px; margin-bottom:10px; line-height:18px; }



nav .side-nav a{ color:rgba(112,112,112,1) !important; }
nav .side-nav a:hover{ color:rgba(112,112,112,.87) !important; }
nav .side-nav li.featured{ padding-top:20px; border-left:transparent; border-top:1px solid #707070; }
nav .side-nav li.featured h6{ color:#707070; }
nav .side-nav a.btn-large{ color:#fff!important; font-size:26px; }

.content-box{ color:#fff; padding:1.5rem; margin-top:2rem; }
.content-box-right{ margin-left:-80px; }
.content-box-left{ margin-right:-80px; }
.content-box h2{ color:#fff; }
.content-box p{ font-size:18px; line-height: 28px; font-weight:300 }

.callout-items .callout-item{ width:100%; /*min-height:300px;*/ margin-top:-35px; }
.callout-items .callout-item a{ background-color:rgba(1,104,179,.5); }


a,
.as-green-text{ color:#3CBF78; }

.as-green-bg{ background-color:#3CBF78; }
.btn.as-green-bg:hover,
.btn.as-green-bg:focus{ background-color:#2A905A; }
.as-blue-bg{ background-color:#0069B3!important; }
.as-blue-text{ color:#0069B3!important; }
.as-dkblue-bg{ background-color:#043A71!important; }
.as-dkblue-text{ color:#043A71!important; }
.as-ltgrey-bg{ background-color:#EFEFEF; color:#07355B; border-color:#D9D9D9; }
.btn.as-ltgrey-bg:hover,
.btn.as-ltgrey-bg:focus{ background-color:#C0BDBD; color:#07355B; }
.as-black-text{ color:#111111; }
.as-black-bg{ color:#111111; }
.as-dkgreen-bg{ background-color:#2A905A; }
.as-dkblue-bg.alpha75{ background-color:rgba(4,54,91,.75)!important; }

.as-dkblue-home-boxes{
	background-color: rgb(17,55,91);
	background: rgb(17,55,91);
	background: -moz-linear-gradient(90deg, rgba(17,55,91,0.83) 0%, rgba(17,55,91,0.83) 64%, rgba(17,55,91,0) 92%) !important;
	background: -webkit-linear-gradient(90deg, rgba(17,55,91,0.83) 0%, rgba(17,55,91,0.83) 64%, rgba(17,55,91,0) 92%) !important;
	background: linear-gradient(90deg, rgba(17,55,91,0.83) 0%, rgba(17,55,91,0.83) 27%, rgba(17,55,91,0) 66%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#11375b",endColorstr="#11375b",GradientType=1) !important;
}

.as-blue-gradient{ background: rgb(0,164,214); background: -moz-radial-gradient(center, ellipse cover,  rgba(0,164,214,1) 0%, rgba(0,105,179,1) 100%); background: -webkit-radial-gradient(center, ellipse cover,  rgba(0,164,214,1) 0%,rgba(0,105,179,1) 100%); background: radial-gradient(ellipse at center,  rgba(0,164,214,1) 0%,rgba(0,105,179,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a4d6', endColorstr='#0069b3',GradientType=1 ); }

.card-image{ position: relative; }
.card-image .overlay{ position: absolute; top:0; left:0; width:100%; height:100%; opacity:.5; z-index:1; }
.card-image .card-title{ z-index: 2; }
.card-image .card-title a{ font-size:15px; }

.listings .dealers{ flex-direction: row; flex-wrap: wrap}
.listings .dealers .dealer .dealer_information p{ line-height:1.5rem; }
.listings .dealers .dealer .dealer_location{ font-size:13px; }
.listings .dealers .dealer .dealer_information a.dealer_phone{ font-size:32px; font-weight: 700; }

.listings .dealers .dealer .dealer_information a.schedule{ color:rgba(0,0,0,0.5); font-size:14px; font-weight: 600; }
.listings .dealers .dealer .dealer_information a.schedule:hover{ color:rgba(0,0,0,0.75); font-size:14px; font-weight: 600; }

.listings .dealers .dealer .dealer-details,
.profile .dealer-info .dealer-details{ display: flex; align-items: flex-end; }
.listings .dealers .dealer .dealer-details .dealer-meta,
.profile .dealer-info .dealer-details .dealer-meta{ width:100%; margin-top:25px; border-top:1px solid rgba(17,17,17,.3); font-size:13px;  }
.listings .dealers .dealer .dealer-details .validation_icons{ max-height:50px; }

.listings .dealers .dealer{ width:380px; border-top:none; }
.listings .listing{ padding:20px; }
/*.listings .dealers-mh{ min-height:40vh; }*/
.listings .listing:nth-of-type(even),
.listings .listing:nth-of-type(odd){ background-color:transparent; }
.landingpage .dealer_phone{ font-size:32px; }
.landingpage .search-wrapper button{ position: absolute; top:-5px; right:20px; cursor: pointer; }
.landingpage #search{ display:block; font-size:16px; font-weight:300; height:40px; margin:0; }

/*
.dealer_area .dealers .dealer .dealer_information a.dealer_phone{ font-size:28px; font-weight: 700; }
.dealer_area .dealers .dealer .dealer_information a.schedule,
.dealer_area .dealers .dealer .dealer_information a.schedule:hover,
*/

.page .hero{ height:280px; }
/*
.page.listings #resultlist{ padding-top:150px; }

.page.profile .hero .gradient{ padding-top:150px; }
.page.profile footer{ margin-top:0; }

.page.profile .hero .title{ width:100%; }
.page.profile .hero .content-area{ width:100%; }

.page.profile nav .invert strong{ color:#707070; }
.page.profile nav .invert a.btn-large{ color:#fff !important; }
*/
.profile .dealer-info{ display: flex; flex-direction: column; align-items:flex-start; }
.profile .dealer-info .dealer-details img{ max-height:65px; }
.profile .dealer-info .dealer-details{ width:100%; }

#contact{ min-height:410px; }
#form-wrap{ position:relative; bottom:-120px; }

#triangle-down { position:absolute; bottom:-10px; left:10px; width: 0; height: 0; border-left: 25px solid transparent; border-right: 25px solid transparent; border-top: 15px solid rgba(228,66,60,1); }

#results #success,
#results #fail{ display:none; }
#results #success .valign-wrapper,
#results #fail .valign-wrapper{ justify-content: center }

/* .profile #dealer_info{ height:400px; overflow: visible; } */
#map_canvas{ min-height:440px; margin-top:-20px }

.current_location{ position:absolute; bottom:-40px; right:20px; font-size: .75rem; line-height: 40px; box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23) !important; }
.page.listings nav .current_location a{ color:#fff !important; font-size:.95rem; padding:0 .75rem; height:25px; line-height: 25px; margin-top:-3px; }
.page.listings nav .current_location .input-field input{ padding-left:0px; font-size: .95rem; margin-bottom:0; }
.page.listings nav .current_location .search-wrapper.input-field label,
.page.listings nav .current_location .search-wrapper button{ top:0; }
.page.listings nav .current_location .search-wrapper .btn-floating i{ font-size: .75rem; height:auto; }

.hero{ display:flex; align-items:center; justify-content:flex-start; }
.home .hero .search-wrapper button,
.listings .search-wrapper button{ position: absolute; top:15px; right:40px; cursor: pointer; }
.home .hero #search,
.listings #search{ display:block; font-size:16px; font-weight:300; height:40px; margin:0; }
.search-wrapper #search { border-bottom: 0px solid transparent;}
#search:focus { border-bottom: 1px solid transparent; box-shadow: 0 1px 0 0 transparent;}
.home .hero .input-field input,
.listings .input-field { margin-top:5px; }
.home .hero .input-field label,
.listings .input-field label { color: #212121; position: absolute; top:1.25rem; left: 3rem; font-size: 1.5rem; cursor: text; transition: .2s ease-out; }
.home .hero .input-field label.active,
.listings .input-field label.active { color:#727272; top: 1rem; font-size: 0.8rem; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.display-dealers{ background:url(../img/bg-dealers-list1.jpg); background-position: bottom right; background-repeat: no-repeat; min-height: 675px; }
.display-dealers .dealer-search{ display:flex; justify-content:flex-end; flex-wrap:wrap; }
.display-dealers .search-wrapper,
.listings .search-wrapper{ display:flex; align-items:center; justify-content:space-between; flex-wrap: wrap; max-width: 515px; }
.display-dealers .search-wrapper .input-field,
.listings .search-wrapper .input-field{ min-width:290px; position:relative; }
.display-dealers .search-wrapper .input-field input,
.listings .search-wrapper .input-field input { margin-top:5px; color: #fff; }
.listings .search-wrapper .input-field input[type="search"] { padding-left: 10px; }
.listings .search-wrapper .input-field input[type="search"]:focus { background-color: rgba(255, 255, 255, 0.5); color: #000; }
.display-dealers .search-wrapper .input-field label,
.listings .search-wrapper .input-field label{ color: #fff; position: absolute; top:10px; left:0px; font-size: 1rem; cursor: text; transition: .2s ease-out; }
.display-dealers .input-field label.active{ color:#fff; top:-5px; font-size: 0.8rem; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.listings .input-field label.active{ color:#fff; top:-5px; font-size: 0.8rem; -webkit-transform: translateY(40%); transform: translateY(40%); }
.display-dealers .search-wrapper .input-field #search,
.listings .search-wrapper .input-field #search{ display:block; font-size:16px; font-weight:300; height:40px; margin:0; }
.display-dealers .search-wrapper .input-field button,
.listings .search-wrapper .input-field button{ position: absolute; top:0px; right:0px; cursor: pointer; }
.display-dealers .search-wrapper .input-field input[type=text]:focus + label,
.listings .search-wrapper .input-field input[type=text]:focus + label{ color:#fff; }
.display-dealers .search-wrapper .input-field input[type=text],
.display-dealers .search-wrapper .input-field input[type=text]:focus,
.listings .search-wrapper .input-field input[type=text],
.listings .search-wrapper .input-field input[type=text]:focus{ border-bottom: 1px solid rgba(255,255,255,.8); box-shadow: 0 1px 0 0 rgba(255,255,255,1); }

.home .hero .select-wrapper input.select-dropdown{ margin:0; color:#fff; }
.home .hero .select-wrapper span.caret{ color:#fff; top:8px; right:15px; }
.dropdown-content li > a, .dropdown-content li > span{ color:#2196f3; }

label.error{ display: none; }
label.error,
.input-field input[type=text]:focus + label.error{ color:#F44336; font-weight:bold; font-size:12px; top:3.25rem; transform:none;}
.input-field label.active.error{ transform: none; }
label.error.interest{ top:-13px; }



body.home .hero{ height:75vh; min-height:75vh; margin-top:200px; background:url(../img/hero-tech-install.jpg); background-repeat: no-repeat; background-position: top left; background-size:cover; border-bottom: 4px solid #3cbf78;}
/* body.home .hero{ height:85vh; min-height:800px; background:url(../img/hero-intro.jpg); background-repeat: no-repeat; background-position: 79% 50%; background-size:cover; border-bottom: 4px solid #3cbf78;} */
body.home .hero.hero-systems{ height:85vh; min-height:800px; background:url(../img/hero-systems.jpg); background-repeat: no-repeat; background-position: top right; background-size:cover; }
body.home .hero.hero-ac-services{ height:85vh; min-height:800px; background:url(../img/hero-ac-services.jpg); background-repeat: no-repeat; background-position: 50% 50%; background-size:cover; }
body.home .hero.hero-heating-services{ height:85vh; min-height:800px; background:url(../img/hero-heating-services.jpg); background-repeat: no-repeat; background-position: 50% 50%; background-size:cover; }
body.home .hero.hero-rebates{ height:85vh; min-height:800px; background:url(../img/hero-rebates.jpg); background-repeat: no-repeat; background-position: 50% 50%; background-size:cover; }

.swiper-button-next, .swiper-button-prev{ color:#111111; }

/*.hero .gradient{ width:100%; height:100%; background-color: #0069B3; }*/

.profile .hero{ height:470px; background:url(../img/bg-profile.jpg); background-repeat: no-repeat; background-position: 50% 50%; background-size:cover; 
    overflow: hidden; position: relative; border-bottom: 4px solid #3cbf78;}
.profile .hero:before {	content: ''; width: 100vw; position: absolute;	height: 100%; background-color: rgba(17,55,91,0.73);}


.landingpage.ac-repair .hero,
.landingpage.ac-installation .hero,
.landingpage.heating-repair .hero, 
.landingpage.heating-installation .hero,
.landingpage.hvac-services .hero{ height:500px; background:url(../img/bg-landing-page-bryant.jpg); background-repeat: no-repeat; background-position: 50% 50%; background-size:cover; }

.content-box{ background-color: #0069B3; }

.page-footer{ margin-top:0; }
.page-footer a{ color:#fff; }

.marker{ font-size:38px; margin-top:-10px; margin-left: -25px; }
.marker .fa-layers-text{ margin-top:-10px; }

.profile .return-link i{ font-size:14px; }


.parallax-container {height: auto;color: rgba(255,255,255,.9);}
.parallax-container .section {width: 100%;}

.financing.gradient{ background: rgb(222,222,222); background: -moz-linear-gradient(45deg, rgba(222,222,222,1) 0%, rgba(214,214,214,1) 100%); background: -webkit-linear-gradient(45deg, rgba(222,222,222,1) 0%,rgba(214,214,214,1) 100%); background: linear-gradient(45deg, rgba(222,222,222,1) 0%,rgba(214,214,214,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dedede', endColorstr='#d6d6d6',GradientType=1 ); }
.financing-badge{ max-height:300px; padding-right:40px;  margin-right:20px; border-right:1px solid #707070; }

.dropdown-content li>a,
.dropdown-content li>span{ color:#707070; }

footer{ font-size:12px; }
footer a{ color:#272727; text-decoration: underline; }
footer a:hover{ opacity:.63; }
footer .footer-logo{ max-height:75px; }
footer.page-footer .footer-copyright{ height:auto; color:#272727; }
.listings footer.page-footer{ position:relative; }

/* Billboard section spacing */
.section-billboard {
    margin-top: 20px;
    margin-bottom: 0;
}

/* Wrapper for banner image */
.billboard-wrapper {
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 3px 6px rgba(0,0,0,0.25);
}

/* Banner image scales naturally */
.billboard-img {
    display: block;
    width: 100%;
    height: auto; /* keep original aspect ratio */
}

.billboard-copy {
    margin-top: 12px;
    text-align: center;
    padding: 20px 15px 0;
    color: #11375b; /* matches your dark blue */
}

.billboard-copy h2 {
    margin: 0 0 6px;
    font-weight: 700;
    font-size: 1.6rem;
}

.billboard-copy p {
    margin: 0;
    font-size: 1rem;
}

/* Reduce top padding for the rebates gradient section under the billboard */
.section-tight-top {
    padding-top:0px !important;   /* or 0 if you want it flush */
    /* optional: tweak bottom if needed */
    /* padding-bottom: 40px; */
}

.home .hero h1.title {color: #fff;}
.home .hero h2 {color: #fff;}
.home .hero big {color: #fff;}
body.home .hero .section{ height:100%; margin-left:0; padding-left:3em;  width: 100%;
background: rgb(17,55,91);
background: -moz-linear-gradient(90deg, rgba(17,55,91,0.83) 0%, rgba(17,55,91,0.83) 26%, rgba(17,55,91,0) 47%);
background: -webkit-linear-gradient(90deg, rgba(17,55,91,0.83) 0%, rgba(17,55,91,0.83) 26%, rgba(17,55,91,0) 47%);
background: linear-gradient(90deg, rgba(17,55,91,0.83) 0%, rgba(17,55,91,0.83) 26%, rgba(17,55,91,0) 47%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#11375b",endColorstr="#11375b",GradientType=1);}

.border-as-dkblue{ border-top:.5rem solid #043A71; }
.title-card{ display: flex; justify-content: center; flex-direction: row; align-items: stretch;  gap: 20px; overflow: hidden; min-height: 500px; }
.title-card .card-image{ position:relative; width: 40%; flex-shrink: 0; }
.title-card .card-image img{ position:absolute; width: 100%; height: 100%; object-fit: cover; top: 0; margin:0 auto; }
.title-card .card-content{ padding:20px; }

/* Card Order Classes - Desktop (large screens) */
.title-card .card-order-l-1{ order: 1; }
.title-card .card-order-l-2{ order: 2; }

/* Responsive Video Wrapper */
.video-wrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 aspect ratio (9/16 = 0.5625) */
    height: 0;
    overflow: hidden;
    max-width: 100%;
    margin: 0 auto 2rem auto; /* Center horizontally and add bottom margin */
}

.video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.dealer-search-card{ display: flex; justify-content: center; flex-direction: row;  gap: 20px; overflow: visible; }
.dealer-search-card .column1{ flex: 0 0 calc(40% - 10px); max-width: calc(40% - 10px); padding: 20px; box-sizing: border-box; }
.dealer-search-card .column2{ flex: 0 0 calc(60% - 10px); max-width: calc(60% - 10px); padding: 20px; box-sizing: border-box; }

.logos-2by2{ display: flex; justify-content: center; flex-direction: row; align-items: stretch;  gap: 20px; overflow: auto; }

.installer{ max-width: none !important; position: relative; }

/* desktops */
	/* pretty large */
	@media only screen and (min-width : 1710px) {
		.installer{ width:500px; right: -130px; }
	}
	/* little bit larger */
	@media only screen and (min-width : 1500px)  and (max-width : 1710px) {
        .installer{ right: -90px; }
	}

	/* little bit large */
	@media only screen and (min-width : 1220px) and (max-width : 1500px) {
        .installer{ right: -80px; }
		.listings .dealers .dealer{ max-width: calc(31%); border-top:none; flex: 1 0 calc(31%);  }
        /*.title-card .card-image{ position:relative; width: 80%; height:400px; }*/
	}

	/* not-so-large */
	@media only screen and (min-width : 1200px) and (max-width : 1366px) {
        .installer{ right: -60px; }
		body.home .hero,
		body.home .hero.hero-systems,
		body.home .hero.hero-ac-services,
		body.home .hero.hero-heating-services,
		body.home .hero.hero-rebates,
		body.home .hero.hero-intro{ height:100vh; }
		body.home .hero .section{ height:100vh; }
		.display-dealers{ background-position: bottom center; background-size:cover; }
	}

	@media only screen and (min-width : 992px) and (max-width : 1200px) {
		.installer{ width:400px; right: -40px; }
		.listings .dealers .dealer{ max-width: calc(35%); border-top:none; flex: 1 0 calc(35%);  }
		body.home .hero,
		body.home .hero.hero-systems,
		body.home .hero.hero-ac-services,
		body.home .hero.hero-heating-services,
		body.home .hero.hero-rebates,
		body.home .hero.hero-intro{ height:100vh; }
		body.home .hero .section{ height:100%; }
		body.home .hero.hero-systems{background-position: -755px 40px;}
		body.home .hero.hero-heating-services{background-position: -700px 0px;}
	}

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

}

/* tablets */
@media only screen and (max-width : 992px) {
	body.profile { }
    body.home .hero{ background-position: -600px 0px; }
    body.home .hero .section { background: rgba(17, 55, 91, .6); }
    body.has-fixed-footer { margin-bottom: 105px; }
	.btn-fixed-bottom{ display:flex; flex-direction:column; align-items:center; }
	.profile .hero{ height:65vh; background:url(../img/bg-profile-mobile.jpg); }
	/* header nav .brand-logo img{ width:315px; } */
	header nav .nav-wrapper .inner-nav-wrap{ -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; }
	.no-padding-left,
	.no-padding-right{ padding-left:0 !important; padding-right:0 !important; }
	.content-box{ margin-top:0; }
	.content-box-right{ margin-left:0px; }
	.content-box-left{ margin-right:0px; }
	.installer{ width: 454px; max-width: none !important; right: -190px; position: relative; }
	/*.profile #dealer_info{ height:auto; }*/
	.listings .dealers .dealer{ max-width:100%; flex:none; width:90%; }
	.display-dealers .dealer-search{ justify-content:flex-start; }
	.display-dealers{ background-size:cover; background-position: -1170px 0; }
	.listings .dealers{ flex-direction:column; align-items: stretch; }
	.listings .dealers .dealer{ max-width:100%; }
	.callout-items .callout-item{ margin-top:0px; }
    .title-card{ flex-direction: column;}
    .title-card .card-image{ position:relative; width: 100%; min-height: auto; }
    .title-card .card-image img{ position:relative; }
    .dealer-search-card{ display: flex; flex-direction: column; justify-content: center; overflow: auto; gap: 20px; height:100%; }
    .dealer-search-card .column1,
    .dealer-search-card .column2{ flex: 1 1 100%; max-width: 100%; padding: 20px; box-sizing: border-box; }

    /* Card Order Classes - Tablet (medium screens) */
    .title-card .card-order-m-1{ order: 1; }
    .title-card .card-order-m-2{ order: 2; }

}

/* phones */
@media only screen and (max-width: 740px){
	header nav .nav-wrapper { min-height: 100px;}
	header nav .brand-logo img {margin-top: 20px;}
	header nav .brand-logo img {width: 190px !important;}
}

@media only screen and (max-width : 600px) {
	/*header nav{ height:100px; }*/
	/* .home .hero h1.title {color: #fff;}
	.home .hero h2 {color: #fff;}
	.home .hero big {color: #fff;} */
	.home header nav{ position:relative; }
	.home header nav.navbar-fixed{ position:fixed; }
	h1,
	h2.title{ font-size:2.5rem; }
	body.home .hero,
	body.home .hero.hero-systems,
	body.home .hero.hero-ac-services,
	body.home .hero.hero-heating-services,
	body.home .hero.hero-rebates,
	body.home .hero.hero-intro{ height:85vh; min-height:560px;  background-position: -650px 0px;}
	body.home .hero .section{ background-color: rgba(17, 55, 91,0.60);}
	/* 	height:85vh; margin-left:0; padding-left:3em; background-color: rgba(17, 55, 91,0.73);} */
		/* background-color:rgba(192,189,189,.65); } */
	header nav .nav-wrapper{ min-height:100px; }
	.home .hero .dealer-phone{ margin-bottom:20px; }
	header nav .brand-logo img { width:190px; margin-top: 10px; }
	header nav .btn-floating { width:30px; height:30px; line-height:30px; }
	header nav .btn-floating i{ font-size:1.2rem; line-height:30px; }
	header nav .button-collapse { margin:0px 0px 20px 0px; height:40px; }
	.no-padding-left,
	.no-padding-right{ padding-left:0 !important; padding-right:0 !important; }
	.content-box{ margin-top:0; }
	.content-box-right{ margin-left:0px; }
	.content-box-left{ margin-right:0px; }
	/*.listings .dealers-mh{ min-height:25vh; }*/
	.flex-center{ flex-direction: column; }
	.display-dealers,
	.financing-badge{ margin: 0 auto; padding: 0; float: none !important; display: block; border-right: none; }
	.display-dealers{ background-position: bottom center; }
	footer.page-footer { padding: 10px 0 20px 0; }
	footer.page-footer .row { margin-bottom: 0; }
	footer.page-footer .col-logo { display: none; }
	footer.page-footer .footer-copyright { line-height:20px; }
	footer.page-footer .footer-copyright .right{ float:left !important; }
	footer.page-footer nav { height: auto; margin-bottom: 10px; }
	footer.page-footer nav ul { display: flex; column-gap: 20px; justify-content: center; }
	footer.page-footer nav ul li { float: none; }
	footer.page-footer nav ul li a { line-height: 2.5; padding: 0; }
	.display-dealers h2{ text-align:center; }
	.display-dealers .dealer-search{ justify-content:center; }
	.display-dealers .search-wrapper,
	.listings .search-wrapper { }
	.listings .search-wrapper > p { margin: 0; }
	.listings .search-wrapper form { margin-top: 10px !important; width: 100%; }
	.listings .search-wrapper .input-field { min-width:140px; }
	.listings .search-wrapper .input-field label{ font-size:.75rem; }
	.listings .search-wrapper.plr40 { padding-right: 60px !important; padding-left: 60px !important; }
	.listings .search-wrapper.ptb20 { padding-top: 10px!important; padding-bottom: 20px !important; }
	.listings .dealers .dealer{ max-width:100%; flex:none; width:90%; }
	.listings .dealers .dealer .dealer_information a.dealer_phone{ padding-left:5px; padding-right:5px; }
	.footer-nav .right{ float: none!important; }
	.installer{ display:none; }
    .profile .hero{ background-position: center -300px; }
    .profile .section .row{ flex-direction: column !important; }

    /* Card Order Classes - Mobile (small screens) */
    .title-card .card-order-s-1{ order: 1; }
    .title-card .card-order-s-2{ order: 2; }

    .card.horizontal {
        flex-wrap: wrap;
    }
    .card.horizontal .card-image {
        max-width: 100%;
    }

    body > div.section {
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 0;
    }

    /*div.mobile-buttons {*/
    /*    width: 100%; height: 105px;*/
    /*    position: fixed;*/
    /*    bottom: 0px;*/
    /*    z-index: 999;*/

    /*    background-color: #fff;*/
    /*    border-top: 2px solid #fff;*/
    /*    display: flex;*/
    /*    flex-wrap: wrap;*/
    /*    gap: 2px;*/
    /*}*/

    /*body.no-fixed-footer div.mobile-buttons {*/
    /*    display: none;*/
    /*}*/

    /*div.mobile-buttons > a {*/
    /*    background-color: #35A869;*/
    /*    color: #fff;*/
    /*    font-size: 1.25em;*/
    /*    line-height: 1.25;*/
    /*    padding: 1rem 0;*/
    /*    text-align: center;*/
    /*    width: 100%;*/
    /*}*/
    /*div.mobile-buttons > a.dealer {*/
    /*    font-weight: bold;*/
    /*}*/
    /*div.mobile-buttons > a.call,*/
    /*div.mobile-buttons > a.schedule {*/
    /*    background-color: #3CBF78;*/
    /*    flex-grow: 1;*/
    /*    width: calc(50% - 2px);*/
    /*}*/

}

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

	.intro-text{ position:relative; z-index: 1; }
}


div.mobile-buttons { display: none; }