/*
	RESPONSIVE STYLESHEET
	ready to go...
*/
@media (min-width: 1920px) and (min-height: 1080px) {
	.home #underlay { height: 850px !important; }
	video#screen-1 { min-height: 844px !important; }
}

@media (min-width: 1600px) and (max-width: 1919px) and (min-height: 900px) { /* and (max-height: 1079px) */
	.home #underlay { height: 750px !important; }
	video#screen-1 { min-height: 744px !important; }
}
@media (min-width: 1440px) and (max-width: 1599px) and (min-height: 830px) and (max-height: 899px) {
	.home #underlay { height: 700px !important; }
	video#screen-1 { min-height: 694px !important; }
}
@media (min-width: 1366px) and (min-height: 768px) {
	.home #underlay { height: 650px; }
	video#screen-1 { min-height: 646px; }
}

@media (min-width: 1600px) {
	/* blockquote.testimonial .quoteWrap { padding: 0px 20% 0 20px; } */
}	
@media (max-width: 1000px) {
	.container.headerWrap { padding-left: 0 !important; padding-right: 0 !important; }
	 nav.mainNav li a  { padding: 0px 5px; font-size: 12px; }
	 nav.mainNav li.login a { padding: 0 20px 0 16px; margin: 22px 10px 20px; }
	 blockquote.testimonial .quoteWrap { width: 100%; padding-right: 15%; }
	 
}

@media (min-width: 768px) and (max-width: 999px) {
	#loginportal { width: 65%; }
	#capabilities_services #prev { left: 0; }
	#capabilities_services #next { right: 0; }
}

@media (min-width: 768px){
	#our-services .pageContent.for-property-managers .col-sm-6 { min-height: 340px;  }
	nav.mainNav ul { white-space: nowrap; }
}
@media (max-width: 768px) {
	.page-template-page-microsite .cta_login { padding: 36px 0px 0px; }
}

