/* WIDE DESKTOP LAYOUT 
----------------------------------------------- */
@media only screen and (min-width: 1024px) {

	ul.brochures div{
		height: 80px;
	}
	
	div.back_arrows div.wrapper{
		margin: 0 auto;
		padding: 5px 10px;
	}
	
	img.what_can{
		max-width: 400px;
		margin-top: 5px;
		margin-right: 40px;
	}

} /* CLOSE WIDE LAYOUT */

/* REGULAR DESKTOP LAYOUT 
----------------------------------------------- */
@media only screen and (min-width: 980px) and (max-width: 1023px) {



} /* CLOSE WIDE LAYOUT */

/* TABLET LAYOUT 
----------------------------------------------- */
@media only screen and (min-width: 768px) and (max-width: 979px) {
	
	
	
} /* CLOSE TABLET LAYOUT */

/* SMALL TABLET LAYOUT 
----------------------------------------------- */
@media only screen and (min-width: 600px) and (max-width: 767px) {

	li.two_c_small_left,li.two_c_large_right{
		width: 100%;
		margin: 10px 0;
		padding: 0;
	}

	
} /* CLOSE SMALL TABLET LAYOUT */

@media only screen and (min-width: 600px) and (max-width: 979px){

	section.logo_section{
		-webkit-background-size: 768px 1024px;
		background-image: url(../../images/ipad_section.png);
		background-repeat: repeat-y;
		background-position: center top;
	}	
	li.three_c_event, ul.mosiac li{
		width: 47%;
		margin: 1%;
		padding: 0;
	}
	ul.mosiac div p{
		font-size: 16px;
	}
	ul.brochures div{
		height: 100px;
	}
	
	div.back_arrows div.wrapper{
		margin: 0 10px;
	}
	
	li.iq_logo,li.gd_logo{
		width: 48%;
		margin: 1%;
		padding: 0;
	}
	
	li.gd_logo{
		text-align: center;
	}
	
	img.what_can{
		max-width: 250px;		
		margin-right: 0;
		margin-top: 40px;
	}
	div.page li.two_c_even{
		width: 100%;
		margin: 0;
	}
}

/* MOBILE LAYOUT (PORTRAIT/320PX) 
----------------------------------------------- */
@media only screen and (max-width: 599px) {

	h1,h2{
		font-size: 24px;
	}
	header.main_header {
		height: 440px;
		position: relative;
	}
		header.main_header li.iq_logo{
			margin-top: 40px;
		}
	section.section_off{
		display: none;
	}
	div.begin_arrows{
		display: block;
		position: absolute;
		left: 20px;
		bottom: 0;
		
		text-transform: uppercase;
		color: #666;
		font-size: 10px;
		text-align: center;
	}
	div.back_arrows div.wrapper{
		margin: 0 10px;
	}
	
	div.content li.two_c_even{
		width: 100%;
		margin: 0;
	}
	/*===============================================================	
	 MOBILE 320 HEADER
	===============================================================*/
	header{
		margin: 0;
	}
	li.iq_logo,li.gd_logo{
		width: 100%;
		margin: 40px 0 0 ;
		text-align: center;
		padding: 0;
	}
	li.gd_logo{
		margin: 5px 0 0;
	}
	/*===============================================================	
	 MOBILE 320 CONTENT
	===============================================================*/
	li.two_c_small_left,li.two_c_large_right,li.three_c_even,ul.mosiac li{
		width: 100%;
		margin: 10px 0;
		padding: 0;
	}
		ul.mosiac li{
			margin-bottom: 10px;
		}
	ul.ui-tabs-nav li a{
		font-size: 10px;
	}
} /* CLOSE MOBILE LAYOUT */


/* WIDE MOBILE LAYOUT (LANDSCAPE/480PX) 
----------------------------------------------- */
@media only screen and (min-width: 480px) and (max-width: 599px) {

	header.main_header {
		height: 280px;
		position: relative;
	}
	header.main_header li.iq_logo{
		margin-top: 20px;
	}
	
	li.iq_logo{
		text-align: center;
	}
	li.gd_logo{
		text-align: right;
		margin: 0;
	}
	img.gd_img{
		max-width: 75px;
	}
	img.what_can{
		max-width: 250px;
		margin-top: 5px;
		margin-right: 20px;
	}
} /* CLOSE WIDE MOBILE LAYOUT */


/*	RETINA OVERRIDES 
----------------------------------------------- */
@media 
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
	
	

	
} /* CLOSE RETINA MEDIA QUERY */