@media screen and (max-width: 1680px) {
	#eloHome h1{width: 500px;margin:6% auto 25%;}
}
@media screen and (max-width: 1440px) {
	.nav-bar{ width: 80%;}
	
	#home h1{ width: 420px;}
	#home h2{ font-size: 500%;}
	#home p { font-size: 125%;}
	.bull, .bear { width: 35%;}
	
	#eloHome h1{ width: 480px;}
}
@media screen and (max-width: 1360px) {
	.nav-bar{ width: 90%;}
	
	#eloHome h1{width: 360px;}
	#eloHome h2 { width: 400px;}
	
	footer p:first-child {text-align: left;text-align: justify;text-justify: inter-word;}
}

@media screen and (max-width: 1280px) {
	#eloHome h1{width: 450px;margin:8% auto 25%;}
	#home h2{ font-size: 450%;margin: 100px auto 0;}
	.bull, .bear { bottom: 10%;}
}

@media screen and (max-width: 1024px) {
	body { font-size: 15px;}
	
	#home h1{ width: 400px; margin-top: 28%;}
	#home h2{ font-size: 400%;margin: 60px auto 0;}
	#home p { font-size: 110%;}
	.bull, .bear { bottom: 8%;}
	
	section h3::before{ left: 50.5%;}

	.btn {padding: 10px 20px;margin: 5px 10px;font-size: 120%;}
	
	.actInfo h5 {padding-left: 1.6em;padding-right: 1.6em;left: 75px;}

	.youtube:hover::after {right: 0;}
	
	footer p.copyright > span { display: block;}
}

