/**
*
* MEDIA QUERIES
*
* Insert your CSS styles in the appropriate section here
*
*/

@media (min-width: 1440px) {
	.container {
    	width: 1370px;
	}
	
	.nonClearance .categoryResult > a:not(.affirm-modal-trigger), .productRecModule a, .dwClearance .categoryResult {
		min-height: 480px;
	}
}

/* HEADER NAV STYLES */

@media (min-width: 993px) {
	
	/* .nonClearance .categoryResult a, .dwClearance .categoryResult {min-height:480px;} */
	
	#logo a {
		display: block;
		background: url(../images/logo.svg) center center no-repeat;
		background-size: contain;
		text-indent: -9999rem;
		width: 168px;
		height: 40px;
	}
	
	#nav-main-container {
	 	display: -webkit-box;
   	display: -ms-flexbox;
   	display: flex;
    	-webkit-box-align: center;
    	    -ms-flex-align: center;
    	        align-items: center;
    	-webkit-box-pack: center;
    	    -ms-flex-pack: center;
    	        justify-content: center;
    }
	
	.nav-mobile-header { display: none; }
	.nav-title { display: none; }
	.nav-bg { display: none; }
	
	#nav-main li > .nav-dropdown-container {
		display: none;
		position: absolute;
		top: 100%;
		left: 0;
		width: 100%;
		background: #fff;
		z-index: 10000;
		text-align: left;
		-webkit-box-shadow: 0px 8px 10px -2px rgba(0, 0, 0, 0.17);
		   -moz-box-shadow: 0px 8px 10px -2px rgba(0, 0, 0, 0.17);
		        box-shadow: 0px 8px 10px -2px rgba(0, 0, 0, 0.17);
		border-top: 1px solid #f5f5f5;
		padding-bottom: 40px;
	}
	#nav-main li.open > .nav-dropdown-container { display: block; border-radius: 0 0 10px 10px; cursor: initial;}
	#nav-main li > .nav-dropdown-container li  { text-align: left; }
	
	#nav-main {text-align: center; }
	#nav-main li { list-style: none outside none; padding: 0; }
	#nav-main ul > li > a { color: #333; text-decoration: none; font-weight: 700; margin: 0 10px; padding: 10px 0px 20px; }
	#nav-main .nav-dropdown-container li { text-align: left; width: 100%; padding: 5px 20px; }
	#nav-main .nav-dropdown-container li > a { font-size: 13px; line-height: 1.25; display: block; color: inherit; } 
	#nav-main .nav-dropdown-container li:hover { background-color: #f5f5f5; color: #333; }
	#nav-main .nav-dropdown-container li.direct-link { position: relative; padding-right: 35px; }
	#nav-main .nav-dropdown-container li.direct-link:hover { background-color: #3D80FE; color: #fff; }
	#nav-main .nav-dropdown-container li.direct-link:hover:after {
		content: "\f30b";
		font-family: 'Font Awesome 5 Pro';
	    speak: none;
	    font-style: normal;
	    font-weight: 900;
	    font-variant: normal;
	    text-transform: none;
	    line-height: 1;
	    -webkit-font-smoothing: antialiased;
		position: absolute;
		right: 10px;
		top: 50%;
		margin-top: -8px;
		font-size: 16px;
	}
	
	.nav-level-1>li>a:hover { margin: 0 10px; padding: 10px 0px; }
	
	.nav-level-1 li a::after {
    content: "";
    background: #2979ff;
    height: 1px;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: -1px;
    transition: all 250ms ease 0s;
    transform: scale(0);
	}
	.nav-level-1>li:active>a::after, .nav-level-1>li>a:hover::after {
		 border-bottom: 1px solid #698DFC;
	    transform: scale(1);
	}
	
	#nav-main.new-nav ul > li > a {
  
    padding: 10px 10px 20px;
}

#nav-main.new-nav ul > li {
padding: 5px 0px 20px;
cursor: default;
}
	
	
	#nav-main .nav-level-1 { margin: 0; padding: 0; cursor: default;}
	#nav-main .nav-level-1 > li { display: inline-block; padding: 5px 10px 20px; cursor: pointer;}
	#nav-main .nav-level-1 > li > a { font-family: "Roboto",Arial,Helvetica,sans-serif; font-size: 13px; color: rgb(17, 17, 17); position:relative}
	#nav-main .nav-level-1 > li.open { color: #3D80FE; }
	
	#nav-main .nav-level-2 { position: relative; display: inline-block; width: 25%; padding: 0; border-right: 1px solid #f5f5f5; height: 100%; }
	#nav-main .nav-level-2 > li { background-color: #fff; color: #333; }
	#nav-main .nav-level-2 > li.open { background-color: #F5F5F5; color: #333; }
	
	#nav-main .nav-level-3 { display: none; position: absolute; left: 100%; top: 0; width: 100%; padding: 0; margin: 0; border-right: 1px solid #f5f5f5; }
	
	#nav-main .nav-slots { display: none; position: absolute; width: 200%; left: 200%; top: 0; padding-top: 20px; padding-left: 20px; }
	#nav-main .nav-level-2 > li.open .nav-slots { display: block; }
	
	#nav-main .nav-dropdown-container.nav-simple { width: 240px; left: auto; padding-bottom: 20px; }
	#nav-main .nav-dropdown-container.nav-simple .nav-level-2 { width: 100%; border: 0; }
	#nav-main .nav-dropdown-container.nav-simple li { padding: 0 35px 0 10px; }
	#nav-main .nav-dropdown-container.nav-simple li.open { background-color: #fff; color: #333; }
	#nav-main .nav-dropdown-container.nav-simple li.direct-link:hover { background-color: #fff; color: #3D80FE; }
	#nav-main .nav-dropdown-container.nav-simple li.direct-link:hover:after { display: none; }
	#nav-main.new-nav .nav-dropdown-container.nav-simple .nav-level-2 { display: block; }
	#nav-main.new-nav .nav-dropdown-container.nav-simple .nav-level-2 > li { display: block; }
	
