/**
 * responsive.css
 * Selfblog Theme Responsive Styles
 * by PalThemes (2015)
**/

/* @screen-xs */
@media (max-width: 480px) {
	/* Posts */
	.type-post:before {
		top:-20px;
		right:50%;
		transform:translateX(50%);
	}
	#content .hentry {
		margin-bottom:40px;
		padding:30px 20px 10px;
		border:0;
		border-top:1px solid rgba(0,0,0,.1);
		font-size:14px;
	}
	.sb-relposts-wrapper,
	.comments-area {
		padding:10px 20px;
	}
	.hentry h1.entry-title {
		font-size:25px;
		line-height:36px;
		margin-top:5px;
	}
	.borderbox:after {
		content:none;
	}
	.entry-category {
		font-size:12px;
	}
	.entry-content p {
		margin:10px 0;
		font-size:14px;
	}
	
	.share-tools .share-item a {
		width:40px;
		height:40px;
		line-height:39px;
		margin:0 2px;
		font-size:15px;
	}
	
	.entry-meta {
		font-size:11px;
		padding:10px;
		text-align:left;
	}
	.entry-meta span {
		display:inline-block;
		margin-right:5px;
	}
	.entry-meta span:after {
		content:none;
	}
	blockquote {
		padding:0 10px 20px;
	}
	.entry-content blockquote p:before {
		font-size: 20px;
	}
	.content-sidebar .sb-widget {
		width:100%;
	}
	.site-description-wrapper,
	.top-socials-wrapper {
		float:left;
	}
	.site-description-wrapper {
		padding-left:15px;
	}
	.instagram-footer .instagram-pics li:nth-child(1n+3) {
		display:none;
	}
	.instagram-footer .instagram-pics li {
		width:50%;
	}
	.footer {
		padding-bottom:80px;
	}
	.footer .footer-menu,
	.footer .copyright {
		text-align:center;
		line-height:50px;
	}
	
	/* Featured Posts (Global) */
	.sb-slider-title h2 {
		text-transform: uppercase;
		margin: 5px 0px;
		font-size: 18px;
		line-height: 29px;
	}
	.sb-featured .slick-dots {
		bottom:10px;
	}
	/* Full Slider */
	.full-slider .sb-slider-content:before {
		content:none;
	}
	.sb-slider-cat ul {
		font-size:12px;
	}
	.sb-slider-meta {
		padding:3px 0;
		font-size:11px;
		border:none;
	}
	.full-slider .sb-slider-content p {
		display:none;
	}
	.full-slider .sb-slider-content {
		padding:10px;
		background:rgba(255,255,255,.9);
	}
	.full-slider .sb-slider-readmore {
		margin-top: 10px;
		font-size: 11px;
		padding: 8px 10px;
	}
	.full-slider .sb-slider-readmore:after {
		font-size:10px;
	}
	
	/* Single Slider */
	.single-slider-nav .sb-slider-title h2 {
		font-size:18px;
		line-height:29px;	
		margin:5px 0;
	}
	.single-slider .sb-slider-cat {
		font-size:14px;
	}
	.slick-current .nav-slider-pop {
		display:none;
	}
	.post-nav-content:before {
		width:20px;
		height:20px;
		top:5px;
		line-height:20px;
		font-size:20px;
	}
	.post-nav-content {
		min-height:130px;
	}
	
	/* List post layout */
	.sb-listpost .post-thumbnail {
		display:block;
		width:100%;
		height:250px;
	}
	.sb-listpost {
		border:0 !important;
	}
	.sb-listpost.format-quote blockquote {
		padding:15px 10px 0;
	}
	
	/* Grid post layout */
	#content .hentry.sb-gridpost {
		width:100%;
		display:block;
	}
}

