@charset "utf-8";
/* CSS Document */

@media (min-width:1920px) {
	#resources {
		padding:50px 71px;
	}
	.resource-box {
		max-width:850px;
	}
	
	#why-maxpro-intro img {
		max-width:960px;
	}
}

@media (min-width:1201px) {
    #intl-mobile-menu {
        display:none !important;
    }
    #intl-mobile-menu.active {
        display:inline-block !important;
    }
}

@media (min-width:768px) and (max-width:1440px) {
	#main-slider {
		height:395px;
	}
	
	#main-slider .main-banner-slide .banner-txt, #interior-banner .banner-txt {
		margin-top:197px;
	}
	
	#why-maxpro-tabs #tab-content {
		height:600px;
	}
	
	#why-maxpro-tabs #tab-content .tab-content-left {
		height:477px;
	}
	
	#why-maxpro-tabs #tab-content .tab img.tab-overlay-img {
		margin-top:0;
	}
	
	#why-maxpro-tabs #tab-content .tab img.tab-overlay-img.horiz {
		margin-top:157px !important;
	}
	
	#why-maxpro-tabs #tab-content .tab-content-right {
		height:477px;
	}
	
	#why-maxpro-tabs #tab-content .tab-content-right-txt {
		margin-top:238px;
	}
}

@media (min-width:1315px) and (max-width:1415px) {
	#resources .resource-box {
		min-height:530px;
		max-height:530px;
	}
}

@media (max-width:1200px) {
	
	/*header {
		height:64px;
	}*/

    header {
        position:relative;
    }

    .header-container {
        height:64px;
    }
	
	header img.logo {
		margin-top:0;
		padding:17px 0 15px 15px;
		width:240px;
		height:auto;
	}
	
	.mobile-hamburger {
		display:block;
	}
	
	.mobile-hamburger.active {
		background:url('../images/mobile-close-btn.png') center center no-repeat;
		width:30px;
		height:30px;
	}
	
	.mobile-hamburger.active div {
		display:none;
	}
	
	header div.mobile-util {
		margin-top:19px;
	}
	
	header div.mobile-util div.intl-icon {
		margin-right:15px;
	}
	
	header nav {
		float:none;
		clear:both;
		line-height:100%;
		margin-right:0;
	}
	
	header nav ul#secondary-nav, header nav ul#main-nav {
		display:none;
	}

    #intl-menu {
        display:none !important;
    }
	
	#intl-mobile-menu .region.eur h4 {
        margin-top:15px;
    }

    #intl-mobile-menu .region.eur ul h4 span {
        display:none;
    }
	
	#content {
		top:0px;
	}
	
	#why-maxpro-tabs #tab-list {
		display:none;	
	}
	
	#why-maxpro-tabs #tab-content {
		height:auto;	
	}
	
	#why-maxpro-tabs #tab-content .tab {
		display:inline-block !important;
		width:100%;
		height:100%;
	}
	
	#why-maxpro-tabs #tab-content .tab-content-left {
		position:relative;
		float:none;
		clear:both;
		width:100%;
		height:477px;
	}
	
	#why-maxpro-tabs #tab-content .tab-content-right {
		position:relative;
		display:inline-block;
		background:#ffffff;
		float:none;
		clear:both;
		padding-bottom:45px;
		width:100%;
		height:auto;
	}
	
	#why-maxpro-tabs #tab-content .tab-content-right-txt {
		display:block;
		margin-top:0;
		padding-top:0;
		padding-right:30px;
		padding-bottom:0;
		padding-left:30px;
		transform:translateY(0);
	}
	
	#why-maxpro-tabs #tab-content .tab img.tab-overlay-img {
		margin-top:106px;
		width:277px;
		height:auto;
	}
	
	#why-maxpro-tabs #tab-content .tab img.tab-overlay-img.horiz {
		margin-top:237px !important;
		width:447px !important;
		height:auto;
	}
	
	#why-maxpro-tabs #tab-content .tab img.tab-overlay-img.tablet {
		margin-top:177px !important;
	}
	
	#main-slider-nav .nav-slide {
		border-top:solid #686868;
		border-right:none;
		border-bottom:solid #686868;
		border-width:thin;
	}
	
	#main-slider-nav {
		border-top:solid #686868;
		border-bottom:solid #686868;
		border-width:thin;
	}

    #resources .three-col-row .resource-box, #resources .three-col-row .resource-box.last {
        float:none;
        clear:both;
	    display:block;
        margin:0 auto 45px auto;
        width:60%;
    }

    #resources .back-txt, #resources .back-txt-three-col {
        margin-bottom:45px;
    }
	
	#dealer p.lead-in {
		padding-right:20vw;
		padding-left:20vw;
	}
	
	#connected .mktoForm, #nashville .mktoForm {
		width:200px !important;
	}
	
	#connected input[type="text"], #connected .mktoField.mktoEmailField.mktoHasWidth.mktoRequired, #nashville input[type="text"], #nashville .mktoField.mktoEmailField.mktoHasWidth.mktoRequired {
		width:200px !important;
	}
	
	#connected .mktoButtonRow, #nashville .mktoButtonRow {
		width:200px !important;
	}
	
	.mktoForm input[type="url"], .mktoForm input[type="text"], .mktoForm input[type="date"], .mktoForm input[type="tel"], .mktoForm input[type="email"], .mktoForm input[type="number"], .mktoForm select.mktoField {
		font-size:13px !important;
		height:2.1em !important;
	}

	.mktoForm textarea.mktoField {
		font-size:13px !important;
		height:7.1em !important;
	}
	
	.mktoMobileShow .mktoForm, .mktoForm * {
		padding:0 !important;
	}
	
	#connected .mktoForm .mktoButtonWrap.mktoSimple button.mktoButton, #nashville .mktoForm .mktoButtonWrap.mktoSimple button.mktoButton, #contact .mktoForm .mktoButtonWrap.mktoSimple button.mktoButton {
		height:35px !important;
	}
	
	#request-demo-form {
		margin-top:0;
	}
	
	footer #footer-top {
		padding:45px 0 0 60px;
	}
	
	footer #footer-top ul {
		margin-bottom:40px;
		width:50%;
	}

    footer.interior {
        margin-top:60px;
    }
	
}