/* 	new nav */
	#nav-main.new-nav .nav-level-3 {
	    position: static;
	     display: -webkit-box;
	     display: -ms-flexbox;
	     display: flex;
	    -webkit-box-orient: vertical;
	    -webkit-box-direction: normal;
	    -ms-flex-direction: column;
	    flex-direction: column;
	    -ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	    border-right: none;
	}
	#nav-main.new-nav .nav-level-2 {
		 -ms-overflow-style: none;
    	 overflow: auto;
	     width: 16vw;
	     border-right: none;
	}
	#nav-main.new-nav .view-all-btn {
	    margin: 30px auto;
	    text-align: center;
	    width: min-content;
	    width: -moz-min-content;
	}
	#nav-main.new-nav .nav-level-3 .direct-link {
	    margin: 0 -20px;
	}
	#nav-main.new-nav .nav-level-3 .direct-link a {
	    width: 100%;
	}
	#nav-main.new-nav .nav-level-2 > li {
	     display: table-cell;
		 width: auto;
	     padding: 0;
	     vertical-align: top;
	}
	#nav-main.new-nav .nav-dropdown-container li.direct-link {
	    padding: 0;
	     margin: 0px;

	}
	#nav-main.new-nav .nav-level-2 {
	     display: block;
	     margin: 0 auto;
	    padding-top: 22px;
	    max-width: 100%;
	}
	#nav-main.new-nav .nav-dropdown-container li > a {
	    font-size: 13px;
	    line-height: unset;
	    font-weight: 400;
	    padding: 7px 20px;
	    margin: 0;
	}
	#nav-main.new-nav .nav-dropdown-container li.direct-link:hover:after,#nav-main.new-nav .nav-level-1 li a::after {
	    content: "";
	}
	#nav-main.new-nav .nav-dropdown-container li li:hover {
	    background: #F5F7F9;
	    color:black;
	}
	#nav-main.new-nav ul.nav-level-1 .more-options {
	    display:none
	}
	#nav-main.new-nav .nav-dropdown-container .container {
	    overflow-x: initial;
	}
	#nav-main.new-nav .nav-level-2 > li.open {
	    background: #ffffff;
	}
	#nav-main.new-nav .nav-dropdown-container li:hover {
	    background-color: white;
	}

	#nav-main.new-nav h4 {
	    margin-left: 20px;
	}
	#nav-main.new-nav .nav-level-2 .view-all-link {
		display: none;
	}
	#nav-main.new-nav .nav-level-3 .view-all-link {
	    display: none;
	}
	#nav-main.new-nav .nav-level-1 > li > a {
	    font-size: 13px;
	}
	.show-mobile { display: none; }
	.show-desktop { display: block; }
	
	.table-responsive { border-bottom-width: 0 !important; }
	.table-responsive tbody { border-bottom: 2px solid rgb(221, 221, 221); }
	.variantContent .progressbar-container { margin-bottom: 30px; }
	.variantContent .progressbar-container > .progressbar { background-color: #2979ff; }
	
	.tooltipBtn { position: relative; padding: 0; margin-left: 2px; }
	.addToCartToolTip.tooltipContent {
		display: block;
		visibility: hidden;
		opacity: 0;
		position: absolute;
		bottom: 0;
		left: auto;
		right: 0;
		height: 50px;
		white-space: nowrap;
		padding: 0;
		margin-bottom: -50px;
		overflow: hidden;
		-webkit-transition: all 0.125s;
		   -moz-transition: all 0.125s;
		     -o-transition: all 0.125s;
		        transition: all 0.125s;
	}
	.variantCell.open .addToCartToolTip.tooltipContent { opacity: 1; visibility: visible; overflow: visible;}
	
	.addToCartToolTip.tooltipContent .tooltipClose {
		display: inline-block;
		color: #495459;
		line-height: 50px;
		width: 50px;
		font-size: 20px;
		text-align: center;
		border-right: 1px solid #495459;
		margin-right: 10px;
	}
	.tooltipCloseLabel { display: none; }
	
	.addToCartToolTip.tooltipContent .tooltipContentContainer {
		position: static;
		overflow: visible;
		background: transparent none;
	}
	.addToCartToolTip.tooltipContent .tooltipClose:hover { cursor: pointer; }
	.addToCartToolTip.tooltipContent .tooltipHeader { display: inline-block; padding: 10px 0 10px 10px; cursor: auto; font-weight: 300; }
	.addToCartToolTip.tooltipContent .tooltipBody { display: inline-block; }
	.addToCartToolTip.tooltipContent .tooltipBody .btn { margin: 8px 10px; }
	
	.variantContent .variantCell.cellOutlet .addToCartToolTip.tooltipContent { background-color: #B3D491; }
	.variantContent .variantCell.cellLikeNew .addToCartToolTip.tooltipContent { background-color: #CFF4CD; }
	.variantContent .variantCell.cellVeryGood .addToCartToolTip.tooltipContent { background-color: #F1FFDE; }
	.variantContent .variantCell.cellGood .addToCartToolTip.tooltipContent { background-color: #FFE1DE; }
	.variantContent .variantCell.cellAverage .addToCartToolTip.tooltipContent { background-color: #FFEEDE; }
	
	.tooltipFooter { display: inline-block; padding: 0 20px; white-space: nowrap; }
	.tooltipFooter .tooltipFooterBtn { display: inline-block; }
	.tooltipFooter .tooltipFooterBtn > a { padding: 5px 20px; }
	.tooltipFooter .customizeOr { margin: 0 5px; }
	
	#variant-options .modal-footer { border-top: 0; padding-top: 0; }
	
	.mobile-accordion-container .mobile-accordion-title { display: none; }
	.mobile-accordion .mobile-accordion-container .mobile-accordion-content {
		display: unset;
	}
	
	header{padding-bottom:1px;}
	
	.search-sort-filter-container{ display: flex; align-items: center;}
}
@media (max-width: 992px) {
	body.scroll-lock { overflow: hidden; }

	#logo a {
		display: block;
		background: url(../images/logo.svg) center center no-repeat;
		background-size: contain;
		text-indent: -9999rem;
		width: 140px;
		height: 40px;
	}

	#header-secondary { width: 100%; border: 0; }
	
	#nav-main ul {
		position: fixed;
		display: block;
		left: 100%;
		top: 0;
		bottom: 0;
		margin: 0;
		padding: 66px 0 0;
		width: 100%;
		overflow-y: scroll;
		background-color: #fff;
	}
	#nav-main ul.open { display: block; left: 0; }
	
	#nav-main ul .nav-mobile-header {
		position: fixed;
		top: 0;
		left: 100%;
		text-align: center;
		width: 100%;
		height: 66px;
		padding: 0;
		line-height: 66px;
		background-color: #fff;
		border-bottom: 1px solid #e1e1e1;
		color: #333;
	}
	#nav-main ul.open > .nav-mobile-header { display: block; left: 0; }
	#nav-main .nav-mobile-header .nav-home,
	#nav-main .nav-mobile-header .nav-back {
		position: absolute;
		font-size: 20px;
		padding: 23px 15px;
	}
	#nav-main .nav-mobile-header .nav-close {
		position: absolute;
   		top: 0;
    	right: 0;
		font-size: 20px;
		padding: 23px 15px;
	}
	#nav-main .nav-mobile-header .nav-title {
		font-family: "Roboto",Arial,Helvetica,sans-serif;
		font-size: 18px;
		font-weight:bold;
	}
	
	

	#nav-main ul.nav-level-1 { z-index: 10001; }
	#nav-main ul.nav-level-1 > li {
		height: 80px;
		margin: 15px;
		background: #333 none;
		color: #fff;
	}
	#nav-main ul.nav-level-1 > li > a {
		position: relative;
		font-family: "Roboto",Arial,Helvetica,sans-serif;
		font-size: 16px;
		line-height: 48px;
		padding: 0 0 0 15px;
	}
	
	#nav-main.new-nav ul.nav-level-1 > li > a {font-weight: 700;}
	#nav-main.new-nav li > a { padding: 10px 33px 10px 33px; }
	#nav-main.new-nav h4 { margin-bottom: 10px; }
	#nav-main.new-nav li { border-bottom: none; }#nav-main.new-nav .nav-mobile-header .nav-title { font-size: 13px; }
	#nav-main.new-nav ul { padding-bottom: 30px; }
	#nav-main.new-nav .view-all-btn {display:none}
	#nav-main.new-nav ul.nav-level-1 > li > a:after {
	    font-family: lineicons!important;
	    speak: none;
	    font-style: normal;
	    font-weight: 400;
	    font-variant: normal;
	    text-transform: none;
	    line-height: 1;
	    -webkit-font-smoothing: antialiased;
	    -moz-osx-font-smoothing: grayscale;
	    content: "\ea46";
	    position: absolute;
	    top: 16px;
	    right: 14px;
	    font-size: 13px;
	}
	
	#nav-main.new-nav ul.nav-level-1 > .more-options a{
		padding-left: 15px;
	}

	#nav-main.new-nav ul.nav-level-1 > .more-options{
	    margin-bottom: 10px;
	    overflow: initial;
	    position: initial;
	    padding-top: 0;
	}

	#nav-main.new-nav ul.nav-level-1 > .more-options li:first-child a {
		border-top: 1px solid #CDCDCD;
		margin: 30px 14px 0;
		padding-left: 0;
		padding-right: 0;
		padding-top:30px;
	}


	#nav-main.new-nav ul.nav-level-1 .need-help {
	    background: #F5F7F9;
	    padding: 16px 0;
	    text-align: center;
	    color: #000000 !important;
	    position: fixed;
	    bottom: 0;
	    width: 100%;
	    -webkit-transform: translateZ(0);
	}

	#nav-main.new-nav ul.nav-level-1 .need-help a {
	    color: #000000;
	    font-weight:600;
	    padding-left: 0;
	    display: inline;
	    font-size: 13px;
    	padding-right: 0;
	}

	#nav-main.new-nav li > a.view-all-link.btn.btn-primary {
	    margin: 30px auto 20px auto;
	    padding: 14px 35px;
	    color: white;
	    font-size: 16px;
	    width: 90%;
	    -webkit-transform: translateZ(0);
}	

	#nav-main.new-nav .nav-level-2 .view-all-fixed, #nav-main.new-nav ul.nav-level-1 > div .need-help{
		  left: 110%;
	}

	#nav-main.new-nav .nav-level-2.open .view-all-fixed{
		position: fixed;
	    width: 100%;
	    left: 0px;
	    bottom: 0;
		-webkit-transition: left 250ms;
	    -moz-transition: left 250ms;
	    -o-transition: left 250ms;
	    transition: left 250ms;
    }
    
    #orderStatusModal {
    	z-index: 60100;
    }
    
    #nav-main.new-nav .nav-level-1.open .need-help {
    	left: 0px;
		-webkit-transition: left 250ms;
	    -moz-transition: left 250ms;
	    -o-transition: left 250ms;
	    transition: left 250ms;
    
    }

	
	#nav-main ul.nav-level-1 { z-index: 60001; }
	#nav-main ul.nav-level-1 .nav-mobile-header { z-index: 60002; }
	#nav-main ul.nav-level-2 { z-index: 60011; }
	#nav-main ul.nav-level-2 .nav-mobile-header { z-index: 60012; }
	#nav-main ul.nav-level-3 { z-index: 60021; }
	#nav-main ul.nav-level-3 .nav-mobile-header { z-index: 60022; }
	#nav-main.new-nav ul.nav-level-2 { z-index: 60023; width: 100% !important; }
	#nav-main.new-nav ul.nav-level-2 .nav-mobile-header { z-index: 60024; }

	#nav-main li { display: block; position: relative; margin: 0; padding: 0; color: #333; }
	#nav-main li:after { display: block; content: ""; clear: both; }
	
	#nav-main li { border-bottom: 1px solid #e1e1e1; }
	#nav-main li > a {
		display: block;
		padding: 20px;
		font-family: 'Roboto', Arial, Helvetica, sans-serif;
		font-size: 13px;
		line-height: 1.25;
		display: block;
		color: inherit;
	}
	
	#nav-main .nav-bg {
		display: block;
		position: absolute;
		top: 0; left: 0; right: 0; bottom: 0;
		background-position: 50% 50%;
		background-repeat: no-repeat;
		background-size: cover;
	}
	
	#nav-main .nav-bg > .nav-bg-thumbnail {
		display: block;
		width: auto;
		height: 50px;
		margin: 15px;
		float: right;
	}
	
	#nav-main.new-nav ul.nav-level-3 {
    position: relative;
    left: unset;
    padding: 0;
    width: 100vw;
    right: unset;
    top: unset;
    bottom: unset;
    height: auto;
    display: block;
    overflow: visible;
    
}

	#nav-main.new-nav ul li:last-child .nav-level-3 {
	margin-bottom: 60px;
	}
	
	
	#nav-main.new-nav ul > li {
    margin: 0;
    color: #333;
    background: none;
}

	#nav-main ul.nav-level-1 > li {
		height: auto;

	}
	
	#nav-main.new-nav h4 {
    margin-left: 20px;
}
	#nav-main.new-nav .nav-level-1.open .direct-link .advanced-search-btn {
		display: block;
		color: #fff;
		margin: 20px 15px;
	}
	#nav-main.new-nav .nav-level-1.open .direct-link .advanced-search-btn::after {
		content: "";
	}
	
	.csstransitions #nav-main ul,
	.csstransitions #nav-main .nav-mobile-header {
		-webkit-transition: left 250ms;
		   -moz-transition: left 250ms;
		     -o-transition: left 250ms;
		        transition: left 250ms; 
	}
	
	#nav-main .nav-slots { display: none; }
	
	#cart-utility span.header-basket-count {
	    left: 64px;
	    top: 10px;
	    display: block;
	    font-size: 8px;
	    padding: 0px 5px;
	    min-width: 13px;
	    height: 13px;
	}
	.header-basket-count { margin-left: -5px; }
	.utility-section a { padding-left: 10px; }
	#sign-in-menu {
  		border-radius: 0 0 4px 4px;
	    width: 100vw;
	    border-top: 1px solid #CDCDCD;
	    position: absolute;
	    top: 119px;
	    right: -171px;
	}
	
	#sign-in-menu .welcome-signed-in{
    	border-radius: 0;
	}	

	.show-mobile { display: block; }
	.show-desktop { display: none; }
		
	#product-head {padding-top: 40px;}
	.feature-wall-container { padding: 0; width: 100%; }
	.feature-wall-container .wall-asset {
		display: block;
		float: none;
		clear: both;
		position: relative !important;
		width: 100% !important;
	}
	.wall-asset-0 {border-bottom: 2px solid #fff;}
	.wall-asset-1 {border-left: none;}
	.wall-asset-2 {border-left: none;}
	.wall-asset-3, .wall-asset-4 {border-right: none;}

	.feature-wall-container .wall-top, .feature-wall-container .wall-bottom { width: 100%; margin-left: inherit; }
	.feature-wall-container .wall-top .wall-height { display: none; }
	.feature-wall-container .wall-top .wall-top-content { position: relative; }
	.feature-wall-container .wall-filler { display: none !important; }
	.feature-wall-container .wall-asset .contentAsset .caption {
		position: absolute;
		width: 100%;
		bottom: 0;
		left: 0;
		right: 0;
	}
	
	.productStackMini .categoryResult { width: 100%; }
	#home-3 {margin-bottom:0;}
	
	#product-content { margin-bottom: 0; }
/* 	#product-content .product-images-container { margin} */
	.product-variant-container { background-color: #fff; }
	.productVariantGrid { margin-top: 0; padding: 0; background: transparent none; }
	.productVariantGrid table { background: transparent none; }
	
	/*
	 * Mobile variant grid filters
	 */
	#refinements-list .pull-left,
	#refinements-list .pull-right {
		float: none !important;
	}
	
	
	.variantTable > tfoot { display: none; }
	#filter-results .progressbar-container { position: absolute; bottom: 0; left: 0; width: 100%; } 
	.product-variant-container .progressbar-container > .progressbar { background-color: #2979ff; }
	
	.mobile-filter-btn {
		display: block;
		position: -webkit-sticky;
		position: sticky;
		top: 0;
		z-index: 50010;
		height: 50px;
		color: #333;
		background-color: #F5F7F9;
		padding: 0 15px;
		border-top: 1px solid #D9D9D9;
		text-transform: uppercase;
		box-shadow: 0px 5px 20px -8px rgba(0,0,0,0.2);
	}
	.mobile-filter-btn:hover, .mobile-filter-btn:active, .mobile-filter-btn:focus {
		color: #333;
	}
	.mobile-filter-title {
		font-family: 'Roboto', sans-serif;
		font-size: 18px;
		font-weight: 900;
	}
	.mobile-filter-label {
		font-family: 'Roboto', sans-serif;
		font-size: 13px;
	}
	.mobile-filter-btn .mobile-filter-title {
		float: left;
		line-height: 50px;
		width: 50%;
		
	}
	.mobile-filter-btn .mobile-filter-icon {
		float: right;
		line-height: 50px;
		width: 50%;
		text-align: right;
		color: #2979ff;
	}
	
	#product-refinements {
		position: fixed;
		background-color: rgba(0,0,0,0);
		left: 0;
		right: 0;
		top: 100%;
		bottom: 0;
		margin: 0;
		z-index: 50020;
	}
	#product-refinements.open {
		background-color: rgba(0,0,0,0.75);
		top: 0;
	}
	.csstransitions #product-refinements {
	-webkit-transition: background-color 500ms, top 0ms 500ms;
	   -moz-transition: background-color 500ms, top 0ms 500ms;
	     -o-transition: background-color 500ms, top 0ms 500ms;
	        transition: background-color 500ms, top 0ms 500ms;
	}
	.csstransitions #product-refinements.open {
		-webkit-transition: background-color 500ms, top 0ms 0ms;
		   -moz-transition: background-color 500ms, top 0ms 0ms;
		     -o-transition: background-color 500ms, top 0ms 0ms;
		        transition: background-color 500ms, top 0ms 0ms;
	}
	
	#refinements-list {
		position: fixed;
		background-color: #fff;
		overflow-y: auto;
		bottom: 0;
		left: auto;
		right: -90%;
		top: 0;
		width: 90%;
		box-shadow: none;
		padding: 0;
		overflow-y: auto;
	}
	#product-refinements.open #refinements-list {
		right: 0 !important;
	}
	.csstransitions #refinements-list {
		-webkit-transition: right 500ms;
		   -moz-transition: right 500ms;
		     -o-transition: right 500ms;
		        transition: right 500ms;
	}
	
	#content-container .category-sorting-container.mobile-filters{ display: flex; align-items: center; justify-content: flex-end; }
	#category-view-sort, #category-results #view-filters{display: none !important;}
	
	.search-count-refinement-container{
		display: flex;
	    flex-direction: row;
	    justify-content: space-between;
	    width: 100%;
	    align-items: center;
    }
	.selected-refinements-container{margin: 1rem 0 0 0;}
	.sort-by-buttons-container{margin-top: 2rem; }
	.search-sort-filter-container{
	    /* display: flex;
    	justify-content: space-between;
    	align-items: flex-start; */
    }
    
    .pt_category .category-sorting-container .btn.filter-btn, .pt_category .category-sorting-container .btn.sort-by-button{
        padding: 0;
	    margin: 0 0 0 10px;
	    width: 40px;
	    height: 40px;
	    min-width: auto;
	    line-height: normal;
	    border-radius: 50%;
	    background-color: #000;
    	color: #fff;
    	font-size: 18px;
    }
    .pt_category .category-sorting-container .btn.sort-by-button i{ transform: rotate(-90deg); }
    .pt_category .btn.filter-btn text{display: none;}
	
	#refinements-list #mobile-filter-header {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		height: 50px;
		text-align: center;
		background-color: #F5F7F9;
		z-index: 20;
	}
	#refinements-list #mobile-filter-header .title {
		font-family: 'Roboto', sans-serif;
		font-size: 18px;
		line-height: 50px;
		text-transform: uppercase;
	}
	#refinements-list #mobile-filter-header .close {
		position: absolute;
		top: 0;
		left: 0;
		opacity: 1;
		color: #333;
		padding: 14px;
		font-size: 22px;
	}
	#refinements-list .mobile-filter-scroll {
		position: relative;
		height: calc(100vh - 50px);
		padding: 50px 15px 0;
		overflow-y: auto;
	}
	#refinements-list #mobile-filter-footer {
		position: absolute;
		display: block;
		bottom: 0;
		left: 0;
		right: 0;
		height: 50px;
		line-height: 50px;
		text-align: center;
		background-color: #2979ff;
		border-top: 1px solid #fff;
		color: #fff;
		font-family: 'Roboto',sans-serif;
		font-size: 13px;
		text-transform: uppercase;
		z-index: 20;
	}
	#refinements-list #mobile-filter-footer:hover {
		cursor: pointer;
	}
	
	.filterBar .dropdown-menu {
		display: block;
		position: fixed;
	    bottom: 0;
	    left: 0;
	    right: 0;
	    z-index: 50022;
	    top: 100%;
	    height: 50%;
	    border-radius: 0;
	    overflow-y: auto;
		padding-right:3rem;
		padding-left:3rem;
	}
	.filterBar .open > .dropdown-menu {
		position: fixed;
		top: 50%;
	}
	.csstransitions .filterBar .dropdown-menu {
		-webkit-transition: top 500ms;
		   -moz-transition: top 500ms;
		     -o-transition: top 500ms;
		        transition: top 500ms;
	}
	
	.filterBar .refinementOption .btn-group:after {
		content: "";
		position: fixed;
		background-color: rgba(0,0,0,0);
		left: 0;
		right: 0;
		top: 100%;
		bottom: 0;
		margin: 0;
		z-index: 50020;		
	}
	.filterBar .refinementOption .btn-group.open:after {
		top: 0;
		background-color: rgba(0,0,0,0.75);
	}
	.csstransitions .filterBar .refinementOption .btn-group:after {
	-webkit-transition: background-color 500ms, top 0ms 500ms;
	   -moz-transition: background-color 500ms, top 0ms 500ms;
	     -o-transition: background-color 500ms, top 0ms 500ms;
	        transition: background-color 500ms, top 0ms 500ms;
	}
	.csstransitions .filterBar .refinementOption .btn-group.open:after {
		-webkit-transition: background-color 500ms, top 0ms 0ms;
		   -moz-transition: background-color 500ms, top 0ms 0ms;
		     -o-transition: background-color 500ms, top 0ms 0ms;
		        transition: background-color 500ms, top 0ms 0ms;
	}	
	.filterBar .dropdown-backdrop {
		display: none;
	}
	
	.filterBar .refinementOption, .clearAllFilters {
		width: 100%;
		margin: 10px 0;
	}
	
	.filterBar .refinementOption .btn-group,
	.filterBar .refinementOption .selectBox,
	.filterBar .refinementOption .dropdown-toggle,
	.filterBar #refinement-genderHand-list .dropdown-toggle {
		width: 100%;
	}
	.filterBar .refinementOption .title { display: none; }
	
	/*
	 * Mobile variant grid
	 */
	.variantContent .table-responsive { overflow: visible; }
	.variantContent .variantTable > thead > tr.sortBar { display: none; }
	.variantContent .variant-cell-label { display: inline; }
	
	.variantTable { display: block; }
	.variantTable tbody { display: block; width: 100%; }
	
	.variantTable tr.variantRow {
		position: relative;
		display: table;
		table-layout: fixed;
		margin: 20px 0;
		width: 100%;
	}
	.variantTable tr.variantRow:before {
		position: absolute;
		content: "";
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		box-shadow: 0 0 10px -1px rgba(0,0,0,0.2);
	}
	.variantTable .variantCell { display: none }
	
	.variantTable .mobile-card {
		display: table-caption;
		position: static;
		width: 100%;
		text-align: right;
		background-color: #F5F7F9;
		border-top: 0;
	}
	.variantTable .mobile-card > div { padding: 5px 0; }
	.variantTable .mobile-card .variant-cell-label {
		display: inline-block;
		float: left;
		font-weight: normal;
	}
	.variantTable .mobile-card .variant-cell-value {
		display: inline-block;
		max-width: 60%;
		font-weight: 700;
	}
	
	.variantTable .variantCell.noValue { display: none; }
	
	.variantTable{ position: relative; top: -2px; }
	
	.productVariantGrid .table-responsive { border: 0; }
	.productVariantGrid .table-responsive > .table > tbody > tr > td { white-space: normal; }
	.productVariantGrid .priceColumn {
		display: table-cell;
		text-align: center;
		vertical-align: top;
		padding: 20px 0;
		border: 0;
	}
	.productVariantGrid .priceColumn.outletColumn.noPrice { display: none; }
	.productVariantGrid .priceColumn .variant-cell-label { display: block; float: none; }
	
	.sliderRow { display: none; }
	.variantCell.open .tooltipContent {
		top: 0;
		background-color: rgba(0,0,0,0.75);
	}
	
	.variantCell .slide-panel {
		z-index: 50020;
	}
	.variantCell .tooltipContent .slide-panel-content.slide-up {
		padding: 0 7px 15px;
		text-align: left;
		background: #f8f8f8 none;
		z-index: 50021;
		top: auto;
		height: auto;
	}
	.variantCell.open .tooltipContent .tooltipContentContainer {
		bottom: 0 !important;
	}
	
	.tooltipClose { display: block; text-align: right; padding: 15px 7px; }
	.tooltipCloseLabel { margin-right: 5px; }
	
	.tooltipHeader { padding: 0 7px; margin: 0 0 15px; }
	.tooltipHeader .mobile-header { font-size: 1.5em; }
	
	.tooltipBody { padding: 0 7px; margin: 15px 0; font-weight: normal; }

	.tooltipFooter { display: table; table-layout: fixed; width: 100%; margin: auto; }
	.tooltipFooter .customizeOr { display: none; }
	.tooltipFooter .tooltipFooterBtn { display: table-cell; padding: 0 7px; }
	.tooltipFooter a.btn { display: block; }
	
	#variant-options-mobile {
		display: block;
		z-index: 50030;
	}
	
	#variant-options-mobile .variant-options-header {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 50px;
		background-color: #f8f8f8;
		line-height: 50px;
		color: #333;
		text-align: center;
	}
	#variant-options-mobile .variant-options-header .title {
		font-family: "Roboto",Arial,Helvetica,sans-serif;
		font-size: 18px;
		text-transform: uppercase;
	}
	#variant-options-mobile .variant-options-header .close {
		position: absolute;
		left: 0;
		padding: 14px;
		color: #333;
		opacity: 1;
	}
	
	#variant-options-mobile .variant-options-body {
		position: absolute;
		top: 50px;
		bottom: 50px;
		left: 0;
		width: 100%;
		background-color: #fff;
		overflow-y: auto;
		padding-bottom: 15px;
	}
	#variant-options-mobile .variant-options-body .customizeLogo { display: none; }
	#variant-options-mobile .variant-options-body * { font-size: 13px; }
	#variant-options-mobile .variant-options-body .selectLabel { text-align: left; }
	#variant-options-mobile .variant-options-body .customize-header,
	#variant-options-mobile .variant-options-body .select-container,
	#variant-options-mobile .variant-options-body .resetContainer {
		margin: 0.5em 0;
	}
	#variant-options-mobile .variant-options-body .line-item {
		margin: 0;
	}
	
	#variant-options-mobile .variant-options-footer {
		position: fixed;
		top: auto;
		right: -90%;
		bottom: 0;
		width: 90%;
		height: 50px;
		background-color: #fff;
		margin: 0;
		padding: 0;
	}
	#variant-options-mobile .variant-options-footer > div {
		margin: 0;
		padding: 0;
	}
	#variant-options-mobile .addToCartBtn {
		padding: 0;
		margin: 0;
		width: 100%;
		height: 50px;
		line-height: 50px;
	}
	
	#variant-options-mobile.open .variant-options-footer {
		right: 0;
	}
	
	.csstransitions #variant-options-mobile .variant-options-footer {
		-webkit-transition: right 500ms;
		   -moz-transition: right 500ms;
		     -o-transition: right 500ms;
		        transition: right 500ms;	
	}
	
	.mobile-accordion .mobile-accordion-container {
		border-top: 1px solid #D9D9D9;
	}
	.mobile-accordion .mobile-accordion-container:last-child {
		border-bottom: 1px solid #D9D9D9;
	}
	.mobile-accordion .mobile-accordion-container .mobile-accordion-title {
		position: relative;
		height: 50px;
		line-height: 50px;
		margin: 0;
	}
	.mobile-accordion .mobile-accordion-container .mobile-accordion-title:hover {
		cursor: pointer;
	}
	.mobile-accordion .mobile-accordion-container .mobile-accordion-title:before {
		position: absolute;
		top: 24px;
		right: 0;
		content: "";
		width: 10px;
		height: 0;
		border-top: 2px solid #333;
		transform: rotate(90deg);
	}
	.mobile-accordion .mobile-accordion-container .mobile-accordion-title:after {
		position: absolute;
		top: 24px;
		right: 0;
		content: "";
		width: 10px;
		height: 0;
		border-top: 2px solid #333;
		transform: none;
	}
	.mobile-accordion .mobile-accordion-container.open .mobile-accordion-title:before {
		transform: rotate(360deg);
	}
	.mobile-accordion .mobile-accordion-container.open .mobile-accordion-title:after {
		transform: rotate(360deg);
	}
	.csstransitions .mobile-accordion .mobile-accordion-container .mobile-accordion-title:before,
	.csstransitions .mobile-accordion .mobile-accordion-container .mobile-accordion-title:after {
		-webkit-transition: transform 500ms linear;
		-moz-transition: transform 500ms linear;
		-o-transition: transform 500ms linear;
		transition: transform 500ms linear;
	}
		
	.mobile-accordion .mobile-accordion-container .mobile-accordion-content {
		display: none;
	}
	
	#header-primary{flex-wrap:wrap;width:98%;margin:0 auto;padding:10px 0;}
	#header-primary .search-container{order:1;width:100%;}
	#header-primary .utility-container.container{width:70%;}
	#header-secondary .container{margin:0;width:100%;}
	.search-container .input-append{width:100%;margin-top:20px;}
	.search-form.form-group-lg.container{padding:0;}
	.utility-container.container{margin:0;}
	div#logo{width:29%;padding-left:12px;}
	div#nav-main-container{width:98%;}
	
	#search-result-items li.grid-tile:nth-of-type(odd) { clear: both;}
	
	#nav-main.new-nav .nav-level-3.two-col-nav {
         margin-bottom: 40px !important;
    }
     #product-content #product-head .promotion .promotion-callout div {
		color: #2273DD !important;
		display: inline-block;
		text-align: left;
		width:100%;
    }
    
    .slot.column-slot{ display: none;}
    
    .pt_product #category-slot-1{ margin: 0; }
    
    .two-image-1x1-container{ flex-wrap: wrap; }
	.two-image-1x1-container .image-1x1-container{ flex: 0 100%; }
	.two-image-1x1-container .image-1x1-container,
	.two-image-1x1-container .image-1x1-container:first-of-type{ padding: 0; }
	.full-width-1x1-container .content-modules{ padding-left: 15px; padding-right: 15px; }
	.full-width-1x1-container .full-width-1x1-row{ display: block; margin-bottom: 2rem; }
	.full-width-1x1-container .full-width-1x1-row > div{ width: 100%; }
	.full-width-1x1-container .full-width-1x1-row .content{ position: relative; top: -2rem; z-index: 10; width: 90%; margin: 0 auto; padding:3rem 1.25rem; margin: 0 auto -2rem auto; }
    
    #account-content .sideNav .nav li{
	    border: 1px solid #e7e7e7;
	    background-color: #fff;
	    margin: 5px 0;
    }
    
    .return-details-container .return-product-container{ border-bottom: 1px solid #D3D3D3; padding-bottom: 3rem;}
    .return-details-container .return-product{ display: block; text-align: center; }
    .return-product .return-product-header{
	    border: none;
	    display: block;
    }
    .return-product .return-product-header .item-shipped{ margin-right: 1rem; }
    .return-product .return-product-header .return-product-name{ margin-bottom: 1rem; max-width: none; }
    .return-product .return-product-details{ padding: 1rem 0; }
    
    .return-product-details{ display: block; }
    .return-product .return-product-details-container{ padding: 0; }
    .return-product-details .return-product-actions > div{ margin: 3rem 0 0 0; text-align: left; width: 100%; }
    .return-product-details .return-product-actions .return-started-container{ text-align: center; }
    .return-product-details input.custom-return-checkbox{ width: 30px; height: 30px; }
    .return-product-details  input.custom-return-checkbox::before{
    width: 14px;
    height: 14px;}
    .return-product .return-product-details-container .return-see-details-toggle{
	    display: block;
	    margin: 0 auto;
	    font-size: 14px;
    }
    .return-product-details .return-product-actions{ flex-direction: column; }
    
    .return-product .return-select{ margin-bottom: 1rem; }
    
    .return-product-details .return-progress .date-text{ position: absolute; top: -30px; display: block; width: 100%; }
    .return-product-details .return-progress .progress-ship-date{
	    text-align: left;
    }
    
    .return-products h4{ text-align: center; }
    
    .return-details-container .return-product .return-product-image{ margin: 0 auto; }
    
    .return-product-container .associated-cart-contaner h4{ text-align: left; border: 0; }
    .return-product-container .associated-cart-contaner{ display: none; }
    .orderShipments h4{ margin-left: 1rem; }
    .orderShipments .product {
	    border-bottom: 1px solid #e7e7e7;
	    margin: 3rem 1rem;
	}
    .orderShipments .product.row > div[class^='col-']:first-of-type{ padding-left: 0;  }
    .orderShipments .product.row > div[class^='col-']:last-of-type{ padding-right: 0;  }
    .orderShipments .product .img-container{ margin-bottom: 2rem; }
    .orderShipments .product .order-item-total{ text-align: left; }
    .return-product-container .associated-cart-contaner{ margin-left: auto; }
    
    .orderShipments .product .item-price.discount .text-value, .orderShipments .product .item-price.discount .discount-text{ font-size: 1.25rem;}
    .orderShipments .product .item-price.discount .discount-total-text{ margin-top: 0.5rem; }
    #product-images img.award-img{ right: 12rem; }
    
    .pdp-section-title {
		margin: 1rem 0 2rem;	
	}
	#product-recs, #section-specs {
		margin: 7rem auto;
	}
	#product-features.product-technology-wrapper .product-technology-title {
		margin-bottom: 20px;
	}
	#product-features.product-technology-wrapper .product-technology-slider {
		margin-top: 20px;
	}
	#page-content #comparison {
		margin-top: 7rem;
	}
	.product-technology-wrapper {
		padding-top:5rem;
		padding-bottom:5rem;
	}
	#product-features.product-technology-wrapper .row.wrapper,
	#product-features.product-technology-wrapper .row.product-technology-slider-container {
		display: block;
	}
	#product-reviews {
		padding: 7rem 0;
	}
	#product-questions {
		padding: 7rem 0;
	}
}

