#wrapper {
	min-width: 320px;
}

@media only screen and (max-width: 1680px) {
	.masonry-item {
		width: 33.33%;
	}

	.col-1c .masonry-item {
		width: 25%;
	}
}

@media only screen and (max-width: 1280px) {
	.masonry-item {
		width: 50%;
	}

	.col-1c .masonry-item {
		width: 33.33%;
	}

	.entry-header .entry-title {
		font-size: 38px;
	}
}

@media only screen and (min-width: 960px) and (max-width: 1080px) {

	.masonry-item,
	.col-1c .masonry-item {
		width: 33.33%;
	}
}

@media only screen and (max-width: 959px) {
	.col-1c .masonry-item {
		width: 50%;
	}
}

@media only screen and (max-width: 620px) {

	.masonry-item,
	.col-1c .masonry-item {
		width: 100%;
	}
}

/* ------------------------------------------------------------------------- *
 *  Sidebar : 960px > 480px
/* ------------------------------------------------------------------------- */
@media only screen and (min-width: 480px) and (max-width: 1080px) {

	/* s1 general */
	.s1 {
		width: 100%;
	}

	.s1 .sidebar-content {
		width: 100%;
	}

	.col-2cr .s1 {
		margin-left: 0;
	}

	.col-2cr .main-inner {
		padding-left: 0;
	}

	.col-2cl .s1 {
		margin-right: 0;
	}

	.col-2cl .main-inner {
		padding-right: 0;
	}

	.main-inner {
		display: block;
	}

	.sidebar .widget {
		margin-top: 0;
		border-radius: 0 !important;
		border-top: 1px solid #e5e5e5;
	}

	.entry-header .entry-title {
		font-size: 42px;
	}

	.page-title h1,
	.page-title h2,
	.page-title h3,
	.page-title h4 {
		font-size: 20px;
	}

	.page-title .notebox {
		font-size: 16px;
	}

}


