@media only screen and (min-width: 942px) and (max-width: 1170px) {
	.container {
		/* width: 940px; */
	}

	#main {
		/* width: 650px; */
	}

	#logo img {
		max-width: 100%;
	}

	/* Featured area */

	.feat-item {
		height: 574px;

		padding: 15.2% 28.5%;
	}

	/* Grid item */

	.sp-grid > li {
		width: 310px;
	}

	#main.fullwidth .sp-grid > li {
		width: 450px;
	}

	/* Related items */

	.item-related {
		width: 204px;

		margin-right: 19px;
	}

	#main.fullwidth .item-related {
		width: 292px;

		margin-right: 32px;
	}

	#main.fullwidth .item-related:last-child {
		margin-right: 0;
	}
}

@media only screen and (min-width: 768px) and (max-width: 960px) {
	.container {
		/* width: 726px; */
	}

	#main {
		width: 100%;
	}

	#sidebar {
		width: 100%;

		margin: 0 auto;

		float: none;

		overflow: hidden;
	}

	#logo img {
		max-width: 100%;
	}

	/* Featured area */

	.feat-item {
		height: 444px;

		padding: 12.2% 25.5%;
	}

	.feat-item .post-header h2 a {
		font-size: 22px;
	}

	/* Responsive Menu */

	#nav-wrapper {
		display: none;
	}

	.slicknav_menu {
		display: block;
	}

	/* Grid item */

	.sp-grid li {
		width: 348px;
	}

	#main.fullwidth .sp-grid > li {
		width: 348px;

		margin-right: 26px;
	}

	/* Related items */

	.item-related,
	#main.fullwidth .item-related {
		width: 230px;

		margin-right: 18px;
	}

	#main.fullwidth .item-related:last-child {
		margin-right: 0;
	}
}

@media only screen and (max-width: 767px) {
	.container {
		/* width: 320px; */
	}

	#content {
		margin-bottom: 80px;
	}

	#main {
		width: 100%;
	}

	#sidebar {
		width: 100%;
	}

	#logo img {
		max-width: 100%;
	}

	/* Featured area */

	.feat-item {
		height: 220px;

		padding: 16.2% 16.5%;
	}

	.feat-item .read-more {
		display: none;
	}

	.feat-item .post-header .date {
		display: none;
	}

	.feat-item .post-header .date {
		margin-bottom: 0;
	}

	.feat-item .post-header h2 a {
		font-size: 15px;
	}

	.feat-item .post-header h2 {
		margin-bottom: 0;
	}

	.feat-item .post-header .cat a {
		font-size: 8px;
		margin-bottom: 7px;
	}

	/* Responsive search */

	#top-search {
		right: 10px;
	}

	i.search-desktop {
		display: none;
	}

	i.search-toggle {
		display: inline;
	}

	#top-search #s {
		display: none;
	}

	#top-social {
		right: 55px;
	}

	/* Responsive Menu */

	#nav-wrapper {
		display: none;
	}

	.slicknav_menu {
		display: block;
	}

	/* List layout */

	.list-item .post-img img {
		max-width: 100%;
	} /*135 / 90*/

	.list-item .post-img {
		float: none;
		margin-right: 0px;
	}

	.list-item p {
		display: none;
	}

	.list-item .post-header h2 a {
		font-size: 16px;
	}

	.list-item .post-header h2 {
		margin-bottom: 6px;
	}

	.list-item .post-header {
		margin-bottom: 0;
	}

	/* grid item */

	.sp-grid > li,
	#main.fullwidth .sp-grid > li {
		width: 300px;

		margin-right: 0;
	}

	.grid-item .post-header h2 a {
		font-size: 18px;
	}

	/* Related items */

	.item-related,
	#main.fullwidth .item-related {
		width: 300px;

		margin-right: 0;

		margin-bottom: 20px;
	}

	.author-img {
		margin-right: 16px;
	}

	.author-img img {
		max-width: 60px;

		height: auto;
	}

	#respond textarea {
		width: 90%;
	}

	.bx-wrapper .bx-prev {
		left: 10px;
	}

	.bx-wrapper .bx-next {
		right: 10px;
	}
}

@media only screen and (min-width: 480px) and (max-width: 768px) {
	.container {
		/* width: 480px; */
	}

	/* Featured area */

	.feat-item {
		height: 310px;

		padding: 14.2% 20.5%;
	}

	.feat-item .post-header .date {
		display: block;
	}

	.feat-item .post-header h2 {
		margin-bottom: 14px;
	}

	.feat-item .post-header .cat a {
		font-size: 10px;
		margin-bottom: 12px;
	}

	.feat-item .post-header h2 a {
		font-size: 16px;
	}

	/* List layout */

	.list-item .post-img img {
		max-width: 100%; /*180px*/
	}

	.list-item .post-img {
		float: none; /*margin-right:22px;*/
	}

	.list-item .post-header h2 a {
		font-size: 20px;
	}

	.list-item .post-header h2 {
		margin-bottom: 8px;
	}

	/* grid item */

	.sp-grid > li,
	#main.fullwidth .sp-grid > li {
		width: 225px;

		margin-right: 26px;
	}

	/* Related items */

	.item-related,
	#main.fullwidth .item-related {
		width: 148px;

		margin-right: 18px;
	}

	.author-img img {
		max-width: 70px;

		height: auto;
	}

	.bx-wrapper .bx-prev {
		left: 13px;
	}

	.bx-wrapper .bx-next {
		right: 13px;
	}
}