@media screen and (max-width: 1200px) {
    
	/* === === header area === === */
	.inner-header { text-align: center; }
	.inner-header a.logo { float: none; display: inline-block; }

	.inner-header .main-nav { display: inline-block; float: none; }
	/* === === end of header area === === */


	/* === === inner-banner === === */
	.inner-banner { min-height: 0; padding: 200px 20px; }
	/* === === end of inner banner === === */


	/* === === outer welcome box === === */
	.inner-welcome-box h1 { font-size: 36px; }
	.inner-welcome-box h3 { font-size: 30px; }
	/* === === end of outer box === === */
	
	.sf-menu > li > a { padding: 2px 10px 0px; line-height: 50px;  }
	.sf-menu  { height: auto !important; }

}



@media only screen and (width : 966px) {
	
	.sf-menu > li > a { padding: 2px 10px 0px; line-height: 50px;  }
	.sf-menu  { height: auto !important; }
	
}

@media screen and (min-width: 900px){
    
	.main-nav h3 { display: none; }
	.main-nav a.button-toggle { display: none; }
	.main-nav ul { display: block !important;}
	
	
	.sf-menu > li > a { padding: 2px 20px 0px; line-height: 76px;  }
}

@media screen and (max-width: 900px){
	
	body { background-size: 100% 100%; }
	.inner-header .main-nav { display: block; width: 100%; padding-bottom: 20px;}
	.inner-header .main-nav h3 { font-size: 20px; font-weight: 600; color: rgb(235,87,46); border-top: 1px solid rgb(235,87,46); width: 100%; }
	.inner-header .main-nav h3 a { color: rgb(235,87,46); }
	.inner-header .main-nav ul { float: left; width: 100%; height: auto; margin-top: 20px; display: none;}
	.inner-header .main-nav ul li { float: none; width: 100%; }
	.inner-header .main-nav ul li a { line-height: 32px; padding-top: 0px; border: 2px solid transparent; text-align: left;}
	.inner-header .main-nav ul li a.active { border: 2px solid rgb(250,70,22); }
	.inner-header .main-nav ul li a:hover { border: 2px solid rgb(250,70,22); }


	/* === === homepage-boxes === === */
	.homepage-boxes { }
	.homepage-boxes .indv-box { width: 50%; }
	.homepage-boxes .indv-box:nth-child(1n+3) { margin-top: 40px; }
	/* === === end of homepage-boxes === === */ 


	/* === === about us box === === */
	.about-us-box { float: left; width: 100%; margin-bottom: 40px;	}
	.news-blog { float: left; width: 100%; }
	/* === === end of about us box === === */


	/* === === footer css === === */
	.inner-footer .footer-col { width: 50%; float: left; margin: 0px; }
	.inner-footer .footer-col:first-child { width: 50%; }
	.inner-footer .footer-col:nth-child(1n+3) { margin-top: 20px; }
	/* === === end of footer css === === */


	/* === === subpage-title === === */
	.subpage-area .subpage-title h1 { color: rgb(235,87,46); }
	
	.subpage-title { text-align: center; margin-top: 120px !important; }
	.subpage-title img { margin-left: 25%; }
	.subpage-title h1, .subpage-title h2 { text-align: center; clear: both; font-size: 30px !important; line-height: 30px !important; }
	
	.subpage-area .subpage-content .white-title h3 { color: rgb(235,87,46); }
	.subpage-area .subpage-content .sc-row .w-50 { width: 100%; margin-top: 40px; }
	.subpage-area .subpage-content .sc-row .w-50:first-child { margin-top: 0px; }
	.subpage-area .subpage-content .sc-row .w-50 img { width: 100%; margin: 0px auto; }

	.subpage-area .subpage-content .sc-row .w-70 { width: 100%; }
	.subpage-area .subpage-content .sc-row .w-30 { margin-top: 40px; width: 100%; }
	/* === === end of subpage title === === */


	/* === === blog page === === */
	.blog-content .blog-posts { width: 100%; }

	.blog-content .blog-sidebar { width: 100%; margin: 40px 0px 0px; }

	/* === === end of blog page === === */
}

@media screen and (max-width: 480px) {
    
	body { background-size: auto; background-position: -500px -500px !important; }
	.inner-banner { margin-top: 20px; }
	.inner-header .main-nav { padding-bottom: 0 !important; }

	/* === === homepage boxes === === */
	.homepage-boxes .indv-box { width: 100%; }
	.homepage-boxes .indv-box:nth-child(1n+2) { margin-top: 40px; }
	/* === === end of homepage boxes === === */

	.outer-welcome-box { padding-top: 10px; padding-bottom: 10px; } 
	.inner-welcome-box h1 { font-size: 25px; } 
	.inner-welcome-box h3 { font-size: 20px; margin-bottom: 10px; }
	

	/* === === footer col === === */
	.inner-footer .footer-col { width: 100%; }
	.inner-footer .footer-col:nth-child(1n+2) { margin-top: 20px; }
	/* === === end of footer col === === */
	
	#team .bio-card { width: 40%; height: 170px; margin: 0 0 20px 20px; }
	#team .bio-card img { width: 100%; height: 170px; }
	.outer-header { height: auto !important; }
	
	.footer-col { text-align: center; }
	
	ul.social-icons { margin: 0 auto; width: 60%; }
	ul.social-icons li { width: 40px; overflow: hidden; float: left; padding: 0; margin: 0; }
	
	.inner-footer .footer-col:first-child { width: 100%; }
	img.foot-skunk { display: none !important; }
	
	.inner-banner { padding-top: 150px !important; padding-bottom: 10px !important; }
	
	.inner-header .main-nav ul li a { line-height: 30px !important; }
	
	.inner-content .about-us-box p,
	.inner-content .about-us-box h2,
	.inner-content .news-blog p,
	.inner-content .news-blog h2,
	.inner-content .about-us-box > *,
	.inner-content .news-blog > * { text-align: center !important; }
}

@media (max-width:1000px) and (min-width:901px) {
    /* #device:after {
        content: "Nexus 7 - landscape - chrome";
    }*/
    .sf-menu > li > a { padding: 2px 10px 0px !important; line-height: 50px !important;  }
}