.slicknav_menu {
	display: none;
}

@media only screen and (max-width: 1060px) {
	.header-social {
		margin-left: 20px;
	}

	.listing-2-col .box .primary .entry-title {
		bottom: 15px;
	}
}

@media only screen and (min-width: 1024px) and (max-width: 1060px) {
	.gradient {
		bottom: 0;
	}

	.header-search #search-form input {
		width: 300px;
	}

	.container {
		width: 1024px !important;
	}

	#primary-nav .links li {
		width: 168px !important;
	}

	#primary-nav .posts .cat-posts {
		width: 828px;
	}

	#primary-nav .posts .cat-posts .post-list {
		width: 192px;
	}

	#featured-content .featured-primary {
		width: 683px;
		height: 379px;
	}

	#featured-content .featured-secondary .hentry {
		overflow: hidden;
		height: 189px;
	}

	.listing-4-col ul li {
		width: 146px;
	}

	.listing-3-col ul li {
		width: 196px;
	}

	.listing-2-col {
		margin: 0 0 0 0;
	}

	.listing-2-col .box {
		width: 307px;
		height: auto;
	}

	.listing-2-col .box .primary {
		height: 175px;
		height: auto;
	}

	.listing-2-col .box .gradient {
		bottom: 5px;
	}

	.content-area,
    .content-loop {
		width: 644px;
	}

	#footer-nav ul > li a {
		width: 118px;
	}
}

