@charset "utf-8";
/* CSS Document */

/* === #logo ======================================================================== */

@media all and (max-height: 510px) {
	#logo {
		padding-top: 30px;	
		}	
}

/* === #content ======================================================================== */

@media all and (max-width: 510px) {
	#content {
		padding: 0 20px 48px;
		}	
}	

@media all and (min-width: 511px) and (max-width: 960px) {
	#content {
		padding: 0 30px 72px;
		}	
}
	
/* === #pages ======================================================================== */

@media all and (max-width: 670px) {
	#pages {
		margin: 0 2px;
		}
		
	#page-arrow {
		display: none;
		}	
		
	.page-title {
		height: auto;
		}		
}		

/* === #countdown ======================================================================== */

@media all and (max-width: 510px) {
	#countdown {
		margin: 5px 0 0 0;
		}
	
	#countdown li {
		margin: 10px 0 28px 0;
		padding: 0;
		}
		
	#countdown li > div {
		float: left;
		padding: 0;
		width: 48px;
		text-align: right;
		}	
		
	#countdown li > span {
		float: left;
		padding-left: 5px;
		}	
}

@media all and (max-width: 350px) {
	#countdown li {
		width: 110px
		}
	}
	
@media all and (min-width: 351px) and (max-width: 510px){
	#countdown {
		width: 360px;
		}
		
	#countdown li {
		width: 180px
		}
}	

@media all and (min-width: 511px) and (max-width: 600px){
	#countdown li {
		padding: 0 40px 0 0;
		}
}

/* === #address ======================================================================== */

@media all and (max-width: 760px) {
	#address {
		float: none;
		width: auto;
		}
}

/* === #contact-from ======================================================================== */

@media all and (max-width: 760px) {
	#contact-from	{
		float: none;
		padding-top: 12px;
		}
}

@media all and (max-width: 350px) {
	#contact-from	{
		margin: 0 auto;
		width: 240px;
		}	
		
	#contact-from label {
		width: 230px;
		}
		
	#contact-from input[type=text] {
		width: 175px;
		}
		
	#contact-from  textarea {
		width: 220px;
		}		
		
	#contact-from span.message {
		width: 220px;
		}
}

/* === #footer ======================================================================== */

@media all and (max-width: 510px) {
	#footer-inner {
		rem-border-top: solid 1px #FFF;
		margin: 0 20px;
		padding: 0;
		}		
}	

@media all and (min-width: 511px) and (max-width: 960px) {
	#footer-inner {
		margin: 0 30px;
		}	
}

/* === #social-icons ======================================================================== */

@media all and (max-width: 350px) {
	#social-icons {
		float: none;
		}
}

/* === #copyrights ======================================================================== */

@media all and (max-width: 350px) {
	#copyrights {
		float: none;
		margin-bottom: 0;
		}	
}