@media only screen and (max-width: 1000px) {
	header,
	header > .content,
	main > .content,
	footer > .content {
		min-width: 300px;
	}

	header:before {
		display: none;
	}

	header > .content {
		padding: 8px 10px 5px;
		position: static;
	}

	header .site-message,
	header .currency,
	header .social,
	header .links {
		display: none;
	}

	header .logo img {
		height: 75px;
	}
	
	header nav {
		float: right;
		position: static;
	}
	
	header nav > .switch {
		background: none;
		border: none;
		color: RGB(50, 50, 50);
		cursor: pointer;
		display: block;
		height: 75px;
		padding: 0;
		width: 75px;
	}
	
	header nav > .switch:before {
		content: "\F0C9";
		font-family: FontAwesome;
		font-size: 28px;
	}

	header nav > .switch:after {
		content: "MENU";
		display: block;
		font-size: 11px;
		font-weight: bold;
		line-height: 25px;
	}
	
	header nav > ul {
		background: RGB(75, 75, 75);
		border-left: 1px solid RGB(25, 25, 25);
		display: none;
		height: 100%;
		max-width: 350px;
		overflow-y: auto;
			-webkit-overflow-scrolling: touch;
		padding: 40px 0 0;
		position: fixed;
		right: 0;
		top: 0;
		width: 85%;
		z-index: 20;
	}
	
	header nav > ul > li {
		border-top: 1px solid RGBA(0, 0, 0, 0.5);
		box-shadow: inset 0 1px 0 0 RGBA(250, 250, 250, 0.1);
		float: none;
		height: auto;
		padding: 1px 0 0;
	}
	
	header nav > ul > li:first-child {
		border-top: 1px solid RGBA(250, 250, 250, 0.1);
		box-shadow: none;
	}
	
	header nav > ul > li:last-child {
		border-bottom: 1px solid RGBA(0, 0, 0, 0.5);
		box-shadow: inset 0 1px 0 0 RGBA(250, 250, 250, 0.1),
					0 1px 0 0 RGBA(250, 250, 250, 0.1);
		margin: 0 0 10px;
	}
	
	header nav > ul > li[data-name="myatomretro"],
	header nav > ul > li[data-name="social"] {
		display: block;
	}
	
	header nav > ul > li > a {
		color: RGB(250, 250, 250);
		display: block;
		float: none;
		font-weight: bold;
		line-height: 40px;
		padding: 0 0 0 12px;
	}
	
	header nav > ul > li > a:after {
		color: RGB(250, 250, 250);
		content: "\F078";
		float: right;
		font-family: FontAwesome;
		font-size: 14px;
		font-weight: normal;
		margin: 0 15px 0 0;
	}
	
	header nav > ul > li .pointer {
		display: none !important;
	}
	
	header nav > ul > li .dropmenu {
		background: RGB(100, 100, 100);
		box-shadow: none;
		display: none;
		max-height: 50000px;
		opacity: 1;
		padding: 0;
		position: static;
		width: 100%;
	}
	
	header nav > ul > li .dropmenu > ul {
		border: none !important;
		display: block;
		float: none;
		margin: 0;
		padding: 0;
		width: 100% !important;
	}
	
	header nav > ul > li .dropmenu > ul > li {
		border-bottom: 1px solid RGBA(0, 0, 0, 0.2);
		display: block;
		line-height: 30px;
		padding: 0 0 0 12px !important;
		text-transform: uppercase;
	}
	
	header nav > ul > li .dropmenu > ul:first-child > li:first-child {
		border-top: 1px solid RGBA(0, 0, 0, 0.5);
	}
	
	header nav > ul > li .dropmenu > ul:last-child > li:last-child {
		border-bottom: none;
	}
	
	header nav > ul > li .dropmenu > ul > li > a {
		display: block;
	}
	
	header nav > ul > li .dropmenu > ul > li > a:after {
		content: "\F054";
		float: right;
		font-family: FontAwesome;
		font-size: 9px;
		line-height: 31px;
		margin: 0 10px 0 0;
	}
	
	header nav > ul > li .dropmenu > a:last-child {
		margin: 10px 2% 2% !important;
		width: 96% !important;
	}
	
	header nav > ul > li .dropmenu > a:last-child img {
		width: 100%;
	}
	
	header nav.on:before {
		background: RGB(0, 0, 0);
		content: "";
		height: 100%;
		left: 0;
		opacity: 0.6;
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 10;
	}
	
	header nav.on:after {
		background: RGB(50, 50, 50);
		border-bottom: 1px solid RGBA(0, 0, 0, 0.5);
		border-left: 1px solid RGB(25, 25, 25);
		color: RGB(250, 250, 250);
		content: "BROWSE DEPARTMENTS..";
		font-size: 12px;
		font-weight: bold;
		height: 40px;
		line-height: 40px;
		max-width: 350px;
		padding: 0 0 0 12px;
		position: fixed;
		right: 0;
		top: 0;
		width: 85%;
		z-index: 21;
	}
	
	header nav.on > ul {
		display: block;
	}
	
	header nav.on > .switch {
		background: RGB(50, 50, 50);
		border-bottom: 1px solid RGBA(0, 0, 0, 0.5);
		border-left: 1px solid RGBA(250, 250, 250, 0.1);
		box-shadow: -1px 0 0 0 RGBA(0, 0, 0, 0.5);
		color: RGB(250, 250, 250);
		height: 40px;
		padding: 0 10px;
		position: fixed;
		right: 0;
		top: 0;
		width: auto;
		z-index: 22;
	}
	
	header nav.on > .switch:before {
		content: "Close";
		font-family: Roboto;
		font-size: 12px;
		font-weight: bold;
		margin: 0 8px 0 0;
		text-transform: uppercase;
	}
	
	header nav.on > .switch:after {
		content: "\F00D";
		display: inline-block;
		font-family: FontAwesome;
		font-size: 14px;
		font-weight: normal;
	}
	
	header nav.on > ul > li.on .dropmenu {
		display: block;
	}
	
	header nav.on > ul > li.on > a:after {
		content: "\F077";
	}
	
	header .bag {
		float: right;
		margin: 0;
		position: static;
	}
	
	header .bag > a:not(.switch) {
		display: none;
	}
	
	header .bag > .switch {
		color: RGB(50, 50, 50);
		display: block;
		height: 75px;
		padding: 0;
		text-align: center;
		text-decoration: none;
		width: 75px;
	}
	
	header .bag > .switch:before {
		content: "\F023";
		font-family: FontAwesome;
		font-size: 28px;
		line-height: 52px;
	}
	
	header .bag > .switch:after {
		content: "BAG";
		display: block;
		font-size: 11px;
		font-weight: bold;
		margin: -8px 0 0;
	}
	
	header .bag > .content {
		display: none !important;
	}
	
	header .search {
		margin: 0;
	}
	
	header .search > .switch {
		background: none;
		border: none;
		color: RGB(50, 50, 50);
		cursor: pointer;
		display: block;
		height: 75px;
		padding: 0;
		width: 75px;
	}
	
	header .search > .switch:before {
		content: "\F002";
		font-family: FontAwesome;
		font-size: 28px;
	}
	
	header .search > .switch:after {
		content: "SEARCH";
		display: block;
		font-size: 11px;
		font-weight: bold;
		line-height: 25px;
	}
	
	header .search > .content {
		background: RGB(255, 255, 255);
		border-bottom: 2px solid RGB(195, 70, 60);
		border-top: 2px solid RGB(50, 105, 165);
		display: none;
		left: 0;
		padding: 5px;
		position: absolute;
		top: 92px;
		width: 100%;
		z-index: 2;
	}
	
	header .search .bar {
		float: right;
		position: relative;
		width: calc(100% - 40px);
	}
	
	header .search .bar input[type="text"] {
		float: right;
		font-size: 14px;
		height: 35px;
		padding: 0 35px 0 10px;
		width: 100%;
	}
	
	header .search .bar button[type="submit"] {
		border: 1px solid RGB(200, 200, 200);
		font-size: 16px;
		height: 35px;
		position: absolute;
		right: 0;
		top: 0;
		width: 35px;
	}
	
	header .search .settings {
		position: static;
	}

	header .search .settings .cog {
		font-size: 16px;
		height: 35px;
		line-height: 33px;
		width: 35px;
	}

	header .search .settings .cog:after {
		content: "\F0AD";
	}

	header .search .settings .switch {
		height: 35px;
		left: 5px;
		top: 5px;
		width: 35px;
	}

	header .search .settings .menu {
		margin: 0 5px;
		padding: 7px 5px;
		top: 43px;
		width: calc(100% - 10px);
	}

	header .search .settings .oos {
		float: left;
		margin: 3px 0 5px 5px;
	}
	
	header .search.on {
		margin: 0 0 15px;
	}
	
	header .search.on > .content {
		display: block;
	}
	
	footer {
		margin: 0;
	}
	
	footer > .content {
		border-bottom: none;
		border-left: none;
		border-right: none;
		padding: 0 5px;
	}
	
	footer .links ul {
		border: none;
		padding: 0 0 0 1%;
	}
	
	footer .payment .card img {
		margin: 0 1px 0 0;
		height: 26px;
	}
	
	.product-layout .widget > label {
		background: linear-gradient(RGB(235, 235, 235) 45%, RGB(225, 225, 225) 55%);
	}
	
	.product-layout .widget > .content {
		max-height: 250px !important;
		transition: none;
	}
	
	.product-layout .bag-added {
		margin: auto;
		left: 0;
		right: 0;
	}
	
	.product-layout .gallery {
		margin: 0 0 10px;
		padding: 0;
		width: 100%;
	}
	
	.product-layout .gallery .main {
		border: 1px solid RGB(150, 150, 150);
		height: 400px;
		margin: 0;
		width: calc(100% - 120px);
	}
	
	.product-layout .gallery .main img {
		max-height: 95%;
		max-width: 95%;
	}
	
	.product-layout .gallery .switch {
		border-color: RGB(150, 150, 150);
		border-radius: 0;
		box-shadow: none;
		display: none !important;
		float: left;
		font-size: 12px;
		font-weight: bold;
		height: auto;
		margin: 5px 0 0;
		padding: 8px 0;
		position: static;
		transition: none;
		width: 100%;
	}
	
	.product-layout .gallery .switch:before,
	.product-layout .gallery .switch:after {
		line-height: inherit;
		position: static;
		transition: none;
	}
	
	.product-layout .gallery .switch:before {
		margin: 0 15px 0 0;
	}
	
	.product-layout .gallery .reel {
		height: 400px;
		width: 120px;
	}
	
	.product-layout .gallery .reel .arrow {
		display: none;
	}
	
	.product-layout .gallery .reel .visible {
		height: 100%;
		margin: 0;
		overflow-y: auto;
	}
	
	.product-layout .gallery .reel .img {
		height: 100px;
		margin: 0 0 8px;
		width: 100px;
	}
	
	.product-layout .gallery .reel .img:last-child {
		margin: 0;
	}
	
	.product-layout .enlarged-image {
		display: none !important;
	}
	
	.product-layout[data-page="outfit"] .items,
	.product-layout[data-page="outfit"] .item {
		width: 100%;
	}
	
	.product-layout .add-to-bag {
		width: 100%;
	}
	
	.product-layout .accordion,
	.product-layout[data-page="outfit"] .accordion {
		margin: 25px 0 0;
		width: 100%;
	}
	
	.product-layout .accordion .widget:last-child {
		margin: 4px 0 0;
	}
	
	.product-layout .widget.share,
	.product-layout .widget.complete-look,
	.product-layout .widget.reviews {
		margin: 4px 0 0;
		width: 100%;
	}
	
	.product-layout .widget.share > button:first-of-type,
	.product-layout .widget.complete-look > button:first-of-type,
	.product-layout .widget.reviews > button:first-of-type {
		display: block;
	}
	
	.product-layout .widget.share > .content,
	.product-layout .widget.complete-look > .content,
	.product-layout .widget.reviews > .content {
		border-bottom: 1px solid RGB(170, 170, 170);
		height: auto;
		overflow-x: hidden;
		overflow-y: scroll;
	}
	
	.product-layout .widget.share[data-switch="0"] > .content,
	.product-layout .widget.complete-look[data-switch="0"] > .content,
	.product-layout .widget.reviews[data-switch="0"] > .content {
		border-bottom: none;
		display: none;
	}
	
	.product-layout .widget.share,
	.product-layout[data-page="outfit"] .widget.share {
		height: auto;
		padding: 0;
		width: 100%;
	}
	
	.product-layout .widget.share > label {
		display: block;
	}
	
	.product-layout .widget.share > .content {
		padding: 5px 2px;
	}
	
	.product-layout .widget.share .button {
		font-size: 10px;
		height: 30px;
		line-height: 28px;
		margin: 0 1% 0 0;
		text-align: center;
		text-transform: uppercase;
		width: 19.2%;
	}
	
	.product-layout .widget.share .button:last-child {
		margin: 0;
	}
	
	.product-layout .widget.share .button:after,
	.product-layout .widget.share .button.facebook:after,
	.product-layout .widget.share .button.google:after,
	.product-layout .widget.share .button.pinterest:after{
		font-size: 14px;
		height: 22px;
		line-height: 22px;
		width: 30px;
	}
	
	.product-layout .widget.share .button.email:after {
		line-height: 18px;
	}
	
	.product-layout .widget.reviews {
		padding: 0;
	}
	
	.product-layout .widget.reviews[data-reviews="0"],
	.product-layout .widget.reviews .ekomi-logo,
	.product-layout .widget.reviews > button:not(:only-of-type):last-of-type {
		display: none;
	}
	
	.product-layout .widget.reviews .review[data-switch="0"] {
		display: block;
	}
	
	.product-layout .widget.reviews .review:last-child {
		border-bottom: none;
	}
	
	#TB_window {
		bottom: 0;
		left: 0;
		margin: auto !important;
		max-height: 75%;
		max-width: 75%;
		right: 0;
		top: 0;
	}
	
	#TB_ajaxContent {
		height: 100% !important;
		padding: 5px;
		width: 100% !important;
	}
	
	.oos-form .img {
		height: 250px;
		width: 200px;
	}
	
	.oos-form input[type="submit"] {
		bottom: 35px;
	}
	
	.ednotes .img {
		height: 250px;
		width: 35%;
	}
	
	.ednotes .details {
		height: 300px;
		margin: 10px 0 0;
		padding: 0;
		width: 60%;
	}
	
	.wl-form input[type="submit"] {
		bottom: 35px;
	}
	
	.sg-form .img {
		max-height: 450px;
	}
	
	.bag-items .labels label.description,
	.bag-items .rows .row .description {
		width: 50%;
	}
	
	.bag-items .labels label.size,
	.bag-items .rows .row .size,
	.bag-items .labels label.colour,
	.bag-items .rows .row .colour,
	.bag-items .labels label.price,
	.bag-items .rows .row .price {
		display: none;
	}
	
	.bag-items .labels label.quantity,
	.bag-items .rows .row .quantity {
		width: 25%;
	}
	
	.bag-items.confirm-order .labels label.quantity,
	.bag-items.confirm-order .rows .row .quantity {
		width: 30%;
	}
	
	.bag-items .labels label.cost,
	.bag-items .rows .row .cost {
		width: 15%;
	}
	
	.bag-items.confirm-order .labels label.cost,
	.bag-items.confirm-order .rows .row .cost {
		width: 20%;
	}
	
	.bag-items .labels label.remove,
	.bag-items .rows .row .remove {
		width: 10%;
	}
	
	.bag-items .rows .row .description {
		height: 90px;
	}
	
	.bag-items .rows .row .description .thumbnail {
		height: 90px;
		width: 90px;
	}
	
	.bag-items .rows .row .description .thumbnail .not-found {
		top: 23px;
		width: 88px;
		word-spacing: 88px;
	}
	
	.bag-items .rows .row .description .details {
		height: 90px;
		width: calc(100% - 90px);
	}
	
	.bag-items .rows .row .description .details .name {
		line-height: 16px;
		margin: 0 0 1px;
	}
	
	.bag-items .rows .row .description .details .size,
	.bag-items .rows .row .description .details .colour,
	.bag-items .rows .row .description .details .price {
		display: block;
		margin: 2px 0 1px;
	}
	
	.bag-items .rows .row .quantity select {
		margin: 30px 0;
	}
	
	.bag-items.confirm-order .rows .row .quantity p {
		line-height: 90px;
	}
	
	.bag-items .rows .row .cost p {
		line-height: 90px;
	}
	
	.bag-items .rows .row .remove {
		height: 70px;
	}
	
	.bag-items .rows .row .remove button[type="submit"] {
		font-size: 18px;
		height: 40px;
		margin: 15px 0;
		width: 40px;
	}
	
	.bag-items.confirm-order .checkout address {
		background: none;
		border: none;
		border-right: 1px solid RGB(50, 50, 50);
		width: 300px;
	}
	
	.bag-items.confirm-order .checkout .total {
		width: 100%;
	}
	
	.bag-items .disclaimer p {
		margin: 0 0 5px;
	}
	
	.content_body .half-column {
		margin: 0 0 15px;
		width: 100%;
	}
}