/* END HEADER NAV STYLES */
	
/* DESKTOP AND UP */
@media (min-width: 992px) {
	.hero-three-up__right {
		height: 19vw;
	}

	.hero-banner-content,
  	.hero-two-up,
  	.hero-three-up__left {
    	height: 38vw;
  	}

	.hero-three-up__right h1 {
		font-size: 3.5rem;
	}

	.hero-mobile-img {
		display: none;
	}

	.hero-two-up .content {
		padding: 30px;
		z-index: 1;
	}

	.category-hero-content {
		height: 23vw;
	}

	.category-hero-content h2 {
		font-size: 7rem;
	}

	.category-hero-mobile-img {
		display: none;
	}

	.full-width-1x1-container .full-width-1x1-row{ display: flex; aspect-ratio: 2/1; }
	.full-width-1x1-container.featured-content-slot .content{ text-align: left; align-items: normal;}
	.full-width-1x1-container.featured-content-slot .content > *{ width: 100%; }
	.player-info .full-width-1x1-row .content { justify-content: start; height: 100%; overflow: auto; }
	
	#header-secondary {
		padding: 10px 15px;
	}
	
	.category-hero .content .hero-text,
	.hero-banner-content .content .hero-text,
	.hero-three-up__left .content .hero-text,
	.hero-three-up__right .content .hero-text,
	.hero-two-up .content .hero-text {
		display: none;
	}

	#passwordTooltip {
		top: 0;
		left: 100%;
		margin-left: 5px;
	}
}


