/*  ==========================================================================
	Responsive Styling
	========================================================================== */
	@media only screen and ( max-width: 900px ) {
		#slidedown-nav {
			display: none;
		}	
		#mobile-nav-toggle {
			display: block;
			position: fixed;
			top: 20px;
			right: 2%;
		}
		#nav-back-top {
			display: none;
		}
		#slidedown-nav.selected {
			display: block;
		}
		#slidedown-nav {
			top: 60px;
			background-color: transparent !important;
			-webkit-transition: none;
			-moz-transition: none;
			-o-transition: none;
			transition: none;
		}
		#logo {
			float:none;	
		}
		
		#slidedown-nav .main-navigation {
			padding: 20px;
			float:none;
		}
		#slidedown-nav .main-navigation li {
			display: block;
			margin-right: 0;
			float: none;
			padding: 3px 0;
		}
	}
	@media only screen and ( max-width: 768px ) {
		.col-half,
		.col3 {
			width: 100%;
			float: none;
		}
		.intro-text .intro {
			font-size: 18px;
			line-height: 26px;
		}
		.medium-padding {
			padding: 80px 0;
		}
		.text-column.right > * {
			margin-left: 0;		
		}
		.image-grid {
			width: 100%;
			position: relative;
			top: 0;
			left: 0;
			-webkit-transform: none;
			transform: none;
		}
		.col-half.left,
		.col-half.text-column.right {
			margin-bottom: 60px;
		}
		.col-half.left.medium-padding {
			margin-bottom: 0;
		}
		.col3 {
			margin-bottom: 60px;
		}
		.col3:last-child {
			margin-bottom: 0;
		}
		.comments-list .children li {
			margin-left: 5%;
			margin-top: 40px;
		}
		.image-gallery {
			margin-top: 50px;
		}
		.nws-text-wrp,
		.nws-image-wrp {
			padding-left:0px;
		}
		
		.ftr-social-left, .ftr-social-right {
			padding-left:0px;
			width:200px;
			margin:0 auto !important;
			text-align:center;	
		}
		
		.ftr-social-left .icon {
			float:none;
			margin:0 auto 10px;	
		}
		
		.ftr-social-right .icon {
			float:none;
			margin:0 auto 10px;	
		}
		
		.ftr-lhs,
		.ftr-rhs {
			display:block;
			text-align:center;
			float:none;	
		}
		
	}
	@media only screen and ( max-width: 480px ) {
		h2 {
		  font-size: 30px;
		  line-height: 38px;
		}
		h3 {
			font-size: 30px;
			line-height: 38px;
		}
		h4 {
			font-size: 22px;
			line-height: 30px;
		}
		.main-navigation li a {
			font-size: 13px;
		}
		.main-navigation li {
			margin-right: 20px;
		}
		.site-header h1,
		.intro,
		.testimonial-content p {
			font-size: 20px;
			line-height: 28px;
		}
		p, blockquote {
		  font-size: 12px;
		  line-height: 22px;
		}
		.intro-text .intro,
		.comments-list p {
		  font-size: 12px;
		  line-height: 18px;
		}
		.site-header {
			bottom: 20px;
		}
		.header-padding,
		.header-padding-large {
			padding: 20px;
		}
		.header-padding-large {
			padding-right: 60px;
		}
		#nav-back-top {
			display: none !important;
		}
		.xl-padding {
			padding: 140px 0;
		}
		.image-gallery li,
		.image-gallery li:nth-child(3n) {
			width: 46%;
			margin: 0 2% 10px;
		}
		.text-column p {
			max-width: 100%;
		}
		.flexslider,
		.flexslider .slides {
			height: auto;
		}
		.flexslider .slides > li {
			max-height: 300px;
		}
		#site-intro .flexslider,
		#site-intro .flexslider .slides {
			height: 100vh;
		}
		#site-intro .flexslider .slides > li {
			max-height: 100%;
		}
		.comments-list p {
			line-height: 22px;
		}
		.reply {
			margin-top: 20px;
		}
		.comments-list > li {
			padding-bottom: 40px;
			margin-bottom: 40px;
		}
		.footer-logos li {
			width: 46%;
			margin: 0 2% 20px;
		}
		.footer-logos li:nth-child(3) {
			clear: left;
		}
		.comment-form input[type="text"], .comment-form input[type="email"], .comment-form textarea {
			  background-position: 10px 12px;
		}
		.comment-form p {
			margin-bottom: 20px;
		}
		.medium-padding,
		.xl-padding {
		  	padding: 50px 0 !important;
		}
		.page-block {
			min-height: 0 !important;
		}
		.wrapper {
			width: 94%;
		}
		#mobile-nav-toggle {
			right: 3%;
		}
		#back-top {
			font-size:16px !important;	
		}
		
	}
	@media only screen and ( max-width: 320px ) {
		
	}