/**
 * @version    1.1
 * @package    Michello
 * @author     WooRockets Team <support@woorockets.com>
 * @copyright  Copyright (C) 2014 WooRockets.com. All Rights Reserved.
 * @license    GNU/GPL v2 or later http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Websites: http://www.woorockets.com
 * The stylesheet for display on mobile and tablets device
 */

 @media only screen and (max-width: 1024px), (max-device-width: 1024px) {
 	.mobile-nav-button,
 	.mobile-navigation {
		display: block;
	}
	.top-navigation {
		position: relative;
	}
	.header-top .shop-cart + .top-navigation {
		padding-right: 0;
	}
	.top-navigation {
		padding: 7px 0;
	}
	.site-header.v2 .shop-cart {
		right: 15px;
		top: 100%;
		z-index: 1000;
	}
	.site-header.v2 .right-navigation,
	.site-header.v2 .main-navigation,
	.site-header.v1 .main-navigation  {
		display: none;
	}
	#menu-top {
		position: absolute;
		top: 120%;
		width: 250px;
		background: rgba(0, 0, 0, 0.8);
		z-index: 1500;
		visibility: hidden;
		opacity: 0;
		transition: all 0.3s ease-in-out 0s;
		-moz-transition: all 0.3s ease-in-out 0s;
		-ms-transition: all 0.3s ease-in-out 0s;
		-webkit-transition: all 0.3s ease-in-out 0s;
		-o-transition: all 0.3s ease-in-out 0s;
	}
	.top-navigation:hover #menu-top {
		opacity: 1;
		visibility: visible;
		top: 100%;
	}
	#menu-top li,
	.menu-main li {
		display: block;
		float: none;
	}
	#menu-top {
		margin: 0;
		right: 0;
		width: 200px;
	}
	.menu-main > li {
		padding: 10px 15px;
	}
	.header-bot {
		padding: 20px 0;
	}
	.header-bot .site-branding {
		position: absolute;
		left: 50%;
		margin: -70px 0 0 -85px;
	}
	.submenu-button {
		display: block;
	}
	.menu-main .sub-menu {
		visibility: visible;
		opacity: 1;
		position: static;
		margin-left: 0;
		display: none;
		margin-left: -10px;
	}
	.menu-main .sub-menu li a {
		border-color: rgba(0, 0, 0, 0.1);
		color: #bcc1c4;
	}
	.menu-main .sub-menu li a:hover {
		color: #515a6b;
	}
	.menu-main .sub-menu:before,
	.menu-main > .menu-item-has-children > a:before, 
	.menu-main > .menu-item-has-children > a:after,
	.menu-main > li:before,
	.menu-main > li:after {
		display: none;
	}
	.blog .entry-content,
	.entry-header {
		float: none;
		width: auto;
	}
	.primary-sidebar,
	.secondary-sidebar {
		margin-top: 50px;
	}
	.top-sidebar .widget:hover > div, 
	.top-sidebar .widget:hover > ul, 
	.top-sidebar .widget:hover > form {
		opacity: 0;
		visibility: hidden;
		top: 120%;
	}
	.top-sidebar .widget.open > div, 
	.top-sidebar .widget.open > ul, 
	.top-sidebar .widget.open > form,
	.top-sidebar .widget.widget_price_filter:hover > form {
	    opacity: 1;
	    top: 100%;
	    visibility: visible;
	}
}

@media only screen and (max-width: 990px), (max-device-width: 990px) {
	.table-responsive {
		border: none;
	}
	.site-footer .widget {
		margin-bottom: 50px;
	}
	.site-info,
	.site-footer .social {
		text-align: center;
		padding: 5px 0;
	}
	.woocommerce ul.products.list .p-image {
		float: none;
		width: auto;
		padding-right: 0;
	}
	.woocommerce ul.products.list .p-info {
		float: none;
		width: auto;
		margin-top: 30px;
	}
}

@media only screen and (max-width: 768px), (max-device-width: 768px) {
	.top-info {
		display: none;
	}
	.header-bot {
		padding: 5px 0;
	}
	.header-bot .site-branding {
		width: 120px;
		margin: -55px 0 0 -60px;
	}
	.header-bot .site-branding:after {
		border-width: 0 60px 24px 60px;
	}
	
	.newsletter-subscription .newsletter-email {
	width: 300px;
	clear: both;
	height: 45px;
	color: #918686;
	font-size: 16px;
	font-family: 'Montserrat', sans-serif;
	border: none;
	border-bottom: 2px solid #918686;
	}
	.newsletter-subscription .newsletter-submit {
	clear:both;
	width: 300px;
	font-size: 14px;
	color: #918686;
	background: none;
	border: 2px solid #918686;
	height: 45px;
	line-height: 41px;
	margin-top: 10px;
	padding: 0 15px;
	font-family: 'Montserrat', sans-serif;
	font-weight: bold;
	}
}

@media only screen and (max-width: 540px), (max-device-width: 540px) {
	.top-sidebar .widget {
		display: block;
		margin-right: 0;
	}
	.top-sidebar .widget_price_filter {
		max-width: none;
		padding: 15px 0;
	}
}