@import url('bootstrap-responsive.min.css');

@media (min-width: 1200px) {
	.container {
		width:940px;
	}
}
	
@media (min-width: 768px) and (max-width: 979px) {
	.container {
		width:724px;
		}
	.single .span8.offset2,
	.single-page .span8.offset2 {
		width:90%;
		margin-left:5%;
		}
	.meta-table td {
		padding:10px 20px 10px 10px;
		}
	#logo img {
		margin-left:0 !important;
		}	
	#mainnav .menu > ul > li > a,
	#mainnav .menu > ul > li > ul > li > a {
		padding-left:10px;
		padding-right:10px;
		}
	#footer .social ul li a {
		margin-left:5px;
		margin-right:5px;
		}
	
	#wi-wrapper .large #sidebar .sidebar {
		padding-left:0;
		}	
}

@media (max-width: 767px) {
	.container {
		width:440px;
	}
	#logo {
		text-align:center;
	}
	#logo img {
		margin-left:0;
		margin-top:0;
		}
	.header-shadow {
		background-size:440px 36px;
		height:30px;
		}
	blockquote {
		padding-left:30px;
		padding-right:30px;
		margin-left:0;
		}
	blockquote p {
		font-size:20px;
		}
	.article.format-quote blockquote {
		margin-left:20px
		}
	#header-line {
		background-size:782px 12px;
		}		
		
	/* Redesign Main Nav */
	.nav-toggle,
	.nav-toggle:hover {
		display:block;
	}	
	#mainnav {
		text-align:left;
		padding-bottom:30px;
		margin-top:30px;
	}
	#mainnav .menu {
		display:block;
		}
	#mainnav .menu > ul {
		display:none;
		}
	#mainnav .menu > ul:before {
		display:none;
		}
	#mainnav .menu > ul:after {
		position:absolute;
		bottom:-30px;
		border-left:1px solid #ccc;
		left:0;
		width:1px;
		height:30px;
		content:"";
	}	
	#mainnav .menu > ul > li {
		float:none;
		width:100%;
		margin-bottom:0;
	}
	#mainnav .menu > ul > li > a,
	#mainnav .menu > ul > li:hover > a,
	#mainnav .menu > ul > li > a:hover {
		display:block;
		border-bottom:none;
		height:auto;
		line-height:inherit;
		padding:10px 20px;
		border-bottom:1px solid #ccc;
		border-left:1px solid #ccc;
		position:relative;
		}
	#mainnav .menu > ul > li > a:before {
		position:absolute;
		bottom:-1px;
		left:-30px;
		width:30px;
		height:1px;
		background:#ccc;
		content:"";
		}
	#mainnav .menu > ul > li:hover > a {
		color:#000;
		}
	#mainnav .menu > ul > li > a:hover{
		color:#999;
		}
		
	#mainnav .menu > ul > li > ul {
		background:transparent;
		max-width:none;
		border-left:1px solid #ccc;
		position:static;
		opacity:1;
		visibility:visible;
		margin:0;
		border:none;
		border-left:1px solid #ccc;
		box-shadow:none;
		width:100%;
		}
	#mainnav .menu > ul > li > ul:before {
		display:none;
		}	
	#mainnav .menu > ul > li > ul > li {
		}	
	#mainnav .menu > ul > li > ul > li:first-child {
		border-top:none;		
		padding-top:0;
		}	
	#mainnav .menu > ul > li > ul > li:before {
		display:none;
		}	
	#mainnav .menu > ul > li > ul > li > a {
		padding-top:10px;
		padding-bottom:10px;
		padding-left:30px;
		}
	#mainnav .menu > ul > li > ul > li > a:before {
		content:"\2013";
		margin-right:10px;
		}
	#mainnav .menu > ul > li > ul > li > a:hover {
		background:transparent;
		color:#999;
		}
	#mainnav .menu > ul > li > ul > li:first-child a {
		padding-top:15px;
		}	
		
		
	/* shortcodes */
	.column {
		width:100% !important;
		margin:0 0 20px !important;
	}
	
		/* articles */
	.article {
		padding:50px 0 30px;
		margin-top:30px;
		}	
	.article.sticky {
		padding-top:80px;
		}
	.article .header {
		padding-left:0;
		padding-right:0;
		}	
	.article .title,
	.article.format-quote .meta {
		text-align:left;
		padding:0;
		margin-top:0;
		}
	.article .title h2 {
		text-align:center;
		margin-left:0;
		}
	.article .title h2:after {
		left:0;
		}
	.article .meta {
		position:relative;
		margin-bottom:10px;
		}
	.article .meta:after {
		position:absolute;
		bottom:-30px;
		content:"";
		border-top:1px solid #999;
		left:0;
		width:120px;
		}
	.meta-table {
		margin-left:auto;
		margin-right:auto;
		float:none;
		}
	.article .left-thumb,
	.article .right-thumb {
		text-align:center;
		}
	
	/* comments */
	.commentlist ol.children {
		margin-left:28px;
		}
	
	/* pagination */
	.wi-pagination {
		margin-top:0;
		}
	.wi-pagination > ul > li.li-navi,
	.wi-pagination > ul > li.li-navi {
		float:none;
		display:block;
		clear:both;
		text-align:center;
		padding:15px auto;
		}
	.wi-pagination > ul > li.li-navi a,
	.wi-pagination > ul > li.li-navi a {
		display:inline-block;
		
		}
	.wi-pagination > ul > li > .prev:before,
	.wi-pagination > ul > li > .next:before,
	.wi-pagination > ul > li > .prev:after,
	.wi-pagination > ul > li > .next:after {
		display:none;
	}
	
	#footer .copyright {
		padding-left:20px;
		padding-right:20px;
		}

	/* scrollup */
	.scrollup {
		width:32px;
		height:32px;
		bottom:5px;
		right:5px;
		-webkit-background-size: 15px 10px;
    	background-size: 15px 10px;
		}
	#wi-wrapper .large #sidebar .sidebar {
		padding-left:0;
		}
	
}

@media (max-width: 480px) {
	body {
		padding-left:0px;
		padding-right:0px;
		}
	.container {
		width:300px;
		}
	.sidr {
		width:300px;
		}
	#header {
		padding-bottom:30px;
	}
	.header-shadow {
		background-size:300px 25px;
		height:19px;
		}
		
	/* Single */
	.single .meta {
		margin-top:30px;
		font-size:12px;
	}
	.authorbox .author-avatar {
		margin-bottom:20px;
	}
	.authorbox .text {
		display:block;
	}
	
	/* Comments */
	.commentlist .comment-avatar {
		margin-right:20px;
		width:60px;
	}
	.commentlist .text {
		display:block;
	}
	.commentlist header {
		clear:none;
		overflow:visible;
	}
	.commentlist .fn span {
		margin-left:0;
		clear:both;
		margin-bottom:5px;
	}
	.commentlist ol.children {
		margin-left:24px;
	}
	
	/* footer */
	#footer .social ul li {
		display:inline-block;
		float:none;
		}
	#footer .social ul li a {
		margin-left:5px;
		margin-right:5px;
		}
	
}