@media only screen and (min-width: 571px) and (max-width: 1930px) {
	.boon-main-contents {
		position: absolute;
		bottom: 42px;
	}
}	
@media only screen and (max-width: 945px) {

	.boon-footer {
		height: 90px;
	}
	
	.boon-footer ul,
	.app-btn {
		width: 100%;
		float: none;
		text-align: center;
		margin: auto;
		clear: both;
	}
	
	.boon-phone img {
		width: 150%;
		left: -40%;
	}

}

@media only screen and (max-width: 740px) {
	html {
		background-image: url(../images/bg2.jpg);
		background-position: -280px top;
	}

	.smartphone-container {
		width: 100%;
	}
	
	.boon-phone img {
		width: 130%;
		left: -20%;
	}
}

@media only screen and (max-width: 715px) {
	.boon-footer {
		padding-top: 10px;
		/*height: auto;*/
	}
	
	.boon-footer ul {
		padding-bottom: 9px;
	}

	.boon-footer li {
		display: inline;
		margin-right: 10px;
	}
	
	.boon-footer li a {
		line-height: 16px;
	}
}

@media only screen and (max-width: 650px) {
	
	html { 
		background-position: -330px top;
	}

	.boon-features .one-third {
		width: 48%;
		float: left;
		clear: left;
		margin-right: 4%;
	}
	
	.boon-features .one-third:nth-child(2n) {
		float: right;
		clear: right;
		margin-right: 0;
	}
}

@media only screen and (max-width: 600px) and (min-width: 599px) {
	.smartphone-container {
		width: 80%;
	}

	.boon-intro,
	.boon-phone {
		width: 100%;
		bottom: 150px;
		position: absolute;
		left: 10%;
	}

	.boon-phone {
		display: none;
	}
}


@media only screen and (max-width: 570px) {
	html { 
		background-image: url(../images/bg2.jpg);
		background-position: -400px top;
	}

	.smartphone-container {
		width: 80%;
	}

	.smartphone-container .addthis_toolbox,
	.red-btn {
		width: 100%;
		font-size: 18px;
	}

	.smartphone-container .addthis_toolbox a {
		width: 45%;
		float: left !important;
	}
	
	.boon-intro img {
		min-width: 190px;
	}

	.boon-footer {
		position: absolute;
	}
	
	.boon-phone img {
		width: 160%;
		left: -40%;
	}

	.boon-main-contents {
		bottom: -12px;
	}

	.boon-footer {
		width: 100%;
		position: absolute;
	}
	
	.boon-footer li {
		margin: 0 !important;
	}
	
	.boon-footer li a {
		display: block;
		line-height: 35px !important;
		height: 35px;
		padding-bottom: 3px;
		border-bottom: 2px solid #37383d;
	}	
}

@media only screen and (max-width: 475px) { 	
	.boon-phone {
		display: none;
	}
	
	.boon-intro {
		width: 100%;
		overflow: hidden;
	}
	
	.boon-intro img {
		padding-bottom: 19px;
	}

	.smartphone-container .addthis_toolbox a {
		width: 34%;
		margin-right: 1%;
	}
	
	.smartphone-container .addthis_toolbox .addthis_button_google_plusone {
		margin-right: 0;
		width: 24%;
		float: right;
	}
	
	.boon-features .one-third {
		width: 100%;
		margin: auto auto 20px auto;
		border-bottom: 1px solid #fff;
	}
}

@media only screen and (max-width: 390px) {
	.boon-header {
		height: auto !important;
		padding-bottom: 6px;
	}

	.boon-logo {
		width: 170px;
		float: none;
		margin: auto;
	}

	.boon-city {
		float: none;
		margin: 6px auto;
		width: 200px;
	}

	.boon-city select {
		margin-top: 0;
	}
	
	.boon-intro {
		
	}

	.boon-intro img {
		width: 105%;
		margin-bottom: -12px;
	}
	
	.boon-features {
		padding-bottom: 0;
	}
}