/* LARGE DESKTOP AND UP */
@media (min-width: 1200px) {
	#mobile-menu-label { display: none; }
}

/* IPAD 1,2 LANDSCAPE = 1024px */
@media (max-width: 1024px) {
	
}

/* UP TO DESKTOP */
@media (max-width: 992px) {
	.slot-space .container,
	.slot-space .image-1x1-container:first-child {
		margin-bottom: 7rem;
	}
}

/* TABLET UP TO DESKTOP */
@media (min-width: 768px) and (max-width: 992px) {
	.imageComingSoon img {width:400px;}

	.hero-three-up__right h1, .hero-three-up__left h1 {
		font-size: 4rem;
	}
}

/* PORTRAIT PHONE UP TO DESKTOP/TABLET */
@media (max-width: 767px) {

	#BVRRQuickTakeContentContainerID .BVRRHistogram{display:none;}
	#cart-utility span.header-basket-count{left:41px;}
	#header-primary{padding:0;padding-top:10px;}
	#header-primary{width:100%;}
	#sign-in-menu{top:86px;right:-103px;}
	.category-hero-content h2{font-size:3rem;line-height:3.7rem;}
	.compact .pdp-gallery-slider{padding-bottom:10px;}
	.compact .pdp-gallery-slider,.compact .pdp-gallery-slot{padding-right:10px;padding-left:10px;}
	.hero-banner .container{width:90%;}
	.hero-banner-content{height:400px;}
	.hero-banner-content h1{font-size:3rem;line-height:3.7rem;}
	.hero-banner-content h5{font-size:18px;}
	#home-1 .hero-text.text-center h1 {font-size: 3rem !important;}
	.imageComingSoon img{width:400px;}
	.search-container{visibility:visible;position:relative;width:100%;padding:5px 0;text-align:center;z-index:1;padding:0;}
	.search-container .input-append{margin-top:5px;}
	.search-container .input-append input{border-radius:0;border-width:1px 0;background:#fff;}
	.search-form.form-group-lg.container{padding-top:5px;}
	.secondary-utility-container{display:none;}
	.utility-container a i,.utility-container a span{padding-left:20px;}
	.utility-container a span{display:none;}
	div#asset-steelhouse-free-ship-ticker{text-align:center;}
	
	#category-view-sort {
		float:none;
		margin: 0 0 30px;
	}
	#grid-sort-header {width:95%;}
	
	.hero-banner-content h1 {
         font-size: 4rem !important;
         line-height: 4.3rem !important;
    }
     .secondary-two-up h3 {
         font-size: 2.8rem !important;
    }
    
    #product-videos .js_slider.video-slider .next{ right: 0; }
	#product-videos .js_slider.video-slider .prev{ left: 0; }
	
	#product-videos .js_slider.video-slider .prev, #product-videos .js_slider.video-slider .next{
		bottom: -5rem;
    	top: auto;
    	z-index: 100;
    	background-color: transparent;
    	border: 0;
    	box-shadow: none;
	}
	
	.product-video.yt-video-container button.yt-play-button{
		width: 75px;
	    height: 75px;
    }
    
    .product-video.yt-video-container button.yt-play-button:before {
	    width: 75px;
	    height: 75px;
	}

	

	.hero-three-up__right h1, .hero-three-up__left h1 {
		font-size: 3rem;
		line-height: 5rem;
	}
	
	
	
	
	
	.return-summary-container .return-summary-table{
		display: block;
	}
	.return-summary-container .return-summary-table tbody{
	    display: flex;
    	flex-direction: column;
	}
	.return-summary-container .return-summary-table tbody .table-header{ display: none; }
	.return-summary-container .return-summary-table tbody .table-row {
	    display: flex;
    	flex-direction: row;
    	flex-wrap: wrap;
    }
    .return-summary-container .return-summary-table tbody .table-row .return-product-image{
    	align-items: center;
    	flex: 1 0 100%;
    	width: 100%;
    	padding: 2rem 0 0 0;
    }
    .return-summary-container .return-summary-table .return-product-details{
        width: 60%;
    	text-align: center;
    }
    .return-summary-container .return-summary-table .seeDetails{ margin-top: 1rem; }
    .return-summary-container .return-summary-table td{ min-width: auto; }
    .return-summary-container .return-summary-table tbody .table-row .return-selections,
    .return-summary-container .return-summary-table tbody .table-row .return-item-value{ flex: 1 0 50%; }
    .return-summary-container .return-summary-table .return-product-image img{
    	width: 60%;
    	min-width: 150px;
    	max-width: 200px;
    }
    
    .return-summary-container .return-summary-table tbody .table-row .return-total-value{
        min-width: auto;
    	flex: 1 0 100%;
    	padding: 0 0 2rem 0;
    	font-size: 1.25rem;
    }
    
    .return-product-details .return-progress .today .indicator{ position: relative; top: 6px; }
    .return-product-details .return-progress .today .indicator:before{ top: -7px;}
    #returns > div.flex-container{ margin: 2rem 0 1rem 0; }
    #returns > div.flex-container .close-return-tab{ font-size: 1.25rem; }
    #returns > div.flex-container .h2{ display: none; }    
    
    #product-images img.award-img{
		width: 60px;
    	bottom: 1rem;
    	right: 1rem;
    }
}

