/* CSS Document */

@media screen and (max-width: 980px) {
	nav a#pull { display:none;}
	#content{ width:710px !important; padding-left:0 !important}
	nav { width:98% !important; padding:0 0 0 19px !important;}
	nav ul { display:block;}
	nav ul li a { width:155px !important;}
	footer p { width:780px;}
	aside { width:240px !important; padding-right:0 !important}
	
}

/*Styles for screen 800px and lower*/
@media screen and (max-width: 768px) {
	.logo { width:100% !important; float:none !important; margin-left:0 !important;}
	.hd-right { float:none !important; padding:0 !important; margin:10px auto !important;}
	.hd-right h6 { float:none !important; display:inline-block; margin:0 !important; display:none !important;}
	.hd-right h5 { text-align:center !important;}
	aside{ float:none !important; width:100%; padding:0 !important;}
	#content{ float:none !important; width:100%; padding:0 !important;}
	nav { padding:0 !important;}
	nav ul { margin:0; padding:0 !important; display:none;}
  	nav ul li { float: none !important; padding:0 !important;}
	nav ul li a { width:100% !important; border-radius:0 !important; -moz-border-radius:0 !important;}
	footer p { float:none !important; padding:13px 0 0 !important; text-align:center !important; width:100% !important;}
	footer h6 { float:none !important; text-align:center !important; width:100% !important;}
	#content { float:none !important; width:100% !important; padding-left:0 !important}
	aside { float:none !important; width:100% !important; padding-right:0 !important;}
	aside h2 { margin:0 auto !important;}
	footer p { float:none !important; padding:0 !important;}
	footer h6 { float:none !important; width:100% !important;}
	
}

@media screen and (max-width: 600px) {
	header h6 { display:none !important;}
	.logo { float:none !important; margin-left:0 !important;}
	nav ul { margin:0; padding:0 !important; display:none;}
	nav ul li { padding:0 !important;}
	aside h2 { margin:0 auto !important;}
	#banner { height:100% !important; min-height:0 !important;}
	#content .logo-list { width:100% !important; margin:0 !important;}
	#content .logo-list li.first-logo { padding:20px 0 0 0;}
	#content .logo-list li { float:none !important; width:100% !important;}
	#content { float:none !important; width:100% !important; padding-left:0 !important}
	aside { float:none !important; width:100% !important; padding-right:0 !important;}
}

/*Styles for screen 515px and lower*/
@media only screen and (max-width : 480px) {
	.logo { float:none !important; margin-left:0 !important;}
	.logo img { max-width:260px !important;}
	.hd-right h6 { float:none !important; margin:10px auto 10px !important; display:none !important;}
	.hd-right h5 { text-align:center !important;}
	nav ul { margin:0; padding:0 !important;}
  	nav li { float: none !important; padding:0 !important;}
	nav li a { width:100% !important; border-radius:0 !important; -moz-border-radius:0 !important;}
	footer p { float:none !important; padding:13px 10px 0 !important; text-align:center !important; width:100% !important;}
	footer h6 { float:none !important; text-align:center !important; width:100% !important;}
	#content .logo-list { width:100% !important; margin:0 !important;}
	#content .logo-list li.first-logo { padding:20px 0 0 0;}
	#content .logo-list li { float:none !important; width:100% !important;}
	#content { float:none !important; width:100% !important; padding-left:0 !important}
	aside { float:none !important; width:100% !important; padding-right:0 !important;}
	aside h2 { margin:0 auto !important;}
	aside ul li a { padding-left:0 !important; text-align:center !important;}
	#content .cn-details { padding:0 !important;}
	#content .cn-details li { border:0 !important; padding-top:20px !important;}
	#content dl { max-width:90% !important;}
	#banner { height:100% !important; min-height:0 !important;}
}

/*Smartphone*/
@media only screen and (max-width : 320px) {
	.logo { float:none !important; margin-left:0 !important;}
	.hd-right h6 { float:none !important; display:none !important; margin:10px auto 10px !important;}
	.hd-right h5 { text-align:center !important;}
	nav ul { margin:0; padding:0 !important;}
  	nav li { float: none !important; padding:0 !important;}
	nav li a { width:100% !important; border-radius:0 !important; -moz-border-radius:0 !important;}
	footer p { float:none !important; padding:13px 10px 0 !important; text-align:center !important; width:100% !important;}
	footer h6 { float:none !important; text-align:center !important; width:100% !important;}
	aside h2 { margin:0 auto !important;}
	aside ul li a { padding-left:0 !important; text-align:center !important;}
	#content .logo-list { width:100% !important; margin:0 !important;}
	#content .logo-list li.first-logo { padding:20px 0 0 0;}
	#content .logo-list li { float:none !important; width:100% !important;}
	#content .logo-list li img { max-width:90%;}
	#content .cn-details { padding:0 !important;}
	#content .cn-details li { width:270px !important; border:0 !important; padding-top:20px !important;}
	#content dl { max-width:90% !important;}
	#banner { height:100% !important; min-height:0 !important;}
}


