/* wide screen such as laptop, iMac... */	
@media (min-width: 1150px) {
	#wi-mainnav {
		display:block !important;
		}
}

	/* 1024px screen, landscape iPad 
	 * It seems we have not many things to do with this screen * shrug *
	*/
@media (min-width: 980px) and (max-width: 1149px) {
	body .container {
		width:940px;
		}
	/* boxed layout 
	 * using prefix html to force css seems a bit ridiculous, but it's effective
	*/
	html body.layout-boxed #wi-wrapper, 
	html body.layout-boxed #wi-header-sticky-wrapper #wi-header.is-sticky {
		width:980px;
		}
	#wi-mainnav {
		display:block !important;
		}	
	#wi-mainnav .menu > ul > li > a {
		padding-left:6px;
		padding-right:6px;
		}	
}
	
	/* portrait iPad 
	 * indeed, it applies for all smaller screen :3	
	 */
@media (max-width: 979px) {
	/* General 
	-------------------------------------- */
	body .container,
	#wi-header .container .logo-desc {
		width:724px;
		}
	.row-fluid [class*="span"] {
		width:100%;
		display:block;
		margin:0;
		}	
	/* boxed layout 
	 * using prefix html to force css seems a bit ridiculous, but it's effective
	 */
	html body.layout-boxed #wi-wrapper, 
	html body.layout-boxed #wi-header-sticky-wrapper #wi-header.is-sticky {
		width:100%;
		}
	
	/* Topbar, 2 elements inline
	-------------------------------------- */
	#topbar-toggle {
		display:block;
		}
	#wi-topbar .container {
		height:auto;
		display:none;
		}
	#wi-topbar .container .row-fluid [class*="span"] {
		display:block;
		width:100%;
		margin:0;
		text-align:center;
		height:auto;
		}
	#wi-topbar .container .row-fluid [class*="span"]:first-child {
		border-bottom:1px solid #333;
		border-bottom-color:rgba(255,255,255,.2);
		}
	#wi-topbar .container .topbar-content {
		display:block;
		text-align:left;
		float:none;
		padding:10px 0;
		}
	#wi-topbar .container .topbar-content .ele {
		}
	
	/* Topbar Menu
	-------------------------------------- */
	.topbar-menu {
		width:200px;
		}
	.topbar-menu .topbar-mn {
		display:none;
		}
	.topbar-menu .toggle-btn {
		display:block;
		}		
	.topbar-menu ul.menu {
		border:1px solid #333;
		border-color: rgba(255,255,255,.2);
		border-top:none;
		}	
	.topbar-menu ul.menu > li {
		width:100%;
		float:none;
		}
	.topbar-menu ul.menu > li > a {
		border:none;
		border-top:1px solid #333;
		border-top-color: rgba(255,255,255,.2);
		height:32px;
		line-height:32px;
		}
	.topbar-menu ul.menu > li:first-child > a {
		border:none;
		}
			/* submenu */
		.topbar-menu ul.menu > li > ul {
			position:static;
			padding:0;
			opacity:1;
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
			filter: alpha(opacity=100);
			visibility:visible;
			}
		body .topbar-menu ul.menu > li > ul {
			width:100%; /* override width option */
			}	
		.topbar-menu ul.menu > li > ul > li > a {
			padding:0px 14px 0px 30px;
			height:32px;
			line-height:32px;
			}
		.topbar-menu ul.menu > li > ul > li:first-child a {
			border-top: 1px solid #444;
			border-top-color: rgba(255,255,255,.2);
			}
		.topbar-menu ul.menu > li > ul > li > a:before {
			content:"-";
			margin-right:6px;
			font-family:Arial, Helvetica, sans-serif;
			}
	
	/* Topbar Themes
	-------------------------------------- */
		/* Light */
		#wi-topbar.topbar-light .container .row-fluid [class*="span"]:first-child {
			border-bottom:none;			
			}
		#wi-topbar.topbar-light	.topbar-menu ul.menu {
			border-color:#ccc;
			}	
		#wi-topbar.topbar-light	.topbar-menu ul.menu > li > a {
			border-top-color:#ccc;
			}
		#wi-topbar.topbar-light	.topbar-menu ul.menu > li > ul {
			-webkit-box-shadow:none;
			-moz-box-shadow:none;
			box-shadow:none;
			border:none;
			left:0;
			}
		#wi-topbar.topbar-light	.topbar-menu ul.menu > li > ul > li > a {
			border-top-color:#ccc;
			}
		#wi-topbar.topbar-light .topbar-menu ul.menu > li > ul > li > a:before {
			display:none;
			}
		
		/* Grey */
		#wi-topbar.topbar-grey .container .row-fluid [class*="span"]:first-child {
			border-bottom-color:#ddd;
			}
		#wi-topbar.topbar-grey .topbar-menu ul.menu {
			background:#fff;
			border:1px solid #aaa;
			border-top:none;
			}
		#wi-topbar.topbar-grey .topbar-menu ul.menu > li > a {
			border:none;
			border-top-color:#ccc;
			}
		#wi-topbar.topbar-grey	.topbar-menu ul.menu > li > ul {
			-webkit-box-shadow:none;
			-moz-box-shadow:none;
			box-shadow:none;
			border:none;
			left:0;
			}
		#wi-topbar.topbar-grey	.topbar-menu ul.menu > li > ul > li > a {
			border:none;
			border-top-color:#ccc;
			}
		#wi-topbar.topbar-grey .topbar-menu ul.menu > li > ul > li > a:before {
			display:none;
			}
			
		/* Primary */
		#wi-topbar.topbar-primary .topbar-menu ul.menu > li > ul {
			background-color:transparent;
			border-top:none;
			}
		#wi-topbar.topbar-primary .topbar-menu ul.menu > li:hover > a,
		#wi-topbar.topbar-primary .topbar-menu ul.menu > li.current-menu-item > a,
		#wi-topbar.topbar-primary .topbar-menu ul.menu > li.current-menu-ancestor > a {
			color:#fff;
			background:transparent;
			}
	
	/* Header, 2 elements inline
	-------------------------------------- */
	#wi-header {
		height:auto;
		}
	#wi-header .container {
		width:100%;
		}
	#wi-header .container .logo-desc {
		max-width:100%;
		padding:10px 0;
		margin:0 auto;
		}
				/* STICKY HEADER */
			#wi-header-sticky-wrapper #wi-header.is-sticky {
				position:relative;
				top:auto !important;
				left:auto !important;
				height:auto;
				padding-bottom:0;
				padding-top:0;
				-webkit-box-shadow:none;
				-moz-box-shadow:none;
				box-shadow:none;
				border-bottom:none;
				}
			#wi-header-sticky-wrapper {
				height:auto !important;
				}
			#wi-header-sticky-wrapper #wi-header.is-sticky #wi-logo,
			#wi-header-sticky-wrapper #wi-header.is-sticky #wi-logo a {
				display:inline-block;
				height:auto;
				}	
			#wi-header-sticky-wrapper #wi-header.is-sticky #wi-logo img {
				max-height:60px;
				}	
	#wi-header .row-fluid [class*="span"] {
		display:block;
		width:100%;
		margin:0;
		min-height:0;
		}
	body #wi-logo img {
		margin-top:0;
		margin-bottom:0;
		}	
	#wi-header.style-2 #wi-logo {
		margin-bottom:0;
		}
	#wi-header.style-2 #wi-logo a {
		margin-top:0;
		}	
	#wi-header-sticky-wrapper #wi-header.is-sticky.style-2 .logo-desc {
		display:block;
		}
	
		
	/* Mainnav Menu
	-------------------------------------- */
	#wi-mainnav {
		width:100%;
		float:none;
		background:#111;
		display:none;
		}
	.toggle-menu {
		display:block;
		}
	#wi-mainnav .menu > ul > li {
		display:block;
		width:100%;
		float:none;
		}
	#wi-mainnav .menu > ul > li a .indicator {
		display:block;
		width:100px;
		}	
	#wi-mainnav .menu > ul > li a:after {
		display:none !important;
		}
	#wi-mainnav .menu > ul > li > a,
	#wi-mainnav .menu > ul > li > a:hover {
		height:auto;
		line-height:inherit;
		display:block;
		padding:6px 20px;
        height: auto !important;
        line-height: inherit !important;
		text-align:left;
		color:#fff !important;
		border-top:1px solid #242424;
		border-top-color:rgba(255,255,255,.1);
		}
	#wi-mainnav .menu > ul > li:first-child > a {
		border-top:none;
		}	
		
		/* submenu */
	#wi-mainnav .menu > ul > li ul {
		position:static !important;
		width: 100% !important;
		opacity:1 !important;
		position:static;
		display:none;
		-webkit-box-shadow:none;
		-moz-box-shadow:none;
		box-shadow:none;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		}
	#wi-mainnav .menu > ul > li ul > li {
		width:100% !important;
		display:block;
		float:none !important; /* prevent mega menu */
		padding:0 !important;
		}
	#wi-mainnav .menu > ul > li > ul > li > a {
		padding-left:46px;
		border-top:none;
		}
	#wi-mainnav .menu > ul > li ul > li > a {
		border-top:none;
		}	
	#wi-mainnav .menu > ul > li > ul > li > ul > li > a {
		padding-left:70px;
		}
	#wi-mainnav .menu > ul > li > ul > li > ul > li > ul > li > a {
		padding-left:86px;
		}	
	#wi-mainnav .menu > ul > li > ul > li:first-child > a {
		border-top: 1px solid #242424;
		border-top-color: rgba(255,255,255,.1);
		}
	#wi-mainnav .menu > ul > li ul > li > a.sf-with-ul:after, 
	#wi-mainnav .menu > ul > li ul > li > a.has-submenu:after {
		display:none;
		}
	#wi-header-sticky-wrapper #wi-header.is-sticky #wi-mainnav .menu > ul > li > ul {
		margin-top:0;
		}
		
		/* mega menu */
	#wi-mainnav .menu > ul >li.mega {
		display:block;
		position:static;
		}
	#wi-mainnav .menu > ul >li.mega > ul {
		}
	#wi-mainnav .menu > ul >li.mega > ul > li {
		display:block;
		width:100% !important;
		float:none;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		padding:0px;
		border-right:none;
		}
	#wi-mainnav .menu > ul >li.mega.mega-2 > ul > li,
	#wi-mainnav .menu > ul >li.mega.mega-3 > ul > li,
	#wi-mainnav .menu > ul >li.mega.mega-4 > ul > li,
	#wi-mainnav .menu > ul >li.mega.mega-5 > ul > li,
	#wi-mainnav .menu > ul >li.mega.mega-6 > ul > li {
		width:100%
		}		
	#wi-mainnav .menu > ul >li.mega > ul > li > a {
		font-size:11px;
		color: #999;
		color: rgba(255,255,255,.6);
		border-bottom:none;
		border-top:none;
		padding: 7px 20px;
		padding-left:46px;
		}
	#wi-mainnav .menu > ul >li.mega > ul > li:first-child > a {
		border-top: 1px solid #242424;
		border-top-color: rgba(255,255,255,.1);
		}
	#wi-mainnav .menu > ul >li.mega > ul > li > a.sf-with-ul {
		margin-bottom:0px;
		}	
	#wi-mainnav .menu > ul >li.mega > ul > li > a:after {
		display:none;
		}		
	#wi-mainnav .menu > ul >li.mega > ul > li > ul {
		position:static !important;
		display:none;
		opacity:1 !important;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
		filter: alpha(opacity=1);
		width:100%;
		font-size:11px;
		}
	#wi-mainnav .menu > ul >li.mega > ul > li > ul > li > a {
		padding: 7px 20px;
		padding-left:70px;
		}
	
	/* Light Submenu
	-------------------------------------- */
	body.nav-submenu-light  #wi-mainnav,
	.nav-submenu-light #wi-header.style-2 #wi-mainnav,
	.nav-submenu-light #wi-header-sticky-wrapper #wi-header.is-sticky.style-2 #wi-mainnav {
		background:#fff;
		}
	.nav-submenu-light #wi-mainnav .menu > ul > li > a, 
	.nav-submenu-light #wi-mainnav .menu > ul > li > a:hover {
		color:#333 !important;
		}
	.nav-submenu-light #wi-mainnav .menu > ul > li ul {
		border:none;
		-webkit-box-shadow:none;
		-moz-box-shadow:none;
		box-shadow:none;
		}	
	.nav-submenu-light #wi-mainnav .menu > ul > li ul {
		border-top-color:#eee;
		}
    
    /* Navigation Style 2
	-------------------------------------- */
    #wi-header.style-2 #wi-mainnav {
        display: none;
        text-align: left;
        height: auto;
    }
    #wi-header.style-2 #wi-mainnav > .menu {
        display: block;
    }
				
	/* Footer
	-------------------------------------- */
	#footer-bottom {
		height:auto;
		text-align:center;
		}
	.footer-bottom-content {
		display:inline-block;
		text-align:left;
		float:none;
		}	
	#footer-bottom .footer-bottom-right {
		float:none;
		}

	/* Side Navigation
	-------------------------------------- */
	.side-nav-slide.sticky {
		position:static;
		}

	/* Single Articles
	-------------------------------------- */
	#primary {
		padding-right:0;
		}
	.wi-page.sidebar-left #primary,
	.wi-archive.sidebar-left #primary {
		float:none;
		padding-left:0;
		}
		
	/* Recent Items Shortcode
	-------------------------------------- */
	.wi-recent-posts.style-2 .recent-item {
		float:none;
		width:100% !important;
		padding:20px 0 0;
		}
	.wi-recent-posts.style-2 .recent-item:first-child {
		padding-top:0;
		}	
}

