/* ==============
    MOBILE: Main
   ============== */

.wrapper, .wrapper.big {
    width: 90%;
    margin: 0 5%;
}
.wrapper.small { max-width: 900px; }
.wrapper-listings {
	width: 95%;
	margin: 0 auto;
	max-width: 600px;
}

.main-container { min-height: 300px; }

#header-instrument-search { display: none; }
ul#nav-right {
	display: block;
	position: absolute;
	top: 0px;
	right: 3%;
	padding-top: 22px;
	list-style-type: none;
}
ul#nav-right li {
	float: left;
	font-weight: bold;
	font-size: 16px;
	margin-left: 23px;
}
ul#nav-right li a {
	display: block;
	text-decoration: none;
	color: #000000;
}
ul#nav-right #nav-search-form {
	display: none;
}

ul#nav li.nav-dropdown { padding-right: 15px; }
ul#nav li.nav-dropdown:after, ul#mobile-nav-dropdowns li.nav-dropdown a:after {
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 4px 0 4px;
	border-color: #000000 transparent transparent transparent;
	position: absolute;
	top: 20px;
	right: 4px;
}
ul#mobile-nav-dropdowns, ul#mobile-nav-dropdowns > * { transition: none; transition-delay: 0.5s; }
ul#mobile-nav-dropdowns li.nav-dropdown a:after {
	border-color: #FFFFFF transparent transparent transparent;
	top: 20px;
	right: 20px;
	-webkit-transition: -webkit-transform .3s ease-in-out;
	transition: transform .3s ease-in-out;
}

ul#mobile-nav-dropdowns li.nav-dropdown ul li a:after { display: none; }

ul#nav li.more { display: none; }

ul#nav, ul#mobile-nav-dropdowns { display: none; }
ul#nav, ul#mobile-nav {
	float: left;
	
	list-style-type: none;
	padding: 10px 0px;
}
 ul#mobile-nav {
	 padding-left: 67px;
}
ul#nav li, ul#mobile-nav li {
	display: inline-block;
	position: relative;
	
	margin-right: 13px;
	font-weight: bold;
	font-size: 16px;
}
ul#nav li a, ul#mobile-nav li a {
	display: block;
	text-decoration: none;
	color: #000000;
	padding: 12px;
}
ul#mobile-nav-dropdowns {
	clear: both;
	margin: 0;
	padding-top: 5px;
	background-color: #333333;
}
ul#mobile-nav-dropdowns li {
	margin-bottom: 0px;
	position: relative;
	border-bottom: 1px solid #444444;
}
ul#mobile-nav-dropdowns li:last-child { border: none; }
ul#mobile-nav-dropdowns li a {
	display: block;
	background-color: #333333;
	color: #FFFFFF;
	padding: 15px;
	text-decoration: none;
	cursor: pointer;
}
ul#mobile-nav-dropdowns li ul { display: none; margin: 0px; }
ul#mobile-nav-dropdowns li ul li a { background-color: #555555; color: #FFFFFF; }

ul#mobile-nav li.nav-menu { margin-right: 27px; }
ul#mobile-nav li.nav-menu a {
	display: block;
	width: 25px;
	padding: 12px 0px;
	background: url('../images/nav_icon_menu.jpg') left 9px no-repeat;
	position: relative;
	min-height: 17px;
	text-transform: uppercase;
	padding-left: 54px;
}

ul#mobile-nav li.nav-menu a:after {
	position: absolute;
	top: 19px;
	left: 32px;
	content: "";
	display: inline-block;
	width: 12px;
	height: 7px;
	background: url('../images/nav_icon_menu_arrow.jpg') no-repeat;
	-webkit-transition: -webkit-transform .3s ease-in-out;
	transition: transform .3s ease-in-out;
}
.arrow-spin:after {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

ul#nav-right li#nav-search { margin: 0px; }
ul#nav-right li#nav-search a {
	background: url('../images/nav_icon_search.jpg') no-repeat;
	width: 23px; height: 23px;
}

ul#nav-right li#nav-account a {
	background: url('../images/nav_icon_profile.jpg') no-repeat;
	width: 27px; height: 22px;
}

ul#nav-right li#nav-cart a {
	background: url('../images/nav_icon_cart.jpg') no-repeat;
	width: 27px; height: 23px;
}
ul#nav-right li a { text-indent: -9999px; }

.fullmedia-section div.fullimage + .mediatext .mediawrapper, .fullmedia-section div.fullvideo + .mediatext .mediawrapper { min-height: 290px; }

#home-listings h3.lightweight {
	margin-bottom: 30px;
	font-size: 22px;
}

.product-listings-container {
	display: flex;
	flex-flow: row;
	flex-wrap: wrap;
}
.product-listing {
	position: relative;
	flex: 0 0 calc(50% - 0px);
	margin-bottom: 25px;
}
.product-listing.big { flex: 0 0 calc(100% - 0px); }
.product-listing .product-listing-container { padding: 0px 10px; }
.product-listing img { width: 100%; }
.product-listing .play-video {
    position: absolute;
    top: 10px;
    right: 20px;
    width: 37px;
    height: 37px;
    cursor: pointer;
    text-indent: -9999px;
}
.product-listing h3, .product-listing p {
	text-align: center;
	margin-bottom: 3px;
	font-size: 14px;
	font-weight: normal;
}
.product-listing a, .product-listing a:visited {
	text-decoration: none;
	color: #000000;
}
.product-listing .listing-image { margin-bottom: 8px; }
.product-listing .listing-read-more a {
    background: url('../images/icon_read-more.png') right 4px no-repeat;
    padding-right: 30px;
    text-decoration: none;
    color: #000000;
    text-transform: uppercase;
}



@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
	.product-listing .listing-read-more a {
		background: url('../images/icon_read-more@2x.png') right 4px no-repeat;
		background-size: 22px 10px;
	}
	ul#mobile-nav li.nav-menu a {
		background: url('../images/nav_icon_menu@2x.jpg') left 9px no-repeat;
		background-size: 27px 26px;
	}
	ul#mobile-nav li.nav-menu a:after {
		background: url('../images/nav_icon_menu_arrow@2x.jpg') no-repeat;
		background-size: 12px 7px;
	}
	ul#nav-right li#nav-search a {
		background: url('../images/nav_icon_search@2x.jpg') no-repeat;
		background-size: 23px 23px;
	}
	ul#nav-right li#nav-account a {
		background: url('../images/nav_icon_profile@2x.jpg') no-repeat;
		background-size: 27px 22px;
	}
	ul#nav-right li#nav-cart a {
		background: url('../images/nav_icon_cart@2x.jpg') no-repeat;
		background-size: 27px 23px;
	}
}