@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;500;600;700;800;900&family=Open+Sans:wght@300;400;500;600;700;800&display=swap');

@font-face {font-family: "Cleargothic"; src: url("//db.onlinewebfonts.com/t/ce30c5cf2f4bde3d04cf1d7d38238187.eot"); src: url("//db.onlinewebfonts.com/t/ce30c5cf2f4bde3d04cf1d7d38238187.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/ce30c5cf2f4bde3d04cf1d7d38238187.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/ce30c5cf2f4bde3d04cf1d7d38238187.woff") format("woff"), url("//db.onlinewebfonts.com/t/ce30c5cf2f4bde3d04cf1d7d38238187.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/ce30c5cf2f4bde3d04cf1d7d38238187.svg#Cleargothic") format("svg"); }

@font-face {font-family: "Source Sans Pro"; src: url("//db.onlinewebfonts.com/t/84d8d4c49f66a6a5abe1e0608ba764a2.eot"); src: url("//db.onlinewebfonts.com/t/84d8d4c49f66a6a5abe1e0608ba764a2.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/84d8d4c49f66a6a5abe1e0608ba764a2.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/84d8d4c49f66a6a5abe1e0608ba764a2.woff") format("woff"), url("//db.onlinewebfonts.com/t/84d8d4c49f66a6a5abe1e0608ba764a2.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/84d8d4c49f66a6a5abe1e0608ba764a2.svg#Source Sans Pro") format("svg"); }

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a,
abbr, acronym, address, big, cite, code, del,
dfn, em, font, img, ins, kbd, q, s, samp, small,
strike, strong, sub, sup, tt, var, b, u, i, center,
dl, dt, dd, fieldset, form, label, legend, table,
caption, tbody, tfoot, thead, tr, th, td, ul, li, input {
    border: 0 none;
    list-style: none outside none;
    margin: 0;
    outline: medium none;
    padding: 0;
    font-family: 'Open Sans', sans-serif;
    line-height: initial;
}

img, a img {
    border: medium none;
}

.clear {
    border: medium none;
    clear: both;
    float: none;
    height: 1px;
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none !important;
    transition: all 0.4s ease;
}

a:hover {
    text-decoration: underline;
}

h1, h2, h3, h4, h5, h6 {
    color: #333;
    font-weight: normal;
    font-family: Source Sans Pro,sans-serif;
    font-weight: 600;
    text-rendering: optimizeLegibility;
}

h1, h2, h3, h4, h5, h6, p {
    padding-bottom: 10px;
}

h1 {
    font-size: 37px;
}

h2 {
    font-size: 25px;
}

h3 {
    font-size: 27px;
}

h4 {
    font-size: 24px;
}

h5 {
    font-size: 19px;
}

h6 {
    font-size: 17px;
}

p {
    font-size: 15px;
    line-height: 20px;
    color: #333333;
}

img {
    display: block;
    max-width: 100%;
    height: auto;
}
body {
    font-family: 'Open Sans', sans-serif;
}
*, *::before, *::after
{
    box-sizing: border-box;
}
.clearfix {
  overflow: auto;
}
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}
.container
{
    width: 1275px;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 0;
}