@media (max-width: 767px) {
	header { top: 5px; }
	.headerLeft, .headerRight { height: 78px; }
	 .headerRight { text-align: right; }
	#logo { margin: auto 10px; height: 38px; }
	#logo img { max-height: 38px; width: auto; }
	#underlay { height: 480px; /* top: -84px; margin-bottom: -96px; padding-top: 89px; */ } 
		.page-template-page-forusers #underlay.for-property-managers { height: 585px; margin-bottom: 132px;  }
		.page-template-page-forusers #underlay.for-residents { height: 615px; margin-bottom: 44px; }
	.home #home_banner { background-position: right 33% bottom !important; }
	.home { overflow-x: hidden; }
	.home video#screen-1 { right: -35%; }
	video::-webkit-media-controls { display:none !important; }
	
	#loginportal { top: 78px; width: 100%; padding: 22px 0; }
	
	#cta { height: 0; } 
		.page-template-default #cta { padding-top: 0; }
		#cta #searchform { width: 100%; padding: 0 20px; }
		.page-template-default #cta { height: 25px; }
		.page-id-233.page-template-default #cta { height: 25%; }
		#cta #searchform h3 { font-size: 20px; width: 100%; }
		#cta #searchform label.radios { margin-bottom: 0; padding-right: 12px; font-size: 16px; }
		#cta #s { margin: 12px 0; }
		#cta #searchsubmit { margin: 12px 0 0 -3px; }
		
	#cta h1, .page-id-233 #cta h1 { font-size: 27px; line-height: 1.25em; } 
		.page-template-page-forusers #cta h1 { font-size: 36px; }
	#cta h3 { font-size: 22px; margin-top: 8px; line-height: 1.25em; }
	#cta .button { position: absolute; width: 100%; left: 0; margin: 0; }
	 #cta .button:first-of-type { top: 285px; }
	 #cta .button + .button { top: 341px }
	 #cta .button + .button + .button { top: 397px }
	 .page-template-page-forusers .banner_wrap { border-bottom: 6px solid transparent; }
	 
	 .pageContent { padding-left: 20px; padding-right: 20px; padding-bottom: 12px; }
	  .page-template-page-nobanner .pageContent h1 { line-height: 1.1em; }
	  .page-template-page-nobanner .pageContent h3 { font-size: 22px; }
	
	  .pageContent h2 { font-size: 22px; padding: 0; text-align: left; line-height: 1.3; }
/*	  .page-template-page-forusers .why-clickpay- .pageContent.tab_content.for-property-managers h2 { background-color: #fe813f; } */
	  .page-template-page-forusers .why-clickpay- .pageContent.tab_content.for-residents h2 { background-color: ##208baf; }
	  .page-template-page-forusers .why-clickpay- .pageContent.tab_content h2 { /* color: #fff; font-style:italic; font-size: 18px; 
	  						text-align: center; position: absolute; left: 0; top: 565px; width: 100%; font-weight: 300; 
							padding: 16px 20px 24px; line-height: 1.5em; border-bottom: 6px solid #E7EAEC; */ }
							
	 .home .container.contentWrap.group { margin-top: 106px; } 
	 .home .pageContent .col-sm-6  { border-right: 0; padding: 0 !important; margin-top: 32px; margin-bottom: 32px; }
	 .pageContent.tab_content .col-sm-6   { padding: 0 !important; min-height: 200px !important; }
	 .page-template-page-forusers .tab_content.for-property-managers h1,
		.page-template-page-forusers .tab_content.for-residents h1 { font-size: 36px; margin: 0px 0px 0.25em; }
		.page-template-page-forusers .how-clickpay-works .tab_content h1, 
		  .page-template-page-forusers .how-clickpay-works .tab_content h1 + h3,
		  .page-template-page-forusers .getting-started .tab_content h1, 
		  .page-template-page-forusers .getting-started .tab_content h1 + h3 { font-size: 26px; margin: 0; text-align: center; padding: 0; }
		  .page-template-page-forusers .how-clickpay-works .pageContent.tab_content.for-residents h1 + h2,
		     .page-template-page-forusers .getting-started .pageContent.tab_content.for-residents h1 + h2 { width: 100%; padding: 0; }
	 	  .page-template-page-forusers .our-services .pageContent.tab_content h1 + h2 { margin-bottom: 2em; }
	 .pageContent p { font-size: 16px; }
	 .why-clickpay- .pageContent.tab_content { padding-bottom: 58px; }
	 .tab_content { padding-top: 48px; }
	 						 
	 .page-template-page-forusers .how-clickpay-works .tab_content .col-sm-3 p, 
	   .page-template-page-forusers .getting-started .tab_content .col-sm-3 p { text-align: left; line-height: 1.42857; font-size: 16px; }
													 
	 .how-clickpay-works .wpcf7-submit, .getting-started .wpcf7-submit { width: 100%; }		
	 
	 .integrations-and-api--s .tab_content.for-property-managers .col-sm-6 img { float: none; margin: 10px 0px; }
		 										 
	 
	  blockquote.testimonial { padding: 32px 0px 54px; margin: 12px 0; }
	  blockquote.testimonial .test_underlay { background-position: right 25% top !important; }
	  .quoteWrap { font-size: 20px; width: auto !important; padding: 0px 25px !important; }
	  .quoteWrap .highlight { font-size: 14px; margin-top: 18px; }
	  .quoteMarkLeft { left: 12px; }
	 
	 .container-1000.center .pageContent { padding: 44px 0px 12px; }
	 .container-1000.center .aligncenter { width: 65px; margin-bottom: 0; }
	 .container-1000.center .col-sm-4 p:first-child { margin-bottom: 0; }
	 .container-1000.center .col-sm-4 h3 { font-size: 22px;  margin: 0 auto 0.25em; }
	 .container-1000.center .col-sm-4 h3 + p { height: auto; }
	 .container-1000.center .col-sm-4 .button { margin-bottom: 3em; }
	 
	 #post-245 .wpcf { width: 100%; }
	 
	 #ourteam { margin: 0; padding-bottom: 44px; height: auto; }
	  #ourteam .cycle-slide { width: 100%; padding: 0 25px; } 
	  
	  #ourteam .cycle-slide h3 { font-size: 22px; margin-top: 0.8em; }
	  #ourteam .cycle-slide h3 span { display: block; font-size: 14px; }
	  #ourteam .cycle-slide blockquote {  font-size: 18px; }
	  #ourteam .cycle-slide p { font-size: 16px; }
	  #slider_nav { top: 40%; /* 85px */ }
	   #prev { left: 5px; }
	   #next { right: 5px; }
	  #pager { bottom: 12px; }
	  
	 .our-capabilities .pageContent.tab_content h1 + h2 { margin: 0px auto 2em; }
	 #capabilities_services .service h2 { font-size: 26px; margin: 0px 0px 0.5em; }
	 #capabilities_services .service .button { display: block; }
	  #capabilities_services #main_pager { margin-bottom: 24px; }
	  #capabilities_services #main_pager li { font-size: 14px; }
	  #capabilities_services #main_pager li.active a  { border-bottom: 3px solid #fe813f; padding-bottom: 6px; }
	  #capabilities_services #main_pager li.active .icon_active,
	    #capabilities_services #main_pager li .icon { /* display: block; */ margin: auto auto 12px; height: 33px; width: auto; }
	  #capabilities_services #slider_nav { top: 25%; }
	  #capabilities_services .service .col-sm-6:first-child { text-align: center; }
	  #capabilities_services .service .col-sm-6:first-child img { max-height: 325px; margin: auto; }
	  
	  #capabilities_services #prev { left: -15px; }
	  #capabilities_services #next { right: -15px; }
	  
		  
	.single-careers .button { margin: 36px 0; }  
	.single-post .postfoot { margin: 36px 0 64px; text-align: center; }
	.ssba.ssba-wrap { width: 100% !important; bottom: 44px !important; } 
	
	.page-template-page-nobanner .col-sm-5.first, .page-template-page-nobanner .col-sm-7 { padding-bottom: 44px;  }
	.page-template-page-nobanner .col-sm-5.first p,
	  .page-template-page-nobanner .col-sm-5.first h5 { line-height: 1.48em; text-align: center; }
	  
	#post-245 .wpcf7 { width: 100%; }  

	 
	nav.mobileNav { display:block; height:0; overflow:hidden; }
	nav.mobileNav nav.secondaryNav li.highlighted a { width: 100%; border-radius: 5px; padding: 15px; color: #fff !important;
					background: #009CDB url(img/arrow-right-small-white.png) no-repeat 90% center !important; }
					
	/* Hidden Things */
	#top, .headerBottom, body.page-template-template-main-link-php .interiorBgWrap, 
		body.page-template-template-main-link-sub-php .interiorBgWrap { display:none; }
 
	#mobileMenu {  display: block; padding: 0; position: absolute; right: 0px; top: 0px; }
	#openMobile { display: inline-block; padding: 26px 20px 22px; /* width: 30%; */ }
	#mobileMenu.active { background:#eee; }
	 
	.mainMobileNav  { position: absolute; z-index: 9999; top: 0; right: 0; width: 100%; height: 0; background-color: rgba(98,163,73,0.9); 
								display: none; }	
 	.mainMobileNav .mainMNav a   { display: block; text-align: center; color: #fff; font-size: 26px; line-height: 2.5em; }
	.mainMobileNav .footMNav a   { display: block; text-align: center; color: #fff; font-size: 18px; line-height: 2.5em; }
	 .mainMobileNav .mainMNav .login a { font-size: 22px; margin: 20px 25px 12px; border: 2px solid rgb(255, 255, 255); }
	  .mainMobileNav .mainMNav .login a:before { content: ""; background: url(../img/icon-lock.png) no-repeat; display: inline-block; 
	  						position: relative; margin: 0 8px 0 0; height: 17px; width: 18px; top: 0; bottom: 0; }
 	.mainMobileNav a span { padding-right: 2px; }
 	.mainMobileNav ul  { height: 100%; padding: 2em 0; }
	.mainMobileNav .footMNav { background-color: #484d51; /* padding-bottom: 15%; */ }
 	.mainMobileNav .closeMobileMenu   { display: none; position: relative; height: 78px; top: 5px; }
 /* .mainMobileNav .closeMobileMenu a { color:#fff; border: 2px solid #fff; text-transform:uppercase; font-weight:400; display:block; margin:auto; 
				line-height: 1.4em; position: absolute; right: 15px; top: 0; bottom: 0; height: 42px; font-size: 14px; padding: 9px 25px;
				-webkit-box-shadow: 1px 1px 1px 0px rgba(68, 125, 46, 1); -moz-box-shadow: 1px 1px 1px 0px rgba(68, 125, 46, 1);
				box-shadow: 1px 1px 1px 0px rgba(68, 125, 46, 1); opacity: 0.7; }
*/
	.mainMobileNav .closeMobileMenu a { color:#fff; text-transform:uppercase; font-weight:400; display:block; margin:auto; opacity: 0.7; 
				line-height: 1.4em; position: absolute; right: 15px; top: 0; bottom: 0; height: 42px; font-size: 30px; padding: 2px 8px; }

	.page-template-page-forusers .cta_login { position: absolute; top: 550px; height: auto; width: 100%; padding: 15px 0 10px !important; 
				border-bottom: 6px solid #E7EAEC; } 
	.cta_login .wpcf7pm .wpcf7-form-control-wrap { width: 46%; padding: 0 2px; }
/*  .cta_login .wpcf7pm .wpcf7-form-control-wrap.name { padding: 0; }
	.cta_login .wpcf7pm .wpcf7-form-control-wrap.email { padding: 0; }  */
	.cta_login .wpcf7pm .wpcf7-submit { margin: 0px auto; width: 92%; }
	.cta_login .wpcf7pm h3, .cta_login .wpcf7res h3 { font-size: 24px; margin-bottom: 12px; line-height: 1.4em; }
	.cta_login .wpcf7pm .wpcf7pm-form p { margin-bottom: 0; }
	.cta_login .wpcf7pm .wpcf7pm-form + p { margin: -10px 0px 10px; }
/*	.wpcf7res .wpcf7-submit { width: 200px; } */
	
	#post-15.pageContent { padding-left: 10px; padding-right: 10px; }
	.wpcf7-list-item.first  { width: 65%; margin: 0 !important; }
	.wpcf7-list-item.last  { width: 35%; margin: 0 !important; }
	input + .ast, select + .ast { margin-top: -0.7em; }
	.wpcf7-form-control-wrap.uname .ast { left: 6.3em; }
	.wpcf7-form-control-wrap.uemail .ast { left: 3.6em; }
	.wpcf7-form-control-wrap.uphone .ast { left: 4.15em; }
	.wpcf7-form-control-wrap.ustate { margin-top: 0; background: transparent url(../img/icon-dropdown.png) no-repeat scroll right 7px center;} 
	.wpcf7-form-control-wrap.ustate select, .wpcf7-text { padding-right: 7px; padding-left: 7px; }
	.wpcf7-form-control-wrap input, .wpcf7-form-control-wrap textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
		
	.page-template-page-microsite .cta_login { height: auto; padding: 12px 20px 0px; }
	.page-template-page-microsite .cta_login .wpcf7login.container > div { padding-left: 0; padding-right: 0; }
	.page-template-page-microsite .cta_login .wpcf7login input { margin-top: 0 !important; }
	.page-template-page-microsite .cta_login .wpcf7login p.clear.text-right { display: inline-block; }

	.tab_menu, .tabsandsuch, .tabsandsuch * { display: none; }
	
	.formContent form  { padding: 15px; }
	.formContent form h1  { font-size: 44px; margin: 0px 25px 8px; }
	.formContent form label { padding-left: 0; padding-right: 0; }
	.page-template-page-pm-form footer .footNav ul li a, .page-template-page-res-form footer .footNav ul li a { padding-right: 0; }
	.page-template-page-pm-form .footNav, .page-template-page-res-form .footNav { margin-top: 12px; }
	
	.right.col-sm-6.noPadR, .left.col-sm-6.noPadL { padding: 0; }
	
	#pre_footer { padding: 20px 20px 12px; }
	#pre_footer .first p { margin-top: 0; }
	#pre_footer .first br { display: none; }
	#pre_footer .last { text-align: left; padding: 0; }
	 #pre_footer .last a { display: block; text-align: center; border: 2px solid #FFF; }	
	
	#pre_footer .wpcf7pm h3 { font-size: 22px; }
	#pre_footer .wpcf7-submit { width: 100%; }
	#pre_footer .wpcf7pm p { font-size: 16px; }
	#pre_footer { padding: 20px 20px 32px; }
		
	footer { position: relative; }
	.footerWrap .col-sm-4.text-right { padding: 32px 0 !important; margin: 0; position: absolute; top: 0; left: 0; width: 100%; text-align: center; }	
	.footNav { margin-top: 64px; padding: 0 !important; }
	 .footNav ul li { display: block; }
	 .footNav ul li a { padding: 0; text-align: center; display: block; font-size: 18px; margin-bottom: 1em; }
	 .credits { text-align: center; padding: 20px 20px 12px; }
	 .page-template-page-microsite #footer-menu li::before { content: ""; padding: 0; }
	 .page-template-page-microsite #cta.container { padding-left: 25px !important; padding-right: 25px !important; }
		 
	.page-template-page-microsite #logo { height: 55px; }
	.page-template-page-microsite #logo img { max-height: 55px; }
	.page-template-page-microsite .ccards img { margin: 28px 2px; max-width: 14%; }
	.page-template-page-microsite #cta.container { height: 375px; }	
	.page-template-page-microsite #cta h1 { font-size: 40px; } 
	.page-template-page-microsite #cta h3,
	 .page-template-page-microsite #cta p, .page-template-page-microsite #cta li { font-size: 20px; }
	 .page-template-page-microsite #cta li::before { font-size: 14px; }
	.page-template-page-microsite .cta_login .wpcf7-submit { width: 100%; } 
		 
     .page-template-page-mri-php .wpcf7 { padding: 0; }
		 
}

@media (max-width: 767px) and (min-width: 481px) {
	  
	  .page-template-page-forusers .how-clickpay-works .tab_content .col-sm-3,
	      .page-template-page-forusers .getting-started .tab_content .col-sm-3 { clear: both; padding: 10px 5px 0 0; }
	  
	  .how-clickpay-works .col-sm-3:before, .getting-started .col-sm-3:before  { content: ""; width: 18px; height: 150px; right: auto; left: 25px; 
	  					top: -65px; background: url(../img/arrows-m-howclickpayworks.png) no-repeat; background-size: contain; z-index: 9; }
				  
 	   .how-clickpay-works .for-property-management .col-sm-3 + .col-sm-3 + .col-sm-3 + .col-sm-3:before,
	     .getting-started .for-property-management .col-sm-3 + .col-sm-3 + .col-sm-3 + .col-sm-3:before  { top: -65px; }
	   
	   .how-clickpay-works .for-residents .col-sm-3:before,
	     .how-clickpay-works .for-residents .col-sm-3 + .col-sm-3 + .col-sm-3:before,
		 .getting-started .for-residents .col-sm-3:before,
	     .getting-started .for-residents .col-sm-3 + .col-sm-3 + .col-sm-3:before  { top: -65px; }
	   
	   .how-clickpay-works .for-residents .col-sm-3 + .col-sm-3:before,
	       .getting-started .for-residents .col-sm-3 + .col-sm-3:before  { top: -65px; }
	    
	 .page-template-page-forusers .how-clickpay-works .tab_content img.aligncenter,
	     .page-template-page-forusers .getting-started .tab_content img.aligncenter { margin: 0 20px 20px 0; float: left; width: 65px; }
	  .page-template-page-forusers .how-clickpay-works .tab_content.for-property-managers
	  												 .col-sm-3 + .col-sm-3 + .col-sm-3 img.aligncenter,
		  .page-template-page-forusers .getting-started .tab_content.for-property-managers
	  												 .col-sm-3 + .col-sm-3 + .col-sm-3 img.aligncenter { margin: 0 20px 20px 0; }
	  .page-template-page-forusers .how-clickpay-works .tab_content.for-residents
	  												 .col-sm-3:first-of-type img.aligncenter,
		  .page-template-page-forusers .getting-started .tab_content.for-residents
	  												 .col-sm-3:first-of-type img.aligncenter { margin: 0 20px 20px 0; }
	
	  #ourteam .cycle-slide img { width: 35%; height: auto !important; min-height: auto !important; }												 							
}


@media (max-width: 480px) and (min-width: 376px) { 
	.page-template-page-forusers #cta { padding-top: 72px; }
	.page-template-page-forusers .how-clickpay-works .tab_content .col-sm-3,
	   .page-template-page-forusers .getting-started .tab_content .col-sm-3 { clear: both; padding: 10px 5px 0 0; }
	  .how-clickpay-works .col-sm-3:before,
	      .getting-started .col-sm-3:before  { content: ""; width: 18px; height: 150px; right: auto; left: 25px; top: -68px;
	  			  background: url(../img/arrows-m-howclickpayworks.png) no-repeat; background-size: contain; z-index: 9; }
	    
	 .page-template-page-forusers .how-clickpay-works .tab_content img.aligncenter,
	  .page-template-page-forusers .getting-started .tab_content img.aligncenter { margin: 0 20px 24px 0; float: left; width: 65px; }
	 .page-template-page-forusers .how-clickpay-works .tab_content.for-property-managers
	  												 .col-sm-3 + .col-sm-3 + .col-sm-3 img.aligncenter,
	 .page-template-page-forusers .getting-started .tab_content.for-property-managers
	  												 .col-sm-3 + .col-sm-3 + .col-sm-3 img.aligncenter  { margin: 0 20px 44px 0; } 
	  .how-clickpay-works .for-residents .col-sm-3:before,
	     .how-clickpay-works .for-residents .col-sm-3 + .col-sm-3 + .col-sm-3:before,
		 .getting-started .for-residents .col-sm-3:before,
	     .getting-started .for-residents .col-sm-3 + .col-sm-3 + .col-sm-3:before  { top: -64px; }
	   .how-clickpay-works .for-residents .col-sm-3 + .col-sm-3:before,
	     .getting-started .for-residents .col-sm-3 + .col-sm-3:before  { top: -75px; }
	  .page-template-page-forusers .how-clickpay-works .tab_content.for-residents
	  												 .col-sm-3:first-of-type img.aligncenter,
		 .page-template-page-forusers .getting-started .tab_content.for-residents
	  												 .col-sm-3:first-of-type img.aligncenter { margin: 0 20px 40px 0; }	
	
	  .home { overflow-x: hidden; }
	  #video_wrapper { width: 125% !important; left: -24% !important; top: 0 !important; }
	  video#screen-1 { min-width: 938px; min-height: 540px; }
	  
	.page-template-page-microsite #cta.container { height: 425px; }	
	.page-template-page-microsite #cta h1 { font-size: 34px; } 
	.page-template-page-microsite #cta h3,
	 .page-template-page-microsite #cta p, .page-template-page-microsite #cta li { font-size: 18px; }
	 .page-template-page-microsite #cta li::before { font-size: 12px; }
	 .page-template-page-microsite .cta_login .wpcf7login p.clear.text-right { text-align: center; }
	  
	  #ourteam .cycle-slide img { width: 60%; height: auto !important; min-height: auto !important; }
}

@media (max-width: 375px) and (min-width: 355px) { 
	.page-template-page-forusers #cta { padding-top: 60px; }
	.page-template-page-forusers .how-clickpay-works .tab_content .col-sm-3,
	  .page-template-page-forusers .getting-started .tab_content .col-sm-3 { clear: both; padding: 1px 5px 0 0; }
	 .how-clickpay-works .col-sm-3:before, .getting-started .col-sm-3:before  { content: ""; width: 18px; height: 150px; right: auto; left: 25px; 
	 					top: -76px; background: url(../img/arrows-m-howclickpayworks.png) no-repeat; background-size: contain; z-index: 9; }
 	   .how-clickpay-works .for-property-managers .col-sm-3 + .col-sm-3 + .col-sm-3 + .col-sm-3:before, 
	      .getting-started .for-property-managers .col-sm-3 + .col-sm-3 + .col-sm-3 + .col-sm-3:before  { top: -90px !important; } 
	 .page-template-page-forusers .how-clickpay-works .tab_content img.aligncenter,
	   .page-template-page-forusers .getting-started .tab_content img.aligncenter { margin: 0 20px 32px 0; float: left; width: 65px; }
	  .page-template-page-forusers .how-clickpay-works .tab_content.for-property-managers
	  												 .col-sm-3 + .col-sm-3 + .col-sm-3 img.aligncenter,
		.page-template-page-forusers .getting-started .tab_content.for-property-managers
	  												 .col-sm-3 + .col-sm-3 + .col-sm-3 img.aligncenter { margin: 0 20px 64px 0; } 
	   .how-clickpay-works .for-residents .col-sm-3 + .col-sm-3 + .col-sm-3:before,
	    .getting-started .for-residents .col-sm-3 + .col-sm-3 + .col-sm-3:before  { top: -76px; }
	   .how-clickpay-works .for-residents .col-sm-3 + .col-sm-3:before,
	     .getting-started .for-residents .col-sm-3 + .col-sm-3:before  { top: -90px; } 
	    .page-template-page-forusers .how-clickpay-works .tab_content.for-residents
	  												 .col-sm-3:first-of-type img.aligncenter,
		  .page-template-page-forusers .getting-started .tab_content.for-residents
	  												 .col-sm-3:first-of-type img.aligncenter { margin: 0 20px 64px 0; }
													 
	#video_wrapper { width: 164% !important; left: -63% !important; top: 0 !important; }
	video#screen-1 { min-width: 938px; min-height: 540px; }
}

@media (max-width: 375px) { 
	.page-template-page-microsite #cta.container { height: 350px; }	
	.col-xs-9.col-sm-7.noPad.col-sm-offset-5.col-xs-offset-3.text-left { margin: 0; width: 100%; }
	.page-template-page-microsite #cta h1 { font-size: 31px; } 
	.page-template-page-microsite #cta h3,
	 .page-template-page-microsite #cta p, .page-template-page-microsite #cta li { font-size: 18px; }
	 .page-template-page-microsite #cta li::before { font-size: 12px; }
	 .page-template-page-microsite .cta_login .wpcf7login p.clear.text-right { text-align: center; }
	 #ourteam .cycle-slide img { width: 75%; height: auto !important; min-height: auto !important; }
	 
}

@media (max-width: 360px) { 
 	section.mainContent #home_banner  { /* max-height: 502px; */ }
	#cta { padding-top: 84px; }
	#cta h3 { font-size: 20px; }
	#video_wrapper { width: 166% !important; height: 105% !important; left: -65% !important; top: 0 !important; }
	video#screen-1 { min-width: 938px; min-height: 540px; }
}

@media (max-width: 354px) {  
	.home { overflow-x: hidden; }
	.for-property-managers #cta { padding-top: 72px; }
	.for-residents #cta { padding-top: 44px; }
	#cta h3 { font-size: 18px; }
	.cta_login { top: 525px; }
	.cta_login .wpcf7pm h3 { font-size: 20px; }
	
	#login_open { right: 70px; padding: 10px 12px; }
	#logo img { max-height: 38px; padding-top: 3px; }
		
	.page-template-page-forusers .why-clickpay- .pageContent.tab_content h2 { top: 530px; }
	
	.page-template-page-forusers .how-clickpay-works .tab_content .col-sm-3,
	  .page-template-page-forusers .getting-started .tab_content .col-sm-3 { clear: both; padding: 0 5px 0 0; }
	 .how-clickpay-works .col-sm-3:before, .how-clickpay-works .col-sm-3:before { content: ""; width: 18px; height: 150px; right: auto; left: 25px; 	
	 			top: -92px; background: url(../img/arrows-m-howclickpayworks.png) no-repeat; background-size: contain; z-index: 9; }
	.page-template-page-forusers .how-clickpay-works .tab_content img.aligncenter, 
	  .page-template-page-forusers .getting-started .tab_content img.aligncenter { margin: 0 20px 56px 0; float: left; width: 65px; }			  
	.how-clickpay-works .for-property-managers .col-sm-3 + .col-sm-3 + .col-sm-3 + .col-sm-3:before,
	   .getting-started .for-property-managers .col-sm-3 + .col-sm-3 + .col-sm-3 + .col-sm-3:before  { top: -134px !important; } 
	.page-template-page-forusers .how-clickpay-works .tab_content.for-property-managers
	  												 .col-sm-3 + .col-sm-3 + .col-sm-3 img.aligncenter,
		.page-template-page-forusers .getting-started .tab_content.for-property-managers
	  												 .col-sm-3 + .col-sm-3 + .col-sm-3 img.aligncenter { margin: 0 20px 96px 0; }
	.page-template-page-forusers .how-clickpay-works .tab_content.for-residents .col-sm-3:first-of-type img.aligncenter,
	   .page-template-page-forusers .getting-started .tab_content.for-residents .col-sm-3:first-of-type img.aligncenter { margin: 0 20px 76px 0; }
	.how-clickpay-works .for-residents .col-sm-3 + .col-sm-3 + .col-sm-3:before,
	  .getting-started .for-residents .col-sm-3 + .col-sm-3 + .col-sm-3:before  { top: -92px; }
	.how-clickpay-works .for-residents .col-sm-3 + .col-sm-3:before,
	  .getting-started .for-residents .col-sm-3 + .col-sm-3:before  { top: -111px; }  
	
	
	.page-template-page-microsite #cta h1 { font-size: 28px; } 
	.page-template-page-microsite #cta h3,
	 .page-template-page-microsite #cta p, .page-template-page-microsite #cta li { font-size: 16px; } 

	 .page-template-page-mri .wpcf7-submit { font-size: 16px; margin-top: 0;  }
}