@media only screen and (max-width: 700px) {
	header .content {
		padding: 7px 4px 0;
	}
	
	header .logo img {
		height: 60px;
	}
	
	header .bag {
		margin: 0;
	}
	
	header nav > .switch,
	header .bag > .switch,
	header .search > .switch {
		height: 60px;
		width: 60px;
	}
	
	header nav > .switch:before,
	header .bag > .switch:before,
	header .search > .switch:before {
		font-size: 24px;
	}
	
	header nav > .switch:after,
	header .bag > .switch:after,
	header .search > .switch:after {
		font-size: 11px;
		line-height: 20px;
	}
	
	header .bag > .switch:before {
		line-height: 40px;
	}
	
	header .bag > .switch:after {
		margin: -7px 0 0;
	}
	
	header .search.on {
		padding: 0 0 40px;
	}
	
	header .search.on > .content {
		top: 71px;
	}
	
	footer > .content {
		padding: 0;
	}
	
	footer {
		padding: 20px 0 0;
	}
	
	footer .links {
		height: auto;
		margin: 0;
		padding: 0;
	}
	
	footer .links ul {
		display: block;
		float: none;
		padding: 0;
		width: auto;
	}
	
	footer .links ul li:first-child {
		background: RGB(200, 200, 200);
		background: linear-gradient(RGB(200, 200, 200) 45%, RGB(195, 195, 195) 55%);
		border-bottom: 1px solid RGB(150, 150, 150);
		cursor: pointer;
		font-size: 12px;
		line-height: 30px;
		padding: 0 10px;
		user-select: none;
			-ms-user-select: none;
			-moz-user-select: none;
			-webkit-user-select: none;
	}
	
	footer .links ul li:first-child:after {
		content: "\F078";
		float: right;
		font-family: FontAwesome;
		font-weight: normal;
	}
	
	footer .links ul.on li:first-child:after {
		content: "\F077";
	}
	
	footer .links ul li:not(:first-child) {
		background: RGB(250, 250, 250);
		background: linear-gradient(RGB(250, 250, 250) 45%, RGB(245, 245, 245) 55%);
		border-bottom: 1px solid RGB(175, 175, 175);
		display: none;
	}
	
	footer .links ul.on li:not(:first-child) {
		display: block;
	}
	
	footer .links ul li:last-child {
		border-bottom-color: RGB(150, 150, 150);
	}
	
	footer .links ul li a {
		display: block;
		line-height: 25px;
		text-align: center;
	}
	
	footer .currency {
		display: block;
		margin: 20px 2% 0;
	}

	footer .currency label {
		display: block;
		line-height: 25px;
		font-weight: bold;
		text-align: center;
	}
	
	footer .currency .dropdown[data-switch="1"]:before {
		background: RGB(0, 0, 0);
		content: "";
		height: 100%;
		left: 0;
		opacity: 0.6;
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 10;
	}

	footer .currency .dropdown .selected {
		background: RGB(250, 250, 250);
		border: 1px solid RGB(200, 200, 200);
		cursor: pointer;
		display: block;
		font-size: 11px;
		line-height: 33px;
		padding: 0 0 0 10px;
		position: relative;
		user-select: none;
			-moz-user-select: none;
			-webkit-user-select: none;
	}

	footer .currency .dropdown .selected:after {
		content: "\F0D7";
		font-family: FontAwesome;
		font-size: 16px;
		position: absolute;
		right: 0;
		text-align: center;
		top: 0;
		width: 30px;
	}

	footer .currency .dropdown ul {
		display: none;
		height: 0;
		left: 0;
		margin: auto;
		padding: 0;
		position: fixed;
		right: 0;
		top: 35%;
		z-index: 11;
		width: 90%;
	}

	footer .currency .dropdown[data-switch="1"] ul {
		display: block;
	}

	footer .currency .dropdown ul li {
		background: RGB(255, 255, 255);
		border: 1px solid RGB(100, 100, 100);
		color: RGB(50, 50, 50);
		cursor: pointer;
		display: block;
		font-size: 16px;
		line-height: 40px;
		padding: 0;
		white-space: nowrap;
	}
	
	footer .currency .dropdown ul li:not(:first-child) {
		border-top: none;
	}
	
	footer .currency .dropdown ul li:first-child {
		border-radius: 4px 4px 0 0;
	}
	
	footer .currency .dropdown ul li:last-child {
		border-radius: 0 0 4px 4px;
	}

	footer .currency .dropdown ul li a {
		color: inherit;
		display: block;
		padding: 0 0 0 40px;
		position: relative;
		text-decoration: none;
	}
	
	footer .currency .dropdown ul li a:before {
		border-radius: 100%;
		border: 2px solid RGB(100, 100, 100);
		content: "";
		height: 16px;
		left: 12px;
		position: absolute;
		top: 12px;
		width: 16px;
	}
	
	footer .currency .dropdown ul li a:after {
		background: RGB(50, 105, 165);
		border-radius: 100%;
		content: "";
		height: 8px;
		left: 16px;
		position: absolute;
		top: 16px;
		width: 8px;
	}
	
	footer .currency .dropdown ul li a[data-switch="0"]:after {
		display: none;
	}
	
	footer .currency .dropdown ul li:hover a:after {
		display: block;
	}
	
	footer .currency .dropdown ul li:hover ~ li a:after {
		display: none;
	}
	
	footer .newsletter {
		float: none;
		height: auto;
		margin: 20px 2% 0;
	}
	
	footer .newsletter label {
		display: block;
		line-height: 25px;
		text-align: center;
	}
	
	footer .newsletter input[type="email"] {
		height: 35px;
		margin: 0 0 5px;
		padding: 0;
		text-align: center;
		width: 100%;
	}
	
	footer .newsletter input[type="submit"] {
		height: 35px;
		padding: 0;
		width: 100%;
	}
	
	footer .payment {
		display: block;
		float: none;
		height: 45px;
		margin: 15px 2% 0;
		text-align: center;
	}
	
	footer .payment .card {
		float: left;
		width: 14.2%;
		width: calc(100% / 7);
	}
	
	footer .payment .card img {
		height: auto;
		max-width: 64px;
		min-width: 24px;
		width: 100%;
	}
	
	footer .information {
		box-shadow: none;
		height: auto;
		padding: 10px 0 20px;
	}
	
	footer .information .copyright,
	footer .information .more-links {
		float: none;
		line-height: 20px;
		text-align: center;
	}
	
	footer .information .more-links {
		margin: 0 10% 15px;
	}
	
	footer .information .more-links a {
		margin: 0 3px;
	}
	
	body > .help {
		display: none;
	}
	
	.breadcrumbs {
		background: RGB(230, 230, 230);
		background: linear-gradient(RGB(230, 230, 230) 45%, RGB(220, 220, 220) 55%);
		border: 1px solid RGB(150, 150, 150);
		border-radius: 3px;
		height: 35px;
	}
	
	.breadcrumbs .crumb:only-child p:before {
		content: "\F015";
		font-family: FontAwesome;
		font-size: 14px;
		font-weight: normal;
		margin: 0 5px 0 0;
	}
	
	.breadcrumbs .crumb:last-child {
		float: right;
		padding: 0 5%;
		width: 100%;
	}
	
	.breadcrumbs .crumb:not(:last-child) {
		display: none;
	}
	
	.breadcrumbs .crumb.back {
		display: block;
		float: left;
		height: 33px;
		position: relative;
		width: 35px;
	}
	
	.breadcrumbs .crumb.back a:after {
		background: RGB(230, 230, 230);
		background: linear-gradient(RGB(230, 230, 230) 45%, RGB(220, 220, 220) 55%);
		border-right: 1px solid RGB(150, 150, 150);
		content: "\F053";
		font-family: FontAwesome;
		font-size: 12px;
		height: 33px;
		left: 0;
		position: absolute;
		top: 0;
		width: 35px;
	}
	
	.breadcrumbs .crumb.back .splitter {
		display: none;
	}
	
	.breadcrumbs .crumb.back ~ .crumb:last-child {
		width: calc(100% - 35px);
	}
	
	.breadcrumbs .crumb a,
	.breadcrumbs .crumb p {
		height: 33px;
		line-height: 33px;
		max-width: none;
		text-align: center;
		width: 100%;
	}
	
	.product-layout .gallery .main {
		height: 350px;
		width: calc(100% - 95px);
	}
	
	.product-layout .gallery .reel {
		height: 350px;
		width: 95px;
	}
	
	.product-layout .gallery .reel .img {
		height: 80px;
		width: 80px;
	}
	
	.product-layout .add-to-bag fieldset .field .swatches {
		width: 100%;
	}
	
	.product-layout .widget.share > .content {
		padding: 5px;
	}
	
	.product-layout .widget.share .button {
		font-size: 12px;
		margin: 0 0 8px;
		width: 100%;
	}
	
	.product-layout .widget.complete-look .product,
	.product-layout .widget.complete-look .product:nth-child(even) {
		height: 100px;
		padding: 4px;
	}
	
	.product-layout .widget.complete-look .product .img {
		height: 90px;
		width: 90px;
	}
	
	.product-layout .widget.complete-look .product .name {
		font-size: 11px;
		width: calc(100% - 100px);
	}
	
	.product-layout .widget.reviews .review .rating {
		left: 5px;
		top: 12px;
	}
	
	.product-layout .widget.reviews .review .comment {
		border-left: none;
		padding: 40px 10px 5px;
		width: 100%;
	}
	
	.product-layout[data-page="outfit"] .widget.reviews .review .comment {
		padding: 45px 10px 25px;
	}
	
	.product-layout .widget.reviews .review .comment .date {
		left: 10px;
		top: 25px;
	}
	
	.product-layout[data-page="outfit"] .widget.reviews .review .comment .product {
		bottom: -10px;
		font-size: 10px;
		left: 8px;
	}
	
	#TB_window {
		max-height: 85%;
		max-width: 85%;
	}
	
	.oos-form .img {
		display: none;
	}
	
	.oos-form h2 {
		margin: 0 2%;
		width: 96%;
	}
	
	.oos-form fieldset {
		margin: 0 2%;
		width: 96%;
	}
	
	.ednotes h2 {
		font-size: 12px;
	}
	
	.ednotes .img {
		height: 200px;
	}
	
	.ednotes .details {
		height: 250px;
	}
	
	.sg-form .img {
		max-height: 510px;
	}
	
	.bag-items .labels label.description {
		padding: 0;
		text-align: center;
		width: 100%;
	}
	
	.bag-items .labels label.description:before {
		content: "Your ";
	}
	
	.bag-items .labels label.description:after {
		content: "s";
	}
	
	.bag-items .labels label.quantity,
	.bag-items .labels label.cost,
	.bag-items .labels label.remove {
		display: none;
	}
	
	.bag-items .rows .row .description {
		width: 100%;
	}
	
	.bag-items .rows .row .quantity {
		height: 50px;
		margin: 12px 30px 4px 0;
		width: 200px;
	}
	
	.bag-items .rows .row .quantity label {
		display: block;
	}
	
	.bag-items .rows .row .quantity select {
		margin: 0;
		width: 100%;
	}
	
	.bag-items.confirm-order .rows .row .quantity p {
		line-height: 30px;
		text-align: left;
	}
	
	.bag-items .rows .row .cost {
		height: 50px;
		margin: 12px 0 4px;
		width: auto;
	}
	
	.bag-items .rows .row .cost label {
		display: block;
	}
	
	.bag-items .rows .row .cost p {
		line-height: 30px;
		text-align: left;
	}
	
	.bag-items .rows .row .remove {
		border: none;
		height: auto;
		margin: 0;
	}
	
	.bag-items .rows .row .remove button[type="submit"] {
		font-size: 14px;
		height: 30px;
		margin: 0;
		padding: 0 8px;
		position: absolute;
		right: 25px;
		top: 63px;
		width: auto;
	}
	
	.bag-items .rows .row .remove button[type="submit"]:before {
		margin: 0 7px 0 0;
	}
	
	.bag-items .rows .row .remove button[type="submit"]:after {
		content: "Remove Item";
		font-size: 12px;
		font-weight: bold;
		text-transform: uppercase;
	}
	
	.bag-items.confirm-order .checkout address {
		border-bottom: 1px solid RGB(50, 50, 50);
		border-right: none;
		float: left;
		margin: 10px 0;
		padding: 0 0 15px 10px;
		width: 100%;
	}
	
	.bag-items.confirm-order .checkout .field {
		float: left;
		padding: 0 0 0 7px;
	}
	
	.bag-items .checkout .total {
		width: 100%;
	}
	
	.bag-items .checkout .merchants {
		padding: 0 5px 0 7px;
		width: 100%;
	}
	
	.bag-items .checkout .merchants label {
		float: left;
		margin: 0;
	}
	
	.bag-items .checkout .merchants .or {
		font-size: 12px;
		width: 35px;
	}
	
	.bag-items .disclaimer {
		margin: 25px 0 -10px;
	}
	
	.bag-items .disclaimer p {
		margin: 0 0 10px;
	}
	
	.bag-items .empty .departments {
		padding: 3px 2% 10px 0;
	}
	
	.bag-items .empty .departments a {
		font-size: 12px;
		height: 30px;
		line-height: 26px;
		margin: 0 0 5px;
		padding: 0 0 0 8px;
	}
	
	.bag-items .empty .departments a:after {
		right: 8px;
	}
	
	.bag-items .empty .search {
		padding: 3px 0 10px 2%;
	}
	
	.bag-items .empty .search input[type="text"] {
		font-size: 12px;
		height: 30px;
		padding: 0 0 0 5px;
		width: 75%;
	}
	
	.bag-items .empty .search input[type="submit"] {
		font-size: 12px;
		height: 30px;
		width: 23%;
	}
	
	.controller fieldset .field input[type="text"],
	.controller fieldset .field input[type="email"],
	.controller fieldset .field input[type="numeric"],
	.controller fieldset .field input[type="password"],
	.controller fieldset .field select {
		font-size: 16px;
	}
}

