@media only screen and (min-width:0px) and (max-width:374px) {	
	.esAppBB {     
		display:none!important;
    }
}

@media only screen and (min-width:375px) and (max-width:767px) {	
	.esAppBB {     
    width: 535px!important;
    height: 220px!important;
    background-image: url(images/ESapp_bb.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    right: 0;
    bottom: 0;
    }
}	

@media only screen and (min-width:768px) and (max-width:870px) {	
	.esAppBB {     
    width: 705px!important;
    height: 482px!important;
    background-image: url(images/ESapp_bb.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    right: 0;
    bottom: 0;
    }
}	


@media only screen and (min-width:871px) and (max-width:1459px) {	
	.esAppBB {
    width: 845px;
    height: 585px;
    background-image: url(images/ESapp_bb.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    right: 0;
    bottom: 0;
        } 
	}

@media only screen and (min-width:1460px) {	
	.esAppBB {
	    width: 1225px;
	    height: 855px;
	    background-image: url(images/ESapp_bb.png);
	    background-repeat: no-repeat;
	    background-size: cover;
	    position: absolute;
	    right: 0;
	    bottom: 0;
    } 
	}
@media only screen and (max-width:700px){ 
	.mainImgContainer .mainImg {display:none;}
	.hello {height: 800px!important;}
/* 	section.hello {background-image:none !important;} */
}
	section.hello .intro{display:none;}
	section.hello {
		background-color:#109FB3;
		height: 800px!important;
	}
	.esLogo {
		width:146px; height:40px;
		background-image:url('images/ES_logo.svg');
		background-repeat: no-repeat;
		display:block;
		clear:both;
	}
.tealBand-ESapp {color: #ffffff; width: 100%; display:block !important; clear:left; padding-top:40px;}
	.tealBand-ESapp h1 {
		font-size:32px;
		line-height:40px;
		text-align: left;
		font-weight: 700; 
		font-style: normal;
		color: #ffffff;
		margin:24px 0 24px;
		padding:0;
		display: block;
		max-width:660px;
		width:auto;
	}
	.tealBand-ESapp p {
		font-family: interstate, sans-serif;
		font-style: normal;
/* 		font-weight: 100;     */
		margin:24px 0 24px;
		max-width:472px;
		width:auto;
		font-size:16px;
		line-height:24px;
	}
	.tealBand-ESapp a {
		font-family: interstate, sans-serif;
		font-style: normal;
/* 		font-weight: 100;     */
		margin-top:64px;
		color:#ffffff;
		text-decoration: none;
		font-weight: 600;
		display:block;
		font-size:16px;
		line-height:24px;
	}
	.arrow {
		width:24px; height:24px;
		background:url('images/arrow_white.svg') no-repeat;
		display: inline-block;
		background-size: cover;
		vertical-align: middle;
		margin-left:8px;
	}
/*abstract section*/
    section.abstract {width:100vw; padding:72px 0; background-color:#f5f5f5; clear:both;}
    @media only screen and (max-width:700px) {
	    section.abstract {width:100vw; padding:0!important; background-color:#fbfbfb; clear:both;}
     }   
    section.abstract ul {width:970px; margin-top:0;}
    @media only screen and (max-width:700px) {
   		section.abstract ul {
	   		width:auto;
	   		max-width: 100%; 
	   		margin-top:0;
	   		padding:24px 24px;
	   		}
    }
	.abstract-list { width:46.764%; display:block; float:left;}
	@media only screen and (max-width:700px){
		.abstract-list:nth-child(odd), .abstract-list:nth-child(even) { 
			width: auto!important;
			max-width: 100%;
			display: block;
			float: none;
			clear: both;
			margin: 0!important;
		}
	}
	.abstract-list:nth-child(even) {margin-left:40px; width:46.764%;}
/* 	h2.brief {font-weight: 600;font-size:18px!important; margin-bottom:16px; padding:0;} */
	@media only screen and (max-width: 700px) {
		section.abstract p {font-size:14px!important; margin:0 0 8px!important; padding:0!important;}
	}
	@media only screen and (min-width: 701px) and (max-width: 970px) {
		section.abstract p {font-size:14px!important; margin:0 0 8px!important; padding:0!important;}
	}
	@media only screen and (min-width: 971px) {
		section.abstract p {font-size:14px!important; margin:0 0 8px!important; padding:0!important;}
	}

    @media only screen and (max-width:700px) {
	.iPhone_LH {
	    max-width:100%;
	    width:auto; height: inherit;
	    background-image: none;
	    float: none;
	    background-size: cover;
		position:inherit;
		}
    }

    @media only screen and (min-width:701px) and (max-width:969px) {
	.iPhone_LH { bottom: -24px!important;}
    }

    @media only screen and (min-width:970px){
	.iPhone_LH {
	    width: 490px!important; height: 768px;
	    background-image: url(images/iPhone_LH.png);
	    background-repeat: no-repeat;
	    position: relative; display: inline-block;
	    float: left; background-size: cover;
	    bottom: -72px; margin-right:64px;
    }
    
	.Classic {position: absolute; left:175px; top:44px;}
	@media only screen and (max-width:700px) {
		.Classic {position: static; width:auto!important; max-width:400px; height:auto; }
/* 		.Classic img {width:229px!important; height:auto!important; display:none;} */
	}
	.Classic img {width:229px!important; height:413px!important;}
	@media only screen and (min-width:971px) {
		li.CE-cards {width:auto!important; max-width: 800px;}
	}
	@media only screen and (min-width:971px) {
		ul.ux.wide {
			width:auto; max-width: 1480px;
		}
	}	
	.CE-cards {position:relative; padding-top:134px; margin-left:32px;}
	.CE-cards img {width:890px!important; height:auto !important;}
	.mainImgContainer {display:none;}
	.blueBand-MyAcc, .blueBand-CheFar, .blueBand-AFinder, .blueBand-Canda, .greenBand-Handf, .redBand-Nittsu {display:none;}	
	nav li a { color: #F5FCFD!important; }
	
	.sticky {background-color:rgba(24,143,164,.98)!important;}
	.dropdownbox li a {color:#188fa5!important;}