@media screen and (max-width: 1024px) {
	#left-content article.hentry,
	#left-content article.type-product,
	#left-content .other-content {
		padding: 70px;
	}

	#left-content article.hentry .thumbnail,
	#left-content article.type-product .thumbnail {
		margin: 40px -70px;
	}

	article.hentry .post-content,
	article.type-product .post-content {
		padding-top: 0;
	}

	.comments-list ul li .thumbnail,
	.user-detail .thumbnail {
		width: 50px;
		height: 50px;
	}

	.comment-detail,
	.comments-list ul.children {
		margin-left: 70px;
	}

	.thumbnail p.image-caption {
		padding: 10px 60px;
	}

	.about-author > article.hentry {
		padding: 60px 60px 0 60px;
	}
}

@media screen and (min-width: 812px) {
	ul.main-menu {
		display: block !important;
	}
}

@media screen and (max-width: 800px) {
	.container,
	#infscr-loading {
		width: 95%;
	}

	#header-nav {
		padding-top: 0;
		position: fixed;
		top: 0;
		left: 0;
		bottom: 0;
		width: 280px;
		z-index: 100;
		opacity: 0;
		visibility: hidden;
		transition: opacity ease-in .3s .3s, visibility ease-in .3s .3s;
		background-color: transparent !important;
	}

	.menu-opened #header-nav {
		opacity: 1;
		visibility: visible;
		transition-delay: 0s;
	}

	.admin-bar #header-nav {
		top: 32px;
	}

	#header-nav .container {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		overflow: auto;
		width: 100%;
		transition: transform ease-in .3s;
		transform: translateX(-280px);
		background-color: #212121;
	}

	.menu-opened #header-nav .container {
		transform: translateX(0)
	}

	.menu-trigger {
	}

	nav#main-menu {
		position: relative;
	}

	nav#main-menu ul.main-menu {
	}

	nav#main-menu ul.main-menu li {
		display: block;
		float: none;
	}
	nav#main-menu ul.main-menu li.menu-item-has-children ul.sub-menu {
		position: relative;
		box-shadow: none !important;
		width: 100%;
		display: block;
		left: 0;
		overflow: hidden;
		transition: max-height ease-in .2s;
		max-height: 0;
	}

	nav#main-menu ul.main-menu li.menu-item-has-children ul.sub-menu li a {
		border-bottom: 0;
		border-top: solid 1px #494949;
		padding-left: 30px;
	}
	nav#main-menu ul.main-menu li.menu-item-has-children ul.sub-menu ul.sub-menu li a {
		padding-left: 40px;
	}

	nav#main-menu ul.main-menu li.menu-item-has-children ul.sub-menu.opened {
		max-height: 300px;
	}

	nav#main-menu ul.main-menu li.menu-item-has-children .expand{
		display: inline-block;
		transition: transform ease-in .2s;
		width: 50px;
		position: absolute;
		z-index: 3;
		height: 50px;
		text-align: center;
		top: 0;
		right: 0;
		line-height: 50px;
		color: #ffffff;
	}

	nav#main-menu ul.main-menu li.menu-item-has-children .expand:after {
		font: normal normal normal 14px/1 FontAwesome;
		font-size: inherit;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		transform: translate(0, 0);
		content: '\f107';
	}
	nav#main-menu ul.main-menu li a:after {
		display: none;
	}

	nav#main-menu ul.main-menu li a {
		color: #fff !important;
		line-height: 20px !important;
		padding: 15px;
	}

	.site-navigation ul li a:hover,
	.site-navigation ul li.current-menu-item > a,
	.site-navigation ul li.current-menu-ancestor > a {
		background: #5d5d5d;
	}

	nav#main-menu ul.main-menu li:hover a {
		background: #555;
	}

	#main-header .menu-trigger {
		display: inline-block;
	}

	#main-content {
		margin: 50px 0;
	}

	#main-content .container:after {
		content: none;
		display: none;
	}

	#left-content,
	#main-content.sidebar-none #left-content {
		width: 100%;
		margin-right: 0;
		height: auto !important;
	}

    #left-content.full-width article.hentry {
        padding: 70px 0;
    }

	body.woocommerce-cart article.hentry .post-content,
	body.woocommerce-checkout article.hentry .post-content,
	body.woocommerce-account article.hentry .post-content {
		padding: 0 20px !important;
	}

	#right-content {
		width: 100%;
		height: auto !important;
	}

	article.hentry h3.post-title {
		font-size: 30px;
		line-height: 140%;
	}

	div.gallery ul li {
		width: 50%;
	}

	body.page #left-content .other-content.box {
		padding: 60px 60px 0 60px;
	}

	#footer {
		text-align: center;
	}

	#footer span {
		float: none !important;
		display: block;
		margin-bottom: 10px;
	}

	#main-header,
	section#main-content,
	footer#footer {
		transition: transform ease-in .3s;
		transform: translateX(0)
	}
	.menu-opened #main-header,
	.menu-opened section#main-content,
	.menu-opened footer#footer {
		transform: translateX(280px)
	}
}

@media screen and (max-width: 782px) {
	.admin-bar #header-nav {
		top: 46px;
	}
}