@media only screen and (max-width: 500px) {
	header .logo img {
		height: 45px;
	}
	
	header nav > .switch,
	header .bag > .switch,
	header .search > .switch {
		height: 45px;
		width: 45px;
	}
	
	header nav > .switch:before,
	header .bag > .switch:before,
	header .search > .switch:before {
		font-size: 20px;
	}
	
	header nav > .switch:after,
	header .bag > .switch:after,
	header .search > .switch:after {
		font-size: 10px;
		line-height: 18px;
	}
	
	header .bag > .switch:before {
		line-height: 28px;
	}
	
	header .bag > .switch:after {
		margin: -4px 0 0;
	}
	
	header .search.on > .content {
		top: 56px;
	}
	
	.product-layout .bag-added {
		height: auto;
		top: 30px;
	}
	
	.product-layout .bag-added .title {
		margin: 5px 0 0 10px;
	}
	
	.product-layout .bag-added .product {
		margin: 0 3% 10px;
	}
	
	.product-layout .bag-added .product .img {
		display: none;
	}
	
	.product-layout .bag-added .product .details {
		width: 100%;
	}
	
	.product-layout .bag-added .summary {
		height: auto;
		padding: 0;
	}
	
	.product-layout .bag-added .summary .total,
	.product-layout .bag-added .summary .note {
		margin: 0 0 0 5px;
	}
	
	.product-layout .bag-added .summary .checkout {
		float: left;
		margin: 10px 0;
		padding: 8px 0;
		position: static;
		text-align: center;
		width: 100%;
	}
	
	.product-layout .gallery .main {
		height: 300px;
		width: calc(100% - 70px);
	}
	
	.product-layout .gallery .reel {
		height: 300px;
		width: 70px;
	}
	
	.product-layout .gallery .reel .img {
		height: 60px;
		width: 60px;
	}
	
	.product-layout .add-to-bag h1 {
		font-size: 14px;
		line-height: 20px;
		margin: 0 0 5px;
	}
	
	.product-layout .add-to-bag .details .prices p {
		font-size: 20px;
	}
	
	.product-layout .add-to-bag .details .inbag {
		display: none;
	}
	
	.product-layout .add-to-bag fieldset .field.gvnotes {
		margin: 20px 0 10px;
		width: 100%;
	}
	
	.product-layout .add-to-bag fieldset .field.gvnotes textarea {
		height: 80px;
		resize: none;
		max-width: none;
		width: 100%;
	}
	
	.product-layout .add-to-bag fieldset .field.gvdelivery,
	.product-layout .add-to-bag fieldset .field.sizes,
	.product-layout .add-to-bag fieldset .field.quantity {
		margin: 0 0 10px;
		width: 100%;
	}
	
	.product-layout .add-to-bag fieldset .field select {
		font-size: 16px;
		height: 35px;
		padding: 0 0 0 7px;
		width: 100%;
	}
	
	.product-layout .add-to-bag fieldset .field.sizes .size-guide {
		float: left;
		font-size: 12px;
		line-height: 30px;
		margin: 10px 0 5px 5px;
		padding: 0 7px;
	}
	
	.product-layout .add-to-bag fieldset .oos-message {
		float: left;
		position: static;
		width: 100%;
	}
	
	.product-layout .add-to-bag fieldset .size-error {
		float: left;
		font-size: 12px;
		margin: 0 0 -10px;
		position: static;
		text-align: center;
		width: 100%;
	}
	
	.product-layout .add-to-bag fieldset .size-error:before {
		font-size: 16px;
	}
	
	.product-layout .add-to-bag fieldset .buttons {
		float: left;
		margin: 20px 0 0;
		position: static;
		width: 100%;
	}
	
	.product-layout .add-to-bag fieldset .buttons .bag,
	.product-layout[data-page="outfit"] .add-to-bag fieldset .buttons .bag {
		font-size: 24px;
		padding: 16px 0;
		width: 100%;
	}
	
	.product-layout .add-to-bag fieldset .buttons .wishlist,
	.product-layout[data-page="outfit"] .add-to-bag fieldset .buttons .wishlist {
		font-size: 14px;
		padding: 8px 0;
		text-align: center;
		width: 100%;
	}
	
	.product-layout .add-to-bag fieldset .buttons a.oos,
	.product-layout[data-page="outfit"] .add-to-bag fieldset .buttons a.oos {
		font-size: 22px;
		padding: 12px 0;
		text-align: center;
		width: 100%;
	}
	
	.product-layout .add-to-bag fieldset .buttons .wishlist.remove:after {
		font-size: 16px;
		margin: 2px 0 0 10px;
	}
	
	.product-layout .widget.complete-look .product,
	.product-layout .widget.complete-look .product:nth-child(even) {
		height: 92px;
		margin: 0 0 7px;
		padding: 5px;
		width: 100%;
	}
	
	.product-layout .widget.complete-look .product .img {
		height: 80px;
		width: 80px;
	}
	
	.product-layout .widget.complete-look .product .name {
		font-size: 10px;
		width: calc(100% - 90px);
	}
	
	.product-layout .widget.reviews > .rating {
		display: none;
	}
	
	#TB_window {
		max-height: 95%;
		max-width: 95%;
	}
	
	.oos-form fieldset .field.email,
	.oos-form fieldset .field.password {
		width: 100%;
	}
	
	.oos-form fieldset .sign-me-up {
		float: left;
		line-height: 18px;
		margin: 3px 0 0 2%;
	}
	
	.oos-form fieldset .lost-password {
		clear: left;
		line-height: 18px;
		margin: 3px 0 0 2%;
	}
	
	.oos-form input[type="submit"] {
		right: 2%;
		width: 96%;
	}
	
	.ednotes h2 {
		font-size: 11px;
		height: auto;
		line-height: 18px;
	}
	
	.ednotes .img {
		height: 200px;
		margin: 10px 0 0;
		width: 100%;
	}
	
	.ednotes .details {
		height: 230px;
		width: 100%;
	}
	
	.wl-form fieldset .sign-me-up {
		float: left;
		line-height: 18px;
		margin: 3px 0 0 8%;
	}
	
	.wl-form fieldset .lost-password {
		clear: left;
		line-height: 18px;
		margin: 3px 0 0 8%;
	}
	
	.wl-form input[type="submit"] {
		right: 2%;
		width: 96%;
	}
	
	.sg-form .img {
		max-height: 590px;
	}
	
	.bag-items .rows .row .quantity {
		margin: 10px 0 2px;
		width: 100%;
	}
	
	.bag-items.confirm-order .rows .row .quantity {
		margin: 4px 0 2px;
	}
	
	.bag-items .rows .row .quantity select {
		font-size: 16px;
		height: 30px;
	}
	
	.bag-items .rows .row .cost {
		margin: 4px 0 2px;
		width: 100%;
	}
	
	.bag-items .rows .row .remove {
		margin: 5px 0 0;
		width: 100%;
	}
	
	.bag-items .rows .row .remove button[type="submit"] {
		border-radius: 2px;
		height: 35px;
		position: relative;
		right: auto;
		top: auto;
		width: 100%;
	}
	
	.bag-items .checkout .field {
		padding: 0 10px;
		width: 100%;
	}
	
	.bag-items .checkout .field.promo input[type="text"],
	.bag-items .checkout .field.voucher input[type="text"] {
		font-size: 16px;
		height: 30px;
	}
	
	.bag-items .checkout .field.promo p,
	.bag-items .checkout .field.voucher p {
		height: 30px;
		line-height: 28px;
		padding: 0 0 0 2px;
	}
	
	.bag-items .checkout .field.promo input[type="submit"],
	.bag-items .checkout .field.voucher input[type="submit"] {
		height: 30px;
	}
	
	.bag-items .checkout .field.promo a.remove,
	.bag-items .checkout .field.voucher a.remove {
		height: 30px;
		line-height: 28px;
	}
	
	.bag-items .checkout .field.delivery-method select {
		font-size: 16px;
		height: 30px;
		width: 89%;
	}
	
	.bag-items .checkout .field.delivery-method .thickbox {
		height: 30px;
		line-height: 28px;
		width: 9%;
	}
	
	.bag-items .checkout .total {
		margin: 10px 0 5px;
	}
	
	.bag-items .checkout .merchants label {
		float: right;
	}
	
	.bag-items .checkout .merchants form {
		clear: right;
	}
	
	.bag-items .checkout .merchants .or {
		clear: right;
		height: 25px;
		line-height: 20px;
		width: 60px;
	}
	
	.bag-items .disclaimer {
		margin: 15px 0 -5px;
	}
	
	.bag-items .disclaimer p {
		margin: 0 0 15px;
	}
	
	.bag-items .empty .no-items {
		margin: 0 0 5px;
	}
	
	.bag-items .empty .departments {
		border: none;
		padding: 3px 0 5px;
		width: 100%;
	}
	
	.bag-items .empty .departments a {
		height: 35px;
		line-height: 31px;
	}
	
	.bag-items .empty .search {
		padding: 3px 0 5px;
		width: 100%;
	}
	
	.bag-items .empty .search input[type="text"] {
		height: 35px;
		margin: 0 0 7px;
		text-align: center;
		width: 100%;
	}
	
	.bag-items .empty .search input[type="submit"] {
		height: 35px;
		width: 100%;
	}
	
	.controller.mobile-only {
		display: block;
	}
	
	.controller fieldset {
		margin: 5px 2% 15px;
		width: 96%;
	}
	
	.controller fieldset .field,
	.controller fieldset .field.fill {
		margin: 5px 2% 10px;
		width: 96%;
	}
	
	.controller .buttons {
		margin: 30px 0 0;
	}
	
	.controller .buttons input[type="submit"],
	.controller .buttons a[role="button"],
	.controller .buttons button {
		margin: 0 0 8px;
		padding: 0;
		text-align: center;
		width: 100%;
	}
	
	.controller .buttons input[type="submit"]:last-child,
	.controller .buttons a[role="button"]:last-child,
	.controller .buttons button:last-child {
		margin: 0;
	}
}