/*
Theme Name: Springbank
Description: Springbank School Responsive Design Addition
Author: BDWebProduction 14/07/2017
*/

@media (max-width: 1000px) {
	#access .menu-header, div.menu, #colophon, #branding, .main, .wrapper, #homemenu, #content #homemenu ul, #slideshow{width:96%; margin-left:2%; margin-right:2%;}
	#primary, #secondary{width:30%;}
	#container{width:70%;}
	#content iframe, object, embed{max-width:90%; display:block; margin:0 auto;}
	#fb_widget iframe{max-width:100%;}
	#home .post{width:41%;}
	#slideshow{height:auto;}
	#slideshow img, #singlepage img, #news img{max-width:100%;}
	#homemenu ul li{width:33%;display:inline-block;padding-top:5px;padding-bottom:5px;text-align:left;}
	#homemenu ul li:first-child a{background:rgba(0, 0, 0, 0) url("images/indexdivider.jpg") no-repeat scroll left center;}
	table{width:96% !important; margin:10px 2% !important;}
	table td{max-width:30% !important; padding:6px 10px !important;}
}
@media (max-width: 975px) {
	#cambridge_logo{display:none;}
}
@media (max-width: 900px) {
	.slicknav_menu{display:inline;}
	#access .wrapper {display:none;}
	#header{position:fixed; width:100%; z-index:100;}
	#branding a, .home #branding a{margin:20px 0px; width:440px;}
	.main, #home.main, #news.main{padding-top:170px;}
}
@media (max-width: 800px){
	#home .post{width:60%;}
}
@media (max-width: 650px){
	.slicknav_menu .slicknav_menutxt{display:none;}
	#homemenu ul li{width:48%;}
}
@media (max-width: 600px){
	.slicknav_menu{height:90px;}
	.slicknav_nav a{padding:10px 10px;}
	.slicknav_nav li{font-size:1.25em;}
	#primary, #secondary{display:none;}
	#container{width:96%; margin-left:2%; margin-right:2%;}
	#content{margin-left:0px;}
	#footer_address{display:block;}	
}
@media (max-width: 550px){
	.slicknav_btn{width:70px; height:75px; margin-bottom:24px;}
	.slicknav_nav{border-bottom:10px solid #333;}
	.main, #home.main, #news.main{padding-top:150px;}
	#container{margin-top:15px;}
	#branding a, .home #branding a{background-size:390px !important;width:230px;height:50px;}
	#footer p#homefooter{clear:left; float:left;}
	#footer p.left{width:90%;}
}
@media (max-width: 450px){
	#home #logos{text-align:right;}
	#home #logos img{display:inline-block; margin:0px auto 20px;}
	#footer_phone, #footer_country{display:block;}
	#footer p.left{width:60%;}
}
@media (max-width: 400px){
	#homemenu ul li{width:100%;text-align:center;}
	#homemenu ul li a{background:none !important;}
}