/* FOR DESKTOP */
@media (max-width: 380px) {

	/**************/
	/*** BANNER ***/
	/**************/
	#banner h2 {
		font-size: 35px;
	}
	
	#banner h3 {
		font-size: 22px;
	}
	/******************/
	/*** END BANNER ***/
	/******************/
	
	/**************/
	/*** FOOTER ***/
	/**************/
	#footer-menu > ul > li {
		text-align: center;
		float: none;
		display: block;
		margin: 0;
	}
	
	#footer-aside {
		text-align: center;
	}
	
	#copyright {
		width: 100%;
		display: block;
		float: none;
		margin: 0 0 15px 0;
	}
	
	#social-links {
		width: 100%;
		display: block;
		float: none;
	}
	/******************/
	/*** END FOOTER ***/
	/******************/
}

@media (max-width: 679px) {
	/**************/
	/*** HEADER ***/
	/**************/
	#cristabel-logo {
		width: 100%;
		text-align: center;
		display: block;
		margin: 0 0 25px 0;
	}
	
	#cristabel-logo img {
		width: 100%;
		min-width: 0;
		max-width: 269px;
	}
	
	
	#header-main {
		width: 100%;
		float: none;
		clear: both;
	}
	
	#menu {
		text-align: center;
		float: none;
	}
	
	#menu ul li {
		float: none;
		display: block;
	}
	
	#menu ul li i {
		width: 100%;
		height: 1px;
		top: 0;
		left: 0;
		display: block;
		position: absolute;
		background: #005fbd; /* Old browsers */
		background: -moz-linear-gradient(left,  #005fbd 0%, #00ccde 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,#005fbd), color-stop(100%,#00ccde)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(left,  #005fbd 0%,#00ccde 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(left,  #005fbd 0%,#00ccde 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(left,  #005fbd 0%,#00ccde 100%); /* IE10+ */
		background: linear-gradient(to right,  #005fbd 0%,#00ccde 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005fbd', endColorstr='#00ccde',GradientType=1 ); /* IE6-9 */
	}
	
	#menu ul li:last-child i {
		display: block;
	}
	
	#menu ul li:last-child a {
		padding-bottom: 0;
	}
	/******************/
	/*** END HEADER ***/
	/******************/
	
	
	/**************/
	/*** BANNER ***/
	/**************/
	#banner-main {
		width: 100%;
		float: none;
	}
	/******************/
	/*** END BANNER ***/
	/******************/
	
	
	
	
	/**************/
	/*** FOOTER ***/
	/**************/
	/* FOOTER MAIN */
	#footer-main {
		width: 100%;
		float: none;
		clear: both;
	}
	/* END FOOTER MAIN */
	
	/* FOOTER ASIDE */
	#footer-aside {
		width: 100%;
		float: none;
		clear: both;
	}
	/* END FOOTER ASIDE */
	/******************/
	/*** END FOOTER ***/
	/******************/
}




@media (min-width: 680px) and (max-width: 960px) {

	/**************/
	/*** BANNER ***/
	/**************/
	#banner h2 {
		font-size: 50px;
	}
	
	#banner h3 {
		
	}	
	/******************/
	/*** END BANNER ***/
	/******************/
	
	/**************/
	/*** FOOTER ***/
	/**************/
	#footer-aside {
		padding: 0;
	}
	
	#copyright {
		float: none;
		margin: 0 0 15px 0;
	}
	
	#social-links {
		float: none;
	}
	/******************/
	/*** END FOOTER ***/
	/******************/
}


@media (min-width: 680px) and (max-width: 1175px) {
	
	/**************/
	/*** HEADER ***/
	/**************/
	#header {
		text-align: center;
	}
	#cristabel-logo {
		float: none;
	}
	
	#header-main {
		width: 100%;
		float: none;
		text-align: center;
	}
	
	#menu {
		width: 100%;
	}
	
	#menu ul li a {
		padding: 16px 15px;
	}
	/******************/
	/*** END HEADER ***/
	/******************/
}




/* FOR DESKTOP */


/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
/* Styles */
}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
	/**************/
	/*** HEADER ***/
	/**************/
	#menu {
		font-size: 12px;
	}
	#menu ul li a {
		padding: 16px 10px;
	}
	/******************/
	/*** END HEADER ***/
	/******************/
	
	
	
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
/* Styles */
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}