/* CSS Document */
@media screen and (max-width: 620px) {
	body {}
	
	.drinkito_banner .left_logo {
		width:calc(100% - 300px);
	}
	
	.drinkito_banner .right_text {
		width:250px;
		padding-right:50px;
	}
}

@media screen and (max-width: 540px) {
	body {}
	
	.drinkito_banner .left_logo {
		width:40%;
	}
	
	.drinkito_banner .left_logo img {
		width:120px;
	}
	
	.drinkito_banner .right_text {
		width:calc(60% - 30px);
		padding-right:30px;
	}
	
	.drinkito_banner .right_text p {
		font-size:14px;		
	}
	
	.drinkito_banner .right_text .code {
		font-size:30px;
	}
	
	.drinkito_banner .right_text .delivery_info {
		font-size:20px;
		line-height:20px;
	}
	
	.drinkito_banner .right_text .delivery_info img {
		width:auto;
		height:20px;
		padding-top:1px;
	}
	
}

@media screen and (max-width: 420px) {
	body {}
	
	.drinkito_banner {
		padding-top:40px;
		background:url('/design/drinkito/bg_mobile.png') calc(50% + 120px) top no-repeat;
		background-size:auto 100%;
		margin-bottom:20px;
	}

	.drinkito_banner .left_logo {
		float:none;
		width:100%;
		padding-bottom:20px;
	}
	
	.drinkito_banner .left_logo img {
		width:170px;
	}
	
	.drinkito_banner .right_text {
		float:none;
		width:100%;
		padding-right:0;
	}
	
	.drinkito_banner .right_text p {
		font-size:16px;		
	}
	
	.drinkito_banner .right_text .code {
		font-size:36px;
	}
	
	.drinkito_banner .right_text .delivery_info {
		font-size:28px;
		line-height:28px;
	}
	
	.drinkito_banner .right_text .delivery_info img {
		width:12px;
		height:auto;
		padding-top:3px;
	}
		
}