/*
Theme Name: 	Mytee Products, Inc.
Author:         Derek Ashauer
Author URI:     http://www.ashwebstudio.com
*/
body, div, h1, h2, h3, h4, p, ul, ol, li, dl, dt, dd, img, form, fieldset, blockquote { margin: 0px; padding: 0px; border: 0px; }
body { background: #FFF; text-align: center; background-size: 1px 140px;}
p, div, li, h1, h2, h3, h4, td, th, input, select, textarea { font-family: Arial, sans-serif; font-size: 14px; color: #424242; line-height: 1.5; }
p, h1, h2, h3, h4, section ul, section ol, section table { margin-bottom: 15px; }
h1, h2, h3, h4 { font-family: "eurostile", sans-serif; }
a img, :link img, :visited img { border: none }
a { color: #00a4e4; text-decoration: underline; }
a:hover { color: #231f20; text-decoration: underline; }
/*#main a { color: #000; }*/
#tabs .ui-tabs-anchor { color: #000 !important; text-decoration: none !important; }
#tabs a { color: #00adef; text-decoration: underline; }
div.clear { clear: both; overflow: hidden; height: 1px; }
input { vertical-align: middle; }
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.gfield { margin-left: 0 !important;  }
#wrapper, .container { width: 100%; max-width: 960px; margin: 0 auto; text-align: left; }
ins { text-decoration: none; }

/* WordPress required styles */
.alignright { float: right; margin: 0 0 10px 15px; }
.alignleft { float: left; margin: 0 15px 10px 0; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption-dd { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }

/* ----------------------------------- */
/* GOOGLE TRANSLATE
/* ----------------------------------- */
/*.home #google_translate_element {display: inline-block !important; margin-top: 10px !important; margin-left: 0 !important; float: left !important; margin-right: 8px !important;
} */
@supports (-webkit-appearance:none) {
body.home {
  background-size: 10px 630px !important;
}
}
.goog-te-gadget-simple {
  background-color: rgba(255, 255, 255, 0) !important;border: 0 !important; font-size: 11px !important;padding-top: 3px !important;color: #fff !important;
}
.goog-te-gadget-simple .goog-te-menu-value {
	color: #dbeef5 !important;
}
.goog-te-gadget-simple .goog-te-menu-value span {
  color: #dbeef5 !important;
}
img.goog-te-gadget-icon { display: none !important;}
#google_translate_element {display: inline-block !important; margin-top: 10px !important;margin-left: 45px!important;
}
.goog-te-menu2 {
  background-color: #dbeef5 !important;
  border: 1px solid #000000 !important;
  }
  .goog-te-menu2-item div, .goog-te-menu2-item:link div, {
  	   color: #00adef !important;
    background: #dbeef5 !important;
  }
/* ----------------------------------- */
/* TOP
/* ----------------------------------- */
header { height: auto; width: 100%; position: relative;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00a4e4+0,00a4e4+80,018bc4+100 */
	background: #00a4e4; /* Old browsers */
	background: -moz-linear-gradient(top,  #00a4e4 0%, #00a4e4 80%, #018bc4 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #00a4e4 0%,#00a4e4 80%,#018bc4 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #00a4e4 0%,#00a4e4 80%,#018bc4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a4e4', endColorstr='#018bc4',GradientType=0 ); /* IE6-9 */
}
header a { color: #FFF; text-decoration: none; }
header a:hover { color: #002633; text-decoration: none; }
#logo { float: left; margin: 13px 0 25px 0; }
#quick-cart, #login { float: right; margin: 0 0 0 40px; padding: 14px 0 0 25px; background: transparent url(_images/icon-cart.png) 0 14px no-repeat; font-size: 14px;}
#quick-cart a.checkout { font-weight: bold; padding: 0 0 0 7px; }
#login { background: transparent url(_images/icon-login.png) 0 16px no-repeat; padding-left: 15px; color: #FFF; }
#login.account { background: transparent url(_images/icon-account.png) 0 16px no-repeat; }
#alt-menu { float: right; }
#alt-menu li { float: left; margin: 14px 0 0 15px; list-style: none; font-size: 12px; }
#alt-menu a { color: #dbeef5; }
#alt-menu a:hover { color: #002633; }
#search { clear: right; float: right; border-radius: 4px; background: #FFF; padding: 6px 10px; margin: 15px 0 0 25px; }
#search input.input { border: none; background: #FFF; color: #999999; width: 180px; }
/* remove webkit search input decoration and cancel button */
input[type=search] { -webkit-appearance: none; }
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button { display: none; }

#social { display: inline-block;float: right;margin-top: 18px; font-size: 15px; }
#social a { display: inline-block; margin: 0 0 0 -2px; }
#social a i { color: #FFF; }
#social i.fa-inverse { color: #00a4e4; }

#main-menu { margin: 20px 0 0 0; clear: both; text-align: center; display: inline-block; background: #000; padding: 14px 0px; width: 100%; }
#main-menu li { font-family: "eurostile", sans-serif; float: left; line-height: 18px; list-style: none; position: relative; padding: 0; }
#main-menu li:first-child { border: none; }
#main-menu li a { display: inline; text-decoration: none; font-size: 18px; padding: 10px 40px; }
#main-menu li:hover { border: none !important; }
#main-menu li a:hover, #main-menu li:hover a { background-color: #333 !important; color: #FFF; }
#main-menu li .sub-menu { left: -9999em; position: absolute; top: 30px; z-index: 100; background: #333; }
#main-menu li:hover > .sub-menu { left: 0; text-align: left; }
#main-menu li .sub-menu > li { display: block; float: none; border: none; background: none; margin: 0; padding: 0; }
#main-menu li .sub-menu li:before { display: none; }
#main-menu li .sub-menu li a:hover { background: #585858 !important; }
#main-menu li .sub-menu .menu-item-has-children:hover > a { background: #585858 !important; }
#main-menu li .sub-menu > li a {  font-family: Arial, sans-serif; color: #FFF; font-weight: normal; background: none; padding: 8px 20px !important; background: none !important; display: block; white-space: nowrap; height: auto; line-height: 1.4; font-size: 15px; text-transform: none; }
#main-menu li .sub-menu a:hover, #main-menu li .sub-menu li:hover a { color: #FFF; background: #585858; }

#main-menu li li.menu-item-has-children { position: relative; }
#main-menu li li.menu-item-has-children:after { position: absolute; top: 5px; right: 10px; content: "\f105"; font-family: "FontAwesome"; color: #FFF; }
#main-menu li li.menu-item-has-children > a { padding: 8px 50px 8px 20px !important; }

#main-menu li li:hover > .sub-menu { left: 100%; top: 0; background: #585858; }
#main-menu li li .sub-menu li a { font-size: 15px; }
#main-menu li li .sub-menu li a:hover { color: #c5c5c5; }
/*
.sub-menu:before { content:""; position:absolute; top:-10px; left:20px; bottom:auto; left:auto; border-width:0 10px 10px; border-color:#000 transparent; z-index: 50; border-style:solid; display:block; width:0; }
*/

#main-menu li.auto a { background: transparent url(_images/menu-auto.png) 10px center no-repeat; padding-left: 76px; }
#main-menu li.carpet a { background: transparent url(_images/menu-carpet.png) 10px center no-repeat; padding-left: 42px; }

#mobile-menu, #mobile-menu-links { display: none; }

.searchwp-live-search-results { width: 220px !important; margin: 0 -10px 0 -10px; }
.searchwp-live-search-result { clear: left; text-align: left; }
.searchwp-live-search-result img { width: 30px; height: 30px; margin: 0 0 0 0; vertical-align: middle; }
.searchwp-live-search-result a { text-decoration: none; }


/* ----------------------------------- */
/* SUBSCRIBE
/* ----------------------------------- */

.industryInput {
  width: 100% !important;
  display: inline !important;
  overflow: hidden !important;
  padding: 4px 4px !important;
  margin: 10px auto !important;
  border-radius: 3px;
  font-size: 15px;
  border: #98d0f1 solid 1px;
  color: #222;
  display: block;
  clear: both;
}
.wpsbemcButton{left: 0;}
#wpsbemc{left: 20px;}
#wpsbemc .wpsbemcForm {
  margin-top: -8px;
}
#wpsbemc .wpsbemcButton {
      margin-bottom: 28px;
  display: block;
  background: rgba(75, 107, 130, 0.498039);
  -moz-border-radius: 15px;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-bottomright: 0;
  -webkit-border-radius: 15px;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  border-radius: 15px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  position: relative;
  padding: 0;
  cursor: pointer;
  outline: 0;
  font-size: 14px;
  font-family: 'Lucida Grande','Lucida Sans Unicode',Arial,Verdana,sans-serif;
  color: rgb(51, 51, 51);
  text-shadow: rgb(255, 255, 255) 1px 1px 0px;
  text-decoration: none;
  font-weight: bold;
  width: 260px;
  padding: 5px 5px 0;
}
#wpsbemc .wpsbemcButton span {
	  padding: 2px 8px;
	  background: rgb(235, 235, 235);
	  -moz-border-radius: 10px;
	  -moz-border-radius-bottomleft: 0;
	  -moz-border-radius-bottomright: 0;
	  -webkit-border-radius: 10px;
	  -webkit-border-bottom-left-radius: 0;
	  -webkit-border-bottom-right-radius: 0;
	  border-radius: 10px;
	  border-bottom-left-radius: 0;
	  border-bottom-right-radius: 0;
	  float: left;
	    padding: 0 95px;
}
#wpsbemc .wpsbemcForm .emailInput, #wpsbemc .nameInput {
	width: 96% !important;
}
#wpsbemc .wpsbemcForm h3 {
	color: #000;
}
#wpsbemc .wpsbemcButton:hover, #wpsbemc .wpsbemcActive {
 color: rgb(51, 51, 51) !important;
 text-shadow: rgb(255, 255, 255) 1px 1px 0px !important;
}
#wpsbemc .wpsbemcForm .emailSubmit {
  background: #00A4E4;
}
#wpsbemc .wpsbemcButton span:before {
	content: none;
}
/* ----------------------------------- */
/* HOME
/* ----------------------------------- */
.socialwrap {background-color: #e9e9e9;line-height: 0;box-shadow: 1px 1px 4px #999;}
.cff-wrapper {padding: 10px !important;}


header.clearfix { margin-bottom: 0;}
.home #banner {margin-top: 15px; background: #FFF; width: 100% !important; }
.home #banner .bx-pager { display: none; }

#slideshow img {width: 100%; text-align:center;}
#banner { margin: 20px 0 40px 0; padding: 0 0 0 0; }
#banner li { width: 320px; float: left; list-style: none; padding: 220px 0 0 0; text-align: center;  }
#banner li#auto { background: transparent url(_images/button-auto.png) 0 0 no-repeat; }
#banner li#carpet { background: transparent url(_images/button-carpet.png) 0 0 no-repeat; }
#banner li#facility { background: transparent url(_images/button-facility.png) 0 0 no-repeat; }
#banner li#auto:hover, #banner li#carpet:hover, #banner li#facility:hover { background-position: -320px 0; cursor: pointer; }
#banner li h1 { font-size: 25px; line-height: 25px; color: #FFF; font-weight: normal; margin: 0 0 5px 0; text-transform: uppercase; }
#banner li a { color: #a9daea; text-decoration: none; font-size: 15px; text-transform: uppercase;  }
#banner li a:hover { color: #000; text-decoration: none; }

#slideshow-arrows { position: relative; top: -250px; z-index: 100; }
#slideshow-arrows span { position: absolute; top: 0; color: #CCC; cursor: pointer; font-size: 28px; }
#slideshow-arrows #prev { left: -50px; }
#slideshow-arrows #next { right: -50px; }

#welcome-content { width: 50%; float: left; }
#welcome-content h2 { font-size: 22px; }
#welcome img { float: right; max-width: 45%; height: auto; }

#categories {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,eaeaea+49,ffffff+50,ffffff+100 */
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #eaeaea 49%, #ffffff 50%, #ffffff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#eaeaea 49%,#ffffff 50%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 0%,#eaeaea 49%,#ffffff 50%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
#categories .container { text-align: center; }
#categories a { display: inline-block; margin: 0 20px; color: #000; text-decoration: none; font-size: 18px; }
#categories a img { max-height: 130px; width: auto; display: block; margin: 0 0 10px 0; }

#connect-links { width: 36%; padding: 0 7%; float: left; text-align: center; }
#connect-links h2 { font-size: 22px; margin: 0 0 5px 0; }
#connect-links a { display: inline-block; max-width: 75px; margin: 0 10px 20px 10px; text-align: center; text-decoration: none; }
#connect-links a span { font-size: 36px; }
#connect-facebook { width: 340px; margin-right: 7%; float: right; }

.home #buttons li img { box-shadow: 2px 2px 3px rgba(0,0,0,.2); margin: 0 0 15px 0; }
.home #buttons li { text-align: center; }
.home #buttons li h2 { font-size: 22px; margin: 0 0 5px 0; }
.home #buttons li p { margin: 0 0 5px 0; }
.home #buttons li a { text-decoration: none; }

.section { margin-top: 50px; }
.section h1 { font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: 300; font-size: 16px; border-top: 1px solid #EEE; color: #707070; text-align: center; position: relative; }
.section h1 span { display: inline-block; position: relative; top: -13px; background: #FFF; padding: 0 10px; }


/* ----------------------------------- */
/* SUB PAGES
/* ----------------------------------- */
#wrapperfw header{margin: 0;}
#wrapperfw {height: 100%; background-color: #00ADE7;}
#crumb, #main .woocommerce-breadcrumb { font-size: 12px; color: #818181; margin: 0;  }
#crumb a, #main .woocommerce-breadcrumb a { color: #818181; text-decoration: none; }
#crumb a:hover, #main .woocommerce-breadcrumb a:hover { text-decoration: underline; }

#wrapper { padding: 30px 0; }

#main section li { margin-left: 25px; }
#main section h1 { color: #000; font-weight: normal; font-size: 35px; line-height: 40px; padding: 0 0 6px 0; border-bottom: 1px solid #d9d9d9; }
#main section h2 {  font-size: 24px; line-height: 24px; font-weight: normal; color: #000; }
#main section h3 {  font-size: 16px; color: #00a4e4; margin: 0 0 5px 0; }
#main img { max-width: 100%; height: auto; }

#main.page section { width: 75%; float: left; }
#main.page aside { width: 20%; float: right; }
#submenu { margin: 0 0 30px 0; }
#submenu li { list-style: none; background: #efefef; padding: 3px 10px; margin: 0 0 2px 0; }
#submenu li a { text-decoration: none; }
#submenu li.current_page_item, #submenu li.current_page_ancestor { background: #d9d9d9; }
#submenu li li { font-size: 11px; padding: 4px 0 0 10px; background: none; }
#submenu li li.current_page_item { font-weight: bold; }

/* Common */
a.button, input.button, button { border: none; background: #00a4e4; text-decoration: none; color: #FFF; padding: 4px 8px; font-size: 14px;  text-transform: uppercase; cursor: pointer; }
a.button:hover, input.button:hover, button:hover { background: #000; }

/* Category Home */
#buttons { width: 100% !important; }
#buttons li { float: left; margin: 0 0 0 4% !important; list-style: none; width: 22%; padding: 0; }
#buttons li img { width: 100%; height: auto; }
#buttons li:first-child { margin: 0 !important; }

/* Category */
#main section .products h2 { font-size: 20px; }
#main section .products li .price { color: #00a4e4; font-size: 15px; }

/* Product Detail */
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary,
.woocommerce-page div.product .woocommerce-tabs {
    width: 52%; margin: 0 0 30px 0; float: right; clear: none;
}
#product-left,
.woocommerce div.product div.images,
.woocommerce-page div.product div.images,
#product-videos { float: left; width: 40%; margin: 0 0 30px 0; text-align: center; clear: left; }
/*#main section #product-videos h3 { font-size: 20px; }*/
#main section .product li,
#main section .products li { margin-left: 0; }
#main section .wc-tab li { margin-left: 25px; }
#main section .summary .price { font-size: 30px; color: #000; }
#main section .button { background: #ff6b01; color: #FFF; border-radius: 0; font-size: 14px; text-transform: uppercase; padding: 6px 14px; }

.woocommerce table.shop_attributes td { font-style: normal; }

#main section section.related h2 { font-size: 20px; color: #00a4e4; font-weight: bold; text-align: center; }
#main section section.related .price,
#main section section.related .button,
.single-product .woocommerce-products-compare-compare-button { display: none; }
#main section section.related img { max-width: 100px; height: auto; margin: 0 auto 10px auto; }
#main section section.related li h2 { font-size: 16px; line-height: 1.1; color: #000; font-weight: normal; }

.pswp__bg {background: #FFF !important;}
.pswp__caption, .pswp__top-bar {
  background: #000 !important;
}
.pswp__ui h3, .pswp__ui button, .pswp__button:before {
	color: #000 !important;
}
button.pswp__button--arrow--left::before, button.pswp__button--arrow--right::before {
	background-color:#000 !important;
}
.pswp__counter {
	color: #FFF !important;
}

.woocommerce-additional-fields { margin: 40px 0; }

.upsells { clear: both; border-top: 1px solid #d9d9d9; margin-top: 30px; padding-top: 20px; }
#main section .upsells h2 { font-size: 28px; }
#main section .upsells li h2 { font-size: 16px; line-height: 1.1; }

#main .actions .button { background: #CCC; color: #666; text-transform: none; }
#main .wc-proceed-to-checkout a.button { padding: 15px; font-size: 20px; text-transform: none; }

.woocommerce-cart-form a { text-decoration: none; }
.woocommerce-cart table.cart img { width: 75px; }

#main .woocommerce-checkout h3 {
  font-family: Arial, sans-serif;
  font-size: 24px;
}

.woocommerce-account #main.page section { width: 100%; float: none; }

/* Podcast Category */
#main section #podcast-list li { margin: 0 22px 30px 0; width: 150px; float: left; list-style: none; font-size: 14px; line-height: 18px; }
#main section #podcast-list li.newrow { clear: left; }
#main section #podcast-list li img { margin: 0 0 10px 0; }
#main section #podcast-list li a { text-decoration: none; font-size: 12px; background: transparent url(_images/icon-download.png) 0 0 no-repeat; padding: 2px 0 2px 20px;  }

/* Videos */
#main section #video-list li { margin: 0 11px 25px 0; width: 170px; float: left; list-style: none; }
#main section #video-list li:nth-child(4n+1) { clear: both; }
#main section #video-list li img { margin: 0 0 10px 0; }
#main section #video-list li h2 { font-size: 18px; line-height: 18px; margin: 0 0 4px 0; }
.video-overlay {text-align:center; height:0px; !important}
.play-button {position:relative; top:-200px; !important}

/* Product Registration */
#reg-results, #reg-data { width: 100%; border-spacing: 0; }
#reg-results th { font-size: 12px; text-transform: uppercase;  color: #00a4e4; font-weight: normal; padding: 5px 0; border-bottom: 2px solid #000; }
#reg-results td { padding: 5px 0; border-bottom: 1px solid #e0e0e0; }
#reg-data td { padding: 5px 0; }
#reg-data td.title { font-weight: bold; padding-right: 15px; }

/* Comments */
.comment { margin: 0 0 15px 0; }
p.comment-data { color: #666; margin: 0 0 3px 0; font-size: 11px; }

/* Service Centers */
.page-id-31 td { vertical-align: top; padding: 0 15px 15px 0; width: 33%; }
.page-id-31 td h2 { margin: 15px 0 0 0; }

/* Maps */
#map_sidebar {margin-bottom: 15px !important; height: auto !important;}

/* Manuals */
#manuals { width: 100%; }
#manuals td { border-bottom: 1px solid #e0e0e0; padding: 3px 0; }
#manuals td { font-size: 11px; }
#manuals td a { margin: 0 10px 0 0; }
#manuals td.title { font-weight: bold; text-align: left; width: 140px; padding-right: 20px;  font-size: 13px; }
#manuals td.title a { color: #000; text-decoration: none; margin: 0; }

p.filter-table input { width: 93%; padding: 10px 2% 10px 5%; border: 1px solid #EFEFEF; background: transparent url(_images/icon-search.png) 2% center no-repeat; }

/* Store Locator */
#searchForm #address_search LABEL { text-align: left; font-size: 110%; }
#addressInput { max-width: 300px !important; }
#searchForm .search_item { margin-bottom: 5px; display: block !important; }
#searchForm #address_search #radius_in_submit { float: none ; display: block; margin-top: 10px; }
#searchForm #address_search #radius_in_submit input { background: #00ADE6; color: #FFF;  text-transform: uppercase; border: none; border-radius: 3px; padding: 5px 15px; }
.results_wrapper div.results_entry span.location_name { color: #00ADE6; font-size: 18px;  }

/* ----------------------------------- */
/* FOOTER
/* ----------------------------------- */
.themify_announcement.blue {background: #00ADE7 !important;}
footer { padding: 0px 0 20px 0; margin: 25px 0; border-bottom: 1px solid #e0e0e0; width: 100%; }
footer nav { width: 165px; float: left;margin-left: 25px; }
footer nav li { list-style: none; font-size: 12px; }
footer nav li a { color: #686868; text-decoration: none; }
footer nav li a:hover { color: #000; text-decoration: none; }
footer nav li.header a { color: #00a4e4; font-weight: bold; }
#newsletter { width: 300px; float: right; }
#newsletter p { color: #686868; margin: 0; }
#newsletter p.header { color: #00a4e4; font-weight: bold; }
#signup { background: #f2f2f2; border-radius: 3px; padding: 4px 8px; margin: 0 0 4px 0; }
#signup input { border: none; background: none; color: #686868; }
#signup input.input { width: 200px; }
#signup input.submit { float: right;  font-size: 16px; text-transform: uppercase; color: #00a4e4; cursor: pointer; }
#copyright, #copyright p, #copyright a { color: #b2b2b2; text-align: center; text-decoration: none; }


#autocomplete { display: block; position:absolute; z-index:100; width:255px; font-size:12px; color:#555; background:#fff; padding: 0; }
#autocomplete ul { margin: 0; padding: 10px; list-style: none; }
#autocomplete a { display: block; padding: 2px; color: #00a4e4; }
#autocomplete a:hover { color: #231f20; text-decoration: underline; }

@media screen and (min-width: 960px) {
	#main-menu ul#menu-main-menu { display: flex; justify-content: center; }
}


@media screen and (max-width: 960px) {

	#main, .container { padding-left: 5%; padding-right: 5%; width: 90%; }

    #google_translate_element { display: none !important; }

    #search { margin: 10px 0 15px 0; }

    #main-menu { display: block; margin: 0; padding: 0; }
	#mobile-menu { clear: both; display: block; font-size: 20px; text-transform: uppercase; padding: 10px 0; color: #fff; font-family: Arial, sans-serif; }
    #main-menu ul { display: none; }
    .nav-open #main-menu ul { display: block; }
    nav#main-menu ul li { display: block; float: none; border: none; text-align: left; }
    nav#main-menu ul li ul.sub-menu { display: none; position: static; }
    nav#main-menu ul li ul.sub-menu.active { display: block; }
    nav#main-menu ul li a { padding: 15px 20px; display: block; border: none; }

    nav#main-menu li.auto a, nav#main-menu li.carpet a { background: none; padding-left: 20px; }

}
@media screen and (max-width: 768px) {

    #alt-menu, #social { display: none; }

    #login, #login.account, #quick-cart { background: none; padding: 0; margin: 10px 0 0 10px; }

    #search input.input { width: 120px; }

    #categories { background: none; }
    #categories a { width: 39%; margin: 0 5% 40px 5%; }
    #categories a img { margin: 0 auto 10px auto; }

    #welcome-content { width: 100%; float: none; }
    #welcome img { float: none; max-width: 100%; height: auto; }

    #buttons li { width: 48%; margin-bottom: 30px; }
    #buttons li:nth-child( 2n+1 ) { margin: 0 0 30px 0 !important; clear: left; }

    #connect-links { width: 100%; padding: 0; float: none; text-align: center; }
    #connect-facebook { width: 100%; margin-right: 0; float: none; text-align: center; }
    #connect-facebook iframe { margin: 0 auto; }

    #main.page section, #main.page aside, .product-left, .product-right { width: 100%; float: none; margin: 0 0 30px 0; }

    #main section ul.product-cats li { width: 50%; }

    #main section #product-list li { width: 30%; }

    .woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
        width: 100%;
    }
    #product-left,
    .woocommerce div.product div.images,
    .woocommerce-page div.product div.images,
    #product-videos,
    .woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary,
    .woocommerce-page div.product .woocommerce-tabs { float: none; width: 100%; }


}
@media screen and (max-width: 568px) {

    #login, #login.account, #quick-cart, #search, #mobile-menu, #categories { display: none; }

    #header .container { text-align: center; padding: 15px 0 0 0; }
    #logo { float: none; margin: 0 auto 5px auto; }
    #mobile-menu-links { display: block; font-size: 30px; }
    #mobile-menu-links a { display: inline-block; margin: 0 20px; }

    .search-open #search { display: block; }
    #search { float: none; border-top: 1px solid #FFF; padding: 10px; text-align: center; }

    .home #banner .bx-pager { display: block; }
    .home #banner .bx-controls-direction { display: none; }

    #buttons li { width: 100%; margin: 0 0 30px 0 !important; }

    .alignright, .alignleft, .aligncenter { float: none; display: block; margin-left: auto; margin-right: auto; }

    #main section h1 { font-size: 26px; line-height: 1.1; }

    #announcement_bar_slider { display: none !important; visibility: hidden; }

    /* Locator */
    #map_sidebar div.results_row_left_column,
    #map_sidebar div.results_row_center_column,
    #map_sidebar div.results_row_right_column { width: 100%; display: block; position: static; text-align: left; margin: 0 0 10px 0; }

    /* Product page */
    .ui-tabs .ui-tabs-nav li { float: none !important; position: static; margin: 0; border: none !important; }
    .ui-tabs .ui-tabs-nav li a { display: block; padding: 5px 0; }
    .ui-tabs .ui-tabs-nav li.ui-tabs-active a { background: #EFEFEF; padding: 5px 10px; }

    #main section #product-list li { width: 46%; }

    .actions, #product-list label { display: none; }

    footer nav { width: 45%; margin: 0 5% 40px 0; }
    footer nav:nth-child( even ) { clear: left; }
	.home .bx-viewport { height: 220px !important; }
	.home #slideshow img { height: 100%; }

}

/* Purchase Order */
.payment_box.payment_method_purchaseorder label {display: none!important;}
.payment_box.payment_method_purchaseorder #po_note_field {display: none;}
.payment_box.payment_method_purchaseorder input {
  font-size: 1.5em;
  padding: 8px;
}


.woocommerce-checkout h3 {
  font-weight: normal!important;
}

.woocommerce-billing-fields h3 {
  text-transform: capitalize!important;
}

tr.fee {
  display: none;
}
/* Remove "Service Center" from distributor results
 * TF:JE 2019-03-22
 */
._Service_Center {
  display: none!important;
}