@media only screen and (max-width:1050px) {
	#wrapper {
		width: 90%;
		margin: 0 auto;
	}
	
	aside img.coupon {
		max-width: 100%;
	}
}

@media only screen and (max-width:989px) {	
    .contact-sub-content4 {
		margin-left: 36px
	}
}

@media only screen and (max-width:770px) {
    .main-content, .aside-content {
		padding: 0 30px;
	}
				
	.home-sub-content2,
	.services-sub-content2 {
		margin-left: 14px;
		margin-top: 10px;
	}

	.services-sub-content2 {
		padding-right: 5px;
	}

	.services-sub-content4 {
		display: none;
	}
    
	.contact-sub-content2,
	.contact-sub-content3 {
		margin-left: 36px;
	}
	
}

@media only screen and (max-width:530px) {
    .services-sub-content2,
	.contact-sub-content4 {
		padding-right: 56px;
	}
}
	
@media only screen and (max-width:430px) {
	
    .slogan {
		font-size: 22px;
		margin-top: 10px;
	}
	
	.sub-slogan {
		font-size: 21px;
    }
	
	footer p.copyright {
		margin-top: 24px;
	}
}

@media only screen and (max-width:420px) {
	header img {
		max-width: 100%;
		margin: 0 auto;
	}
	
	ul.main-vav {
		float: none;
		margin: 0 auto;
		text-align: center;
	}
	
	ul.main-nav li {
	    font-size: 17px;
	    margin: 0 3px;
	    padding: 0;
    }
}

@media only screen and (max-width:390px) {
    .services-sub-content1 {
		margin-left: -20px;
	}
}

@media only screen and (max-width:367px) {
    .slogan {
		font-size: 21px;
	}
		
	.sub-slogan {
		font-size: 20px;
    }

	footer p.copyright {
	    font-size: 8px;
		margin-top: 24px;
	}
}

@media only screen and (max-width:330px) {
		ul.main-nav li {
	    font-size: 17px;
	    margin: 0 1px;
	    padding: 0;
    }
	
    .slogan {
		font-size: 20px;
	}
		
	.sub-slogan {
		font-size: 19px;
    }
}

@media only screen and (max-width:324px) {
	h1 {
		font-size: 26px;
	}
}