@media (min-width: 481px) and (max-width: 640px) {
	/* Posts */
	.type-post:before {
		top:-5px;
	}
	#content .hentry {
		margin-bottom:40px;
		font-size:14px;
		padding:40px 35px 30px;
	}
	.sb-relposts-wrapper,
	.comments-area {
		padding:30px 35px;
	}
	.hentry h1.entry-title {
		font-size:30px;
		line-height:41px;
		margin-top:5px;
	}
	.borderbox:after {
		top:15px;
		right:15px;
		bottom:15px;
		left:15px;
	}
	.entry-category {
		font-size:12px;
	}
	.entry-content p {
		margin:10px 0;
		font-size:14px;
	}
	
	.share-tools .share-item a {
		width:40px;
		height:40px;
		line-height:39px;
		margin:0 2px;
		font-size:15px;
	}
	
	.entry-meta {
		font-size:11px;
		padding:10px;
		text-align:left;
	}
	.entry-meta span {
		display:inline-block;
		margin-right:5px;
	}
	.entry-meta span:after {
		content:none;
	}
	blockquote {
		padding:10px;
	}
	.entry-content blockquote p:before {
		font-size: 20px;
	}
	
	
	.content-sidebar .sb-widget {
		width:100%;
	}
	.hentry.sb-gridpost {
		display:block;
		width:100%;
	}
	.sb-listpost .post-thumbnail,
	.sb-listpost .listpost-content {
		display:block;
	}
	.sb-listpost .post-thumbnail {
		width:100%;
		height:250px;
	}
	.sb-listpost {
		border-right:0 !important;
	}
	
	
	.site-description-wrapper,
	.top-socials-wrapper {
		float:left;
	}
	.site-description-wrapper {
		padding-left:15px;
	}
	.top-socials-wrapper {
		padding-right:15px;
	}
	.instagram-footer .instagram-pics li:nth-child(1n+4) {
		display:none;
	}
	.instagram-footer .instagram-pics li {
		width:33.33%;
	}
	.footer {
		padding-bottom:80px;
	}
	.footer .footer-menu,
	.footer .copyright {
		text-align:center;
		line-height:50px;
	}
	/* Featured Posts (Global) */
	.sb-featured .slick-dots {
		bottom:10px;
	}
	/* Full Slider */
	.full-slider .sb-slider-content p {
		display:none;
	}
	.full-slider .sb-slider-content {
		padding-bottom:20px;
	}
	.full-slider .sb-slider-readmore {
		margin-top:20px;
	}
}

@media (min-width: 641px) and (max-width: 900px) {
	#content .hentry {
		margin-bottom:40px;
		font-size:16px;
		padding:40px 40px 30px;
	}
	.sb-relposts-wrapper,
	.comments-area {
		padding:30px 40px;
	}
	.hentry h1.entry-title {
		font-size:35px;
		line-height:46px;
		margin-top:5px;
	}
	.borderbox:after {
		top:20px;
		right:20px;
		bottom:20px;
		left:20px;
	}
	.entry-category {
		font-size:13px;
	}
	.entry-content p {
		margin:10px 0;
		font-size:14px;
	}
	
	.entry-meta {
		font-size:11px;
		padding:10px;
	}
	.entry-meta span {
		display:inline-block;
		margin-right:5px;
	}
	.entry-meta span:after {
		content:none;
	}
	blockquote {
		padding:10px;
	}
	.entry-content blockquote p:before {
		font-size: 20px;
	}
	
	.site-description-wrapper {
		padding-left:15px;
	}
	.top-socials-wrapper {
		padding-right:15px;
	}
	
	
	.sidebar-grid-sizer {
		width:49.5%;
	}
	.sidebar-gutter-sizer {
		width:1%;
	}
	.content-sidebar .sb-widget {
		width:49.5%;
	}
	.footer {
		padding-bottom:80px;
	}
	.footer .footer-menu,
	.footer .copyright {
		text-align:center;
		line-height:50px;
	}
	/* Full Slider */
	.full-slider .sb-slider-content p {
		display:none;
	}
}

@media (min-width: 901px) and (max-width: 991px) {
	.sidebar-grid-sizer {
		width:32.3%;
	}
	.sidebar-gutter-sizer {
		width:1.55%;
	}
	.content-sidebar .sb-widget {
		width:32.3%;
	}
	.footer {
		padding-bottom:80px;
	}
	.footer .footer-menu,
	.footer .copyright {
		text-align:center;
		line-height:50px;
	}
}


/* instagram footer only */

@media (min-width: 641px) and (max-width: 767px) {
	.instagram-footer .instagram-pics li:nth-child(1n+5) {
		display:none;
	}
	.instagram-footer .instagram-pics li {
		width:25%;
	}
}

