@media screen and (max-width: 1024px) {
	article.hentry .post-content, 
	.other-content, 
	article.hentry .title-wrapper,
	.thumbnail p.image-caption {
		padding: 60px;
	}

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

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

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

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

	#header-nav {
		padding-top: 0;
		position: relative;
		padding: 0 15px;
	}

	#header-nav .container {
		position: inherit;
	}

	.menu-trigger {
	}

	nav#main-menu {
		position: inherit;
	}

	nav#main-menu ul.main-menu {
		position: absolute;
		top: 100%;
		z-index: 1;
		background: #333;
		left: 0;
		right: 0;
		display: none;
	}

	nav#main-menu ul.main-menu li {
		display: block;
		text-align: right;
	}

	nav#main-menu ul.main-menu li a {
		color: #fff;
	}

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

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

	.menu-trigger {
		display: inline-block;
	}

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

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

	#left-content {
		width: 100%;
		margin-right: 0;
		height: auto !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%;
	}

	#footer {
		text-align: center;
	}

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

@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;
	}

	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;
	}

	.pagination span.pages {
		display: block;
	}

	article.hentry .post-content, 
	.other-content, 
	article.hentry .title-wrapper,
	.thumbnail p.image-caption {
		padding: 30px;
	}

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

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

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

	#main-header {
		padding: 20px;
	}

	#main-header #main-logo {
    	width: 80%;
	    text-align: left;
	}

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

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

	.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;
	}
	.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;

	}

	.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%;
	}
}