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

@media (min-width: 1200px) {
	.container {
		width:940px;
	}
}
	
@media (min-width: 768px) and (max-width: 979px) {
	.container {
		width:724px;
		}
	h1 {
		font-size:29px;
		}
	h2 {
		font-size:23px;
		}
	h3 {
		font-size:18px;
		}
	h4, h5, h6 {
		font-size:14px;
		}				
	#wi-mainnav ul.menu > li {
		margin-left:8px;
		margin-right:8px;
		}
		
	/* Top area
	-------------------------------------------------- */
	#wi-top-area {
		padding:70px 42px;
		}
	#wi-top-area .heading-text {
		font-size:70px;
		}	
	.text-slider {
		font-size:42px;
		}
	
	/* Onepage
	-------------------------------------------------- */
	.page-separator {
		}	
	.wi-page .title-area .pad {
		padding:0 40px;
		}
	.wi-divider .title {
		font-size:26px;
		}		
	.tweets-slider .flexslider {
		padding:0 60px 60px;
		}
	
	/* Shortcodes
	-------------------------------------------------- */
	.wi-dropcap {
		width:77px;
		height:77px;
		}
		/* Count */
	.wi-count .number {
		font-size:56px;
		height:89px;
		}
	.wi-count .digit-con {
		height:89px;
		}
	.wi-count .comma {
		top:-21px;
		}
	.wi-count .name {
		font-size:18px;
		}
	.progress-group .fore .bar {
		left:0;
		}
	.progress-group .fore .name {
		color:#fff;
		}	
	.wi-pricing.pricing-4 .pricing-column {
		width:50%;
		margin-bottom:20px;
		}
	.wi-pricing.pricing-4 .pricing-column:first-child,
	.wi-pricing.pricing-4 .pricing-column.featured {
		margin-left:-1px;
		}
		
	/* Portfolio
	-------------------------------------------------- */
	.wi-portfolio .portfolio-item {
		width:50%;
		}
	#portfolio-ajax-content .portfolio-content .thumb,
	#portfolio-ajax-content .portfolio-content .details	{
		width:100%;
		padding-right:0;
		}
	#portfolio-ajax-content .portfolio-content .thumb {
		margin-bottom:20px;
		text-align:center;
		}
	#portfolio-ajax-content .portfolio-content .thumb .media-container {
		margin-bottom:0;
		}	
		
	/* Blog
	-------------------------------------------------- */
	#primary {
		padding-right:10px;
		}
	.article .title {
		font-size:21px;
		}
	.post-title {
		font-size:35px;
		}
	.authorbox {
		padding:10px;
		}	
	.authorbox .author-avatar {
		margin-right:20px;
		}	
	
}