@media screen and (max-width: 640px) {
	article.hentry h3.post-title {
		font-size: 38px;
		line-height: 140%;
	}

	.post-type {
		font-size: 38px;
		margin-top: 15px;
	}

	.about-author .thumbnail {
		margin: 0 auto;
		float: none;
	}

	.about-author .thumbnail+p {
		margin-left: 0;
		text-align: center;
	}

	article.hentry .post-content {
	}

	#post-nav .post-previous,
	#post-nav .post-next {
		width: 41.5%;
	}

	#post-nav .post-next:after,
	#post-nav .post-previous:after {
		font-size: 20px;
	}

	div.gallery.portofolio ul li,
	div.gallery ul li,
	.related article {
		width: 100%;
		margin: 0 0 40px 0;
	}

	.input-holder,
	.input-holder.textarea {
		padding: 10px 2.5%;
		width: 95%;
	}

	.photoset-row.cols-3 .photoset-cell {
		width: 100% !important;
		padding: 0 !important;
		float: none !important;
		margin-bottom: 10px;
	}

	.comments-list ul li .thumbnail {
		width: 60px;
		height: 60px;
	}

	.comments-list ul li .thumbnail {
		width: 60px;
		height: 60px;
	}

	.comment-detail,
	.comments-list ul.comment-response,
	.comments-list ul.children {
		margin-left: 80px;
	}

	.comments-list ul.comment-response .thumbnail,
	.comments-list ul.children .thumbnail {
		width: 40px;
		height: 40px;
	}

	.comments-list ul.comment-response .comment-detail,
	.comments-list ul.children .comment-detail {
		margin-left: 60px;
	}

	.related-posts article.related {
		width: 100%;
		margin-bottom: 30px;
		margin-right: 0;
	}
}

@media screen and (max-width: 480px) {
	#main-content {
		margin-top: 20px;
		margin-bottom: 20px;
	}

	#left-content article.hentry,
	#left-content article.type-product,
	#left-content .other-content {
		padding: 30px;
	}

	#left-content article.hentry .thumbnail,
	#left-content article.type-product .thumbnail {
		margin: 30px -30px;
	}

	#left-content article.hentry .post-content,
	#left-content article.type-product .post-content {
		padding: 0 0 30px 0;
	}

	body.single #left-content .box {
		padding-bottom: 30px;
	}

	#footer {
		padding: 0 15px 20px 15px;
	}

	#footer span {
		margin-bottom: 0;
	}

	.pagination span.pages {
		display: block;
	}

	#left-content .thumbnail p.image-caption {
		padding: 10px 30px;
	}

	#left-content article.hentry .post-content,
	#left-content article.type-product .post-content {
		padding-top: 0;
	}

	.thumbnail p.image-caption {
		padding: 5px 30px;
	}

	article.hentry .title-wrapper.no-thumbnail {
		padding-bottom: 20px;
	}

	article.hentry .title-wrapper.no-thumbnail {
		margin-bottom: 40px;
	}

	#left-content.full-width article.hentry .post-content {
	}

	.container,
	#infscr-loading {
		margin: 0;
		width: auto;
	}

	#main-header {
		padding: 20px;
	}

	#main-header #main-logo {
    	width: calc(100% - 70px);
    	text-align: left;
    	margin-left: 60px;
 }

	#main-header #main-logo h2.site-title {
		font-size: 30px !important;
		line-height: 50px;
	}

	#main-header #main-logo img {
		height: 100%;
		width: 100%;
		max-width: 250px;
	}

	#main-header #main-logo h4.site-desc {
		font-size: 12px !important;
	}

	#main-header .menu-trigger {
	}

	.post-type {
		font-size: 28px;
		margin-top: 10px;
	}

	article.hentry h3.post-title {
		font-size: 30px !important;
		line-height: 120% !important;
	}
	.share-buttons{
		text-align: center;
	}
	#right-content {
		width: 100%;
		padding: 30px 20px;
		height: auto !important;
	}

	.recent article .detail {
		margin-left: 0;
	}

	.recent article .thumbnail {
		display: none;
	}

	.nicescroll-rails {
		right: 230px;
	}

	body.page #left-content .other-content.box {
		padding: 0 30px;
	}

	.comments-list ul li .thumbnail {
		display: none;
	}

	.comment-detail,
	.comments-list ul.comment-response .comment-detail,
	.comments-list ul.children .comment-detail  {
		margin-left: 0;
	}
	.comments-list ul.comment-response,
	.comments-list ul.children{
		margin-left: 20px;
	}

	.comments-list ul.comment-response .comment-detail,
	.comments-list ul.children .comment-detail {
		margin-left: 0;
	}
	.single-author .thumbnail,
	.single-author .info {
		float: none;
		width: auto;
		margin-right: 0;
		margin-left: 0;
		text-align: center;
	}

	.single-author .thumbnail {
		margin-bottom: 30px;
		text-align: center;
	}

	.single-author .thumbnail img {
		width: auto;
	}

	.form-group.medium .form-control,
	.form-group.medium input[type="text"],
	.form-group.medium input[type="password"],
	.form-group.medium input[type="email"],
	.form-group.medium input[type="url"],
	.form-group.medium textarea,
	.form-group.medium select {
		width: 100%;
	}

	a#backtotop {
		bottom: 20px;
		right: 20px;
	}
}