@media screen and (max-width: 991px) {
	#logo-bar { width:100%;}
	.submenu, .logo { display: none;}
	
	#home h1{margin:50% auto 0;}
	#home h2{ margin: 180px auto 0;}
	.bull, .bear { bottom: 20%;}
	
	section h3::after { left: 47%;}

	.actInfo h5 {width: 84%;left: 8%;}
	.product p, .actDate p, .limitDate p { text-align: center;}
	
	#eloHome h1{margin:20% auto 15%;}
	#eloHome .slogan { left: 23%;}
	
	.progress{width: 90%;}

	.feature { margin-bottom: 50px;}
	.feature i, .feature i.two { left: 28%;}
	
	.winner span {padding: 3px 10px;}
	
	.fundBox div.date p { text-align: center;}
	.acer::after, .brother::after{right: 5%;font-size: 105%;}
	.platform a { font-size: 180%;}
	.lector table td.speaker span {display: inline-block; margin-right: 8px;}
	#online .third table td.speaker {padding-top: 0;}
	.lector h1>span{ display: inline-block; margin-top: 0;}

	footer { padding-top: 20px;}
}
/* xs */
@media screen and (max-width: 768px) {
	footer { padding-top: 10px;}
	footer p { padding: 0.5em 1em 0;}
}
@media screen and (max-width: 760px) {
	.logo { display: block;padding-top: 8px;}
	ul.nav{ background-color: rgba(0,91,172,0.8);}
		
	#home h1{margin:65% auto 0;}
	#home h2{ margin: 100px auto 0;}
	.bull, .bear { display: none;}
	
	.navbar-default .navbar-toggle {background-color: transparent;}
	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: transparent; border: 1px solid transparent;}
	.navbar-default .navbar-toggle .icon-bar { background-color: #fff;}
	.navbar-default .navbar-toggle:hover .icon-bar, .navbar-default .navbar-toggle:focus .icon-bar { background-color: #000;}
	.navbar-toggle:hover span:first-of-type { transform: rotate(45deg);}
	.navbar-default .navbar-nav>li { margin-top: 10px;}
	.navbar-default .navbar-nav>li:first-child { margin-top: 20px;}
	.navbar-default .navbar-nav>li:last-child { margin-bottom: 10px;}
	.navbar-default .navbar-nav>li>a {padding: 20px 0;}
	.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus{ color:#fff; background-color:rgba(0,0,0,0.5);border-bottom: none;padding-left: 20px;}

	section h3::after { left: 46%;}
	
	.product p strong { display: block;}
	.gift { float: none;}
	
	.thisPot li { display: block; width: 98%; margin: 10px 2%;}
	.thisPot li:nth-child(3), .thisPot li:nth-child(4), .thisPot li:nth-child(7), .thisPot li:nth-child(8){background-color: #f5f5f5;}
	.thisPot li:nth-child(even){background-color: #fff;}
	
	.feature i, .feature i.two { left: 35%;}
	
	.fundHeading h1>span { display: block; margin-top: 6px;}
	.sign {text-align: center;}
	
	.platform a { margin-top: 20px;}
	.facebook:hover::after {right: 25%;}
	.youtube:hover::after {right: 15%;}
}
@media screen and (max-width: 600px) {
	#home h1{width: 360px;}
	#eloHome h1{ width: 460px;}
	#eloHome .slogan { left: 10%;}
	.ps {padding: 0 10px;}
	
	.fund table td>a {display: block;}
	.sign p { font-size: 115%;}
	
	.platform a { font-size: 200%;text-align: center;}
	.facebook:hover::after {right: 20%;}
	.youtube:hover::after {right: 10%;}
}
/* XS Portrait */
@media screen and ( max-width: 480px ) {
	body { font-size: 13px;}
	#logo-bar {
		background:#009be4 url(../images/topbar.png) 0 0 no-repeat;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
		width:100%;
		height:70px;
	}
	
	#home h1{width: 360px; margin:70% auto 0;}
	#eloHome h1{ width: 360px; margin-top: 25%;}
	#eloHome h2 { width: 360px;}
	
	section h3::after { left: 45%;}
	
	.feature h4 {font-size: 230%;}
	.feature p {font-size: 150%;}
	.feature i, .feature i.two { left: 30%;}
	#online .first::before{ height: 26px;}
}
@media screen and ( max-width: 420px ) {
	body { font-size: 12px;}
	#logo-bar {	height:56px;}
	
	#home h1{width: 320px;}
	#eloHome h1, #eloHome h2{ width: 320px;}
	
	section h3::after { left: 44%;}
	
	.winner { width: 100%;}
	
	.limitDate p { font-size: 170%;	letter-spacing: 0.05em;}
	
	.facebook:hover::after {right: 15%;}
	.youtube:hover::after {right: 5%;}
}
@media screen and ( max-width: 375px ) {
	#logo-bar { height:52px;}
	
	#home h1{width: 300px;margin:70% auto 0;}
	#home h2{ font-size: 320%;margin: 80px auto 0;}
	#home p { font-size: 90%; padding-left: 5%;}
	#eloHome h1, #eloHome h2{ width: 300px;}
	
	section h3::after { left: 43%;}
		
	#limited {padding-top: 100px;padding-bottom: 80px;}
	
	.feature i, .feature i.two { left: 25%;}

	.facebook:hover::after {right: 10%;}
	.youtube:hover::after {right: 0;}
	
	.lector table td.speaker span {display: block;}
}
@media screen and ( max-width: 360px ){
	body { font-size: 11px;}
	#home h2{ margin: 60px auto 0;}
	#eloHome h1, #eloHome h2{ width: 280px;}
	#online .first::before{ font-size: 120%;}
}
@media screen and ( max-width: 320px ){
	body { font-size: 10px;}
	#logo-bar { height:48px;}
	
	#home h1{width: 250px;margin:80% auto 0;}
	#eloHome h1, #eloHome h2{ width: 250px;}
	
	section h3::after { left: 42%;}	

	.feature i, .feature i.two { left: 20%;}

	.fundHeading h1 { font-size: 250%;}
	
	#online .first::before{ font-size: 130%; top: -5px;}
}