@media only screen and (min-width: 768px) {
	#mobile-header, 
	#mobile-subnav {
		display: none;
	}
}
@media only screen and (max-width: 768px) {
	.head {
    height: auto;
    margin: 0 auto;
    padding: 18px 0 0;
    width: 100%;
	}
	.head .logo {
		margin: 0 10px 20px;
		width: 140px;
	}
	.head form, 
	.head .navwrap, 
	.navbar, 
	.content .summary {
		display: none;
	}
	#mobile-header {
		width: 100%;
		overflow: hidden;
		background-color: #b5006b;
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#b5006b), to(#d80080));
		background: -webkit-linear-gradient(top, #b5006b, #d80080);
		background: -moz-linear-gradient(top, #b5006b, #d80080);
		background: -ms-linear-gradient(top, #b5006b, #d80080);
		background: -o-linear-gradient(top, #b5006b, #d80080);
	}
	#mobile-header ul {
		margin: 0;
		padding: 0;
		width: 100%;
		overflow: hidden;
		list-style: none;
		font-size: 18px;
		line-height: 30px;
		font-family: Ubuntu, 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	}
	#mobile-header li {
		margin: 0;
		padding: 10px 0;
		border-left: 1px solid #fff;
		width: 20%;
		float: left;
		list-style: none;
		text-align: center;
	}
	#mobile-header li:first-child {
		border-left: 0;
		width: 18%;
	}
	#mobile-header a:link, 
	#mobile-header a:visited, 
	#mobile-header a:hover, 
	#mobile-header a:focus, 
	#mobile-header a:active {
		color: #fff;
		text-decoration: none;
		display: block;
		height: 38px;
		line-height: 42px;
	}
	.m-home:link, 
	.m-home:visited, 
	.m-home:hover, 
	.m-home:focus, 
	.m-home:active {
		background: transparent url(../assets/home.svg) 60% 50% no-repeat;
		background-size: 38px 38px;
		text-indent: -99999em;
	}
	#mobile-header .m-cart:link, 
	#mobile-header .m-cart:visited, 
	#mobile-header .m-cart:hover, 
	#mobile-header .m-cart:focus, 
	#mobile-header .m-cart:active {
		background: transparent url(../assets/bag.svg) 50% 50% no-repeat;
		background-size: 38px 38px;
		color: #b5006b;
	}
	.m-search:link, 
	.m-search:visited, 
	.m-search:hover, 
	.m-search:focus, 
	.m-search:active {
		background: transparent url(../assets/search.svg) 50% 50% no-repeat;
		background-size: 38px 38px;
		text-indent: -99999em;
	}
	
	.alnav {
    position: relative;
    float: left;
    clear: none;
    width: 100%;
    background-color: #b5006b;
}

.alnav li {
    position: relative;
    float: left;
    clear: both;
    width: 100%;
}

.alnav li a {
    display: block;
    padding: 2%;
    width: 96%;
    color: #fff !important;
    text-decoration: none;
    border-bottom: 1px solid #fff;
    text-shadow: none;
    font-size: 0.9em;
    background: transparent url(../assets/right-nav-arrow.svg) 98% 50% no-repeat;
    background-size: 16px 16px;
}

.alnav li a:hover, .alnav li a:active {
    background-color: #ff0094;
}

.alnav, .alnav li, .alnav li ul, .alnav li li, .alnav li a {
    box-sizing: border-box;
}

.alnav li {
    outline: none;
}

.alnav li.expaned:hover, 
.alnav li.expanded:active,
.alnav li.expanded {
    background-color: #3f3f3f;
}

.alnav ul.expandedeep li:hover, 
.alnav ul.expandedeep li:active,
.alnav ul.expandedeep li {
    background-color: #595959;
}

.alnav li.haschildren a.parentlink, 
.alnav li.haschildrendeep a.parentlinkdeep {
    background: transparent url(../assets/plus-nav-icon.svg) 5px 50% no-repeat;
    padding-left: 30px;
    background-size: 16px 16px;
}

.alnav li.expanded a.parentlink, 
.alnav li.expanded li.expandedeep.haschildrendeep a.parentlinkdeep {
    background: transparent url(../assets/minus-nav-icon.svg) 5px 50% no-repeat;
    background-size: 16px 16px;
}

.alnav li.haschildren ul,
.alnav li.haschildrendeep li.haschildren ul,
.alnav li.expanded li.haschildrendeep ul {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: opacity 950ms ease-in-out;
}

.alnav li.expanded ul,
.alnav li.expanded li.expandedeep ul {
    max-height: 9000px;
    overflow: auto;
    opacity: 1;
}

.alnav li.expanded ul li a {
    padding-left: 30px;
}

.alnav li.expanded li.expandedeep.haschildrendeep a.parentlinkdeep,
.alnav li.haschildrendeep a.parentlinkdeep {
    padding-left: 60px;
    background-position: 30px 50%;
}

.alnav li.expanded li.expandedeep a {
    padding-left: 60px;
}
	
}
@media only screen and (min-width: 960px) {
	
}
@media only screen and (max-width: 1024px) {
	img {
		display: block;
		max-width: 100%;
		height: auto;
	}
	.content {
		width: auto;
		max-width: 974px;
		max-width: 956px;
	}
	.main .data {
		float: none;
	}
	.teaser {
		padding: 0;
		border: 6px solid #798691;
		float: none;
		display: block;
		width: auto;
		overflow: hidden;
	}
	.teaser.topteaser {
		padding: 5px 0 0;
	}
	.centerwrap {
		width: auto;
	}
	.footer {
		float: none;
	}
	.foot {
		width: auto;
		max-width: 960px;
	}
	.teaser .subfeatures li.last {
		border: 0;
	}
	.content {
		width: 90%;
	}
	.centerwrap, .teaser {
		width: auto;
	}
	.teaser .subfeatures li, 
	.teaser .subfeatures li.second {
		margin-left: 1.25%;
		border: 0;
		width: 32.5%;
		height: auto;
		float: left;	
	}
	.teaser .subfeatures li:first-child {
		margin-left: 0;
	}
	.wmuSliderPagination {
		right: 50%;
		margin-right: -45px;
	}
	.navbar .center {
    margin: 0 auto;
    padding: 0 5%;
    width: 90%;
	}
	.navbar {
    min-height: 26px;
    height: auto;
	}
}
@media only screen and (max-width: 960px) {
	
}
@media only screen and (max-width: 768px) {
	.navbar .center ul {
		text-align: center;
	}
	.navbar .center ul li {
		float: none;
    padding: 5px 10px;
    display: inline-block;
	}
}
@media only screen and (max-width: 600px) {
	.foot {
		text-align: center;
	}
	.foot span {
		float: none;
		display: block;
		text-align: center;
	}
}
@media only screen and (max-width: 480px) {
	.teaser.summary {
		margin: 0 auto;
		max-width: 300px;
	}
	.teaser .subfeatures li, 
	.teaser .subfeatures li.second {
		margin-top: 6px;
		margin-left: 0;
		float: none;
		width: 100%;
	}
	.teaser .subfeatures li:first-child {
		margin-top: 0;
	}
}