blogrow/responsive.css

#wrapper,
.container { min-width: 320px; }

/* ------------------------------------------------------------------------- *
 *  Toggle Sidebar s1 : 960px > 480px
/* ------------------------------------------------------------------------- */
@media only screen and (max-width: 960px) {
	
	.main,
	.sidebar { margin: 0!important; padding: 0!important; width: 100%; }
	.sidebar { max-width: 400px; margin: 0 auto!important; float: none!important; }
	.content { float: none!important; }
	
	.col-1c .entry-grid li { width: 49.7%; }
}

/* ------------------------------------------------------------------------- *
 *  Mobile (Mid Res) : 719px > 0px (480px & 320px)
/* ------------------------------------------------------------------------- */
@media only screen and (max-width: 719px) {
	
	/* layout */
	.grid { width: 100%; margin: 0 0 10px; }
	
	/* hide */
	.image-caption { display: none; }
	
	/* base */
	.pad { padding: 20px 20px 10px; }
	.content { padding-top: 20px; }
	.entry-content { font-size: 16px; }
	
	/* text */
	.entry-content h1 { font-size: 28px; letter-spacing: -0.7px; }
	.entry-content h2 { font-size: 26px; letter-spacing: -0.5px; }
	.entry-content h3 { font-size: 24px; letter-spacing: -0.3px; }
	.entry-content h4 { font-size: 22px; letter-spacing: -0.3px; }
	.entry-content h5 { font-size: 18px; }
	.entry-content h6 { font-size: 16px; text-transform: uppercase; }
	.page-title { font-size: 20px; }

	/* header */
	.toggle-search { right: auto; left: 0; top: -52px; border-right: 1px solid #eee; padding-top: 12px; padding-bottom: 12px; }
	.toggle-search.active { padding-top: 15px; padding-bottom: 15px; }
	.search-expand { left: 56px; right: auto; top: -50px; width: 220px; border-left: 0; }
	.search-expand-inner { padding: 5px; }
	.site-title a img { max-height: 60px!important; }
	
	.slant-onleft {
	-webkit-transform: rotate(4deg);
	   -moz-transform: rotate(4deg);
		-ms-transform: rotate(4deg);
		 -o-transform: rotate(4deg);
			transform: rotate(4deg); }
	.slant-onright {
	-webkit-transform: rotate(-4deg);
	   -moz-transform: rotate(-4deg);
		-ms-transform: rotate(-4deg);
		 -o-transform: rotate(-4deg);
			transform: rotate(-4deg); }
	
	/* footer */
	#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 { padding: 0; }
	.page-image-text { margin-top: -15px; }
	.page-image-text .caption { font-size: 26px; line-height: 30px;  }
	.page-image-text .description { font-size: 13px; }
	.pagination { margin-bottom: 50px; }
	
	/* blog */
	.col-1c .entry-grid li,
	.col-2cl .entry-grid li,
	.col-2cr .entry-grid li { width: 99.7%; }
	
	.entry-list .entry { padding: 20px 20px 10px; }
	.entry-list .entry img { margin: 0 auto; float: none; }
	.entry-list .entry-category { margin-top: 14px; }
	.entry-list .entry-category,
	.entry-list .entry-title,
	.entry-list .entry-date  { text-align: center; }
	
	.sharrre .box { padding-left: 0; padding-right: 0; }
	.sharrre .count { width: 70%; margin: 0 15%; }
	.sharrre .share { width: 100%; margin-left: 0; margin-top: 10px; }
	
	.author-bio { padding-left: 100px; }
	.notebox,
	.author-bio .bio-desc { font-size: 14px; line-height: 1.6em; }
	
	.content .post-nav li { width: 100%; -webkit-box-shadow: none!important; box-shadow: none!important; }
	.content .post-nav li:first-child { border-bottom: 1px solid #eee; }
	.content .post-nav li a { min-height: 0; padding-left: 24px!important; padding-right: 24px!important; }
	
	.related-title { font-size: 14px; line-height: 1.4em; }
	.related-posts li { width: 50%; }
	.related-posts li:nth-child(2) article { border-right-color: transparent; } 
	.related-posts li:nth-child(3),
	.related-posts li:nth-child(4) { display: none; }
	
	/* frontpage */
	.frontpage-top,
	.front-button a span { font-size: 16px; }
	.frontpage-top .page-title { font-size: 22px; }
	
	/* shortcodes */
	.dropcap { font-size: 56px; }
	
}

/* ------------------------------------------------------------------------- *
 *  Mobile (Low Res) : 479px > 0 (320px)
/* ------------------------------------------------------------------------- */
@media only screen and (max-width: 479px) {
	
	/* layout */
	
	/* hide */
	.mobile-sidebar-hide-s1 .s1,
	.mobile-sidebar-hide-s2 .s2,
	.mobile-sidebar-hide .sidebar,
	.gallery-caption { display: none; }
	
	/* base */
	.pad { padding: 15px 15px 5px; }
	.sidebar .widget,
	.child-menu { padding-left: 15px; padding-right: 15px; }
	
	/* text */
	.site-title { font-size: 32px; }
	.page-title { font-size: 16px; }
	.entry-title { font-size: 18px; }
	.entry-content { font-size: 14px; }
	.entry-footer { font-size: 12px; }
	
	/* blog */
	.author-bio { padding-left: 95px; }
	.author-bio .bio-desc { font-size: 13px; }
	
	/* shortcodes */
	.dropcap { font-size: 48px; }
	
}