/* @screen-sm */
@media (min-width: 768px) and (max-width: 991px){
	#content .hentry {
		margin-bottom:45px;
		font-size:14px;
		padding:45px 55px 30px;
	}
	.sb-relposts-wrapper,
	.comments-area {
		padding:30px 55px;
	}
	.hentry h1.entry-title {
		font-size:40px;
		line-height:51px;
		margin-top:5px;
	}
	.borderbox:after {
		top:20px;
		right:20px;
		bottom:20px;
		left:20px;
	}
	.entry-category {
		font-size:14px;
	}
	.entry-content p {
		margin:15px 0;
		font-size:15px;
	}
	
	.entry-meta {
		font-size:12px;
		padding:10px;
	}
	blockquote {
		padding:10px 10px 30px;
	}
	.entry-content blockquote p:before {
		font-size: 20px;
	}
	
	.site-description-wrapper {
		padding-left:15px;
	}
	.top-socials-wrapper {
		padding-right:15px;
	}
	
	#global-container,
	#main-head-container,
	#footer-section-container,
	#footer-container,
	.single-slider-wrapper,
	#primary-navigation > .container,
	.topbar-container {
		width:100%;
		max-width:1220px;
		margin-left:auto;
		margin-right:auto;
	}
	.instagram-footer .instagram-pics li:nth-child(1n+6) {
		display:none;
	}
	.instagram-footer .instagram-pics li {
		width:20%;
	}
	
	/* Featured Posts (Global) */
	.sb-featured .slick-dots {
		bottom:10px;
	}
	
	/* List post layout */
	.sb-listpost .post-thumbnail {
		width:35%;
	}
}

/* @screen-md */
@media (min-width: 992px) and (max-width: 1199px) {
	#content .hentry {
		margin-bottom:45px;
		font-size:14px;
		padding:45px 55px 40px;
	}
	.sb-relposts-wrapper,
	.comments-area {
		padding:40px 55px;
	}
	.hentry h1.entry-title {
		font-size:40px;
		line-height:51px;
		margin-top:5px;
	}
	.borderbox:after {
		top:20px;
		right:20px;
		bottom:20px;
		left:20px;
	}
	.entry-category {
		font-size:14px;
	}
	.entry-content p {
		margin:15px 0;
		font-size:16px;
	}
	
	.type-post:before,
	.sb-listpost.type-post .listpost-content:before {
		top:0px;
	}
	.entry-meta {
		font-size:11px;
		padding:10px;
	}
	blockquote {
		padding:0 10px;
	}
	.entry-content blockquote p:before {
		font-size: 20px;
	}
	
	#global-container,
	#main-head-container,
	#footer-section-container,
	#footer-container,
	.single-slider-wrapper,
	#primary-navigation > .container,
	.topbar-container {
		width:100%;
		max-width:1220px;
		margin-left:auto;
		margin-right:auto;
	}
	
	.sb-slider-title-text {
		padding:5px 0;
		font-size:14px;
	}
	.instagram-footer .instagram-pics li:nth-child(1n+7) {
		display:none;
	}
	.instagram-footer .instagram-pics li {
		width:16.66%;
	}
	
	/* Featured Posts (Global) */
	.sb-featured .slick-dots {
		bottom:20px;
	}
}

/* @screen-lg */
@media (min-width: 1200px) {
	#global-container,
	#main-head-container,
	#footer-section-container,
	#footer-container,
	.single-slider-wrapper,
	#primary-navigation > .container,
	.topbar-container {
		width:100%;
		max-width:1220px;
		margin-left:auto;
		margin-right:auto;
	}
	.fullwidth-boxed #blogroll,
	#primary-navigation > .container,
	.no-sidebar #blogroll,
	.single-slider-wrapper {
		padding-right:0;
		padding-left:0;
	}
	.no-sidebar .grid {
		margin-left:-10px;
		margin-right:-10px;
	}
	#main-header .header-wrapper {
		padding:0;
	}
	#main-content.right-sidebar #blogroll {
		padding-left:0;
	}
	#main-content.left-sidebar #blogroll {
		padding-right:0;
	}
	.hentry {
		margin-bottom:40px;
		padding:50px 70px;
	}
	#main-content.right-sidebar #sidebar {
		padding-right:0;
	}
	#main-content.left-sidebar #sidebar {
		padding-left:0;
	}
	#primary-navigation .nav-menu ul {
		padding:0;
	}
	.entry-content blockquote p:before {
		font-size: 31px !important;
	}
}