/**************************/
.headerTop {
    text-align: right;
    padding: 10px 0;
}
.headerTop ul {
    font-size: 0;
}
.headerTop ul li + li {
    border-left: 1px solid #727272;
}
.headerTop ul li {
    display: inline-block;
    white-space: nowrap;
    list-style: none;
    margin: 0;
    line-height: 12px;
    padding: 0 10px;
}
.headerTop ul li a {
    color: #000;
    font-size: 13px;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
    display: flex;
    align-items: center;
}
.headerTop li a:hover,
.loginCart ul li a:hover {
    color: #00a5e3;
}
.headerTop ul li a img {
    margin-right: 5px;
}
.headerArea {
    box-shadow: 0 52px 45px #f2f2f2 inset;
    padding: 15px 0 0;
}
.headermain {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
}
.logo {
    width: 220px;
}
.headermainRight {
    flex: auto;
    width: auto;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    background-image: url('../img/headerbar.jpg');
    background-repeat: repeat-x;
    background-position: bottom;
    padding-bottom: 12px;
    margin-top: -10px;
}
.searchForm {
    margin-top: 15px;
}
.freeShippingHeader {
    text-align: center;
}
.freeShippingHeader {
    text-align: center;
    font-family: Cleargothic;
    font-weight: 700;
}
.freeShippingHeader h6 {
    font-weight: 700;
    font-family: Cleargothic;
    color: #231f20;
    font-size: 19px;
    text-transform: uppercase;
    line-height: 23px;
    letter-spacing: 1px;
    padding: 0;
}
.freeShippingHeader a {
    text-transform: none;
    color: #00a5e3;
    font-family: Cleargothic;
    font-size: 17px;
    letter-spacing: 1px;
    display: block;
    margin: 3px 0;
}
.freeShippingHeader p {
    color: #519b21;
    letter-spacing: 1px;
    font-family: 'Open Sans', sans-serif;
    padding: 0;
}
.questionSearch
{
    text-align: center;
}
.questionSearch label {
    font-family: 'Open Sans', sans-serif;
    color: #1e1e1f;
    font-size: 14px;
}
.questionSearch a {
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Open Sans', sans-serif;
    font-size: 19px;
    font-weight: 700;
    color: #00a8e7;
}
.searchForm form {
    max-width: 330px;
    border: 1px solid #ddd;
    border-radius: 10px;
    display: flex;
    flex-wrap: wrap;
    box-shadow: 0 10px 10px -10px #ccc inset;
    margin: 0 auto;
    overflow: hidden;
}
.searchForm form input
{
    height: 25px;
}
.searchField {
    background: transparent;
    padding-left: 10px;
    flex: auto;
    font-size: 12px;
    font-style: italic;
    color: #000000;
}
.searchField::placeholder
{
    color: #000000;
    font-style: italic;
}
.guaranteeCart h5 {
    font-size: 22px;
    color: #00aae9;
    font-weight: 700;
    font-family: Cleargothic;
    text-align: center;
    padding-bottom: 15px;
}
.guaranteeCart h5 span {
    color: #423a3c;
    text-align: center;
    font-size: 15px;
    text-transform: uppercase;
    font-family: Cleargothic;
    font-weight: 700;
    display: block;
}
.loginCart ul {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.loginCart ul li:first-child
{
    margin: 0;
    margin-right: 15px;
    border-right: 1px #ddd solid;
    padding-right: 15px;
}
.loginCart ul li a {
    color: #7f7f7f;
    text-transform: uppercase;
}
.headermainRight .freeShippingHeader {
    width: 35%;
    padding-bottom: 18px;
}
.headermainRight .questionSearch {
    width: 38%;
    padding-bottom: 18px;
}
.headermainRight .questionSearch img {
    margin-right: 10px;
}
.guaranteeCart {
    width: 21%;
    padding-bottom: 18px;
}
.loginCart ul li.headerCart a {
    display: flex;
    align-items: center;
}
.loginCart ul li.headerCart 
{
    position: relative;
}
.totalCount {
    font-size: 15px;
    font-weight: 600;
    color: #75b732;
    position: absolute;
    right: 0;
    width: 30px;
    text-align: center;
    background: none;
}
.loginCart ul li.headerCart img {
    margin-left: 10px;
    margin-top: -10px;
}
.searchBtn {
    background-color: #00aced;
    width: 40px;
    background-image: url('../img/searchicon.png');
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}
.mainMenu {
    background-image: url('../img/menubg.png');
    background-repeat: no-repeat;
    padding: 0 20px;
}
.mainMenu.homeMenuBar ul {
    padding-bottom: 0;
}
.mainMenu ul {
    text-align: center;
    font-size: 0;
    padding: 11px 20px 14px;
}
.mainMenu ul li {
    display: inline-block;
    padding: 0 25px;
}
.mainMenu ul li a
{
    font-size: 16px;
    padding-bottom: 8px;
    display: block;
    color: #ffffff;
    text-transform: uppercase;
}
.subMenuArea {
    display: flex;
    background: #fff;
    position: absolute;
    left: 10px;
    right: 10px;
    display: none;
    z-index: 9;
}
.mainMenu ul li:hover .subMenuArea
{
    display: flex;
}
.subMenuArea h3 {
    background: #00adf0;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    width: 20%;
    text-align: right;
    padding-right: 25px;
    box-sizing: border-box;
    padding-top: 25px;
}
.subMenuArea ul.subNaviMenu {
    width: 80%;
    column-count: 5;
   
}
.subMenuArea ul .subSubChildMenu a {
    color: #393939;
    font-size: 13px;
    line-height: 25px;
}
.subMenuArea ul
{
    padding: 25px 0;
    text-align: left;
}
.subMenuArea ul ul {
    padding: 0;
    margin: 15px 0 25px;
}
.subMenuArea ul li {
    padding: 0;
    text-align: left;
    display: block;
}
.subMenuArea ul.subNaviMenu > li {
    break-inside: avoid-column;
}
.mainMenu .subMenuArea ul.subNaviMenu li .parentTitle {
    font-size: 14px;
    font-weight: 700;
    color: #00adf0;
}
.mainMenu .subMenuArea a
{
    color: #000;
}
main#main-content,
main#main-content .heroCarousel 
{
    margin-top: 0;
}
main#main-content .heroCarousel
{
    margin-bottom: 0;
}
main#main-content > .container:first-child {
    position: relative;
    padding: 5px 10px 10px;
}
main#main-content > .container:first-child:before {
    border-width: 1px;
    border-style: solid;
    border-image: linear-gradient(1deg, rgb(254 255 255), rgb(221 221 221)) 1;
    border-bottom: 0;
    border-top: 0;
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    height: 260px;
    border-right: 0;
}
main#main-content > .container:first-child:after {
    border-width: 1px;
    border-style: solid;
    border-image: linear-gradient(1deg, rgb(254 255 255), rgb(221 221 221)) 1;
    border-bottom: 0;
    border-top: 0;
    position: absolute;
    content: '';
    right: 0;
    top: 0;
    height: 260px;
    border-right: 0;
}
ol.breadcrumbs {
    padding: 10px 8px;
    border: 1px solid #cdcdcd;
    border-radius: 8px;
    text-align: left;
}
.breadcrumb a {
    padding-right: 18px;
    display: inline-block;
    font-weight: 700;
    font-size: 11px;
    color: #999;
}
.breadcrumb:not(:first-child)::before {
    content: ':';
    border: none;
    transform: none;
    margin: 0;
    top: 0;
    left: -8px;
}
li.breadcrumb.is-active a span {
    font-size: 11px;
    font-weight: 300;
    display: block;
    background: none;
}
.bannerSection {
    padding: 15px 10px 0;
}
.bannerSection img
{
    margin: 0 auto;
}
main#main-content > .container.homePageBanner:first-child {
    padding: 0;
}
.container.homePageBanner img {
    width: 100%;
}
.contentArea {
    /* padding: 0 10px; */
}
.promotionSect {
    display: flex;
    flex-wrap: wrap;
    margin-left: -20px;
    margin-top: 20px;
    margin-bottom: 40px;
}
.promoLeft
{
    width: 65%;
    padding-left: 20px;
}
.promoRight
{
    padding-left: 20px;
    width: 35%;
}
.autoShip,
.shipMostOrder {
    background-color: #FFFFFF;
    border-width: 2px;
    border-style: solid;
    border-image: linear-gradient(0deg, rgb(254 104 1), rgb(115,181, 48)) 1;
}
.autoShip {
    background-image: url('https://cdn11.bigcommerce.com/s-eor8g36oji/images/stencil/original/image-manager/catandboy3.jpg');
    background-repeat: no-repeat;
    background-position: center right;
    display: flex;
    align-items: center;
    padding: 7px 25px;
}
.autoShipText h3 {
    font-size: 42px;
    font-family: 'Kanit', sans-serif;
    font-weight: 600;
    color: #00aeef;
    letter-spacing: 2px;
    padding: 0;
}
.autoShipText p {
    font-size: 16px;
    font-weight: 600;
    color: #231f20;
    font-family: 'Kanit', sans-serif;
    padding: 0;
}
.autoShipText {
    margin-left: 15px;
}
.shipMostOrder p {
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    font-weight: 600;
    color: #231f20;
    padding: 19px 25px;
}
.featuredRow .prodBoxInner {
    border: none;
}
.featuredRow .prodBoxInner .card-body {
    visibility: hidden;
}
.featuredRow .prodBoxInner:hover .card-body {
    visibility: visible;
}
.featuredRow h4 {
    font-size: 16px;
    color: #231f20;
    letter-spacing: 1px;
    font-family: 'Open Sans', sans-serif;
    padding-bottom: 20px;
}
.featuredRow h4 a {
    font-weight: 700;
    font-size: 10px;
    text-transform: uppercase;
    color: #ff6701;
    margin-left: 30px;
    font-family: 'Open Sans', sans-serif;
}
.productGrid {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
}
.productGrid li.product {
    width: 20%;
    text-align: center;
    padding: 0;
    overflow: visible;
}
.productGrid li.product .prodImg img {
    margin: 0 auto;
}
.prodBoxInner {
    max-width: 230px;
    margin: 0 auto;
    border: 1px solid #dedddd;
    border-radius: 3px;
}