@media only screen and (max-width: 1023px) {
	.gradient {
		bottom: 5px;
	}

	.site-main {
		background-image: none;
	}

	.js #primary-menu,
    .js #secondary-menu {
		display: none;
	}

	.js .slicknav_menu {
		display: block;
	}
    /*
	    Mobile Menu Core Style
	*/
	.slicknav_btn {
		line-height: 1.125em;
		position: relative;
		display: block;
		float: left;
		padding: .438em 3%;
		cursor: pointer;
		vertical-align: middle;
	}

	.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
		margin-top: .188em;
	}

	.slicknav_menu .slicknav_menutxt {
		line-height: 1.188em;
		display: block;
		float: left;
		padding-right: 5px;
	}

	.slicknav_menu .slicknav_icon {
		float: left;
		margin: .188em 0 0 0;
		color: #999;
	}

	.slicknav_menu .slicknav_no-text {
		margin: 0;
	}

	.slicknav_menu .slicknav_icon-bar {
		display: block;
		width: 1.125em;
		height: .125em;
		border-radius: 1px;
	}

	.slicknav_menu:before,
    .slicknav_menu:after {
		display: table;
		content: ' ';
	}

	.slicknav_menu:after {
		clear: both;
	}
    /* IE6/7 support */
	.slicknav_menu {
		*zoom: 1;
	}

	.slicknav_nav {
		clear: both;
	}

	.slicknav_nav ul,
    .slicknav_nav li {
		display: block;
	}

	.slicknav_nav .slicknav_arrow {
		font-size: .8em;
		margin: 0 0 0 .4em;
	}

	.slicknav_nav .slicknav_item {
		cursor: pointer;
	}

	.slicknav_nav .slicknav_row {
		display: block;
	}

	.slicknav_nav a {
		display: block;
	}

	.slicknav_nav .slicknav_item a,
    .slicknav_nav .slicknav_parent-link a {
		display: inline;
	}
    /* 
	    User Default Style
	    Change the following styles to modify the appearance of the menu.
	*/
	.slicknav_nav a:active {
		outline: none !important;
	}
    /* Button */
	.slicknav_btn {
		margin: 4px 0;
		text-decoration: none;
	}
    /* Button Text */
	.slicknav_menu {
		font-size: 1.14em;
		background: #4c4c4c;
	}

	.slicknav_menu .slicknav_menutxt {
		font-weight: bold;
		color: #fff;
	}

	.slicknav_nav {
		font-size: .875em;
		overflow: hidden;
		width: 100%;
		margin: 0;
		padding: 0;
		list-style: none;
		color: #fff;
	}

	.slicknav_nav a {
		padding: 7px 3%;
		text-decoration: none;
	}

	.slicknav_nav ul {
		overflow: hidden;
		margin: 0 0 0 20px;
		padding: 0;
		list-style: none;
	}

	.slicknav_nav .slicknav_item a,
    .slicknav_nav .slicknav_parent-link a {
		margin: 0;
		padding: 0 0 0 5%;
	}

	.slicknav_nav .slicknav_txtnode {
		margin-left: 15px;
	}

	.slicknav_nav .slicknav_row {
		padding: 7px 0;
	}

	#primary-bar {
		line-height: 40px;
		position: relative;
		height: 40px;
	}

	#primary-bar .slicknav_menu {
		border-top: 1px solid #343434;
		background: #141414;
	}

	#primary-bar .slicknav_menu .slicknav_menutxt {
		color: #999;
	}

	#primary-bar .slicknav_menu .slicknav_icon-bar {
		background-color: #999;
	}

	#primary-bar .slicknav_nav {
		background: #e6e6e6;
	}

	#primary-bar .slicknav_nav a {
		line-height: 1.5;
		color: #999;
	}

	#primary-bar .slicknav_nav a:hover {
		background: #f0f0f0;
	}

	#primary-bar .nav-right {
		line-height: 40px;
		position: absolute;
		top: 0;
		right: 20px;
	}

	#primary-bar .color1,
    #primary-bar .color2,
    #primary-bar .color3,
    #primary-bar .color4,
    #primary-bar .color5,
    #primary-bar .color6 {
		border: none !important;
	}

	#primary-bar .color1:hover,
    #primary-bar .color2:hover,
    #primary-bar .color3:hover,
    #primary-bar .color4:hover,
    #primary-bar .color5:hover,
    #primary-bar .color6:hover {
		background: #f0f0f0 !important;
	}

	#primary-bar .sfHover .color1,
    #primary-bar .sfHover .color2,
    #primary-bar .sfHover .color3,
    #primary-bar .sfHover .color4,
    #primary-bar .sfHover .color5,
    #primary-bar .sfHover .color6 {
		background: #f0f0f0 !important;
	}

	.header-ad {
		height: auto;
	}

	#featured-content .featured-primary,
    #featured-content .featured-secondary {
		width: 100%;
	}

	#featured-content .featured-secondary .hentry {
		float: left;
		width: 49.87%;
		height: auto;
	}

	.sidebar {
		display: none;
	}

	.content-area {
		width: 94%;
		padding: 20px 3%;
	}

	.content-loop {
		width: 100%;
	}

	#footer {
		margin: 0;
	}

	#footer .footer-column {
		float: none;
		width: 100%;
		margin: 0 0 20px 0;
		padding: 0 0 20px 0;
		border-bottom: 1px solid #343434;
	}

	#footer .footer-column-4 {
		margin: none;
		padding: none;
		border-bottom: none;
	}

	#comments .commentlist li.comment .comment-container .comment-head,
    #comments .commentlist li.comment .comment_container .comment-text,
    #comments .commentlist li.comment .comment-container .comment-entry {
		margin-left: 0;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
	.header-search #search-form input {
		width: 200px;
	}

	.container {
		width: 94% !important;
	}

	#featured-content .featured-primary {
		width: 100%;
		height: auto;
		margin: 0;
	}

	#featured-content .featured-secondary .hentry {
		width: 45.7%;
		height: auto;
		margin: 3% 0 0 3%;
	}

	.listing-4-col ul li {
		width: 22.75%;
		margin-right: 3%;
	}

	.listing-4-col ul li .entry-thumbnail {
		width: 100%;
		height: auto;
	}

	.listing-3-col ul li {
		width: 31.33333333%;
		margin-right: 3%;
	}

	.listing-3-col ul li .entry-thumbnail {
		width: 100%;
		height: auto;
	}

	.listing-2-col {
		margin: 0 0 0 0;
	}

	.listing-2-col .box {
		width: 48.3%;
		height: auto;
	}

	.listing-2-col .box .primary {
		height: auto;
	}

	.listing-2-col .box .primary .entry-thumbnail {
		width: 100% !important;
		height: auto;
	}
}

