/* Responsive Settings  -----------------------*/

/* desktop flex - @less then 1000px*/


@media only screen and (max-width: 1025px) {

	#header {
		width: 700px;
		margin: 0 auto 0;
		margin-left: 30px;
		opacity: 0;
		position: relative;
	}

	#nav_bg {
		width: 100%;
	}


	#nav {
		border-top: 1px solid #5abbab;
		border-left: none;
		width: 100%;
		height: auto;
		overflow: hidden;
		padding-top: 20px;
		margin: 0px auto 10px;
		text-align: center;
	}

	.parallax {
		background: #ffffff;
		width: 100%;
		height: 405px;
		text-align: center;
		position: relative;
		overflow: hidden;
		background-color: #fff;
	}

	#content{ width: 900px;}


	.flexislider {
		margin-top: 20px;
	}

	.flexslider .slides {
	max-width: 720px;
	margin: 0 auto;
	}

	.flexslider .slides {
	margin: 3% auto 0;
	width: 100%;

	}


	.flexslider {
	max-width: 900px;
	}

	#banner a img {
		max-width: 100%;
		height: auto;
	}

	#content {
  /*width: 80%;*/
		display: block;
	}

	#footer {
		width: 82%;
		padding: 20px 20px;
	}

	#footer .footer_nav {
	padding: 5px 0px 20px 0px;
	}

}

/* Min width is on collapsed desktop */

@media only screen and (max-width: 768px) { 

	.parallax {
		height: 320px;
	}
	.panel-image {
		width: 100%;
		margin: 0 auto;
	}

	.flexslider .slides {
		margin: 10px auto 10px;
		width: 600px;
	}
	.flexslider .slides > img {
		max-width: 600px;
		max-height: 650px;
	}

	#scrollDown {
		display: none;
	}

}


/* Min width is on collapsed desktop */

@media only screen and (max-width: 640px) { 

	.parallax {
		height: 320px;
	}
	#nav {
	}
	.flexslider .slides > img {
		margin: 10px auto 10px;
		max-width: 600px;
		max-height: 650px;
	}
	.flexslider { margin: -10px auto 0;}

	.flexslider .slides {

	}
	#scrollDown {
		display: none;
	}

}

/* Min width is on collapsed desktop */

@media only screen and (max-width: 481px) { 

	.parallax {
		height: 220px;
	}
	#nav {
		
	}
	.flexslider .slides > img {
		margin: 2px auto 10px;
		max-width: 450px;
		max-height: 650px;
	}
	.flexslider { margin: -10px auto 0;}

	.flexslider .slides {

	}
	#scrollDown {
		display: none;
	}

}

/* tablet*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
	#nav {background: blue}

}

/* device */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {

	#phone {
		max-width: 480px;
	}
	.flexslider .slides {
	max-width: 80%;
	margin: 0 auto;
	}
	#content{ width: 90%;}

	#scrollDown {
display: none;
	}
}