@media (max-width: 767px) {
	body {
		padding-left:0;
		padding-right:0;
		}
	.container {
		width:440px;
	}
	.gallery-item {
		width:33.3%;
		}
	blockquote {
		margin-left:0;
		padding-right:0;
		padding-left:20px;
		}
	blockquote p {
		font-size:18px;
		}
	.wi-tweets .flexslider {
		padding-left:0;
		padding-right:0;
		}
	.wi-tweets .flexslider li {
		font-size:14px;
		}
	
	/* Top area
	-------------------------------------------------- */
	#wi-top-area {
		padding:70px 42px;
		}
	#wi-top-area .heading-text {
		font-size:70px;
		}
	#wi-top-area .wi-button .btn {
		padding:6px 14px;
		font-size:13px;
		}
	#wi-top-area.type-bg-slider .text,
	#wi-top-area.type-bg-slider .wi-button {
		position: absolute !important; 
		left: -7000px; 
		overflow:hidden; 
		clip: rect(1px 1px 1px 1px);
		}
	.header-slider .flexslider .flex-direction-nav a {
		width:36px;
		height:36px;
		}
	.text-slider {
		font-size:30px;
		}
		
	
	/* Header
	-------------------------------------------------- */
	#wi-header {
		padding:5px 0;
		position:relative;
		}
	#wi-header .container .span9 {
		min-height:0;
		}	
	#wi-logo {
		margin:0;
		overflow:hidden;
		float:left;
	}
	#wi-logo a {
		display:block;
		}
	#wi-logo img {
		display:block;
		max-height:100%;
		width:auto;
		height:30px;
		margin-top:5px;
		margin-bottom:5px;
		}
	#wi-mainnav-mobile {
		display:block;
		position:absolute;
		right:10px;
		top:50%;
		width:100px;
		height:20px;
		margin-top:-10px;
		}
	#wi-mainnav {
		display:none;
		}
		
	/* Site
	-------------------------------------------------- */	
	.contactform .input {
		width:100%;
		float:none;
		margin-bottom:10px;
		margin:0;
		}
	#wi-footer .social ul li a {
		margin-left:6px;
		margin-right:6px;
		}
	#scrollup {
		width:32px;
		height:32px;
		bottom:8px;
		right:8px;
		-webkit-background-size: 15px 10px;
    	background-size: 15px 10px;
		}
	#primary {
		padding-right:0;
		}
			

	/* Shortcodes
	-------------------------------------------------- */	
	.wi-dropcap {
		width:88px;
		height:88px;
		}
	.brands img {
		width:50%;
		}
	.progress-group .fore .bar {
		left:0;
		}
	.progress-group .fore .name {
		color:#fff;
		}
	.testimonial-slider .flexslider {
		padding-left:20px;
		padding-right:20px;
		}
	.wi-pricing .pricing-column {
		width:100% !important;
		margin:0 0 20px !important;
		}		
	
	/* Onepage
	-------------------------------------------------- */
	.wi-page .title-area .subtitle {
		font-size:13px;
		}
	.page-separator {
		padding-left:20px;
		padding-right:20px;
		}	
	.page-separator blockquote p {
		font-size:26px;
		}	
	.wi-page .title-area .pad {
		padding-left:10px;
		padding-right:10px;
		}
	.post-title {
		font-size:25px;
		}
	.headline {
		background-size:400px;
		}	
	.headline .meta {
		font-size:11px;
		letter-spacing:1px;
		}
	.headline .meta .ele,
	.headline .meta .ele:before {
		margin-right:6px;
		}
	.tweets-slider .flexslider {
		padding:0 0 60px;
		}
	
		
	/* Portfolio
	-------------------------------------------------- */
	.wi-portfolio-filter ul {
		display:block;
		}
	.wi-portfolio-filter ul li {
		width:50%;
		}
	.wi-portfolio-filter ul li a {
		margin:0 10px 10px 0;
		}	
	.wi-portfolio .portfolio-item {
		width:100%;
		}
	.wi-portfolio.portfolio-1 .portfolio-item .thumb,
	.wi-portfolio.portfolio-1 .portfolio-item .details {
		width:100%;
		}
	.wi-portfolio.portfolio-1 .portfolio-item .thumb {
		margin-bottom:20px;
		}	
	.wi-portfolio.portfolio-1 .portfolio-item .details {
		padding-left:0;
		}
		
		/* Ajax */
	#portfolio-ajax-content .portfolio-content .thumb,
	#portfolio-ajax-content .portfolio-content .details	{
		width:100%;
		padding-right:0;
		}
	#portfolio-ajax-content .portfolio-content .thumb {
		margin-bottom:20px;
		text-align:center;
		}		
	#portfolio-ajax-content .portfolio-content .thumb .media-container {
		margin-bottom:0;
		}
		
	/* Blog
	-------------------------------------------------- */	
	.article {
		}	
	.article .title {
		font-size:22px;
		}
	.authorbox .author-avatar {
		margin-right:20px;
		}			
		/* 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;
	}
	
}

@media (max-width: 479px) {
	body {
		padding-left:0px;
		padding-right:0px;
		}
	.container {
		width:300px;
		}
	#wi-footer .social ul li {
		display:inline-block;
		float:none;
		}	
	#wi-footer .social ul li a {
		margin-left:10px;
		margin-right:10px;
		}
	.headline {
		background-size:300px;
		}		
	.post-title {
		font-size:28px;
		}
	h1 {
		font-size:26px;
		}
	h2 {
		font-size:22px;
		}
	h3 {
		font-size:16px;
		}
	h4, h5, h6 {
		font-size:13px;
		}			
	
	/* Top area
	-------------------------------------------------- */
	#wi-top-area {
		padding:70px 20px;
		}
	#wi-top-area .heading-text {
		font-size:60px;
		}	
	#wi-top-area .small-text {
		font-size:11px;
		}
		
	/* Onepage
	-------------------------------------------------- */
	.wi-page .title-area {
		background-size:300px;
		}
	.wi-page .title-area .title {
		font-size:50px;
		}
	.wi-page .title-area .subtitle {
		font-size:11px;
		}
	.page-separator {
		padding-left:10px;
		padding-right:10px;
		}
	.page-separator blockquote {
		margin-left:0;
		padding-left:0;
		padding-right:0;
		}		
	.page-separator blockquote p {
		font-size:24px;
		}
	.wi-divider .title {
	font-size: 20px;
		}
	
		
	/* Shortcodes
	-------------------------------------------------- */
	.brands img {
		width:100%;
		}
	.wi-testimonial .content {
		font-size:14px;
		}
	
	/* Portfolio
	-------------------------------------------------- */
	.single-portfolio .portfolio-info .portfolio-info-table {
		font-size:11px;
		}
	
	/* Blog
	-------------------------------------------------- */
	.article .title {
		font-size:18px;
		}
	.article .meta .ele {
		margin-bottom:5px;
		}	
	.headline .meta {
		text-align:center;
		}
	.headline .meta .ele {
		display:inline-block;
		float:none;
		font-size:11px;
		letter-spacing:0;
		}	
	.post-nav .ele a {
		font-size:14px;
		}
	.authorbox .inner {
		overflow:hidden;
		}
	.authorbox .author-avatar {
		margin-bottom:16px;
		}	
	.authorbox .text {
		float:left;
		}	
	.comments-title {
		font-size:50px;
		}
	
		/* 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;
	}
	
}