@media only screen and (max-width: 424px) {
.mega-menu-open{
    margin-top: -64px;	
}
}
@media only screen and (min-width: 480px) {
ul.sharklist li{
	width:50%;
	float:left;
		
}

	.sharkblocks div{
	width:50%;
	float:left;
	height:150px;
}
	ul.vidthumbs li.sml {
	margin: 0;
	float:left;
	width:50%;
	padding:5px;
	list-style: none;
	text-align: center;
}
ul.gallerylist li{
	width:50%
}
.grid-sizer,  .grid-item {
	width: 33.33%;
}

/*.mainvid{float:left; width:66.5%;}
.sidevids{float:right; width:32.7%; margin-top:0}*/
.sidevids a{    padding: 0 0 5px 5px;
    display: block;
	width:100%}

.left70{
	float:left;
	width:70%;
}
.right30{
	float:right;
	width:28%;
	text-align:right;	
	margin-top:0px;
}



}

@media only screen and (min-width: 580px) {
.mainvid{float:left; width:66.5%;}
.sidevids{float:right; width:32.7%; margin-top:0}


	ul.sharklist li{
	width:33%;
	
}
#footer .left {
	float: left;
	font-size: 13px;
	text-align: left;
	padding-left:10px;
}
#footer .right {
	float: right;
text-align:right;
padding-right:10px;
}
}
@media only screen and (min-width: 659px) {
ul.sharklist li{
	width:25%;
	
}
ul.save li{
		width:33.33%;
		float:left;
		padding:15px;
}
ul.newsblocks li{
	width:33%; padding:0 10px;
	float:left;
	text-align: center
}
.leftcol{
	float:left;	
	width:68%;
}
.rightcol{
	float:right;	
	width:30%;
}

}
@media only screen and (min-width: 779px) {
	
	ul.vidthumbs li.sml {
	margin: 0;
	float:left;
	width:33.33%;
	padding:5px;
	list-style: none;
	text-align: center;
}
ul.gallerylist li{

	width:33.33%
}
.grid-sizer,  .grid-item {
	width: 25%;
}

.photodesc{
	float:left;
	width:50%;	
	text-align:left;
}
.photonav{
    text-align: right;
}
	
	ul.vidthumbs li {

	width:33%;
}
.bio{
padding:10px;
width:33%;
float:left;
}
.bio div{
	width:100%;
	float:none;	
}
.bio img{
	
	width:100%; float:none;
	margin:0 0 10px 0;
	
}

}
@media only screen and (min-width: 959px) {

.bio{
width:25%;

}
	.sharkblocks div{
	width:33%;

}

	ul.vidthumbs li {

	width:25%;
}
}