@media (min-width: 768px) and (max-width: 979px) {
	.wi-recent-posts.style-2 .recent-item .post-thumbnail {
		float:left;
		margin-right:20px;
		width:170px;
		}
}

@media (max-width: 767px) {
	/* General 
	-------------------------------------- */
	body {
		padding-left:0px;
		padding-right:0px;
		}
	body .container,
	#wi-header .container .logo-desc {
		width:460px;
		}

	/* Header */
	.admin-bar #wi-header-sticky-wrapper #wi-header.is-sticky {
		top:0; /* not sticky admin bar */
		position:static; /* please do not enable sticky header in this mode */
		}
	#wi-header .container {
		}
	#wi-header-sticky-wrapper #wi-header.is-sticky .container {
		padding:0;
		}	
	body #wi-logo img {
		margin-top:0px;
		margin-bottom:0;
		}
	#wi-mainnav .menu > ul > li a .indicator {
		width:70px;
		}	
	
	/* Titlebar */
	#wi-titlebar .title {
		font-size:27px;
		}	
	
	/* Blog */
	.wi-article {
		padding:20px 0;
		}
	.wi-article .post-thumbnail {
		width:100%;
		margin:0;
		float:none;
		margin-bottom:20px;
		}
	.wi-article.thumb-right .post-thumbnail {
		margin:0;
		text-align:center;
		float:none;
		margin-bottom:20px;
		}	
	.wi-article.format-status .user-avatar {
		width:60px;
		height:60px;
		margin-right:10px;
		}	
	.wi-article.format-status .text-area .post-content {
		padding:10px 20px;
		}
	.wi-article.format-quote .text-area {
		padding-left:50px;
		}
	.wi-article.format-quote .text-area .post-content {
		font-size:16px;
		}		
	.wi-blog-slider	.flexslider .flex-direction-nav a,
	.has-sidebar .wi-blog-slider .flexslider .flex-direction-nav a {
		width:32px;
		height:32px;
		margin-top:-16px;
		}
	.wi-blog-slider[data-thumbnail-pager="true"] .flexslider .flex-direction-nav a,
	.has-sidebar .wi-blog-slider[data-thumbnail-pager="true"] .flexslider .flex-direction-nav a {
		margin-top:-59px; /* 16 + 40 + 3 */
		}
	.wi-pagination > ul {
		padding:0;
		}	
		
		/* Single Formats */
	.wi-article.format-link .link-thumb {
		width:120px;
		}
	.wi-single.format-quote .text-area {
		padding-left:50px;
		}	
	.wi-single.format-quote .text-area .post-content {
		font-size:16px;
		}	
	.wi-single.format-status .text-area .post-content {
		padding:10px 20px;
		}
			
		/* Single Nav */
	.post-nav .nav-text {
		line-height:20px;
		padding:15px 0;
		}
	.post-nav .ele .nav-text a {
		font-size:13px;
		}
	.post-nav .nav-thumb {
		margin-left:10px;
		width:50px;
		height:50px;
		}	
	.post-nav .next .nav-thumb {
		margin-left:auto;
		margin-right:10px;
		}
	
		/* Single Authorbox */
	.authorbox .inner {
		padding:15px;
		}		
	.authorbox .author-avatar {
		width:60px;
		margin-right:20px;
		}	
	.authorbox .text h4 {
		font-size:14px;
		}
	.authorbox .text h4 a {
		margin-left:0;
		}
		
		/* Single Comments */
	.comments-title {
		font-size:45px;
		}		
	.commentlist .comment-avatar {
		margin-right:20px;
		}
	.commentlist .fn {
		font-size:14px;
		}
	.commentlist ol.children {
		margin-left:32px;
		}
		
		/* colorbox */	
	#cboxNext,
	#cboxPrevious {
		width:32px;
		height:32px;
		margin-top:-16px;
		}	
	#cboxClose,
	#cboxClose:after {
		width:24px;
		height:24px;
		line-height:24px;
		}
	
		/* bottom popup */
	#wi-bottom-popup {
		display:none;
		}	
			
		/* wpcf 7 */
	.wpcf7 .input,
	.wpcf7 .textarea {
		width:100%;
		margin:0;
		display:block;
		float:none;
		}
	
	/* gallery */
	.gallery-item {
		padding:0;
		}
	.wp-caption-text, 
	.gallery-caption {
		display:none;
		}		
		
			
	/* scrollup */
	#scrollup {
		display:none !important;
		width:32px;
		height:32px;
		bottom:10px;
		right:10px;
		}
	
	/* RevSlider */
	.tp-leftarrow.default, .tp-rightarrow.default {
		width:32px;
		height:32px;
		margin-top:-16px;
		}
	
	/* Footer */	
	#footer-bottom .footer-copyright-text {
		text-align:center;
		}
	.footer-bottom-content {
		line-height:1;
		text-align:center;
		}	
	#footer-bottom .ele {
		float:none;
		margin:0 3px !important;
		display:inline-block;
		}
			
}