@media screen and (max-width: 1207px){
	
	}


@media screen and (max-width: 1024px) {
	nav a#pull { display:none;}
	#content{ width:740px;}
	nav ul { margin:0; padding:0 0 0 2px !important;}
	nav li a { width:160px !important;}
	footer p { width:780px;}
	aside { width:240px !important;}
	}
	
@media screen and (max-width: 700px) {
	.logo { width:100% !important; float:none !important; margin-left:0 !important;}
	.hd-right { float:none !important; padding:0 !important; margin:10px auto 10px !important;}
	.hd-right h6 { float:none !important; display:none !important; margin:0 !important;}
	.hd-right h5 { text-align:center !important;}
    nav { padding:0 !important;}
	nav ul { margin:0; padding:0 !important; display:none;}
  	nav ul li { float: none !important; padding:0 !important;}
	nav ul li a { width:100% !important; border-radius:0 !important; -moz-border-radius:0 !important;}
	nav a#pull {display: block !important;	background-color: #283744;	width: 100%;position: relative;	}
	nav a#pull:after { content:"";	background: url('../images/nav-icon.png') no-repeat;width: 30px;height: 30px;display: inline-block; position: absolute;	right: 15px;top: 10px;}
	footer p { float:none !important; text-align:center !important; padding:13px 10px 0 !important; width:100% !important;}
	footer h6 { float:none !important; text-align:center !important; width:100% !important;}
	#content { float:none !important; width:100% !important; padding-left:0 !important}
	aside { float:none !important; width:100% !important; padding-right:0 !important;}
	aside h2 { margin:0 auto !important;}
	#banner { height:100% !important; min-height:0 !important;}
	#content .logo-list { width:100% !important; margin:0 !important;}
	#content .logo-list li.first-logo { padding:20px 0 0 0;}
	#content .logo-list li { float:none !important; width:100% !important;}
	}

/*Styles for screen 600px and lower*/
@media screen and (width: 600px) {
	.logo { float:none !important; margin-left:0 !important;}
	.hd-right h6 { float:none !important; display:none !important; margin:10px auto 10px !important;}
	.hd-right h5 { text-align:center !important;}
	nav { padding:0 !important;}
  	nav ul { margin:0; padding:0 !important; display:none;}
  	nav ul li { float: none !important; padding:0 !important;}
	nav ul li a { width:100% !important; border-radius:0 !important; -moz-border-radius:0 !important;}
  	nav a { 	text-align: left; width: 100%;	text-indent: 25px; 	}
	nav a#pull {	display: block;	background-color: #283744;	width: 100%;position: relative;}
	nav a#pull:after {	content:"";	background: url('../images/nav-icon.png') no-repeat;width: 30px;height: 30px;display: inline-block;
	position: absolute;	right: 15px;top: 10px;}
	footer p { float:none !important; padding:13px 10px 0 !important; text-align:center !important; width:100% !important;}
	footer h6 { float:none !important; text-align:center !important; width:100% !important;}
	#content { float:none !important; width:100% !important; padding-left:0 !important}
	aside { float:none !important; width:100% !important; padding-right:0 !important;}
	aside h2 { margin:0 auto !important;}
	#banner { height:100% !important; min-height:0 !important;}
	#content .logo-list { width:100% !important; margin:0 !important;}
	#content .logo-list li.first-logo { padding:20px 0 0 0;}
	#content .logo-list li { float:none !important; width:100% !important;}
}

@media screen and (max-width: 800px) {
	.logo { width:100% !important; float:none !important; margin-left:0 !important;}
	.hd-right { float:none !important; padding:0 !important; margin:10px auto !important;}
	.hd-right h6 { float:none !important; display:none !important; margin:0 !important;}
	.hd-right h5 { text-align:center !important;}
	nav { padding:0 !important;}
  	nav ul { margin:0; padding:0 !important; display:none;}
  	nav ul li { float: none !important; padding:0 !important;}
	nav ul li a { width:100% !important; border-radius:0 !important; -moz-border-radius:0 !important;}
  	nav a { 	text-align: left; width: 100%;	text-indent: 25px; 	}
	nav a#pull {	display: block;	background-color: #283744;	width: 100%;position: relative;}
	nav a#pull:after {	content:"";	background: url('../images/nav-icon.png') no-repeat;width: 30px;height: 30px;display: inline-block; position: absolute;	right: 15px;top: 10px;}
	footer p { float:none !important; padding:13px 0 0 !important; text-align:center !important; width:100% !important;}
	footer h6 { float:none !important; text-align:center !important; width:100% !important;}
	#content { float:none !important; width:100% !important; padding:0 !important}
	aside { float:none !important; width:100% !important; padding:0 !important;}
	aside h2 { margin:0 auto !important;}
	#banner { height:100% !important; min-height:0 !important;}
}