.prodTitle {
    font-size: 14px;
    color: #000000;
    margin-top: 0;
    height: 40px;
    text-transform: capitalize;
    text-align: center;
    padding-left: 5px;
    padding-right: 5px;
    overflow: hidden;
}
article.card {
    margin: 0;
}
.card-body {
    text-align: center;
    display: flex;
    padding: 10px 5px;
    background: #eeeeee;
    margin-top: 15px;
    align-items: center;

}
.card-body .lablePrice {
    display: none;
}
.card-body .card-text {
    display: flex;
    align-items: center;
    justify-content: left;
    padding-bottom: 0;
    color: #333;
    font-family: Open Sans;
    font-size: 13px;
    font-weight: 700;
    font-style: normal;
    margin: 0;
    text-align: left;
}
.purchaseBtn .button {
    background: #ff6701;
    color: #fff;
    font-family: Cleargothic;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 0;
    padding: 6px 0;
}
.card-body > div {
    flex: auto;
    width: 50%;
}
.purchaseBtn .button:hover
{
    background: #ff9b30;
}
.card-body .card-text .price-section
{
    margin: 0 2px;
}
.prodBoxInner .card-img-container {
    max-height: 224px;
}
.card-body .price--discounted, .card-body .price--non-sale, .card-body .price--rrp {
    text-decoration: line-through;
    font-weight: 400;
    color: #868686;
}
.productRelatedBox .productCarousel {
    margin: 0;
}
.newsletter {
    background-image: url('../img/newsletterbg.png');
    background-repeat: no-repeat;
    background-position: center top;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 18px 0 38px;
    border-bottom: 1px solid #ddd;
    box-shadow: 0 30px 20px -20px #ddd;
    border-radius: 8px;
    margin-bottom: 25px;
    margin-top: 25px;
}
.prodBoxInner:hover {
    transform: scale(1.03);
    box-shadow: 0 10px 12px -10px;
}
.newsletter h1 {
    font-size: 25px;
    text-transform: uppercase;
    padding: 0;
    color: #ffffff;
}
.newsletterForm {
    display: flex;
    margin-left: 15px;
}
.newsletterForm input[type=email] {
    border: 1px solid #609d22;
    padding-left: 10px;
    width: 475px;
}
.btnOrange {
    width: 110px;
    background-image: url('../img/newsbtnbg.png');
    background-repeat: no-repeat;
    background-size: 100%;
    font-size: 15px;
    text-transform: uppercase;
    color: #fff;
    font-family: 'Cleargothic';
    background-color: transparent;
    cursor: pointer;
}
.newsletterForm input {
    height: 35px;
}
.footerBoxes {
    display: flex;
    flex-wrap: wrap;
    padding: 0 15px;
    border-bottom: 1px solid #ddd;
    box-shadow: 0 30px 20px -20px #ddd;
    border-radius: 8px;
    margin-bottom: 25px;
    padding-bottom: 25px;
}
.footerBox {
    width: 16.66%;
}
.footerBox h5 {
    font-size: 18px;
    font-weight: 600;
    color: #000000;
}
.footerBox li a {
    font-size: 13px;
    color: #000000;
}
.footerBox li a:hover {
    color: #00a5e3;
}
.contactPhone a span {
    font-size: 19px;
    display: block;
    font-weight: 700;
    color: #414141;
}
.footerBox li {
    line-height: 22px;
}
.contactEmail {
    margin-top: 12px;
}
.contactEmail a {
    display: flex;
    align-items: center;
}
.contactEmail a img {
    margin-right: 8px;
}
.trustedIcons {
    display: flex;
    align-items: self-start;
}
.trustedIcons img:first-child {
    margin-right: 5px;
}
.footerBox.footerLogo img {
    margin-left: auto;
    max-width: 170px;
}