@media (max-width: 479px) {
	/* General 
	-------------------------------------- */
	body {
		padding-left:0px;
		padding-right:0px;
		}
	body .container,
	#wi-header .container .logo-desc {
		width:300px;
		}
	.toggle-menu {
		right:10px;
		}			
	#wi-logo img {
		max-width:200px;
		}
	blockquote {
		padding:0 0 0 15px;
		margin-left:10px;
		}
	.wi-article.format-status .user-avatar {
		width:50px;
		height:50px;
		margin-right:0;
		}	
	.recent-item .post-thumbnail {
		width:60px;
		height:60px;
		margin-right:12px;
		padding:3px;
		}
	.recent-item .post-thumbnail .format-icon {
		height:60px;
		}
			
		/* Blog */
	.wi-article.format-link .link-thumb {
		width:100%;
		float:none;
		margin:0;
		margin-bottom:20px;
		}
	.wi-blog-slider[data-thumbnail-pager="true"] .flexslider .flex-direction-nav a {
		margin-top:-44px; /* 44 = 16 + 25 + 3 */
		}	
	.wi-blog-slider	.flex-control-thumbs img {
		height: 50px;
		padding: 0;
		border: none;
		}
	.wi-article .meta .ele {
		float:none;
		padding:0;
		padding-bottom:5px;
		margin-bottom:10px;
		}
	.wi-article .meta .ele:before {
		position:static;
		width:auto;
		height:auto;
		display:inline-block;
		content:"-";
		margin-right:10px;
		background:none;
		}
	.wi-article .meta .ele:first-child:before {
		display:inline-block;
		}	
				
		/* Single */
	#wi-titlebar .meta .ele {
		float:none;
		padding:0;
		padding-top:5px;
		margin-top:10px;
		}
	#wi-titlebar .meta .ele:before {
		display:none;
		}	
	#wi-titlebar .meta .ele:first-child {
		margin-top:0;
		}
		
	.post-nav .prev a i {
		margin-right:0;
		}
	.post-nav .next a i {
		margin-left:0;
		}			
	.post-nav .nav-text span {
		display:none;
		}	
	.authorbox .author-avatar {
		float: none;
		display: block;
		width: 80px;
		margin:0;
		margin-bottom: 20px;
		}
	.comments-title {
		font-size:40px;
		}
	.tags {
		font-size:12px;
		}
	.tag-label {
		margin-right:6px;
		}	
	.commentlist .comment-avatar {
		margin-right: 10px;
		width: 50px;
		padding: 0;
		border: none;
		}
	.commentlist ol.children {
		margin-left:20px;
		}			
					
		/* Footer */	
	#footer-bottom .footer-bottom-right .ele {
		margin-left:2px;
		}
}

