/* IE8 image height bug fix */
@media \0screen {img { width: auto !important }}


@media screen and (max-width: 920px) {
	
	.metalinks {
		padding-bottom: 20px
	}
	
	nav.sidebar {
		float: left;
	}
	
}


@media screen and (max-width: 900px) {
	
	.staffbox {
		background-color: transparent;
	}
	
	.photoanddetails {
		background-color: transparent;
	}
	
	li.staffbox {
		background-color: transparent;
	}
	
	.profileright {
		margin-top: 0;
		width: 100%;
		background-color: transparent;
		padding-bottom: 0;
		padding-top: 20px;
		padding-left: 0;
		padding-left: 0;
	}
	
	.profileimageleft {
		float: none;
		background-color: transparent;
	}
	
}



@media screen and (max-width: 768px) {


/* Banner */

	#bannercaptionbox {
		width: 270px;
		padding: 20px
	}

	.bannercaptionbox {	
		font-weight: 600;
		font-size: 14px;
		line-height: 32px;
	}
	
	.shortbanner {
		padding: 40px 20px 20px 20px !important;
		width: auto !important;
	}
	
	.imagegrid {
		width: 25%;
	}
	
	.courseBtn:link {
		font-size: 16px;
		margin-bottom: 10px
	}
	
	.address, .copyright {
		padding-left: 0;
	}

}

@media screen and (max-width: 700px) {
	
	.feed-section {
		padding-top: 10px;
		padding-top: 10px;
		text-align: center;
	}
	
	.shop-feed-section {
		width: 100% !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
		text-align: center;
	}
	
    #shopfeed-right, #shopfeed-right1 {
        padding-bottom: 80px;
    }
	
}


@media screen and (max-width: 667px) {
	
	#bannercaptionbox {
		width: 200px;
		text-align: center;
	}
	
	a.courseBtn:link {
		font-size: 14px;
		padding: 5px 10px;
		margin-bottom: 20px;
	}
}


@media screen and (max-width: 600px) {
	
	.gallery-feed-image {
		width: 33.333333% !important
	}
}


@media screen and (max-width: 478px) {
	
	.goaliebox > img {
		max-width: 170px;
		margin-right: 10px;
	}
	
	.goaliebox h2 {
		margin-bottom: 3px;
		line-height: 1.2;
		font-size: 16px;
	}
	
	.goalietext {
		height: 190px;
		padding-right: 10px;
	}
	
	.goalietext p {
			line-height: 1.4;
			font-size: 14px
	}
	

	
	
}



@media screen and (max-width: 414px) {
	
	
	.goaliebox h2 {
		font-size: 14px;
	}
	
	.goaliebox > img {
		max-width: 150px;
	}
	
	.goalietext {
		height: 170px;
	}
	
	
	
	
	#banner {
		position: relative;
		height: 170px;
	}
	
	#bannercaptionbox {
		position: absolute;
		padding: 0;
		width: 100%;
		bottom: 0;
		background: none;
	}
	
	#bannercaptionbox p:first-child {
		display: none;
	} 
	
	#shortbannercaptionbox {
		float: left;
		width: 100% !important;
		text-align: center;
		padding: 20px !important;
		background: none;
	}
	
	#shortbannercaptionbox a.courseBtn:link {
		margin-top: 20px;
		margin-bottom: 0;
	}
	
	.gallery-feed-image {
		width: 33.333333% !important
	}
	
	#shopfeed-center {
		padding-bottom: 40px;
	}
	
	#shopfeed-left, #shopfeed-right {
		padding-left: 0;
		padding-right: 0;
		padding-bottom: 0;
		width: 100%;
	}
	
	.blogthumb {
	float: none;
	padding-right: 0;
	padding-bottom: 0;
	margin-top: 0;
	}
	
}

@media screen and (max-width: 375px) {
	
	.goaliebox > img {
		max-width: 130px;
	}
	
	.goalietext {
		height: 150px
	}
	
	#banner {
		height: 160px;
	}
}

@media screen and (max-width: 320px) {
	
	
	.goaliebox {
		text-align: center;
	}
	
	
	.goaliebox > img{
		float: none;
		max-width: 120px;
		margin-top: 20px;
	}
	
	.goalietext {
		padding: 0 10% 20px;
		display: block;
		height: auto;
		overflow: hidden;
		width: 80%
	}
	
	
	#banner {
		height: 150px;
	}
	
	.imagegrid {
		width: 50%;
	}
}