@media (max-width: 767px) {
	#main-menu {
		background: #fff;
		padding: 0;
	}
	#main-menu > ul:not(.pull-right-mobile) {
		display: none;
	}
	#main-menu > ul.active {
		display: block;
	}
	#main-menu > ul.pull-right {
		display: block;
		position: absolute;
		top: 0px;
		right: 15px;
	}
	#main-menu > ul.pull-right > li:first-child {
		display: none;
	}

	/* pull left */
	#main-menu > ul.pull-left {
		width: 100%;
		padding: 0 15px;
	}
	#main-menu > ul.pull-left li:not(.divider) {
		float: none;
		display: block;
		width: 100%;
		height: auto;
		border-bottom: 1px solid #f4f4f4;
	}
	#main-menu > ul.pull-left li:not(.divider):last-child {
		border: none;
	}
	#main-menu > ul.pull-left li a,
	#main-menu > ul.pull-left li a:hover,
	#main-menu > ul.pull-left li.active a {
		width: 100%;
		border: none !important;
		transition: none;
		border-radius: 3px;
		padding: 13px 15px 11px !important;
	}
	#main-menu > ul.pull-left li a:hover,
	#main-menu > ul.pull-left li.active a {
		background: #F96E5B;
		color: #fff;
	}
	#main-menu > ul.pull-left li.active {
		border: none;
	}
	#main-menu > ul.pull-left li.dropdown > a {
		display: none !important;
	}
	#main-menu > ul.pull-left li.dropdown > ul {
		display: block;
		position: relative;
		box-shadow: none;
		width: 100%;
	}
	#main-menu > ul.pull-left li.dropdown > ul > li {
		width: 100%;
		display: block;
	}
	#main-menu > ul.pull-left li.dropdown > ul > li > a {
		padding: 13px 15px 11px;
	}

	#main-menu > #logo {
		margin: 0 auto;
		display: block;
		float: none;
		width: 95px;
	}
	#main-menu > #toggle-mobile-menu {
		display: block;
	}

	#main-menu a#userMenu {
		display: block;
	}
	#main-menu a#userMenu {
		border-color: #fff;
	}
	#main-menu > ul.pull-left form#mobileSearch {
		display: block;
	}

	ul#categories li a {
		padding: 12px 15px 10px;
	}
	#main article > content.entry-summary img {
		width: 100% !important;
		height: auto;
		margin: 0 auto 10px !important;
	}


	/* featuredArticle begin */
	#featuredArticle {
		padding: 35px 15px;
	}
	#featuredArticle h1 a {
		font-size: 70%;
		line-height: 32px;
		display: block;
	}
	#featuredArticle span.span1 {
		font-size: 75%;
	}
	#featuredArticle span.span2 {
		font-size: 75%;
	}
	/* featuredArticle end */

	#mainModal .modal-dialog {
		margin: 10px auto;
	}
	#mainModal .modal-body {
		padding: 15px;
	}

	/* SINGLE ARTICLE */
	#main .articles article header h2 {
		margin-top: 10px;
		line-height: 22px;
	}
	#main .articles article header h2 > a {
		font-size: 22px;
	}
	#main .articles article header h2 > .fa.bookmark-post {
		line-height: 22px;
		padding: 0;
	}
	#main .widget.widget_pixel77_new_articles_widget .summary h4 a {
		font-size: 16px;
	}
	#main .widget.widget_pixel77_new_articles_widget span {
		font-size: 13px;
	}
	#article ul,
	#article ol {
		padding: 0 35px 20px;
		margin-top: 5px;
	}
	#article ul li {
		line-height: 34px;
		list-style-type: circle;
		padding-left: 5px;
		font-size: 18px;
	}
	#article ol li {
		line-height: 34px;
		padding-left: 5px;
		font-size: 18px;
	}
	#main .articles article header .post-meta > .author {
		font-size: 12px;
	}
	#main .articles article header .post-meta > .author img {
		width: 30px;
		height: 30px;
	}
	#main .articles article header .post-meta {
		padding: 0px 0px 15px 40px;
		line-height: 12px;
	}
	#main .articles article header .post-meta > .categories {
		line-height: 22px;
	}
	#main .articles article header .post-meta > .read_time {
		line-height: 22px;
		font-size: 12px;
	}
	#main .articles article content.entry-summary {
		font-family: "calluna",serif;
		font-size: 16px;
		line-height: 24px;
		color: #333;
		margin-bottom: 25px;
		word-wrap: break-word;
		word-spacing: 0.05em;
	}
	/* COMMENTS */
	.comment.depth-2 .comment-body {
		margin-left: 40px;
	}
	#comments .comment .comment-author img {
		width: 30px;
		height: 30px;
	}
	#comments .comment .comment-meta {
		padding-left: 40px;
	}
	#comments .comment .comment-content {
		padding: 0 0 0 40px;
		font-size: 14px;
	}
	#article article.post > content.entry-summary{
		font-size: 18px;
	}
	#article article.post > footer.entry-meta {
		font-size: 14px;
	}
	/* ARCHIVE */
	#main .articles article footer.entry-meta ul li.continue-reading {
		display: none;
	}
	#main .articles article footer.entry-meta ul li.continue-reading + li:before {
		content: '';
	}

	/* ARCHIVE FREEBIES */
	#main .articles.freebies .freebie a > div h5 {
		font-size: 14px;
		margin-top: 20%;
		margin-left: 5px;
		margin-right: 5px;
	}
	#main .articles.freebies .freebie a > div > span {
		font-size: 14px;
		padding: 5px 15px;
	}

	/* SINGLE ARTICLE */
	#main #article h1.entry-title {
		font-size: 30px;
	}
	#article article.post > header {
		margin: 40px auto 10px;
	}
	#article article.post > header .post-meta {
		padding: 0 0 0 40px;
		display: inline-block;
		width: 100%;
	}
	#article article.post > header .post-meta > .author img {
		width: 30px;
		height: 30px;
	}
	#article article.post > header .post-meta > .author {
		font-size: 12px;
		line-height: 12px;
	}
	#article article.post > header .post-meta > .categories {
		line-height: 22px;
	}
	#article article.post > header .post-meta > .read_time {
		font-size: 12px;
		line-height: 22px;
	}
	#article article.post > footer.entry-meta #respond p input[type="text"] {
		width: 100%
	}

	#article article.post > footer.entry-meta ul {
		float: left;
	}
	#article article.post > content.entry-summary > p:first-of-type::first-letter {
		font-size: 55px;
		line-height: 36px;
	}

	#main #article {
		padding-left: 0;
		padding-right: 0;
	}
	#main article.post > content.entry-summary p {
		font-size: 16px;
		line-height: 26px;
	}

	/* ARCHIVE + SINGLE ARTICLE */
	#main article footer.entry-meta ul li a {
		font-weight: 600;
		font-size: 13px;
		padding-top: 20px;
	}

	/* MODAL */

	.pixel77_modal .modal-body {
		padding: 15px 20px;
		overflow: hidden;
	}
	.pixel77_modal .modal-body form > span,
	.pixel77_modal .modal-body form .sign-in > span,
	.pixel77_modal .modal-body form .wp-social-login-connect-with {
		padding: 15px 0 10px;
	}
	.pixel77_modal .modal-body form > span:first-child {
		padding-top: 0;
	}

	.pixel77_modal .modal-body form > div.inputs input {
		line-height: 35px;
	}
	.wp-social-login-widget .wp-social-login-provider-list > a:after {
		font-size: 20px;
		line-height: 35px;
	}
	.pixel77_modal .modal-body .sign-in a {
		line-height: 35px;
	}
	.container {
		padding-left: 0px;
		padding-right: 0px;
	}
	#main article.post {
	    padding: 15px 15px 30px;
	    clear: both;
	    border-bottom: 1px solid #ddd;
	    border-top: 5px solid #eee;
	}
	#main .widget-area {
		padding: 0 15px !important;
	}
	#article > .widget {
		padding-left: 15px;
		padding-right: 15px;
	}
	#main .articles.results article {
		padding: 30px 15px;
	}
	#main .articles.results > h2 {
		border-bottom: none;
		font-size: 22px;
		padding: 0 15px;
	}


	.to-top {
		right: 70px;
	}


}

@media (max-width: 1199px) {

	#main .articles {
		border: none;
		padding: 0;
	}
	#main #categories,
	#main .articles > h2,
	#main .articles > i,
	#main .articles article,
	#main .widget-area > div {
		max-width: 700px;
		margin-left: auto;
		margin-right: auto;
		float: none;
		display: block;
	}
	#main .widget-area {
		padding: 0;
	}

	#main .widget-area .widget_pixel77_new_articles_widget .summary h4 a {
		font-size: 18px;
		font-weight: 600;
	}

	/* FREEBIE */
	#article.freebie {
		border-right: 0;
	}

}