/* iPads (portrait & anything less than the width of the site) ----------- */
@media screen and (max-width: 959px) {
/* Styles */
	
	#wrapper{ width: 90%; }
	#header{ width: 90%; }
	#logo{ margin: 40px auto 40px auto; width: 60%; height: auto; }
	#footer{ width: 90%; }
	#slideshow_container{ width: 100%; max-width:100%; padding: 0; }
	.home-slideshow{
		width: 100%;
		max-width: 100%;
		margin: 0 auto;
	}
	.left_col{ width: 100%; padding: 0 0 0 0; float: none; }
	.right_col{ width: 100%; padding: 0 0 0 0; float: none; }
	#nav-menu-toggle{ margin: 0 auto 20px auto; }
	.footer_details{ float: none; padding-left: 0; background-image:none; }
	.footer_title{ float: none; }
	.quotee{ text-align: center; margin-right: 0; }
	.mattias{ padding-top: 20px; }
	.contact_left_col{ width: 100%; padding: 0 0 0 0; float: none; }
	.contact_right_col{ width: 100%; padding: 0 0 0 0; float: none; }
	#contact_map_wrapper{ width: 100%; padding: 0; border: 5px solid #fff; box-sizing: border-box;}
	.projects_wrapper{padding: 0;}
	.pro1, .pro2, .pro3, .pro4{margin-right: 10px;}
	.proj_slideshow { width: 100%; }
	.proj_profile_info_col{ padding: 30px 0 20px 0; }
	.left_btn{ display: block; float:left; width: 45%;}
	.right_btn{ display: block; float:right; width: 45%;}
	.stone_supplies_content{ padding: 0;}
	.stone_variety{}
	.sv_gallery_image{ margin: 20px 0 0 0; width: 48%; height: auto; }
	.sv_g_i_1, .sv_g_i_3, .sv_g_i_5, .sv_g_i_7, .sv_g_i_9, .sv_g_i_11, .sv_g_i_13, .sv_g_i_15, .sv_g_i_17, .sv_g_i_19{ margin-right: 0; float: right; }
	
	.image-grid-item{
		width: 32%;
	}
	.image-grid-item:hover{
		transform: none;	
	}
	
/*------------ /<960px----------*/	
}

/* Smartphones (anything narrower than iPad portrait) ----------- */
@media only screen and (max-width : 767px) {
/* Styles */
	#logo{ margin: 20px auto 20px auto; width: 60%; }
	.cntr_smphone{text-align: center;}
	.project{ margin: 20px auto; float: none;}
	.pro1, .pro2, .pro3{ margin-right: auto; }
	.pro4{ margin-right: auto; }
	.proj_prof_left{ width: 100%; float: none; text-align: center;}
	.proj_prof_right{ width: 100%; float: none; }
	.bk_to_gallery_btn a{ display: block;float: none; width: 76%; margin: 20px auto 0 auto; }
	.stone_variety{width: 100%; margin: 20px auto;}
	.sv_gallery_image{ width: 100%; float: none;}
	.sv_g_i_1, .sv_g_i_3, .sv_g_i_5, .sv_g_i_7, .sv_g_i_9, .sv_g_i_11, .sv_g_i_13, .sv_g_i_15, .sv_g_i_17, .sv_g_i_19{ width: 100%; float: none; }
	.image-grid-item{
		width: 48%;
	}
/*------------ /SMARTPHONE ----------*/
}