@media (min-width: 767px) {
/* 	.search-close .search-container { visibility:hidden; width: 100%; height:0;} */
	.search-open .search-container {
		visibility: visible;
    	position: relative;
    	width: 100%;
    	padding: 10px 0;
    	text-align: center;
    	z-index: 10000;
   	 	border-top: 2px solid #F5F7F9;
	}
}

/* UP TO MOBILE PHONE */
@media (max-width: 576px) {
	.slot-space .container,
	.slot-space .image-1x1-container:first-child {
		margin-bottom: 5rem;
	}
}

/* PORTRAIT PHONE UP TO LANDSCAPE PHONE */
@media (max-width: 480px) {
	.social-icons .fab {margin-left:10px;}
		
	/* .categoryResult .tileView {padding: 40px 10px 0;} */
	
	#page-title {margin: 3rem 0 3rem;}
	
	#conditionGuide .nav > li > a {
		padding: 10px 5px;
	}
	
	.two-image-1x1-container.container{ padding: 0; }
	.two-image-1x1-container.container .content{ padding: 0 2rem; }
	.images-1x1-with-headline-container .hero-image-container > .hero-image.box-1x1:before{ padding-top: 133%; }
	
	.return-details-container .return-details-header{ 
		flex-direction: column;
    	height: auto;
    	padding: 1rem 0;
    }
    
    .return-details-container .return-details-header > div{ padding: 1rem 0; margin: 0; }
    
    .orderShipments .product.row > div[class^='col-']{ width: 60%;  }
    .orderShipments .product.row > div.img-container{ width: 40%;  }
    
	#paymentmethodform .paymentmethodradios .payment-method-entry label {	    
	    text-align: center;
	    padding: 5px;
	}
	
	#section-specs .specsTitle, .pdp-section-title{ font-size: 2.5rem; }
}

