.show-320, .show-760 {
  display: none; }

html.slideNav,
body.slideNav {
  overflow: hidden;
  height: 100%; }

#wrapper.slideNav {
  float: right; }

#wrapper.slideNav #topNav {
  position: relative !important; }

/** Mobile to Tablet styles **/
@media screen and (max-width: 959px) {
  #header #categoryNav ul.categoryMenu > li.first > ul {
    position: relative; }
  img.notfound {
    width: 100%;
    height: auto; }
  #header #topNav #mobile-account,
  #header #topNav #mini-cart {
    cursor: pointer;
    width: 36px;
    height: 36px;
    float: left;
    margin: 0;
    position: relative; }
  #header #topNav #mini-cart {
    width: auto; }
  #header #topNav #mobile-account a,
  #header #topNav #mini-cart a:not(.mini-cart-link) {
    display: block; }
  #header #topNav #mobile-account a.glyphicons-user:before {
    color: #fff; }
  #header #topNav #mobile-account a.glyphicons h4 {
    text-indent: -999em; }
  #header #topNav #mini-cart {
    margin-right: 20px; }
  #header #topNav #mobile-account a.glyphicons-user:before {
    color: #fff; }
  #header #topNav #mobile-account a.glyphicons h4 {
    text-indent: -999em; }
  li.noshow-760 {
    display: none !important; } }

/** Tablet Styles **/
/**@media (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2),**/
@media screen and (min-width: 768px) and (max-width: 959px) {
  .noshow-760 {
    display: none; }
  li.noshow-760 {
    display: none !important; }
  .show-760 {
    display: block; }
  img.show-760 {
    display: inline-block; }
  #header #topNav > div,
  #header #areaNav > div,
  #header #categoryNav > div,
  #header #experienceNav > div,
  #content > div {
    width: 768px; }
  .fixed-width-layout {
    width: 768px; }
  #footer footer > div {
    width: 736px;
    padding: 0 16px; }
  #header #topNav #locationpicker img {
    display: none; }
  #header #mini-login a.glyphicons h4 {
    text-indent: -999em; }
  #header #areaNav #areaNavItems a.first {
    margin-left: 27px; }
  #header #areaNav .header-search {
    margin-right: 20px; }
  #header #areaNav .header-search input[type="text"] {
    width: 300px; }
  #header #categoryNav ul.categoryMenu li.first {
    width: auto; }
  #header #categoryNav ul.categoryMenu li.first > ul > li > a,
  #header #categoryNav ul.categoryMenu li.first > ul > li > h4,
  #header #categoryNav ul.categoryMenu li.first > ul > li ul.subCategoryMenu {
    margin-left: 22px; }
  #header #categoryNav ul.categoryMenu li.seperator {
    border-left: none;
    border-right: none; }
  .carousel.full .jcarousel-item {
    width: 216px;
    margin-right: 19px; }
  .carousel.large .jcarousel-item {
    width: 438px; }
  .related li {
    width: 200px;
    margin: 0 37px 0 0; }
  #storeLocatorModule #store-results > .left,
  #storeLocatorModule #store-results #storeList {
    margin: 0;
    width: 49%;
    overflow: hidden; }
  #footer #footer-nav ul {
    margin-right: 50px; }
  button.up.footerbump {
    bottom: 472px; } }

