/**************************************************************************
MEDIA QUERIES
***************************************************************************/
/* 1080px */
@media only screen and (max-width: 67.5em) {
#wrap {
	padding: 0;
	width: auto;
	}

header[role="banner"] { 
	min-height: 90px;
	background-image: none;
	}
#logo {
	float: none;
	margin-top: -32px;
	width: 80px;
	height: 68px;
	}
header nav {
	margin: 0;
	padding: 0;
	}
.slicknav_menu {
	display: block;
	}
header nav .menu {
	display: none;
	}

.blog .post-meta {
	margin-bottom: .8em;
	}
.single .post-meta {
	margin-right: 32px;
	margin-left: 32px;
	}

ul.isotopenav {
	margin-bottom: 3em;
	}
ul.isotopenav li {
	margin: .4em;
	}
ul.isotopenav li:before {
	display: none;
	}
ul.isotopenav li a {
	padding: .4em .6em;
	color: #000;
	line-height: 1;
	background: #dcdcdc;
	}
ul.isotopenav li a:hover {
	color: #000;
	background: #9ebbe8;
	}

#bottom {
	background-image: none;
	}
#bottom .position {
	float: none;
	padding: 0 30px;
	width: auto;
	border: none;
	}
#bottom .left {
	overflow: auto;
	}
#bottom .left .widget {
	float: left;
	width: 49%;
	border-top: none !important;
	}
#bottom .left .widget:nth-of-type(1n+2) {
	border-left: 1px solid #454545;
	}
#bottom .right .widget {
	border-top: 1px solid #454545;
	}

.label-left label {
	display: inline-block !important;
	width: 100%;
	}
.label-left input.ninja-forms-field, .label-left textarea, .label-left select {
	margin: .2em 0 0 !important;
	width: 100% !important;
	}
.submit-wrap {
	padding: 0;
	}
}


/* 1020px */
@media only screen and (max-width: 63.75em) {
.wall div.mintplugins_isotopes_container.isotope {
	width: 750px;
	}
}


/* 770px */
@media only screen and (max-width: 48.125em) {
.wall div.mintplugins_isotopes_container.isotope {
	width: 500px;
	}

#bottom .left .widget {
	float: none;
	width: 100%;
	}
#bottom .left .widget:nth-of-type(1n+2) {
	border-top: 1px solid #454545 !important;
	border-left: none !important;
	}
}


/* 767px */
@media only screen and (max-width: 47.9375em) {
.bar.top {
	padding: 8px 30px;
	}
.bar ul.subnav {
	text-align: center;
	}

.blog article, .single article {
	padding: 20px;
	}
.blog article .post-thumb img {
	float: none;
	margin: 0 auto 1.5em;
	}
.single .post-meta {
	margin-right: 20px;
	margin-left: 20px;
	}

#top {
	float: none;
	}
.toby {
	right: 20px;
	padding-right: 0;
	background: none;
	}

.characters.single article {
	padding: 40px 20px 20px;
	min-height: 200px;
	}
.characters.single article .post-thumb {
	position: static;
	margin: 0 auto 2em;
	}
.characters .gallery {
	clear: both;
	margin: 0;
	padding: 20px 0 0;
	}

}


/* 640px */
@media only screen and (max-width: 40em) {
footer {
	font-size: .75em;
	}
footer ul.menu {
	display: none;
	}
}


/* 560px */
@media only screen and (max-width: 35em) {

#logo {
	position: absolute;
	}
.bar {
	text-align: center !important;
	}
.bar.bottom {
	background-position: -2% 0;
	}
#top {
	margin: 0 20px 0 180px;
	padding-top: 1.6em;
	}
.toby {
	position: static;
	padding: 0;
	height: auto;
	}
.toby a {
	margin: 0;
	padding: 0;
	width: auto;
	text-align: right;
	background: none;
	}

body.licensing-inquiries main ul li {
	padding: 2em 0;
	}
body.licensing-inquiries main ul li img {
	float: none;
	margin: 0 auto 20px;
	}
}



/* 520px */
@media only screen and (max-width: 32.5em) {
.wall div.mintplugins_isotopes_container.isotope {
	width: 250px;
	}

footer #tge {
	display: block;
	}

div.insta {
	text-align: center;
	}
div.insta h3 a:after {
	display: none;
	}
}


/* 480px */
@media only screen and (max-width: 30em) {
ul.post-nav {
	width: 8em;
	}

footer {
	padding-top: 3em;
	background-position: -12% 0;
	background-size: 900px auto;
	}


/*************** BEGIN MOBILE ONLY ***************/


/* iPad and iPhone */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px), 
only screen and (min-device-width: 320px) and (max-device-width: 736px) {
html {
	background-repeat: repeat;
	}
#wrap {
	padding: 0;
	width: auto;
	}

.btn, input.btn, .button, button, button[type="button"], input[type="button"], input[type="reset"], input[type="submit"] {
	padding: .525em .6em;
	}
}

/* iPad and iPhone */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px),
only screen and (min-device-width: 320px) and (max-device-width: 736px) {
.wall article, .videos section article {
	margin: 0 4px 2.5em;
	height: auto;
	border: 0;
	vertical-align: top;
	overflow: visible;
	}
.wall article .post-thumb {
	position: static;
	border: 1px solid #e6e6e6;
	}
.wall article h2 {
	position: static;
	display: block;
	margin-top: .2em;
	height: auto;
	font-size: .85em;
	}
.wall article h2 a {
	display: inline;
	padding: 0;
	width: auto;
	height: auto;
	color: #999;
	background: none;
	opacity: 1;
	}
}

/* small screens */
@media only screen and (max-width: 736px) {
	.blog .post-excerpt {
		display: none;
	}
}


/* iPhone Landscape */
@media only screen and (min-width: 321px) and (max-device-width: 736px) {
.blog article {
	padding: 20px;
	}

.label-left label {
	display: inline-block !important;
	width: 100%;
	}
.label-left input.ninja-forms-field, .label-left textarea, .label-left select {
	margin: .2em 0 0 !important;
	width: 100% !important;
	}
.submit-wrap {
	padding: 0;
	}
}


/* iPhone Portrait - 375px*/
@media only screen and (max-width: 23.4375em) {
.blog article {
	padding-top: 40px;
	padding-bottom: 40px;
	}
.blog article .post-meta small, .blog .share {
	font-size: .8em;
	}
.blog article .shareaholic-canvas {
	margin-top: -.25em;
	}

#banner .caption {
	padding: 1em;
	font-size: .75em;
	}
#banner ul.flex-direction-nav {
	display: none;
	}
}

/* iPhone Portrait - 320px*/
@media only screen and (max-width: 321px) {
#logo {
	left: 15px;
	margin-top: -24px;
	width: 150px;
	height: 61px;
	}
}