.copyright {
    display: flex;
    align-items: center;
    padding: 5px 0 25px;
}
.copyright p {
    padding: 0;
    font-size: 12px;
    color: #656565;
}
.bankLogos {
    flex: auto;
}
.bankLogos img {
    margin-left: auto;
}
.heroCarousel.slick-initialized {
    max-height: 300px;
}
.page-heading {
    font-family: Source Sans Pro,sans-serif;
    font-weight: 600;
    text-rendering: optimizeLegibility;
    color: #333;
    font-size: 44px;
}
div#product-listing-container .page-heading {
    margin-bottom: 10px;
}
.ourShopByHere {
    font-size: 22px;
    margin-bottom: 30px;
}
.page
{
    margin: 0;
}
.page-sidebar {
    padding: 10px 8px;
    border: 1px solid #cdcdcd;
    border-radius: 8px;
    width: 15%;
}
.page-sidebar+.page-content {
    width: 85%;
}
.navList-action
{
    color: #000;
}
.page-sidebar+.page-content .productGrid .product {
    width: 25%;
    margin-bottom: 25px;
}
.actionBar-section {
    float: right;
}
.actionBar-section .form-field
{
    border: none;
}
.actionBar-section .form-field select {
    border: 1px solid #8f8f8f;
    padding-left: 10px;
    min-width: 180px;
}
.productView {
    margin: 0;
    border: 1px solid #cdcdcd;
    border-radius: 8px;
    margin-bottom: 20px;
}
.tabs-contents img {
    display: inline-block;
}
.productView-brand a {
    color: #333;
    font-size: 16px;
    font-weight: 400;
}
.productView-brand {
    padding: 0;
    margin-bottom: 5px;
}
h1.productView-title {
    color: #333;
    font-size: 22px;
    font-weight: 700;
    margin-top: 0;
}
.productView-price {
    font-size: 22px;
}
.productView-info-name,
.productView-details label.form-label {
    font-weight: 700;
    font-size: 15px;
    font-family: Source Sans Pro,sans-serif;
    color: #000;
}
.productView-info-value {
    font-size: 16px;
    font-family: Source Sans Pro,sans-serif;
    color: #333;
}
.productView-product {
    border-bottom: 0;
    padding-bottom: 0;
}
.productView-details {
    padding-bottom: 0;
}
.productView-options .form-field {
    font-size: 0;
    margin-bottom: 0;
    border-bottom: 1px solid #ddd;
    padding-bottom: 15px;
}
input#form-action-addToCart,
a.button.dropdown-menu-button {
    background: #ff6701!important;
    border-top: 0px solid #ff7f02;
    height: 26px;
    border-radius: 0;
    font-family: Cleargothic;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 1px;
    color: #fff;
    padding: 6px 1.2em;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
}
a.button.dropdown-menu-button span {
    font-family: Cleargothic;
}
.button.button--primary {
    font-family: Cleargothic;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.productView-options form.form.form-wishlist {
    float: left;
    width: 100%;
}
a.button.dropdown-menu-button svg {
    fill: #fff;
    font-weight: 700;
    width: 12px;
}
.productView-thumbnail-link {
    width: 100%;
    max-width: 100%;
    min-height: 100px;
}
.productView-thumbnail-link img {
    width: 100%;
}
.titleWithBar {
    font-size: 22px;
    border-bottom: 1px solid #cdcdcd;
    font-family: Source Sans Pro,sans-serif;
    font-weight: 600;
    text-rendering: optimizeLegibility;
    color: #333;
    margin-bottom: 15px;
}
.tabContentArea {
    padding-right: 2.2em;
}
.tabContentArea .tabs-contents {
    border: 1px solid #ddd;
    border-top: 0;
    padding: 0 15px;
}
.tab.is-active .tab-title {
    font-size: 14px;
}
.productRelatedBox {
    padding: 1rem;
    border: 1px solid #cdcdcd;
    border-radius: 8px;
    padding-bottom: 0;
}
.productRelatedBox .slick-dotted.slick-slider {
    margin-bottom: 0;
}
main#main-content > .container.homePageBanner {
    padding-top: 0;
}
main#main-content > .container.homePageBanner .bannerSection {
    padding: 0;
}
.container.homePageBanner .slick-dotted.slick-slider {
    margin: 0;
}
.sidebarBlock-heading {
    font-family: Source Sans Pro,sans-serif;
    font-weight: 600;
    color: #333;
    font-size: 19.2px;
}
.footer {
    padding-top: 0;
}
.body {
    margin-bottom: 3rem;
}
.productView .productView-price .price-section {
    display: inline-block;
    margin-right: 5px;
}
.productView-description p font {
    font-size: 13px;
}
.productView-description ul li {
    list-style: disc;
    font-size: 13px;
    list-style-position: inside;
}
.productRelatedBox h4 {
    background-image: url('https://cdn11.bigcommerce.com/s-eor8g36oji/images/stencil/original/image-manager/relatedbg.jpg');
    background-size: 100%;
    background-repeat: no-repeat;
    margin-left: -15px;
    padding: 8px 15px;
    color: #231f20;
    font-family: Cleargothic;
    font-size: 17px;
    font-weight: 700;
    text-transform: uppercase;
}
.heroCarousel-content.heroCarousel-content--empty
{
    left: 80%;
    top: 36%;
}
ul.navPage-subMenu-list ul {
    display: none;
}
ul.navPage-subMenu-list a.activePage {
    color: #999;
    text-decoration: underline !important;
}
ul.navPage-subMenu-list a.activePage + ul {
    display: block;
    padding-left: 10px;
}
ul.navPage-subMenu-list a.navList-action {
    font-weight: normal;
    text-transform: capitalize;
    padding: .21429rem 0;
}
ul.navPage-subMenu-list {
    padding-left: 10px;
}
.new-customer .button.button--primary {
    margin-top: 59px;
}
ul.socialFooter
{
    display: flex;
}
ul.socialFooter li {
    margin-right: 8px;
    margin-bottom: 10px;
}
ul.socialFooter li svg {
    width: 25px;
    height: 20px;
}
ul.socialFooter li:hover 
{
    opacity: 0.7;
}
.footerBox.footerLogo .header-logo__link {
    display: block;
}
.mobView
{
    display: none;
}

