/* ------ MD (TABLET) ------ */
@media (max-width:1024px){

/* ------ GRIDS ----- */
.row .grid100_md { width: 100%; }
.row .grid90_md {width: 90%;}
.row .grid80_md {width: 80%;}
.row .grid75_md {width: 75%;}
.row .grid70_md {width: 70%;}
.row .grid60_md {width: 60%;}
.row .grid50_md {width: 50%;}
.row .grid40_md {width: 40%;}
.row .grid33_md {width: 33%;}
.row .grid30_md {width: 30%;}
.row .grid25_md {width: 25%;}
.row .grid20_md {width: 20%;}
.row .grid10_md {width: 10%;}

.contactDetails { padding-bottom: 30px !important; margin-bottom: 30px; border-bottom: 1px solid #ddd; }


/* PROJECTS PAGE */
#primary.projects { display: block; }
#primary.projects #projectsLeft {
	width: 100%;
	display: block;
	float: none;
	margin: 0px 0px 20px;
	padding: 0px;
	border: 0px;
	overflow: hidden;
}
#primary.projects #main {
	width: 100%;
	display: block;
	float: none;
	margin: 0px 0px 20px;
	padding: 0px;
}
#primary.projects #projectsLeft h2 { display: none; }
#primary.projects #projectsLeft .menu-toggle {
	width: 100%;
	text-align: left;
	color: #fff;
	background-color: #333;
	border: 0px;
	display: block;
}
#primary.projects #projectsLeft #nav_menu-2 { display: none; }
#primary.projects #projectsLeft #menu-projects-menu { width: 100%;}
#primary.projects #projectsLeft #menu-projects-menu li {width: 100%; display: block;}
#primary.projects #projectsLeft #menu-projects-menu li a {
	padding: 7px 0px 7px 5px;
	border-bottom: 1px solid #eee;
	width: 100%;
	display: block;
}

#primary.projects #main #projectGallery img { width: 33%; }


} /* END MD */


/* ----- XS----- */
@media (max-width: 800px){

.menu-toggle { float: right; color: #425031; border-color: #425031; font-family: 'Lato';}
.toggled .menu-toggle, .menu-toggle:hover { color: #ed499b; border-color: #ed499b; }
.main-navigation a { padding: 7px 5px !important; }
#site-navigation .menu-primary-container { width: 100%; float: none; }
#site-navigation #primary-menu {width: 100%;text-align: right; float: none;}
#masthead { padding-bottom: 5px; padding-top: 10px !important;}

#masthead .site-branding {float: none; margin: 0 auto; text-align: center;}
.menu-toggle { float: none; margin: 0 auto; width: 100%;}
#site-navigation #primary-menu { text-align: center; }

#footer .social,
#footer .danielharrison { text-align: center; display: block; margin-bottom: 10px; width: 100%; float: none;}

/* ------ GRIDS ----- */
.row .grid100_xs { width: 100%; }
.row .grid90_xs {width: 90%;}
.row .grid80_xs {width: 80%;}
.row .grid75_xs {width: 75%;}
.row .grid70_xs {width: 70%;}
.row .grid60_xs {width: 60%;}
.row .grid50_xs {width: 50%;}
.row .grid40_xs {width: 40%;}
.row .grid33_xs {width: 33%;}
.row .grid30_xs {width: 30%;}
.row .grid25_xs {width: 25%;}
.row .grid20_xs {width: 20%;}
.row .grid10_xs {width: 10%;}

#primary.projects #main #projectGallery img { width: 50%; }

} /* END XS */


@media (max-width: 650px){
.aboutPage,
.testimonialsPage { display: block; }
.aboutPage .columnLeft,
.testimonialsPage .columnLeft { display: block; width: 100%; text-align: center;}
.aboutPage .columnRight,
.testimonialsPage .columnRight { display: block; padding: 30px 0px 0px 0px; vertical-align: top;}
.testimonialsPage .button {
	margin: 7px auto;
	padding: 13px 50px;
	max-width: 100%;
	display: block;
	margin-bottom: 15px;
	float: none;
}
}/* END 600px */

@media (max-width: 400px){
#primary.projects #main #projectGallery img { width: 100%; }
}