/* ------------------------------------------------------- 		WOOCOMMERCE 	----------------------------------------------------------- */

@media (max-width: 979px) {

			/* LAYOUT */
	.woocommerce ul.products li.product,
	.woocommerce-page ul.products li.product {
		width:49% !important;
		margin:0 2% 2% 0 !important;
		}
	.woocommerce ul.products li.product:nth-child(2n), 
	.woocommerce-page ul.products li.product:nth-child(2n) {
		float:right;
		clear:none !important;
		margin-right:0  !important;
		}
		
			/* CART */
	.woocommerce .cart-collaterals .shipping_calculator, 
	.woocommerce-page .cart-collaterals .shipping_calculator {
		margin-top:20px;
		}
	.woocommerce table.cart td.actions .coupon .input-text, 
	.woocommerce-page table.cart td.actions .coupon .input-text {
		width:48%;
		}	
}

@media (max-width: 767px) {
	.woocommerce .woocommerce-result-count, 
	.woocommerce-page .woocommerce-result-count {
		float:none;
		}
	.woocommerce .woocommerce-ordering,
	.woocommerce-page .woocommerce-ordering {
		float:none;
		}
}
@media (max-width: 479px) {
	.woocommerce ul.products li.product,
	.woocommerce-page ul.products li.product {
		width:100% !important;
		margin:0 0 3% !important;
		}
	.woocommerce #review_form #respond p.stars, 
	.woocommerce-page #review_form #respond p.stars {
		margin-left:0;
		}	

	/* Tabs */
	.woocommerce div.product .woocommerce-tabs ul.tabs li, 
	.woocommerce-page div.product .woocommerce-tabs ul.tabs li{
		display:block;
		width:100%;
		border: 1px solid #999;
		border-bottom: none;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;		
		}		
	.woocommerce div.product .woocommerce-tabs ul.tabs li.active, 
	.woocommerce-page div.product .woocommerce-tabs ul.tabs li.active {
		background: #000;
		color: #fff;
		border-color: #000;
		}
	.woocommerce div.product .woocommerce-tabs ul.tabs li a,
	.woocommerce-page div.product .woocommerce-tabs ul.tabs li a {
		display:block;
		}
		
	/* Cart */
	.woocommerce table.shop_table.cart th, 
	.woocommerce-page table.shop_table.cart th {
		padding-right:2px;
		text-align:center;
		}
	.woocommerce table.cart td.product-name a:after, 
	.woocommerce-page table.cart td.product-name a:after {
		display:none;
		}
		
	.woocommerce table.cart td.actions .input-text,
	.woocommerce-page table.cart td.actions .input-text,	
	.woocommerce table.cart td.actions .button, 
	.woocommerce-page table.cart td.actions .button {
		width:100% !important;
		clear:both !important;
		float:none !important;
		margin-bottom:10px !important;
		}
		
}