.navBar-dropdown-wrapper {
    display: none;
}
.mobIcons {
    display: none;
}

html body.hasAdminBar {
    padding-top: 0px !important;
}

body.hasAdminBar .adminBar {
    top: 0px !important;
    position: fixed;
}

body.hasAdminBar .page-all {
    margin-top: 0px !important;
    padding-top: 46px;
}

/************************************************/
/************** Media Queries *****************/
@media only screen and (min-width: 1200px) and (max-width: 1280px)
{
    .container
    {
        width: 1170px;
    }
    .headermainRight .freeShippingHeader
    {
        width: 37%;
    }
}

@media only screen and (max-width: 1199px)
{
    .container
    {
        width: 970px;
    }
    .headermainRight .freeShippingHeader
    {
        width: 40%;
    }
    .freeShippingHeader p
    {
        font-size: 14px;
        letter-spacing: 0;
    }
    .shipMostOrder p
    {
        font-size: 17px;
    }
    .autoShipText h3
    {
        font-size: 32px;
        letter-spacing: 1px;
    }
    .trustedIcons
    {
        display: block;
    }
    .trustedIcons img {
        margin-bottom: 5px;
    }
}
@media only screen and (max-width: 991px)
{
    .container
    {
        width: 750px;
    }
    .logo {
        width: 150px;
    }
    .loginCart ul li:first-child {
        margin-right: 6px;
        padding-right: 6px;
    }
    .guaranteeCart h5
    {
        font-size: 18px;
    }

    .heroCarousel.slick-initialized .heroCarousel-image-wrapper {
        max-height: 175px;
    }
    .shipMostOrder p {
        font-size: 15px;
        padding: 21px 3px;
    }
    .newsletterForm input[type=email]
    {
        width: 300px;
    }
    .newsletter h1
    {
        font-size: 20px;
    }
    .footerBox {
        width: 33.33%;
        margin-bottom: 25px;
    }
}

