.menu-toggle {
	position: absolute;
	top: 14px;
	right: 10px;
	color: #fff;
	font-size: 30px;
	display: none;
}

.menu-open .site-branding,
.menu-open #access,
.menu-open #access #primary-menu,
.menu-open #access #primary-menu li {
	float: none;
	width: 100%;
}

.menu-open .site-masthead {
	height: auto;
	box-shadow: none;
}

.menu-open .site-branding {
	height: 58px;
}

.menu-open #access #primary-menu {
	display: block;
	background: #292926;
}

.menu-open #primary-menu li a {
	border-left: 0;
}

.menu-open .sticky-nav,
.admin-bar.menu-open .sticky-nav {
	display: block;
	height: auto;
	position: relative;
	top: 0;
	overflow: hidden;
	background: #f8f8f8;
	box-shadow: rgba(0, 0, 0, .3) 0 1px 3px;
}

.menu-open .sticky-nav .motd,
.menu-open .sticky-nav .share-page-social {
	float: none;
}

.menu-open .sticky-nav .share-page-social {
	margin-right: 0;
	padding-right: 22px;
	border-top: 1px solid #d9d9d8;
}

.menu-optn .share-page {
	padding: 12px 0 10px 20px;
}

@media (max-width: 1180px) {
	body,
	html {
		min-width: 100%;
	}
}

@media (max-width: 1020px) {
	#content,
	.container {
		width: 90%;
	}

	.simple-sidebar {
		width: 20%;
	}

	.main-content {
		margin-right: 0;
		float: right;
		width: 75%;
	}

	.stuff-grid .hentry {
		width: 45%;
		margin-right: 4%;
	}

	.stuff-grid .hentry:nth-child(3n) {
		margin-right: 4%;
	}

	.single-title .entry-title,
	.single-download .single-title .entry-title {
		width: 60%;
	}

	#hero-carousel {
		height: auto;
	}

	.single-inner .single-content {
		width: 62%;
	}

	.single-inner .single-features {
		width: 30%;
	}
}

@media (max-width: 782px) {
	.admin-bar .sticky-nav {
		top: 102px;
	}

	.simple-sidebar {
		width: 25%;
	}

	.main-content {
		margin-right: 7%;
		width: 63%;
	}

	.stuff-grid .hentry {
		width: 100%;
		margin-right: 0 !important;
	}

	body:not(.page-template-page-templateslikes-php) .stuff-grid .hentry .entry-main {
		min-height: 0;
	}

	.motd strong,
	.share-page-item-follow,
	.site-description {
		display: none;
	}

	.admin-bar .sticky-nav.affix,
	.simple-sidebar.affix {
		position: relative;
		top: 0;
	}

	.single-title .entry-title,
	.entry-author,
	.single-download .single-title .entry-title {
		width: 100%;
		float: none;
	}

	.single-title .entry-title,
	.single-inner .single-content,
	.single-inner .single-features {
		width: 100%;
		float: none;
	}

	.single-download .single-title .entry-title {
		margin-bottom: 20px;
	}

	.single-title .single-action {
		margin-left: 0;
	}

	.single-title .single-price {
		margin-top: -18px;
	}

	.entry-author {
		margin-top: 15px;
	}

	.entry-author-avatar,
	.entry-author-info {
		float: left;
		text-align: left;
	}

	.entry-author-avatar {
		margin-right: 15px;
	}
}

@media (max-width: 600px) {
	#content,
	.container {
		width: 95%;
	}

	#primary-menu,
	.sticky-nav,
	.entry-date {
		display: none;
	}

	.menu-toggle {
		display: block;
	}

	#content {
		margin-top: -8px;
	}

	.main-content {
		margin-left: 0;
	}

	.content-wrapper {
		margin: 8%;
	}

	.page-title {
		padding: 18px 0 14px 0;
		font-size: 30px;
	}

	.simple-sidebar,
	.main-content,
	.stuff-grid .hentry {
		width: 100%;
		float: none;
	}

	.main-content {
		margin-top: 8%;
	}

	.simple-widget {
		padding-left: 0;
	}

	.single-title,
	.single-inner .single-content {
		padding: 6%;
	}

	.single-features {
		padding: 0 6%;
	}

	.single-title .entry-title {
		font-size: 45px;
	}

	.entry-content p:first-of-type {
		font-size: 20px;
	}

	.entry-author {
		margin-top: 8px;
	}

	.entry-author-avatar {
		max-width: 22px;
	}

	.entry-author-avatar img {
		max-width: 100%;
		height: auto;
	}

	.site-pagination .cta {
		display: none;
	}

	.site-pagination .buttons {
		float: none;
		text-align: left;
	}

	.single-inner .single-content,
	.single-inner .single-features {
		width: 100%;
		margin: 0;
		float: none;
	}
}

@media (max-width: 400px) {
	#content,
	.container {
		width: 100%;
	}

	.sticky-nav,
	.carousel-control {
		display: none;
	}

	.single-title,
	.single-inner .single-content {
		padding: 10%;
	}

	.single-title {
		padding: 10% 10% 5% 10%;
	}

	.entry-author-avatar {
		margin-right: 6px;
	}

	.single-title .entry-title {
		font-size: 30px;
	}

	.entry-content h2 {
		font-size: 24px;
	}

	.single-title .single-price {
		margin-top: -10px;
	}
}