@media only screen and (max-width: 767px) {
	.header-ad {
		width: 94%;
	}

	.header-social {
		display: none;
	}

	.post-nav .nav-previous,
    .post-nav .nav-next {
		display: block;
		float: none;
		margin-bottom: 10px;
	}

	.content-loop .entry-summary {
		display: table;
	}

	.listing-1-col .entry-meta,
    .line {
		display: none;
	}

	.entry-summary {
		clear: none !important;
	}

	.related-posts ul li {
		width: 100%;
		margin-bottom: 15px;
		padding-right: 0;
	}

	.related-posts ul li .entry-thumbnail {
		float: left;
		width: 120px;
		height: auto;
		margin: 0 10px 0 0;
	}

	#respond #commentform .comment-form-author,
    #respond #commentform .comment-form-email,
    #respond #commentform .comment-form-url {
		width: 100%;
	}

	#respond #commentform textarea {
		width: 100%;
	}

	#site-bottom .container .footer-links {
		float: none;
		padding-bottom: 30px;
	}

	#site-bottom .container .copyright {
		float: none;
		clear: both;
	}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	.header-search #search-form input {
		width: 120px;
	}

	.container {
		width: 94% !important;
	}

	#featured-content .featured-primary {
		width: 100%;
		height: auto;
		margin: 0;
	}

	#featured-content .featured-secondary .hentry {
		width: 45.7%;
		height: auto;
		margin: 3% 0 0 3%;
	}

	.content-loop .entry-meta {
		display: none;
	}

	.listing-4-col ul li {
		width: 22.75%;
		margin-right: 3%;
	}

	.listing-4-col ul li .entry-thumbnail {
		width: 100%;
		height: auto;
	}

	.listing-3-col ul li {
		width: 31.33333333%;
		margin-right: 3%;
	}

	.listing-3-col ul li .entry-thumbnail {
		width: 100%;
		height: auto;
	}

	.listing-2-col {
		margin: 0 0 0 0;
	}

	.listing-2-col .box {
		width: 48.3%;
		height: auto;
	}

	.listing-2-col .box .primary {
		height: auto;
	}

	.listing-2-col .box .primary .entry-thumbnail {
		width: 100% !important;
		height: auto;
	}
}

@media only screen and (max-width: 479px) {
	.header-search {
		display: none;
	}

	.container {
		width: 94% !important;
	}

	.content-loop .entry-meta {
		display: block;
	}

	#featured-content .featured-primary {
		width: 100%;
		height: auto;
		margin: 0;
	}

	#featured-content .featured-secondary .hentry {
		width: 100%;
		height: auto;
		margin: 1px 0 0 0;
	}

	.listing-4-col ul li {
		width: 48%;
		margin: 0 4% 4% 0;
	}

	.listing-4-col ul li:nth-of-type(2n) {
		margin-right: 0;
	}

	.listing-4-col ul li .entry-thumbnail {
		width: 100%;
		height: auto;
	}

	.listing-3-col ul li {
		width: 48%;
		margin: 0 4% 4% 0;
	}

	.listing-3-col ul li:nth-of-type(2n) {
		margin-right: 0;
	}

	.listing-3-col ul li:nth-of-type(3) {
		margin-right: 4%;
	}

	.listing-3-col ul li:nth-of-type(3n+1) {
		clear: none;
	}

	.listing-3-col ul li .entry-thumbnail {
		width: 100%;
		height: auto;
	}

	.listing-2-col {
		margin: 0 0 0 0;
	}

	.listing-2-col .box {
		width: 100%;
		height: auto;
	}

	.listing-2-col .box .primary {
		height: auto;
	}

	.listing-2-col .box .primary .entry-thumbnail {
		width: 100% !important;
		height: auto;
	}

	.listing-1-col .entry-meta {
		margin-left: 155px;
	}

	.content-loop .hentry .entry-thumbnail {
		float: none;
		width: 100%;
		margin-bottom: 10px;
	}

	.related-posts .entry-summary {
		display: none;
	}
}

@media only screen and (min-width: 768px) {
	.comment-wrapper {
		display: table;
		width: 100%;
	}

	.comment-avatar {
		display: table-cell;
		width: 95px;
		margin: 0;
		vertical-align: top;
	}

	.comment-avatar figure {
		margin-right: inherit;
		margin-left: inherit;
	}

	.comment-detail {
		display: table-cell;
		padding: 30px 30px 7px 30px;
		vertical-align: top;
	}

	.comment-detail:before {
		left: 0;
		margin-top: 30px;
		margin-left: -20px;
		border-top: 10px solid transparent;
		border-right: 10px solid #f7f7f7;
		border-bottom: 10px solid transparent;
	}

	.comment-name {
		margin: 0 70px 10px 0;
	}

	.comment-reply {
		position: absolute;
		top: 30px;
		right: 30px;
	}

	.comment-list > li > ul {
		margin-left: 130px;
	}
}