/** Misc Mobile Styles **/
/*@media screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 2),*/
@media screen and (max-width: 767px) {
  /** Keep scrollbar visible to prevent the viewport from jumping **/
  html {
    overflow: -moz-scrollbars-vertical;
    overflow-y: scroll; }
  .noshow-320 {
    display: none; }
  .show-320 {
    display: block; }
  img.show-320 {
    display: inline-block; }
  body {
    min-width: 320px; }
  h1 {
    font-size: 28px; }
  h2 {
    font-size: 18px; }
  button,
  a.linkbutton,
  .submitbutton {
    font-size: 11px;
    background-color: #f60;
    color: #fff; }
  select,
  textarea,
  input {
    font-size: 16px !important; }
  select:focus,
  textarea:focus,
  input:focus {
    font-size: 16px !important;
    background: #eee; }
  #PasswordResetForm input {
    width: 215px; }
  #PasswordResetForm button {
    top: 48px;
    left: 218px; }
  #PasswordResetForm span.error-message {
    margin: 55px auto; }
  ul.sitemaplist li h3.experience {
    margin-bottom: 25px; }
  #main {
    /* padding-top: 55px; */ }
  #header {
    margin-bottom: 0;
    z-index: 9999999; }
  #header #tls {
    height: 110px; }
  #header #cookie-notice {
    height: 285px; }
  #header #topNav > div,
  #header #areaNav > div,
  #header #categoryNav > div,
  #header #experienceNav > div,
  #content > div {
    width: 350px; }
  #header #topNav #mobile-account a.glyphicons-user:before {
    color: #000; }
  #footer footer > div {
    width: 335px;
    padding: 0 16px; }
  #secondary.nav {
    display: none; }
  /** Top Nav **/
  #header #topNav #locationpicker,
  #header #topNav #navLinks {
    display: none; }
  #header #topNav {
    height: 49px;
    background-color: #efefef;
    padding: 0;
    color: #000;
    /* border-bottom:1px solid #595959; */
    position: fixed;
    top: 0;
    width: 100%; }
  #header #topNav > div {
    padding: 0; }
  #header #topNav .header {
    width: 100% !important; }
  #header #topNav .header .menu-navbar {
    float: right;
    margin-top: 2px;
    margin-right: 5px; }
  #header #topNav #countrySelector {
    display: none; }
  #header #topNav #navDropDown {
    float: left;
    padding-top: 8px;
    color: #000;
    height: 41px; }
  #header #topNav #navDropDown.active {
    color: #f60;
    background-color: #fff; }
  #header #topNav #navDropDown > h4 {
    padding: 0;
    margin: 0; }
  #header #topNav a#navDropDown h4,
  #header #topNav #mobile-account h4 {
    text-indent: -999px; }
  #header #topNav .seperator {
    background-color: #000;
    height: 28px;
    width: 3px;
    float: left;
    margin: 9px 9px 0 0; }
  #topNav #sitelogomobile {
    float: left;
    margin: 12px 0 0 8px; }
  #header #topNav #mobile-account {
    cursor: pointer;
    float: left;
    margin-top: 5px; }
  #header #topNav #mini-cart {
    cursor: pointer;
    float: right;
    margin-top: 5px;
    margin-right: 0; }
  .mobile-minicart .mini-cart-total {
    text-transform: none; }
  .mobile-minicart div.actions {
    text-align: center;
    margin-top: 20px; }
  .mobile-minicart div.actions span {
    display: block; }
  .mobile-minicart a.continue-shopping,
  .mobile-minicart a.continue-shopping:hover,
  .mobile-minicart a.mini-cart-link-checkout,
  .mobile-minicart a.mini-cart-link-checkout:hover {
    color: #fff !important;
    display: block; }
  #header #topNav #mini-cart > img {
    margin: -5px 2px;
    width: 25px; }
  #header #topNav #mini-cart span.glyphicons-shopping-cart {
    margin-right: -5px; }
  #header #topNav #mini-cart .mini-cart-total a {
    color: #000; }
  #header #topNav #mini-cart .mini-cart-content {
    display: none !important; }
  /** Mobile country/language selector **/
  #mobileNav #countrySelector {
    margin: 0 auto;
    background-color: #eee;
    width: 100%;
    padding-bottom: 10px !important; }
  #country-dropdown select,
  #language-dropdown select {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    text-transform: capitalize;
    box-sizing: border-box;
    outline: 0;
    display: block;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 35px;
    font-weight: normal;
    font-size: 14px;
    line-height: 35px;
    padding: 0;
    padding-left: 25px;
    margin: 0; }
  /** Search **/
  #search-suggestions {
    top: 50px; }
  .search-suggestion-wrapper-full {
    width: 100%; }
  .search-suggestion-left-panel {
    display: none; }
  .search-suggestion-right-panel {
    border: none;
    float: none;
    width: 100%; }
  #search-suggestions .more-results {
    clear: both; }
  #search-suggestions .more-results a {
    float: right; }
  .fixed-width-layout {
    width: 300px;
    padding: 0 5px;
    margin-top: 10px; }
  #wrapper.pt_cart .fixed-width-layout {
    margin-top: 0; }
  #productDetail.fixed-width-layout {
    margin-top: 0; }
  /** Content **/
  #content {
    background-image: none; }
  .breadcrumb {
    /*
		padding-left: 0;
		margin-top: 10px;
		*/
    display: none !important; }
  #home #content > div {
    width: 360px; }
  .html-slot-container .slot.productSpotlight.full.dark {
    /** category landing content slots height fix **/
    height: auto !important;
    padding-bottom: 15px; }
  .slot .pad {
    padding: 16px 0 0 0; }
  #mailinglist-signup input[type=text] {
    width: 100%;
    box-sizing: border-box; }
  #mailinglist-signup input[type=checkbox] {
    top: 0; }
  #mailinglist-signup .form-checkboxes label {
    width: 128px; }
  table.mobile-shipping-table {
    margin-bottom: 10px;
    width: 100%; }
  table.mobile-shipping-table td {
    border: 1px solid #000;
    width: 50%; }
  table.mobile-shipping-table td:first-child {
    /* width: 45%; */ }
  /** Footer **/
  button.up,
  button.up.footerbump {
    bottom: 100px;
    right: 8px; }
  #footer {
    position: static; }
  #footer #actions {
    display: table; }
  #footer #links,
  #footer #actions #actionbutton,
  #footer #actions #footertext,
  #footer #actions #social {
    float: none;
    text-align: center; }
  #footer #actions #actionbutton {
    padding: 20px 0 30px 0;
    border-bottom: 1px solid #333; }
  #footer #actions #actionbutton button {
    margin: 0 auto; }
  #footer #actions #footertext {
    display: table-header-group; }
  #footer #actions #footertext br {
    display: none; }
  #footer #actions #footertext span {
    padding: 0 6px; }
  #footer #actions #social {
    margin: 17px 0 0 0; }
  #footer #actions #social a {
    float: none;
    display: inline-block;
    margin: 0 5px; }
  #footer-shipping-promo-mobile .html-slot-container {
    background-color: #666;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-family: FuturaStd-ExtraBlack, sans-serif;
    font-size: 12px;
    padding-top: 8px;
    padding-bottom: 4px; }
  #footer #footer-nav-mobile {
    padding: 20px 0;
    text-align: center; }
  #footer #footer-nav-mobile a {
    padding: 0 5px; }
  #footer #links {
    margin-bottom: 60px; }
  .carousel.full .jcarousel-item,
  .carousel.large .jcarousel-item {
    width: 238px;
    margin-right: 0; }
  .carousel.large .jcarousel-item .details {
    display: none; }
  .related li {
    width: 330px;
    margin: 0; }
  .related li .product-tile,
  .mobile-recommendations-container .product-tile .product-name,
  .mobile-recommendations-container .product-tile .product-pricing,
  #recently-viewed-container ul li.recently-viewed-product .ratings {
    text-align: center !important; }
  #recently-viewed {
    margin: 0 !important;
    padding: 0 !important;
    bottom: 10px; }
  #recently-viewed a#open-drawer.open {
    display: none; }
  #recently-viewed-container {
    padding: 0;
    width: 100%; }
  #recently-viewed-container h2 {
    padding: 10px; }
  #recently-viewed-container .jcarousel-container {
    margin: 20px auto;
    margin-bottom: 0; }
  #recently-viewed-container .jcarousel-container,
  #recently-viewed-container ul.recently-viewed-carousel li.recently-viewed-product {
    width: 300px;
    text-align: center; }
  #recently-viewed-container ul li.recently-viewed-product .product-image a img {
    width: 300px; }
  #recently-viewed .jcarousel-next,
  #recently-viewed .jcarousel-prev {
    display: none !important; }
  #recently-viewed-thumbnail-dots {
    display: inline-block;
    margin: 20px auto;
    width: 100%; }
  #recently-viewed-thumbnail-dots ul {
    height: 15px;
    position: relative;
    margin: 0 auto;
    padding: 0;
    text-align: center; }
  #recently-viewed-thumbnail-dots li.thumb {
    border: none;
    width: 10px !important;
    height: 10px !important;
    margin-right: 8px;
    display: inline-block; }
  #recently-viewed-thumbnail-dots li.selected {
    border: none; }
  #recently-viewed-thumbnail-dots li a {
    display: block;
    width: 10px;
    height: 10px;
    background-color: #ddd;
    border-radius: 5px; }
  #recently-viewed-thumbnail-dots li.selected a {
    background-color: #f60; }
  #storeLocatorModule #storeSearchInput input {
    width: 100%;
    margin-bottom: 15px; }
  #storeLocatorModule #storeSearchInput {
    padding: 10px; }
  #storeLocatorModule #storeSearchInput .form-row {
    margin: 0;
    display: block; }
  #storeLocatorModule #storeSearchInput .maxdistance {
    display: inline-block !important; }
  #storeLocatorModule #storeSearchInput .selectWrapper {
    margin: 0; }
  #storeLocatorModule #storeSearchInput .form-row-button {
    width: 60%;
    margin: 0;
    float: right; }
  #storeLocatorModule #storeSearchInput .form-row-button button {
    margin: 0;
    width: 100%; }
  .onlineStoreList .storeItem {
    width: 140px;
    margin: 10px auto !important;
    float: none; }
  #storeLocatorModule #store-results > .left {
    display: none; }
  #storeLocatorModule #storeFilters {
    margin: 30px 0; }
  #storeLocatorModule #storeFilters hr {
    display: none; }
  #storeLocatorModule #storeFilters #activityFilters {
    float: none;
    clear: both;
    width: auto;
    margin-bottom: 30px;
    overflow: hidden; }
  #storeLocatorModule #storeFilters #activityFilters span {
    display: block;
    clear: both;
    float: left;
    margin-top: 15px;
    padding-bottom: 0; }
  #storeLocatorModule #storeFilters #activityFilters span:first-child {
    margin-top: 0; }
  #storeLocatorModule #storeFilters #nameFilter {
    float: none;
    margin-bottom: 30px; }
  #storeLocatorModule #storeFilters #nameFilter input {
    padding: 10px 10px 11px; }
  #storeLocatorModule #storeFilters .selectWrapper {
    float: none;
    clear: both;
    display: block;
    overflow: hidden; }
  #storeLocatorModule #storeFilters .selectWrapper select,
  #storeLocatorModule #storeFilters .selectWrapper label {
    width: 100%;
    float: none;
    box-sizing: border-box; }
  #storeLocatorModule #store-results #storeList {
    float: none;
    clear: both;
    margin: 0 0 30px;
    width: 100%;
    height: auto;
    overflow: hidden; }
  #storeLocatorModule #store-results .storeRow {
    margin: 0 16px;
    width: auto; }
  #storeLocatorModule #store-results .storeRow > .right {
    width: 255px; }
  #storeLocatorModule #store-results .storeRow .storeAttributes {
    padding: 0; }
  #storeLocatorModule #store-results .storeRow .storeAttributes .storeLink a {
    display: block;
    overflow: visible; }
  #storeLocatorModule #store-results .storeRow .storeAttributes > .right {
    text-align: right; }
  /* jQuery UI */
  .ui-dialog .ui-widget-header {
    height: auto; }
  #useDesignBuildPopup {
    height: auto !important; }
  #useDesignBuildPopup > iframe {
    height: auto; }
  /** Bonus Product modal **/
  .js .ui-dialog-content .product-col-1,
  .js .ui-dialog-content .product-col-2 {
    width: 100%; }
  .bonus-product-list .product-add-to-cart button {
    margin-top: 30px;
    margin-left: 10px; }
  .pdp-main .product-add-to-cart button {
    width: 55%; }
  .bonus-product-item .product-variations .attribute .cell.title {
    width: 35%; }
  .bonus-product-list-footer button {
    float: none;
    width: 100%;
    margin-top: 20px; } }

/** iPhone 6 Mobile Styles **/
/** iPhone 6+ Mobile Styles **/
@media screen and (min-width: 400px) and (max-width: 736px) {
  #topNav #sitelogomobile {
    margin-left: 5px; }
  #header #topNav > div,
  #header #areaNav > div,
  #header #categoryNav > div,
  #header #experienceNav > div,
  #content > div {
    width: 400px; } }

/** iPhone 5 Mobile Styles **/
@media screen and (max-width: 325px) {
  #mobileNav {
    width: 275px; }
  #mobile-account {
    display: none; }
  .breadcrumb {
    padding-left: 10px; }
  #home #content > div {
    width: 310px; }
  #header #topNav > div,
  #header #areaNav > div,
  #header #categoryNav > div,
  #header #experienceNav > div,
  #content > div {
    width: 320px; }
  #footer footer > div {
    width: 288px; } }