/* ------------------------------------------------------------------------- *
 *  Mobile (Mid Res) : 719px > 0px (480px & 320px)
/* ------------------------------------------------------------------------- */
@media only screen and (max-width: 719px) {

	/* layout */
	#wrapper {
		padding-left: 0;
	}

	.main-inner {
		display: block;
	}

	.sidebar .widget {
		margin-top: 0;
		border-width: 1px 0 0 0;
	}

	.container {
		padding: 0;
	}

	.grid {
		width: 100%;
		margin: 0 0 10px;
	}

	.sidebar .widget {
		padding-left: 20px;
		padding-right: 20px;
	}

	.pagination {
		margin-left: 20px;
		margin-right: 20px;
	}

	/* hide */
	.site-description,
	.image-caption {
		display: none;
	}

	/* base */
	.pad {
		padding: 20px 20px 10px;
	}

	.notebox {
		margin-bottom: 20px;
	}

	.entry {
		font-size: 15px;
	}

	/* text */
	.entry h1 {
		font-size: 30px;
		letter-spacing: -0.7px;
	}

	.entry h2 {
		font-size: 26px;
		letter-spacing: -0.5px;
	}

	.entry h3 {
		font-size: 24px;
		letter-spacing: -0.3px;
	}

	.entry h4 {
		font-size: 22px;
		letter-spacing: -0.3px;
	}

	.entry h5 {
		font-size: 18px;
	}

	.entry h6 {
		font-size: 16px;
		text-transform: uppercase;
	}

	/* header */
	#header,
	#header .pad {
		padding: 0;
	}

	.site-title {
		padding: 10px 0;
		margin: 0;
		width: 100%;
		float: none;
		line-height: 50px;
		border-bottom: 1px solid #eee;
	}

	.site-title a {
		text-align: center;
	}

	.toggle-search {
		background: none;
		border: 0;
		width: auto;
		position: absolute;
		left: 10px;
		top: -50px;
		z-index: 103;
		color: #333;
		margin: 0;
		padding: 10px 12px;
	}

	.toggle-search:focus {
		outline: none;
	}

	.toggle-search:hover,
	.toggle-search.active {
		background: transparent;
		color: #333;
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.search-expand {
		top: -1px;
		left: 0;
		width: 100%;
		padding: 0;
	}

	.search-expand-inner {
		padding: 0;
		width: 100%;
	}

	.search-expand .themeform.searchform div input {
		border-radius: 0;
		padding: 22px 22px 22px 60px;
	}

	.s2 .themeform.searchform div:after {
		top: 22px;
		left: 26px;
	}

	#nav-header.nav-container {
		margin-top: 0;
	}

	#profile-inner {
		padding-left: 80px;
	}

	#profile-image {
		margin-left: -80px;
		margin-top: 0;
	}

	#profile-image img {
		width: 60px;
		height: 60px;
		margin-right: 20px;
	}

	#profile-name {
		font-size: 20px;
		letter-spacing: 0;
		padding-top: 0;
	}

	#profile-description {
		font-size: 16px;
	}

	.s2 {
		box-shadow: none;
		position: relative;
		width: 100%;
		text-align: center;
		top: 0 !important;
	}

	.s2 .social-links li:before {
		display: none;
	}

	.s2 .social-links {
		background: #f5f5f5;
		margin-top: 0;
		border-bottom: 1px solid #e5e5e5;
	}

	.s2 .social-links li {
		width: auto;
	}

	.s2 .social-links .social-tooltip {
		margin: 0;
	}

	.s2 .social-links .social-tooltip:hover:after,
	.s2 .social-links .social-tooltip:hover:before {
		display: none;
	}

	/* footer */
	#nav-footer.nav-container {
		padding: 0;
	}

	#footer-bottom .pad {
		padding-top: 50px;
		padding-bottom: 40px;
	}

	#footer-bottom .one-half.last {
		margin-bottom: 0;
	}

	#footer-bottom {
		text-align: center;
	}

	#footer-bottom #footer-logo {
		margin-left: auto;
		margin-right: auto;
	}

	#footer-bottom .social-links {
		float: none;
	}

	#footer-bottom .social-links li {
		margin-left: 4px;
		margin-right: 4px;
	}

	/* comments */
	.comment-tabs {
		font-size: 14px;
	}

	.commentlist li {
		font-size: 13px;
	}

	.commentlist li ul li {
		padding-left: 10px;
	}

	/* page */
	.page-title {
		font-size: 18px;
		margin-bottom: 0;
	}

	.notebox {
		font-size: 15px;
	}

	/* blog */
	.featured-post {
		bottom: 0;
	}

	.featured-post-title {
		font-size: 14px;
	}

	.slick-posts {
		margin-top: 0;
	}

	.entry-header {
		margin-bottom: 20px;
	}

	.entry-header .entry-title {
		font-size: 28px;
		margin-bottom: 10px;
	}

	.entry-header .entry-meta {
		font-size: 15px;
	}

	.entry-media {
		margin-bottom: 30px;
	}

	.front-widget-col {
		width: 100%;
	}

	.front-widget-inner {
		margin: 0;
	}

	.format-gallery .post-format .flexslider .slides img {
		max-height: 340px;
	}

	/* single */
	.post-nav li a strong,
	.sharrre .count:after {
		display: none;
	}

	.sharrre .box {
		padding-top: 16px;
		padding-bottom: 6px;
	}

	.sharrre .box {
		padding-left: 0;
		padding-right: 0;
	}

	.sharrre .count {
		width: 70%;
		margin: 0 15%;
	}

	.sharrre .share {
		width: 100%;
		margin-left: 0;
		margin-top: 0;
	}

	.post-nav li {
		width: 100%;
		-webkit-box-shadow: none !important;
		box-shadow: none !important;
	}

	.post-nav li a {
		min-height: 0;
	}

	.post-nav li.previous {
		border-top: 1px solid #eee;
	}

	.author-bio .bio-desc {
		font-size: 16px;
	}

}

/* ------------------------------------------------------------------------- *
 *  Mobile (Low Res) : 479px > 0 (320px)
/* ------------------------------------------------------------------------- */
@media only screen and (max-width: 479px) {

	/* layout */
	.content,
	.sidebar.s1 {
		width: 100%;
		float: none;
		margin-right: 0 !important;
		margin-left: 0 !important;
	}

	.sidebar.s1 {
		width: 100%;
		display: block;
		float: left;
		margin-top: 20px;
	}

	.main,
	.main-inner {
		padding: 0 !important;
	}

	.content {
		padding: 0;
	}

	.sidebar .widget {
		margin-top: 0;
		border-radius: 0 !important;
		border-top: 1px solid #e5e5e5;
	}

	/* hide */
	.mobile-sidebar-hide-s1 .s1,
	.mobile-sidebar-hide .sidebar,
	.gallery-caption {
		display: none;
	}

	/* base */
	.page-title h1,
	.page-title h2,
	.page-title h3,
	.page-title h4 {
		font-size: 18px;
	}

	.page-title .notebox {
		font-size: 15px;
	}

	/* header */
	.site-title {
		font-size: 32px;
	}

	#profile {
		padding-top: 20px;
	}

	/* blog */
	.page .content>article,
	.single .content>article {
		padding: 0;
	}

	.masonry-item {
		padding-bottom: 0;
	}

	.entry>.alignfull {
		margin-left: -20px;
		margin-right: -20px;
	}

	.entry-header,
	.entry-content,
	.entry-footer {
		padding-right: 20px;
		padding-left: 20px;
	}

}