#wrapper {
	min-width: 320px;
	overflow: hidden;
}

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

	#wrapper-inner {
		margin-bottom: 20px;
	}

	/* s1 general */
	.s1 {
		width: 100%;
		box-shadow: none !important;
	}

	.s1 .sidebar-content {
		max-width: 420px;
		margin: 0 auto;
	}

	.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;
	}

}

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

	.featured-item {
		height: 280px;
	}

	.featured-content {
		padding: 20px;
	}

	.featured-title {
		font-size: 24px;
		line-height: 1.4em;
		letter-spacing: -0.5px;
	}

	.featured-divider {
		margin: 20px 0;
	}

	.featured-meta {
		font-size: 13px;
	}

	.featured-author {
		width: 32px;
	}

	.featured-date,
	.featured-category {
		margin-top: 6px;
	}

	.list-card-meta {
		font-size: 13px;
	}

	.page-title {
		padding-left: 20px;
		padding-right: 20px;
	}

	.list-card-wrap {
		padding-left: 0;
	}

	.list-card {
		padding: 20px;
	}

	.list-card-left {
		position: static;
		margin-bottom: 20px;
	}

	.list-card-image {
		width: 100%;
		height: 194px;
	}

	.front-widgets {
		margin: 20px;
	}
}


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

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

	#wrapper-inner {
		overflow: visible;
		margin-top: 0;
		margin-bottom: 0;
		padding-left: 0;
	}

	.content {
		margin-top: 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: 22px;
		letter-spacing: -0.5px;
	}

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

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

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

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

	/* header */
	#header {
		box-shadow: none;
	}

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

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

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

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

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

	.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;
	}

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

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

	.s2 .social-links {
		margin-top: 0;
		border-top: 1px solid #ddd;
	}

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

	.s2 .social-links .social-tooltip {
		font-size: 16px;
		margin: 0;
		padding: 10px 6px;
	}

	.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 {}

	.notebox {
		font-size: 15px;
	}

	/* blog */
	.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;
	}

	.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 {
		display: none;
	}

	/* sharrre */
	.sharrre-header {
		text-align: center;
		margin-bottom: 0;
		padding-top: 0;
	}

	.sharrre-header .sharrre .box {
		padding-top: 0;
		padding-bottom: 0;
		text-align: center;
	}

	.sharrre-header .sharrre .count {
		display: none;
	}

	.sharrre-header .sharrre .share {
		width: 30px;
		display: block;
		margin: 0 auto;
		float: none;
	}

	.sharrre-header .share {
		font-size: 18px;
	}

	.sharrre-footer .sharrre .share span {
		display: none;
	}

	.sharrre-footer .sharrre .share .fa {
		bottom: 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;
	}

	.related-posts li {
		width: 50%;
	}

	.related-posts li:nth-child(2) article {
		border-right-color: transparent;
	}

	.related-posts li:nth-child(3) {
		display: none;
	}

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

}

/* ------------------------------------------------------------------------- *
 *  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;
	}

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

	/* base */
	.page-title {
		padding-top: 20px;
		padding-bottom: 20px;
		margin-bottom: 0;
	}

	.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: 30px;
	}

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

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

	.list-card-title {
		font-size: 20px;
	}

	.list-card-excerpt {
		font-size: 14px;
	}

	/* sharrre */
	.sharrre-footer .sharrre .count {
		display: none;
	}

}