/* PORTRAIT PHONE */
@media (max-width: 360px) {
	
	.categoryResult .product-promo .promotional-message{
		display: inline-flex;
    	flex-wrap: wrap;
    	align-items: center;
    }
    .categoryResult .product-promo .promo-pill{ margin-bottom: 0.5rem; }

}

/* PORTRAIT PHONE */
@media (max-width: 320px) {
	#conditionGuide .nav > li > a {
		padding: 10px 2px;
	}
}


/*
 * Mobile Safari ONLY
 */
@supports (-webkit-overflow-scrolling: touch) {
	#refinements-list .mobile-filter-scroll {
		height: calc((var(--vh,1vh)*100) - 50px);
	}
}

/*
 * IE & EDGE ONLY
 */

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .floating-label {top: 5px; font-size: 12px; color: #777; }
	.input-append .floating-label { opacity: 1; }
	.search-container .input-append.form-ready .form-control[placeholder]{ padding-top:20px;}
	.new-nav {-ms-overflow-style: -ms-autohiding-scrollbar;}
}

 @supports (-ms-ime-align:auto) and (-webkit-text-stroke:initial) {
    .floating-label {top: 5px; font-size: 12px; color: #777; }
	.input-append .floating-label { opacity: 1; }
	.search-container .input-append.form-ready .form-control[placeholder]{ padding-top:20px;}
	.new-nav {-ms-overflow-style: -ms-autohiding-scrollbar;}
}



@media (min-width: 993px){
    #nav-main.new-nav .nav-level-2, #nav-main.new-nav .nav-level-2 li.direct-link{
        width: 242px;
    }
    #nav-main.new-nav ul.two-col-nav {
       max-height: 400px; overflow: hidden; display: flex !important;
    }

    #nav-main.new-nav ul.three-col-nav {
       max-height: 310px; overflow: scroll; width: 484px;
    }
    
    #nav-main.new-nav ul.three-col-nav, #nav-main.new-nav ul.two-col-nav {
     overflow: hidden !important;
     height: 100vh;
    }
    
    #nav-main.new-nav .nav-level-1 .nav-level-2{
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width:100% !important;
    overflow: hidden;
    }
    
    #nav-main.new-nav .nav-dropdown-container.nav-simple {
        width: 100% !important;
        position: absolute;
        left: 0;
   }
   
   #nav-main.new-nav .nav-dropdown-container.nav-simple li.direct-link:hover {
        background: #f5f7f9;
        color: black;
   }
   
   #nav-main.new-nav .nav-level-1 .nav-simple ul.nav-level-2.open {
        position: static;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 0 auto;
        width: 195px !important;
        margin-top: 30px;
   }
   
   #nav-main.new-nav .nav-simple .nav-level-2 {
        padding-bottom: 30px;
        color: black;
   }
    #search-result-items li.grid-tile.new-row:nth-of-type(3n+1) { clear: both; } 
}
@media (min-width: 1200px){
    #nav-main.new-nav .nav-level-2, #nav-main.new-nav .nav-level-2 li.direct-link{
        width: 195px;
    }
    #nav-main.new-nav ul.two-col-nav {
        width: 390px;
        max-height: 270px;
    }
    #nav-main.new-nav ul.three-col-nav {
        width: 585px; max-height: 210px;
    }
}