/*Styles for screen 515px and lower*/
@media only screen and (max-width : 480px) {
	.logo { float:none !important; margin-left:0 !important;}
	.hd-right h6 { float:none !important; display:none !important; margin:10px auto 10px !important;}
	.hd-right h5 { text-align:center !important;}
	nav {	border-bottom: 0;}
	nav ul { margin:0; padding:0 !important;}
  	nav ul li { float: none !important;}
	nav ul li a { width:100% !important; border-radius:0 !important; -moz-border-radius:0 !important;}
	nav a#pull {		display: block;		background-color: #283744;		width: 100%;		position: relative;	}
	nav a#pull:after {	content:"";	background: url('../images/nav-icon.png') no-repeat;width: 30px;height: 30px;display: inline-block;		position: absolute;	right: 15px;	top: 10px;	}
	footer p { float:none !important; padding:13px 10px 0 !important; text-align:center !important; width:100% !important;}
	footer h6 { float:none !important; text-align:center !important; width:100% !important;}
	#content { float:none !important; width:100% !important; padding-left:0 !important}
	aside { float:none !important; width:100% !important; padding-right:0 !important;}
	aside h2 { margin:0 auto !important;}
	aside ul li a { padding-left:0 !important; text-align:center !important;}
	#content .logo-list { width:100% !important; margin:0 !important;}
	#content .logo-list li.first-logo { padding:20px 0 0 0;}
	#content .logo-list li { float:none !important; width:100% !important;}
	#content .cn-details { padding:0 !important;}
	#content .cn-details li { border:0 !important; padding-top:20px !important;}
	#content dl { max-width:90% !important;}
	#banner { height:100% !important; min-height:0 !important;}
}

@media only screen and (max-width : 640px) {
	.logo { float:none !important; margin-left:0 !important;}
	.hd-right h6 { float:none !important; display:block; margin:10px auto 10px !important;}
	.hd-right h5 { text-align:center !important;}
	nav ul { margin:0; padding:0 !important; display:none;}
  	nav ul li { float: none !important;}
	nav ul li a { width:100% !important; border-radius:0 !important; -moz-border-radius:0 !important;}
	footer p { float:none !important; padding:13px 10px 0 !important; text-align:center !important; width:94% !important;}
	footer h6 { float:none !important; text-align:center !important; width:100% !important;}
	#content { float:none !important; width:100% !important; padding-left:0 !important;}
	aside { float:none !important; width:100% !important; padding:30px 0 0 0 !important;}
	aside h2 { margin:0 auto !important;}
	#banner { height:100% !important; min-height:0 !important;}
	#content .logo-list { width:100% !important; margin:0 !important;}
	#content .logo-list li.first-logo { padding:20px 0 0 0;}
	#content .logo-list li { float:none !important; width:100% !important;}
	}

@media only screen and (max-width : 360px) {
	.logo { float:none !important; margin-left:0 !important;}
	.hd-right { float:none !important;}
	.hd-right h6 { float:none !important; display:none !important; margin:10px auto 10px !important;}
	.hd-right h5 { text-align:center !important;}
	nav ul { margin:0; padding:0 !important;}
  	nav ul li { float: none !important;}
	nav ul li a { width:100% !important; border-radius:0 !important; -moz-border-radius:0 !important;}
	footer p { float:none !important; padding:13px 0 0 !important; text-align:center !important; width:100% !important;}
	footer h6 { float:none !important; text-align:center !important; width:100% !important;}
	aside h2 { margin:0 auto !important;}
	aside ul li a { padding-left:0 !important; text-align:center !important;}
	#content .logo-list { width:100% !important; margin:0 !important;}
	#content .logo-list li.first-logo { padding:20px 0 0 0;}
	#content .logo-list li { float:none !important; width:100% !important;}
	#content .cn-details { padding:0 !important;}
	#content .cn-details li { border:0 !important; padding-top:20px !important;}
	#content dl { max-width:90% !important;}
	#banner { height:100% !important; min-height:0 !important;}
}

/*Smartphone*/
@media only screen and (max-width : 320px) {
	.logo { float:none !important; margin-left:0 !important;}
	.hd-right h6 { float:none !important; display:block; margin:10px auto 10px !important;}
	.hd-right h5 { text-align:center !important;}
	nav ul { margin:0; padding:0 !important;}
  	nav ul li { float: none !important;}
	nav ul li a { width:100% !important; border-radius:0 !important; -moz-border-radius:0 !important;}
	footer p { float:none !important; padding:13px 0 0 !important; text-align:center !important; width:100% !important;}
	footer h6 { float:none !important; text-align:center !important; width:100% !important;}
	aside h2 { margin:0 auto !important;}
	aside ul li a { padding-left:0 !important; text-align:center !important;}
	#content .logo-list { width:100% !important; margin:0 !important;}
	#content .logo-list li.first-logo { padding:20px 0 0 0;}
	#content .logo-list li { float:none !important; width:100% !important;}
	#content .cn-details li { width:270px !important; border:0 !important; padding-top:20px !important;}
	#content dl { max-width:90% !important;}
	#banner { height:100% !important; min-height:0 !important;}
}

@media only screen and (max-width : 240px) {
	header .hd-right h6 { display:none !important;}
}