@media only screen and (max-width: 800px)
{
    .container
    {
        width: auto;
    }
    .mobView
    {
        display: block;
    }
    .logo {
        width: 250px;
    }
    .logo a {
        margin: 0 0 0 15px;
    }
    .header-logo-image-unknown-size {
        max-height: initial;
    }
    .promoLeft,
    .promoRight {
        width: 100%;
        min-height: 100px;
        margin-bottom: 8px;
    }
    .promotionSect
    {
        margin-bottom: 25px;
        margin-top: 10px;
    }
    .newsletter
    {
        display: block;
        background-color: #75B732;
    }
    .newsletter h1 {
        text-align: center;
        margin-bottom: 15px;
    }
    .newsletterForm
    {
        margin-left: 0;
        padding: 0 15px;
    }
    .newsletterForm input[type=email],
    .footerBox {
        width: 100%;
    }
    .headermain
    {
        flex-wrap: wrap;
        position: relative;
    }
    .freeShippingHeader,
    .guaranteeCart 
    {
        display: none;
    }
    .headermainRight .questionSearch,
    .headermainRight
    {
        width: 100%;
    }
    .telNumb {
        position: absolute;
        top: 0;
        right: 10px;
    }
    .headermainRight .questionSearch
    {
        margin-top: 15px;
    }
    .autoShip
    {
        padding: 7px;
        background: none;
    }
    .autoShipText h3 {
        font-size: 24px;
        letter-spacing: 0px;
    }
    .productGrid li.product
    {
        width: 50%;
    }
    .featuredRow h4
    {
        letter-spacing: 0;
    }
    .featuredRow {
        border-top: 1px solid #ddd;
        padding-top: 15px;
    }
    .trustedIcons {
        display: flex;
    }
    .footerBox.footerLogo img {
        margin-left: auto;
        max-width: 170px;
        margin-right: auto;
    }
    .copyright {
        display: block;
        text-align: center;
        padding-bottom: 0;
    }
    .copyright p span
    {
        display: block
    }
    .bankLogos img {
        margin-left: auto;
        margin-right: auto;
        margin-top: 15px;
    }
    .searchForm
    {
        padding: 0 15px;
    }
    .mobTopMenu {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        padding: 0 10px;
    }
    .mobTopMenu .burgerMenu {
        padding-top: 10px;
        margin-right: 20px;
    }
    .mobTopMenu .mobCart {
        position: relative;
    }
    .mobTopMenu .mobCart .totalCount {
        top: 14px;
    }
    .headerTop ul
    {
        display: none;
    }
    .headerTop ul li + li {
        border: navajowhite;
    }
    .headerTop ul li {
        display: block;
        text-align: center;
    }
    .headerTop ul li a {
        display: flex;
        border: none;
        padding: 4px 0;
        justify-content: center;
    }
    h3.mobView {
        text-align: center;
        color: #fff;
        padding: 4px 0;
    }
    .mainMenu {
        padding: 0;
    }
    .mainMenu ul
    {
        padding-left: 0;
        padding-right: 0;
    }
    .mainMenu > ul {
        background: #75b732;
        display: none;
    }
    .mainMenu ul li {
        display: block;
        padding: 0;
    }
    .mainMenu ul li a
    {
        display: inline-block;
    }
    .mainMenu ul li:hover .subMenuArea
    {
        /* display: none; */
    }
    .mainMenu li.lihasul.close .subMenuArea ul.subNaviMenu,
    .mainMenu li.lihasul.close .subMenuArea ul {
        display: block;
    } {
        display: block;
    }
    .mainMenu ul li.lihasul:before {
        position: absolute;
        content: '+';
        font-size: 20px;
        right: 10px;
        color: #fff;
        font-weight: 700;
        margin-top: -2px;
    }
    .mainMenu ul li.lihasul.close:before
    {
        content: '-';
    }
    .subMenuArea ul.subNaviMenu li.lihasul:before {
        display: none;
    }
    .subMenuArea {
        position: relative;
        left: 0;
        right: 0;
        padding: 0 10px;
        display: block;
    }
    .subMenuArea ul
    {
        display: none;
    }
    .subMenuArea h3
    {
        display: none;
    }
    .subMenuArea ul.subNaviMenu {
        width: 100%;
        column-count: 1;
        margin: 0;
        background: #fff;
    }
    .subMenuArea ul .subSubChildMenu a
    {
        padding: 0;
    }
    .page-sidebar {
        display: none;
    }
    .page-sidebar+.page-content {
        width: 100%;
    }
    .page-sidebar+.page-content .productGrid .product {
        width: 100%;
    }
    .ourShopByHere {
        display: none;
    }
    .actionBar-section .form-field
    {
        margin: 0;
    }
    .productView-thumbnail-link
    {
        min-height: auto;
    }
    .productView-details.product-data {
        -ms-flex-order: inherit;
        order: inherit;
    }
    main#main-content > .container:first-child,
    .productRelatedBox
    {
        padding-left: 0;
        padding-right: 0;
    }
    .tabContentArea {
        padding-right: 0;
    }
    .productRelatedBox h4 {
        background-size: 100% 100%;
    }
    .page-heading
    {
        font-size: 28px;
    }
    .newsletterForm input {
        height: 35px;
        background-size: 100% 100%;
    }
    .heroCarousel.slick-initialized .heroCarousel-image-wrapper {
        height: auto;
    }
    .heroCarousel .slick-prev {
        left: 0;
        padding: 0;
        width: auto;
        height: auto;
    }
    .heroCarousel .slick-next {
        right: 0;
        padding: 0;
        width: auto;
        height: auto;
    }
    .heroCarousel .slick-dots {
        display: none !important;
    }
    .heroCarousel-slide .bannerBox img {
        height: 193px;
        object-fit: cover;
        object-position: -70px 0;
    }
    .heroCarousel-content.heroCarousel-content--empty {
        left: 0;
        top: inherit;
        padding: 0;
        position: absolute;
        bottom: 45px;
        right: 0;
        background: none;
        transform: none;
    }
    .heroCarousel.slick-initialized
    {
        margin-bottom: 0;
    }
    ul.new-customer-fact-list {
        padding-bottom: 35px;
    }
    .navBar-dropdown-wrapper {
        display: block;
        padding: 0 20px;
        margin-bottom: 30px;
    }
    
    .navBar-dropdown-wrapper select {
        height: 34px;
        border: 1px solid #000;
        border-radius: 3px;
        padding: 0 10px;
        background: #f1f1f1;
    }
    .dezefy_wrap {
        padding: 0 20px;
    }
    
    
    html .searchForm form {
        max-width: 100%;
    }
    
    html .searchForm form input {
        height: 40px;
    }
    

    
    html a.header-logo__link img {
        height: 90px;
    }
    
    html a.header-logo__link {
        display: block !important;
        width: 100%;
        margin: 0px;
    }
    
    html .logo {
        width: 130px;
    }
    
    html .headermainRight {
        width: calc( 100% - 150px );
        margin-top: 0;
        padding-bottom: 0;
        background: none;
        flex: none;
    }
    
    html .headermainRight .questionSearch {
        margin-top: 0;
    }
    
    html .headermainRight .questionSearch {
        padding-bottom: 0px;
    }
    
    html .telNumb {
        display: none;
    }
    
    html .searchForm {
        margin: 0;
        padding: 0;
    }
    
    .container {
        padding-left: 10px;
        padding-right: 10px;
    }
    
    html .headerTop {
        display: none;
    }
    
    html h3.mobView {
        display: none;
    }
    
    html .headermain {
        justify-content: space-between;
        margin-bottom: 0px;
    }
    
    .mobIcons {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        gap: 20px;
        margin-bottom: 15px;
    }
    
    .mobIcons a svg {
        height: 25px;
    }
    
    a.mobIcon.mobIcons-menu {
        background: #75B732;
        color: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 6px 10px;
        border-radius: 10px;
        width: 42px;
    }
    
    a.mobIcon.mobIcons-menu svg {
        fill: #fff;
    }
    
    .headerArea {
        padding-bottom: 20px;
        background: url(../img/headerbar.jpg) bottom center repeat-x;
        margin-bottom: 10px;
    }
    svg.mobIcon-menu-xmark {
        display: none;
    }
    
    .mm-wrapper--opened a.mobIcon.mobIcons-menu .mobIcon-menu-bar {
        display: none;
    }
    
    .mm-wrapper--opened a.mobIcon.mobIcons-menu .mobIcon-menu-xmark {
        display: block;
    }
    
    a.mobIcon.mobIcons-cart {
        position: relative;
    }
    
    .mobIcons-cart span.countPill{
        width: 20px;
        height: 20px;
        display: block;
        background: #ff6c08;
        color:#fff;
        font-size: 11px;
        position: absolute;
        top:-8px;
        right:-6px;
    }
    
    .page-sidebar+.page-content .productGrid .product, .page-content .productGrid .product {
        width: 33.33%;
        padding-left: 5px;
        padding-right: 5px;
    }

}

@media screen and (max-width: 600px ){
    .page-sidebar+.page-content .productGrid .product, .page-content .productGrid .product {
        width: 50%;
    }
    .heroCarousel-slide .bannerBox img {
        height: 177px;
        object-fit: cover;
        object-position: center;
    }
}

@media screen and (min-width: 801px) and (max-width: 932px){
    .page-sidebar {
        width: 25%;
    }
    
    .page-sidebar+.page-content {
        width: 75%;
    }
    
    .page-sidebar+.page-content .productGrid .product {
        width: 33.33%;
        padding: 0 5px;
    }
    
    .container {
        width: 95%;
    }
}