@media (max-width: 1200px){
	
	.return-summary-container .return-summary-table .return-product-image{ flex-direction: column; }
	.return-summary-container .return-summary-table .return-product-image p,
	.return-summary-container .return-summary-table .seeDetails{ padding-left: 0; }
	
	.return-product .return-product-details-container{ padding: 0; margin-top: 1rem; }
	.return-details-container .return-product { flex-wrap: nowrap; }
	
	.return-product-details{ flex-direction: column; }
	.return-product-details .return-details-progress{
	    flex: auto;
    	width: 100%;
    	margin: 5rem 0 3rem;
    }
	.return-product-details .return-product-actions{ width: 100%; }
	.return-product-details .return-progress .return-progress-bar.active .today{ display: none; }
	
}

@media (min-width: 1440px){
    #nav-main.new-nav .nav-level-2, #nav-main.new-nav .nav-level-2 li.direct-link {
        width: 228px;
    }
    #nav-main.new-nav ul.two-col-nav {
        width: 456px; max-height: 210px; overflow: hidden
    }
	#nav-main.new-nav ul.three-col-nav {
        width: 684px; max-height: 210px;  
    }
	.player-info .full-width-1x1-row .content {
		justify-content: center;
	}
}

@media (min-width: 992px) and (max-width: 1200px) {
 	.return-details-container .return-product .return-product-image{ padding-right: 1rem; /* min-width: 180px; */}
}


