@media screen and (max-width: 977px) {
	/************************************************************************************
	STRUCTURE
	*************************************************************************************/
	#pagewrap {
		max-width: 96%;
	}
	#content {
		width: 69%;
	}
	#sidebar {
		width: 26%;
	}
	.module-layout-part .module_row.fullwidth > .row_inner,
	.module_row.fullwidth > .row_inner {
		max-width:100%;
	}
}
@media screen and (max-width: 800px) {
	.post-image .themify_lightbox {
		display: block;
	}
}
@media screen and (max-width: 760px) {
	/************************************************************************************
	STRUCTURE
	*************************************************************************************/
	#pagewrap {
		max-width: 90%;
	}
	/* content & sidebar */
	#pagewrap #content ,
	#pagewrap #sidebar {
		width: 100%;
		max-width: 100%;
		float: none;
		clear: both;
	}
	.loops-wrapper .post-image img {
		width: 100%;
	}
	.sidebar-left .loops-wrapper.list-post {
		width: auto;
		padding-left: 0;
	}
	
	/************************************************************************************
	FOOTER
	*************************************************************************************/
	.footer-text .one,
	.footer-text .two {
		float: none;
		text-align: center;
	}
}
@media screen and (max-width: 680px) {
	/************************************************************************************
	HEADING
	*************************************************************************************/
	.page-title,
	h1 {
		font-size: 2.2em;
	}
	h2 {
		font-size: 2em;
	}
	h3 {
		font-size: 1.6em;
	}
	h4 {
		font-size: 1.4em;
	}
	h5 {
		font-size: 1.2em;
	}
	h6 {
		font-size: 1.1em;
	}

	/************************************************************************************
	GRID
	*************************************************************************************/
	.col4-1,
	.col4-2, .col2-1,
	.col4-3,
	.col3-1,
	.col3-2	 {
		margin-left: 0;
		width: 100%;
		max-width: 100%;
	}

	/* all post title */
	.post-title,
	.loops-wrapper.list-post .post-title,
	.loops-wrapper.grid4 .post-title,
	.loops-wrapper.grid3 .post-title,
	.loops-wrapper.grid2 .post-title,
	.loops-wrapper.grid2-thumb .post-title,
	.loops-wrapper.list-thumb-image .post-title,
	.loops-wrapper.list-large-image .post-title,
	.loops-wrapper.slider .post-title {
		font-size: 2.3em;
	}

	/* all post image */
	.loops-wrapper.list-post .post-image,
	.loops-wrapper.grid4 .post-image,
	.loops-wrapper.grid3 .post-image,
	.loops-wrapper.grid2 .post-image,
	.loops-wrapper.list-large-image .post-image {
		float: none;
		position: static;
		width: auto;
		overflow: visible;
	}
	
	.loops-wrapper.list-large-image .post-video,
	.loops-wrapper.list-large-image .post-image {
		max-width: none;
		margin-right: 0;
		float: none;
	}

	/* all post content */
	.loops-wrapper.grid2-thumb .post-content,
	.loops-wrapper.list-thumb-image .post-content {
		overflow: visible;
	}

	/* slider post */
	.loops-wrapper.slider .post-content {
		position: static;
		background-color: #000;
		padding-top: 10px;
		padding-bottom: 5px;
	}
	.loops-wrapper.slider .post-meta {
		position: static;
	}
	
	.loops-wrapper.list-post .post,
	.single .post {
		padding: 0;
	}
  
	/* single post date wrap */
	.loops-wrapper.list-post .post-date-wrap,
	.single .post-date-wrap {
		position: static;
		float: left;
		width: 88px;
		padding-top: 0.5em;
		padding-right: 12px;
	}
	.loops-wrapper.list-post .entry-content,
	.single .entry-content {
		clear: both;
	}
	.loops-wrapper.list-post .post-title,
	.single .post-title {
		padding-left: 105px;
		font-size: 2em;
	}
	.loops-wrapper.list-post .post-date,
	.single .post-date {
		margin: 0 0 8px;
	}
	.loops-wrapper.list-post .post-date .day,
	.single .post-date .day {
		font-size: 33px;
	}
	.loops-wrapper.list-post .post-date .month,
	.single .post-date .month {
		font-size: 15px;
	}

	.slides li {
		margin-right: 15px;
	}

	/************************************************************************************
	POST NAV
	*************************************************************************************/
	.post-nav .prev, 
	.post-nav .next {
		margin-bottom: 20px;
	}
	
	/************************************************************************************
	COMMENTS
	*************************************************************************************/
	.commentlist {
		padding-left: 0;
	}
	.commentlist .commententry {
		clear: left;
	}
	.commentlist .avatar {
		float: left;
		width: 40px;
		height: 40px;
		margin: 0 1em 1em 0;
	}
	.comment-title, .comment-reply-title {
		font-size: 1.4em;
	}
	#respond #cancel-comment-reply-link {
		top: 38px;
	}
}