@media (max-width:1040px) {
	
	#markets .markets-content {
		display:block;
	}
	
	#markets .markets-content img {
		display:block;
		float:none;
		clear:both;
		width:100%;
	}
	
	#markets .markets-content .markets-text {
		display:block;
		float:none;
		clear:both;
		margin:0 8%;
		padding:40px 0;
		width:84%;
	}
	
	#dealer ol li {
		margin-right:40px;	
	}
	
}

@media (max-width:900px) {
	
	#dealer ol li {
		float:none;
		clear:both;
		margin-right:0;
		margin-bottom:30px;
	}
	
	#dealer ol li.first {
		margin-bottom:50px;
	}
	
	#dealer ol li.last {
		margin-bottom:0;
	}
	
}

@media (max-width:800px) {
	
	#why-maxpro-intro.interior {
		padding:30px 0 !important;
	}
	
	#why-maxpro-intro .ux-content {
		display:inline-block;
	}
	
	#why-maxpro-intro .ux-image {
		display:block;
		float:none;
		clear:both;
		width:100%;
	}
	
	#why-maxpro-intro .ux-text {
		display:block;
		float:none;
		clear:both;
		padding:0 60px;
		width:calc(100% - 120px);
	}
	
}

@media (max-width:768px) {
	
	header div.mobile-util {
		margin-right:15px;
	}
	
	header div#mobile-nav {
		padding:25px 15px;	
	}
	
	header div#mobile-nav ul#main-nav-mobile {
		float:none;
		clear:both;
		margin-bottom:15px;
		width:100%;
	}

	header div#mobile-nav ul#secondary-nav-mobile {
		float:none;
		clear:both;
		width:100%;
	}
	
	#main-slider, #interior-banner {
		height:315px;
	}
	
	#main-slider .main-banner-slide {
		padding-right:15px;
	}
	
	#main-slider .main-banner-slide.main-slide-01 {
		background:url('../images/connected-building-solutions-banner-mobile.jpg') left top no-repeat;
	}

	#main-slider .main-banner-slide.main-slide-02 {
		background:url('../images/max-pro-cloud-banner-mobile.jpg') left top no-repeat;
	}

	#main-slider .main-banner-slide.main-slide-03 {
		background:url('../images/access-security-banner-mobile.jpg') left top no-repeat;
	}
	
	#main-slider .main-banner-slide .banner-txt, #interior-banner .banner-txt {
		padding:20px 15px 12px 15px;
		max-width:180px;
	}
	
	#main-slider .main-banner-slide .banner-txt {
		margin-top:177px;
	}
	
	#interior-banner .banner-txt {
		margin-top:167px;
	}
	
	#interior-banner .banner-txt {
		margin-right:15px;
	}
	
	#main-slider .main-banner-slide .banner-txt p {
		display:none;
	}
	
	#main-slider .main-banner-slide .banner-txt h2, #interior-banner .banner-txt h1 {
		font-size:20px;
		line-height:22px;
	}
	
	#main-slider .main-banner-slide .banner-txt div.cta-btn, #interior-banner .banner-txt div.cta-btn {
		font-size:12px;
		padding:10px 7px;
        width:calc(100% - 15px);
	}
	
	h3 {
		font-size:16px;	
	}
	
	#about, #why-maxpro-intro {
		padding:40px 30px;
	}
	
	#why-maxpro-tabs #tab-content .tab img.tab-overlay-img {
		margin-top:50px;
		width:140px;
		height:auto;
	}
	
	#why-maxpro-tabs #tab-content .tab img.tab-overlay-img.horiz {
		margin-top:106px !important;
		width:225px !important;
		height:auto;
	}
	
	#why-maxpro-tabs #tab-content .tab img.tab-overlay-img.tablet {
		margin-top:77px !important;
	}
	
	#why-maxpro-tabs #tab-content .tab-content-left {
		height:225px;	
	}
	
	#why-maxpro-tabs #tab-content .tab-content-right {
		position:relative;
		padding-bottom:30px;
		height:auto;
	}
	
	#why-maxpro-tabs #tab-content .tab-content-right-txt {
		padding:10 25px;
	}
	
	#why-maxpro-tabs #tab-content .tab-content-right-txt h3 {
		font-size:15px;
		margin-bottom:25px;
	}
	
	#why-maxpro-tabs #tab-content .tab-content-right-txt a.why-cta-btn {
		margin-top:35px;
	}
	
	#markets .markets-content .markets-text h3 {
		font-size:21px;
		line-height:21px;
		margin-bottom:15px;
	}
	
	#resources .resource-box {
		float:none;
		clear:both;
		width:100%;
	}
	
	#resources .resource-box .resource-text {
		padding:20 15px 15px 15px;
	}
	
	#resources .resource-box a.resources-cta-btn {
		margin:20px auto 0 auto;	
	}
	
	#contact {
		padding:35px 0 40px 0;
	}
	
	#resources {
		padding:40px 2.9vw 35px 2.9vw;
	}

    #resources, #resources.interior {
		padding:40px 2.9vw 35px 2.9vw;
	}

    #resources.interior {
        width:calc(100% - 5.8vw);
    }
	
	#request-demo-form {
		margin-top:0;
	}
	
	#interior-banner h1 {
		font-size:40px;
		line-height:100%;
	}
	
	#interior-banner div.cta-btn {
		font-size:15px;
		margin:30px auto 0 auto;
		width:220px;
	}
	
	#about ul.left-list, #about ul.right-list {
		float:none;
		clear:both;
		margin:0 auto;
		width:90%;
	}

    #about .example-list {
        left:0;
    }
	
	#why.interior .icon-box.left, #why.interior .icon-box.right {
		float:none;
		clear:both;
	}
	
	#why.interior .icon-box {
		display:block;
		margin:30px 0;
		padding:0 7%;
		height:auto;
		width:86%;
	}
	
	#dealer p.lead-in {
		padding-right:10.8vw;
		padding-left:10.8vw;
	}
	
	#request-demo-form {
		overflow-y:scroll !important;
	}
	
	#request-demo-form form.mktoForm {
		height:530px !important;
	}
	
	footer #footer-top {
		display:none;
		padding:30px 0;
	}
	
	footer #footer-top ul {
		float:none;
		clear:both;
		text-align:center;
		width:100%;
	}
	
	footer #footer-bottom {
		border-top:none;
	}
	
	footer #footer-bottom .footer-bottom-links {
		display:block;
		float:none;
		clear:both;
		line-height:120%;
		text-align:center;
	}
	
	footer #footer-bottom .footer-copyright {
		display:block;
		float:none;
		clear:both;
		margin-top:30px;
		text-align:center;
	}
	
}

@media (max-width:480px) {

    #intl-mobile-menu {
        padding:35px 20px 40px 20px;
        width:calc(100% - 40px);
    }

    /*#intl-mobile-menu .intl-nav ul.col {
        width:calc(50% - 20px);
    }*/

    #intl-mobile-menu .region h4 .sub-menu-tab {
        right:20px;
    }

}

@media (max-width:380px) {
	
	header img.logo {
		margin-top:5px;
		width:200px;
		height:auto;
	}
	
	header div.mobile-util {
		margin-top:21px;
	}
	
	.mobile-hamburger {
		margin-top:1px;
	}
	
	.mobile-hamburger.active {
		background:url('../images/mobile-close-btn.png') center center no-repeat;
		background-size:cover !important;
		-moz-background-size:cover !important;
		-o-background-size:cover !important;
		-webkit-background-size:cover !important;
		width:18px;
		height:18px;
	}
	
	.mobile-hamburger div {
		margin: 3px 0;
		height: 2px;
		width:18px;
	}
	
	header div.mobile-util div.intl-icon {
		margin-right:10px;
	}
	
	header div.mobile-util div.intl-icon img {
		width:20px;
		height:auto;
	}
	
}