@media (min-width: 992px) and (max-width: 1199px){
	.hero-text-no-img h1 {
		font-size: 6rem !important;
	}
}

@media (max-width: 991px) {
	.hero h1 {
		font-size: 4rem;
		line-height: 4.3rem;
	}	

	.hero .hero-banner-content,
	.hero .hero-two-up, 
	.hero-three-up__left,
	.hero-three-up__right {
		display: inline;
		text-align: center !important;
	}

	.hero-two-up,
	.hero-three-up__left,
	.hero-three-up__right {
		padding: 15px;
	}

	.hero-two-up .content,
	.hero-three-up__left .content,
	.hero-three-up__right .content {
		margin: 15px;
	}

	.hero .hero-banner-content .content {
		padding: 15px 0;
	}

	.hero-mobile-img {
		display: block !important;
	}

	.hero-text-img {
		display: none;
	}
	
	.hero-text {
		display: inline;
	}
	  
	.hero-btns {
		text-align: center;
	}

	.hero-text-no-img {
		display: none;
	}
	
	.hero .hero-mobile-img img {height: auto;}

	.hero { 
		display:flex;
		flex-direction:column-reverse;
	}
	
	.hero-banner-content{height:auto}

	.category-hero-content {
		text-align: center;
		background-image: none;
		color: #000;
		padding: 2rem 0 4rem 0;
	}

	.category-hero-mobile-img {
		display: block;
	}

	.category-hero-content h2 {
		color: #000;
		font-size: 3rem;
		margin: 1rem 0 2rem;
		line-height: normal;
	}

	.category-hero-content h5 {
		color: #000;
		font-size: 16px;
	}

	.category-hero-content h4 {
		font-size: 1.5rem;
	}

	.hero-two-up .gradient {
		display: none;
	}

	a[data-target='#conditionGuide'] {
		margin: 10px 0;
	}
}

	#passwordTooltip {
		top: 100%;
		left: 0;
		margin-top: 3px;
	}
	
@media (max-width: 1200px) {
	.images-1x1-with-headline-container .hero-image-container{ flex-wrap: wrap; }
	.images-1x1-with-headline-container .hero-image-container > .hero-image{flex: 1 0; margin-right: 0; }
	.images-1x1-with-headline-container .hero-image-container > .hero-image:first-of-type{margin-right: 5px; }
	
	.images-1x1-with-headline-container .hero-image-container .content-container{ margin-top: 1rem; align-items: center; text-align: center; }
	
	.images-1x1-with-headline-container .hero-image-container .content{ width: 100%; }
	.images-1x1-with-headline-container .hero-image-container .content p{ max-width: 500px; }
}