@import url('https://fonts.googleapis.com/css?family=Kanit:300,300i,400,400i,500,500i,600,600i,700,700i');
@import url('https://fonts.googleapis.com/css?family=Exo:300,400,700');
 
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 {
    border: 0 none;
    list-style: none outside none;
    margin: 0;
    outline: medium none;
    padding: 0;
    font-family: Kanit;
    outline: none !important;
}

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: #535353;
    font-weight: normal;
}

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: Kanit;
    background-color: #d7d7d9;
}
.body
{
    background: #fff;
    margin: 0;
    padding: 35px 0;
    box-shadow: 0 45px 30px -20px #D8D8D8 inset;
}
*, *::before, *::after
{
    box-sizing: border-box;
}
.clearfix {
  overflow: auto;
}
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}


/*********************************************/

.container
{
    width: 1150px;
    margin: 0 auto;
    padding: 0 15px;
    box-sizing: border-box;
}

.headerTop {
    background-color: #da0026;
}
.headerTopSection {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.quickSearchResults {
    margin-top: 20px;
}
ul.headerTopLeftNav
{
    font-size: 0;
    padding: 10px 0;
    width: 50%;
}
ul.headerTopLeftNav li {
    font-size: 14px;
    color: #ffffff;
    font-style: italic;
    display: inline-block;
    position: relative;
    padding-right: 15px;
    margin-right: 15px;
}
ul.headerTopLeftNav li:before {
    content: '|';
    position: absolute;
    font-family: Kanit;
    font-size: 14px;
    color: #000;
    line-height: 20px;
    right: 0;
    font-style: italic;
    top: 0;
}
ul.headerTopLeftNav li:last-child:before
{
    display: none;
}
ul.headerTopLeftNav li a
{
    color: #fff;
}
ul.headerTopLeftNav li a:hover
{
    color: #000;
}
.headerTopRight {
    width: 50%;
    text-align: right;
    background-repeat: no-repeat;
    background-position: left 165px center;
    padding: 10px 0;
    background-image: url(../img/headertop.png);
}
.headerTopRight ul li {
    display: inline-flex;
}
.headerTopRight ul li a {
    font-size: 16px;
    color: #ffffff;
    font-weight: 600;
    font-style: italic;
}
.headerTopRight li.navUser-item--cart a:hover
{
    color: #000;
}
.headerTopRight li .countPill {
    display: inline-block;
    background: none;
    height: auto;
    width: auto;
    margin: 0 5px 0 3px;
    line-height: inherit;
    font-size: 16px;
}
.headerTopRight ul li a.btnCheck {
    background: #fff;
    color: #09357a;
    font-size: 20px;
    font-weight: 900;
    padding: 0px 25px;
    border-radius: 15px;
    margin-left: 25px;
}
.headerTopRight ul li a.btnCheck:hover
{
    background-color: #09357a;
    color: #fff;
}
.headerMiddle {
    background-image: url(https://cdn6.bigcommerce.com/s-73lb5/product_images/uploaded_images/headerbg.png);
    background-repeat: no-repeat;
    background-position: center top;
}
.headerMiddleSection {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 5px;
}
.logo {
    margin-top: 30px;
    width: 32%;
}
.headerMiddleRight {
    width: 68%;
    margin-top: 35px;
}
ul.mainMenu
{
    text-align: right;
}
ul.mainMenu li {
    display: inline-block;
    font-style: italic;
    padding: 0 15px;
    position: relative;
}
ul.mainMenu li a {
    font-size: 28px;
    font-weight: 900;
    color: #fff;
}
ul.mainMenu li:hover > a {
    color: #ecdf30;
}
ul.mainMenu li ul
{
    display: none;
}
ul.mainMenu li:hover > ul
{
    display: block;
}
ul.mainMenu li:nth-child(3)> ul ul
{
    left: initial;
    right: 100%;
}
.headerMiddle {
    background-image: url(https://cdn6.bigcommerce.com/s-73lb5/product_images/uploaded_images/headerbg.png);
    background-repeat: no-repeat;
    background-position: center top;
}
.headerBottom {
    display: flex;
    flex-wrap: wrap;
    margin-top: 25px;
    margin-bottom: 15px;
}
.phone_number {
    font-size: 13px;
    color: #09357a;
    padding: 0;
    font-style: italic;
}
.phone_number a {
    color: #09357a;
    font-weight: 700;
    font-size: 16px;
}
.phone_number,
form.formSearch
{
    width: 50%;
}
form.formSearch
{
    max-width: 480px;
    margin-left: 50px;
}
form.formSearch input {
    height: 40px;
}
input.searchinput {
    width: 85%;
    border: none;
    background: transparent;
    padding-left: 20px;
    font-size: 14px;
    color: #da0026;
    font-style: italic;
}
input.searchinput::placeholder
{
    font-size: 14px;
    color: #da0026;
}
input.submitBtn {
    background-image: url(../img/searchico.png);
    background-repeat: no-repeat;
    background-position: center;
    border: none;
    background-color: transparent;
    color: transparent;
    width: 13%;
    padding: 0;
}
div [data-content-region="home_below_carousel"] div {
    padding: 0;
}
div.custom {
    width: 400px;
    padding-left: 25px !important;
}
div.custom p {
    font-size: 40px;
    color: #fff;
    font-weight: 900;
    font-style: italic;
    line-height: 30px;
}
div [data-content-region="home_below_featured_products"] div[data-placement-status="ACTIVE"] div {
    padding: 0;
}
div[role="button"].custom {
    background: #da0026;
    width: auto;
    margin: 10px 25px;
    padding: 0px 35px !important;
    border-radius: 25px;
}
div[role="button"].custom p
{
    font-size: 14px;
    padding: 0;
}
div[role="button"].custom:hover
{
    background: #09357a;
}

.promoInfo,
.customerTestimonial,
.homeBlog,
.SeenOn
{
    width: 100vw;
    left: -50vw;
    position: relative;
    margin-left: 49.22%;
}
.promoInfo {
    background: #da0026;
    margin-top: 60px;
    text-align: center;
    padding: 15px 0;
}
.promoInfo h2 {
    color: white;
    font-family: Kanit;
    font-size: 42px;
    font-style: italic;
    text-decoration: none;
    font-weight: 900;
    border-bottom: 3px solid #fff;
    padding-bottom: 15px;
    margin-bottom: 30px;
}
.promoInfo ul {
    margin: 0;
    padding-bottom: 15px;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 -10px;
}
.promoInfo ul li {
    display: flex;
    align-items: center;
    text-align: left;
    padding: 0 7px;
}
.promoInfo ul li p {
    color: white;
    font-family: Kanit;
    font-style: italic;
    line-height: 20px;
    padding-top: 10px;
    padding-left: 14px;
}
.promoInfo ul li p strong {
    font-size: 24px;
    display: block;
    font-weight: 600;
}
.promoInfo ul li p span {
    display: block;
    font-size: 15px;
}
.customerTestimonial {
    padding-top: 30px;
    padding-bottom: 30px;
    background: #09357a;
}
.customerTestimonial h3 {
    color: white;
    font-family: Kanit;
    font-size: 28px;
    font-weight: 600;
    font-style: italic;
    text-align: center;
    margin-bottom: 10px;
}
.testimonial_text {
    display: block;
    width: 100%;
    padding-left: 48px;
    background-image: url('../img/quote.png');
    background-repeat: no-repeat;
    background-position: 0 4px;
}
.testimonial_box blockquote {
    color: white;
    font-family: Kanit;
    font-size: 18px;
    font-style: italic;
    margin: 0px;
    padding: 0px;
    border: 0px;
    text-align: center;
}
.homeBlog {
    padding: 30px 0;
}
.homeBlog #HomeRecentBlogs h4 {
    color: black;
    font-family: Kanit;
    font-size: 28px;
    font-weight: 600;
    font-style: italic;
    text-align: center;
    text-transform: none;
}
.bloglogo {
    margin-bottom: 10px;
    padding: 15px;
    position: relative;
}
.homeBlog:after {
    position: absolute;
    content: '';
    bottom: 0;
    height: 155px;
    box-shadow: 0 50px 40px inset #e0e0e0;
    left: 0;
    right: 0;
}
#HomeRecentBlogs h5 {
    font-family: Kanit;
    color: black;
    font-size: 20px;
    font-weight: 600;
    font-style: italic;
    height: 90px;
    overflow: hidden;
    line-height: 20px;
    text-transform: initial;
}
.homeBlog li p {
    font-size: 14px;
    font-style: italic;
    color: #000000;
    line-height: 15px;
}
#HomeRecentBlogs p a {
    color: #09357a;
    font-size: 14px;
    font-weight: 600;
    font-style: italic;
}
img.reviewBadg {
    width: 238px;
    margin: auto;
}
.homeBlog ul {
    display: flex;
    flex-wrap: wrap;
    margin-left: -30px;
}
.homeBlog ul li {
    width: 27%;
    padding-left: 30px;
    z-index: 1;
}
.homeBlog ul li.last_readmore {
    width: 18%;
}
.SeenOn {
    background: #000;
    text-align: center;
    padding: 30px 0;
}
.SeenOn ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.SeenOn ul li
{
    width: 50%;
    text-align: left;
}
.SeenOn li iframe {
    width: 100%;
}
.SeenOn p {
    color: #da0026;
    font-family: Exo;
    font-size: 70px;
    font-weight: 600;
    font-style: italic;
    line-height: 70px;
}
div#SideNewsletterBox {
    background-image: url(../img/newsletterbg.png);
    background-repeat: repeat-x;
}
.newsletter-subscription .grid {
    display: flex;
    align-items: center;
    margin-left: -20px;
}
.newsletter-subscription .grid .newstitle {
    width: 55%;
    padding-left: 20px;
}
.grid__item.col50.newstitle h4 {
    color: white;
    font-family: Kanit;
    font-size: 30px;
    font-weight: 600;
    font-style: italic;
    line-height: 35px;
    background: url(https://cdn6.bigcommerce.com/s-73lb5/product_images/uploaded_images/free-copy.png?t=1514397271) left no-repeat;
    background-repeat: no-repeat;
    padding-left: 222px;
    text-transform: none;
    padding-top: 45px;
    padding-bottom: 39px;
}
.newsletter-subscription .grid .newsform {
    width: 45%;
    padding-left: 20px;
}
.newsletter-subscription .grid .newsform input.Textbox {
    width: 280px;
    height: 26px;
    border: 0px;
    border-radius: 30px;
    background-repeat: no-repeat;
    background-position: top right;
    background-image: url('../img/inputbg.png');
    margin: 7px 0;
    color: #da0026;
    font-family: Kanit;
    font-size: 14px;
    font-style: italic;
    padding-left: 15px;
    font-weight: 600;
}
button.klaviyo_submit_button.btn {
    width: 140px;
    height: 30px;
    color: #09357a;
    font-family: Kanit;
    font-size: 20px;
    font-weight: 700;
    font-style: italic;
    background: #fff;
    padding: 0px;
    line-height: 30px;
    border-radius: 20px;
    text-transform: none;
    letter-spacing: 0;
}

div#SideNewsletterBox .container > .grid {
    background-image: url(https://cdn6.bigcommerce.com/s-73lb5/product_images/uploaded_images/newsbg.png);
    background-repeat: no-repeat;
    background-position: right 5px top -1px;
}
form#email_signup {
    padding-left: 40px;
}
.footer
{
    padding: 0;
}
.footer-main {
    background: #eeeeee;
    padding: 40px 0;
}
.footer-columns.grid {
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
}
.footerBox.footerContact {
    width: 30%;
}
.footerBox {
    width: 17%;
    padding-left: 15px;
}
.footer-main h4 {
    color: #da0026;
    font-family: Kanit;
    font-size: 16px;
    font-weight: 600;
    font-style: italic;
    margin-top: 10px;
}
.footer-main ul li a:before {
    content: '»';
    color: #da0026;
    font-family: Kanit;
    font-size: 12px;
    font-weight: 700;
    font-style: italic;
    margin-right: 5px;
}
.footer-main ul li a {
    color: #000;
    font-family: Kanit;
    font-size: 14px;
    font-style: italic;
    line-height: 30px;
    text-transform: uppercase;
}
.footer-main ul li a:hover
{
    color: #da0025;
}
.footer-main p.ctinfo span {
    font-size: 14px;
    font-style: italic;
    color: #000;
    padding: 0;
}
.footer-main p.ctinfo
{
    padding: 0;
}
.footer-main p.ctinfo span {
    font-size: 14px;
    font-style: italic;
    color: #000;
    padding: 0;
    min-width: 70px;
    display: inline-block;
}
.footer-main p.ctinfo a {
    font-size: 18px;
    font-weight: 700;
    font-style: italic;
}
.footer-main p.ctinfo.addressBox a {
    font-weight: normal;
    font-size: 14px;
    width: 176px;
    display: inline-flex;
}
.footerBox.socialicon ul li {
    display: inline-block;
    margin-bottom: 25px;
}
.footerBox.socialicon ul li a {
    display: inline-block;
    background: #404040;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #eee;
    font-size: 17px;
    border-radius: 50px;
}
.footerBox.socialicon ul li a:hover
{
    background-color: #000;
}
.footerBox.socialicon ul li a:before
{
    display: none;
}
.footer-links {
    background-image: url(../img/copybg.png);
    text-align: center;
}
.footer-links p {
    font-family: Kanit;
    font-size: 16px;
    color: white;
    font-style: italic;
    line-height: 20px;
    display: block;
    clear: both;
    padding: 17px 0;
    margin: 0;
}
.footer-links p small {
    display: block;
    font-size: 11px;
}
.footer-links p a {
    color: #fff;
}
div [data-content-region="home_below_featured_products"] {
    margin: 0 -25px;
}

.productImageBox img {
    position: absolute;
    max-height: 185px;
}
.productImageBox {
    
    position: relative;
    height: 285px;
}
.homepage .productImageBox
{
    background-image: url(https://cdn2.bigcommerce.com/server3600/j7nzh/product_images/uploaded_images/featuredimgbg.png);
    background-repeat: no-repeat;
}
.productGrid .product {
    padding: 0 6px;
}
h3.card-title a {
    font-size: 18px;
    text-align: center;
    font-style: italic;
    font-weight: 600;
    line-height: 18px;
    padding: 0 35px;
    height: 55px;
    overflow: hidden;
}
.card-text .price-section {
    text-align: center;
    font-size: 20px;
    font-weight: 900;
    color: #09357a;
    font-style: italic;
    display: inline-block;
}
.card-body .card-text
{
    margin: 0;
}
.prodPrice
{
    background: #000;
    padding: 3px 0;
}
.prodPrice .price-section
{
    color: #fff;
}
.homepage .prodPrice
{
    background:none;
}
.homepage .productDetailBox {
    background-image: url(https://cdn2.bigcommerce.com/server3600/j7nzh/product_images/uploaded_images/pricebgfeatured.png);
    background-repeat: no-repeat;
    background-position: center top;
}
.productDetailBox .price-section.price-section--withoutTax.rrp-price--withoutTax {
    display: none;
}
.productDetailBox .card-body
{
    text-align: center;
}
.prodBtn {
    background: #da0026;
    padding: 10px 0;
}
.homepage .prodBtn 
{
    background: none;
}
.prodBtn .button {
    background: #fff;
    color: #09357a;
}
.prodBtn .button:hover
{
    background: #ecdf30;
}
button.button.button--icon {
    background: none;
    border: 1px solid #ddd !important;
    width: auto;
    padding: 0;
    height: auto;
    min-width: auto;
    box-shadow: none;
    border-radius: 0;
}
.homepage .button
{
    color: #fff;
    background: #da0026;
}
.homepage .prodPrice .price-section
{
    color: #09357a;
}
.button {
    color: #fff;
    font-family: Kanit;
    font-size: 20px;
    font-weight: 700;
    font-style: italic;
    background: #da0026;
    border-radius: 40px;
    /*height: 30px;*/
    border:none;
    line-height: 30px;
    padding: 0 14px;
    text-transform: none;
    letter-spacing: 0px;
    display: inline-block;
    box-shadow: 0 5px 10px -5px #000;
    min-width: 175px;
}

.sectionTitle {
    /*font-size: 28px;*/
    font-weight: 700;
    color: #000;
    text-align: center;
    font-style: italic;
}
.homeProductsTabs .tabs {
    border: none;
    text-align: center;
    margin: 20px 0;
}
.homeProductsTabs ul li.tab {
    border: none;
    position: relative;
    display: inline-block;
    float: none;
}
.productGrid .product .card-figure
{
    padding-bottom: 0;
}
.productGrid .product:hover {
    transform: scale(1.02);
    box-shadow: 0 10px 15px -15px #000;
}
.homeProductsTabs ul li.tab a {
    font-size: 16px;
    color: #09357a;
    font-weight: 600 !important;
    border: 2px solid #ebebeb;
    margin-right: 8px;
    padding: 5px 25px;
}
.homeProductsTabs ul li.tab.is-active a,
.homeProductsTabs ul li.tab a:hover {
    background: #ebebeb;
    color: #09357a;
}
li.tab.is-active:after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #ebebeb;
    left: 0;
    right: 0;
    margin: auto;
}
h2.sidebarBlock-heading {
    background: #09357a;
    color: white;
    font-family: Kanit;
    font-size: 18px;
    font-weight: 600;
    font-style: italic;
    line-height: 45px;
    height: 45px;
    padding: 0px 15px;
    text-transform: none;
}
.sidebarBlock ul {
    background-color: white;
    border: 1px solid #09357a;
    padding: 15px;
}
.sidebarBlock ul li a {
    line-height: 30px;
    color: black;
    font-family: Kanit;
    font-size: 15px;
    font-weight: 600;
    font-style: italic;
}
.sidebarBlock ul li a:before {
    content: '»';
    padding-right: 5px;
    color: #d50303;
    font-family: "Roboto";
    font-size: 16px;
    font-weight: 700;
    line-height: 30px;
}
.sidebarBlock ul li a:hover
{
    color: #d50303;
}
ol.breadcrumbs {
    list-style-type: none;
    font-size: 11px;
    font-weight: 300;
    padding: 0 12px 0 0;
    display: block;
    text-align: left;
    background: none;
}
ol.breadcrumbs li a
{
    font-size: 11px;
    font-weight: 300;
}
h1.page-heading {
    font-size: 34px;
    margin-bottom: 20px;
    border-bottom: 1px solid #e3e3e3;
    color: #333;
    font-weight: 700;
    font-style: italic;
}
a.subcategories-name {
    height: 41px;
    background-color: #da0026;
    display: block;
    line-height: 41px;
    color: white;
    font-size: 22px;
    font-weight: 600;
    font-style: italic;
    text-align: center;
}
ul.subcategories-grid {
    display: flex;
    flex-wrap: wrap;
    margin-left: -20px;
    margin-top: 20px;
}
ul.subcategories-grid li.subcategories-grid-item {
    width: 33.33%;
    padding-left: 20px;
    margin-bottom: 20px;
}
ul.subcategories-grid li.subcategories-grid-item .subCataBox {
    border: 1px solid #da0026;
    display: block;
}
ul.subcategories-grid li.subcategories-grid-item a.subcategories-image {
    position: relative;
    height: 195px;
    display: block;
}
ul.subcategories-grid li.subcategories-grid-item a.subcategories-image img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    max-height: 195px;
}
h2.productView-brand {
    color: black;
    font-family: Kanit;
    font-weight: 600;
    font-style: italic;
    font-size: 24px;
    padding: 0;
}
h1.productView-title {
    font-size: 37px;
    font-weight: 600;
    font-style: italic;
    margin-top: 0;
    line-height: 35px;
    color: #333;
}
.productView-price {
    font-size: 22px;
    margin-bottom: 1rem;
}
.productView-rating .icon--ratingFull svg {
    fill: #ffd200;
}
.productView-info dt.productView-info-name,
.form-label--alternate {
    font-weight: bold;
    margin: 0 0 10px 0;
    line-height: 20px;
    text-align: left !important;
    position: relative;
    color: #333;
}
.productView-options .form-action
{
    display: block;
}
.productView-options .form-action input#form-action-addToCart,
section.previewCartCheckout .button 
{
    width: 100%;
    margin: 0;
    background-color: #2fbc2f;
    font-size: 16px;
    border: none;
    font-family: Kanit;
    text-transform: uppercase;
    border-radius: 0;
    border: none;
    font-style: normal;
    font-weight: normal;
}
.productView-options .form-action input#form-action-addToCart:hover,
section.previewCartCheckout .button:hover 
{
    background-color: #777;
}
.productView-description a.tab-title
{
    color: black;
    font-family: Kanit;
    font-weight: 600;
    font-style: italic;
    font-size: 25px;
}

.homepage .productGrid li.product,
.homepage form.actionBar,
.homepage nav.pagination 
{
    display: none;
}
.homepage .productGrid li.product:first-child,
.homepage .productGrid li.product:nth-child(2),
.homepage .productGrid li.product:nth-child(3),
.homepage .productGrid li.product:nth-child(4)
{
    display: inline-flex;
}
.category-top .grid {
    display: flex;
    flex-wrap: wrap;
    margin-left: -25px;
}
.category-top .grid .grid__item.one-half {
    width: 50%;
    padding-left: 25px;
}
.videoWrapper iframe {
    width: 100%;
}
.category-top h1 {
    color: #da0026;
    font-family: Exo;
    font-size: 60px;
    font-weight: 600;
    font-style: italic;
    padding: 0px;
}
.category-top p {
    line-height: initial;
    margin-bottom: 10px;
    font-size: 16px;
    font-family: Kanit;
    font-weight: 300;
    font-style: italic;
}
.category-top h5 {
    color: #010101;
    font-size: 30px;
    font-family: Exo;
    font-weight: 600;
    font-style: italic;
}
.category-bottom h3 {
    color: black;
    font-family: Exo;
    font-size: 36px;
    font-weight: 600;
    font-style: italic;
    padding-bottom: 10px;
    text-align: center;
}
.category-bottom p, .category-bottom p span {
    font-family: 'Kanit' !important;
    font-weight: 300;
    font-style: italic;
}

h3.ui-accordion-header
{
    position: relative;
    margin: 15px 0 !important;
    border-bottom: 1px solid #e3e3e3;
    font-size: 16px !important;
    padding: 0 0 15px 0 !important;
    float: none;
    cursor: pointer;
    font-style: italic;
    
}
h3.ui-accordion-header:after {
    position: absolute;
    content: '+';
    right: 0;
}
h3.ui-accordion-header.ui-state-active:after {
    content: '-';
}
h3.relata {
    color: black;
    font-family: Kanit;
    font-weight: 600;
    font-style: italic;
}
thead.cart-header th {
    background: #09357a;
    color: #fff;
    font-size: 16px;
    font-weight: normal;
    text-transform: uppercase;
    padding: 15px 5px;
}
.body .homepage {
    margin-bottom: -35px;
}
.homefeatBanners {
    display: flex;
    flex-wrap: wrap;
    margin-left: -25px;
}
.homefeatBanners .homefeatBox {
    width: 50%;
    padding-left: 25px;
    position: relative;
}
.homefeatBanners .homefeatBox.homefeatBoxFull {
    width: 100%;
    margin-top: 25px;
}
.homefeatBoxText {
    position: absolute;
    top: 30%;
    bottom: 0;
    left: 25px;
    right: 0;
    padding-left: 25px;
}
.homefeatBoxText h5 {
    font-size: 40px;
    font-weight: 900;
    font-style: italic;
    color: #fff;
    line-height: 35px;
}
.homefeatBoxText .button:hover
{
    background-color: #09357a;
}
.homeOnly div#main-content {
    padding-top: 0;
}





.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #fff;
  overflow-x: hidden;
  transition: 0.5s;
}

.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

.sidenav a:hover {
  color: #f1f1f1;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}
.sidenav .closebtn {
    font-size: 22px;
    font-weight: normal;
    font-style: normal;
    color: #fff;
    padding: 0 5px;
    text-transform: capitalize;
    right: 0;
    width: auto;
}
#main {
  transition: margin-left .5s;
  /*padding: 16px;*/
  overflow: hidden;
}
div#main.fixedSide {
    overflow: hidden;
    position: fixed;
    opacity: 0.5;
}
div#main.fixedSide .container 
{
    width: 375px;
}
div#mySidenav {
    max-width: 265px;
}
ul.subMenu {
    position: absolute;
    left: 0;
    background: #09357a;
    min-width: 240px;
    top: 100%;
    text-align: left;
    z-index: 9999;
}
ul.subMenu .subMenu
{
    left: 100%;
    top: 0;
    margin: 0;
}
ul.subMenu li
{
    border-bottom: 1px solid #ecdf30;
    display: block;
}
ul.subMenu li a {
    font-size: 20px;
}
span.greenLabel {
    color: #2fbc2f;
    /*font-weight: 700;*/
}
span.redLabel {
    color: #da0026;
    /*font-weight: 700;*/
} 
.stockAndPrice {
    display: flex;
    align-items: center;
}
.productView-price
{
    width: 40%;
}
.prodStock {
    display: flex;
    width: 60%;
    /*justify-content: flex-end;
    align-items: flex-end;*/
    font-size: 20px;
    padding-left: 35px;
    text-transform: capitalize;
}
.prodStock .form-field.form-field--stock {
    display: flex;
}
.sideBoxesMenu.categoriesMenu h6 {
    background: #02327B;
    color: #fff;
    font-weight: normal;
    padding: 5px 0 5px 19px;
    font-style: italic;
    font-size: 14px;
    display: block;
}
.sideBoxesMenu.categoriesMenu a {
    font-size: 16px;
    color: #000;
    padding: 15px;
    border-bottom: 1px solid;
}
.sideBoxesMenu.categoriesMenu li.lihasul {
    position: relative;
}
.sideBoxesMenu.categoriesMenu li.lihasul .arrow {
    width: 40px;
    height: 40px;
    position: absolute;
    right: 0px;
    top: 10px;
    z-index: 99999;
}
.sideBoxesMenu.categoriesMenu li.lihasul .arrow:before {
    content: '+';
    position: absolute;
    right: 7px;
    top: 0;
    font-size: 28px;
}
.sideBoxesMenu.categoriesMenu li.lihasul.thisOpen > .arrow:before {
    content: '-';
}
.sideBoxesMenu.categoriesMenu ul.subMenu {
    position: relative;
    margin: 0;
    background: #fff;
}
.sideBoxesMenu.categoriesMenu ul.subMenu li
{
    border-bottom: 0;
}
.sideBoxesMenu.categoriesMenu ul.subMenu li a
{
    color: #DA0026;
}
.flexslider .slick-arrow {
    /*display: none !important;*/
}
.mobView {
    display: none;
}

#AjaxLoading {
    left: 50%;
    transform: translate(-50%, 0);
    max-width: 240px;
    color: #000000;
    border: 1px solid #000;
    border-top: 0px;
}
.productView-options .form-field
{
    position: relative;
}
.modal-body section.previewCartCheckout a.button.button--primary {
    background-color: #da0026;
}
.modal-body section.previewCartCheckout a.button.button--primary:hover
{
    background-color: #ecdf30;
}
.modal-body section.previewCartCheckout .button.button--primary[role="button"] {
    background-color: #09357a;
}
.modal-body section.previewCartCheckout .button.button--primary[role="button"]:hover {
    background-color: #da0026;
}
.modal-body section.previewCartCheckout a.button {
    background: #777;
}
.modal-body section.previewCartCheckout a.button:hover {
    background: #2fbc2f;
    color: #fff;
}
.success_message {
    color: #fff;
}
.new-customer button.button.button--primary {
    margin-top: 28px;
}
/************************************************/
/************** Media Queries *****************/
@media only screen and (min-width: 1200px) and (max-width: 1280px)
{
    .container
    {
        /*width: 100%;*/
    }
}

@media only screen and (max-width: 1199px)
{
    .container
    {
        width: 970px;
    }
    .headerMiddle
    {
        background-size: cover;
    }
    .logo
    {
        width: 22%;
    }
    .headerMiddleRight {
        width: 78%;
    }
    ul.mainMenu li a {
        font-size: 24px;
    }
    .homepage .productImageBox
    {
        background-size: 100% 100%;
    }
    .card-text .price-section
    {
        font-size: 18px;
    }
    .promoInfo ul li p strong
    {
        font-size: 18px;
    }
    .promoInfo ul li p span
    {
        font-size: 13px;
    }
    .homeBlog:after
    {
        height: 120px;
    }
    .SeenOn p
    {
        font-size: 54px;
    }
    .grid__item.col50.newstitle h4
    {
        font-size: 22px;
        line-height: 30px;
    }
    .footer-main p.ctinfo a
    {
        font-size: 16px;
    }
    h3.card-title a
    {
        padding: 0 15px;
    }
    .button
    {
        font-size: 18px;
    }
    div.custom p {
        font-size: 32px;
    }
    div[role="button"].custom
    {
        padding: 0 15px !important;
    }
    .promoInfo h2
    {
        font-size: 32px;
        line-height: 35px;
    }
    .promoInfo ul li
    {
        width: 50%;
    }
    #HomeRecentBlogs h5
    {
        font-size: 16px;
        line-height: 15px;
    }
    .grid__item.col50.newstitle h4
    {
        font-size: 16px;
        line-height: 20px;
    }
    .grid__item.col50.newstitle h4
    {
        padding-left: 170px;
    }
    .newsletter-subscription .grid .newsform input.Textbox
    {
        width: 180px;
    }
    button.klaviyo_submit_button.btn
    {
        width: 110px;
    }
    .footerBox,.footerBox.footerContact {
        width: 33.33%;
    }
    .headerTopRight {
       background-position: left 100px center;
    }
    ul.headerTopLeftNav li
    {
        margin-right: 13px;
        padding-right: 13px;
    }
}

@media only screen and (max-width: 991px)
{
    .container
    {
        width: 750px;
    }
    .headerTopRight,
    .headerTopLeftNav 
    {
        padding: 0;
    }
    ul.headerTopLeftNav
    {
        width: 60%;
    }
    .headerTopRight
    {
        width: 40%;
    }
    .headerTop {
        background-position: right 35% center;
    }
    ul.mainMenu li a {
        font-size: 20px;
    }
    form.formSearch {
        max-width: 295px;
    }
    .headerMiddle {
        background-size: 230% 145px;
    }
    .productImageBox
    {
        height: 210px;
    }
    .productImageBox img
    {
        max-height: 140px;
    }
    .SeenOn p {
        font-size: 42px;
    }
    .homefeatBoxText h5 {
        font-size: 22px;
        line-height: 25px;
    }

}

@media only screen and (max-width: 800px)
{
    .container
    {
        width: auto;
    }
    .mobView {
        display: block;
    }
    .deskView
    {
        display: none !important;
    }
    .header
    {
        position: relative;
        height: auto;
    }
    .headerTop
    {
        background-image: none;
    }
    ul.headerTopLeftNav
    {
        width: 100%;
        text-align: center;
    }
    .headerTopRight
    {
        display: none;
    }
    .headerMiddle {
        background-image:  none;
    }
    .logo {
        width: 100%;
        margin: 15px 0 0;
    }
    .header-logo-image-unknown-size {
        max-height: inherit;
    }
    .headerMiddle {
        box-shadow: 0 60px 35px -25px inset #d8d8d8;
    }
    .headerMiddleRight {
        width: 100%;
        margin: 0;
    }
    .phone_number, form.formSearch {
        width: 100%;
        text-align: center;
    }
    ul.headerTopLeftNav li
    {
        margin-right: 5px;
        padding-right: 8px;
    }
    form.formSearch {
        max-width: 100%;
        border: 1px solid #eeeeee;
        border-radius: 50px;
        margin: 15px 0 0;
    }
    .homeProductsTabs {
        display: none;
    }
    .promoInfo ul li {
        width: 300px;
        margin: 0 auto 10px;
    }
    .promoInfo ul li:last-child
     {
        margin-bottom: 0;
     }
     .customerTestimonial h3
     {
        font-size: 22px;
     }
    .testimonial_text {
        padding: 30px 0 0;
        background-position: center top;
    }
    .testimonial_box blockquote
    {
        font-size: 16px;
        line-height: 18px;
    }
    div#HomeRecentBlogs h4, div#HomeRecentBlogs ul,
    .homeBlog:after {
        display: none;
    }
    .SeenOn ul li {
        width: 100%;
        text-align: center;
    }
    .SeenOn ul li img
    {
        margin: auto;
    }
    .newsletter-subscription .grid
    {
        display: block;
        margin: 0;
    }
    .newsletter-subscription .grid .newstitle,
    .newsletter-subscription .grid .newsform
    {
        width: 100%;
        padding: 0;
    }
    form#email_signup
    {
        padding: 0;
    }
    .newsletter-subscription .grid .newsform input.Textbox{
        width: 100%;
    }
    .klaviyo_form_actions {
        text-align: center;
        margin-top: 10px;
    }
    div#SideNewsletterBox .container > .grid
    {
        background-image: none;
    }
    div#SideNewsletterBox
    {
        background-size: 100% 100%;
        padding: 20px 0;
    }
    .footer-main {
        background: #fff;
    }
    .footerBox, .footerBox.footerContact {
        width: 100%;
        text-align: center;
    }
    .footerBox.footerContact {
        width: 320px;
        margin: auto;
        text-align: left;
    }
    .footerBox img {
        margin: 0 auto;
    }
    .footer-links
    {
        background-size: 100% 100%;
    }
    .grid__item.col50.newstitle h4 {
        padding-left: 125px;
        background-size: 110px;
    }
    .mobburgerCart {
        background: #09357a;
        margin: 0 -15px;
        padding: 15px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .burgerBtn, .mobCart {
        width: 50%;
    }
    .mobburgerCart i {
        color: #fff;
        font-size: 26px;
    }
    .burgerBtn {
        font-size: 14PX;
        font-style: italic;
        color: #fff;
        font-weight: 600;
        display: flex;
        align-items: center;
    }
    .mobCart a {
        display: flex;
        align-items: center;
        color: #fff;
        font-style: italic;
            justify-content: flex-end;
    }
    .countPill {
        background-color: transparent;
        color: #d90028;
            border-left: 1px solid #fff;
            border-right: 1px solid #fff;
        border-radius: 8px;
    }
    .promoInfo
    {
        margin-top: 0;
    }
    .burgerMenu.closebtn
    {
        display: none;
    }
    .category-top .grid
    {
        display: block;
        margin: 0;
    }
    .category-top .grid .grid__item.one-half
    {
        width: 100%;
        padding: 0;
    }
    ul.subcategories-grid li.subcategories-grid-item
    {
        width: 50%;
        margin-bottom: 15px;
    }
    .flexslider {
        padding: 0px 25px;
    }
    .flexslider .slick-arrow {
        padding: 0;
        border: none;
        width: auto;
        display: block !important;
        height: auto;
    }
    .flexslider .slick-prev.slick-arrow
    {
        left: -25px;
    }
    .flexslider .slick-next.slick-arrow
    {
        right: -25px;
    }
    ul.subMenu .subMenu
    {
        left: 15px;
    }
    .category-top h1
    {
    	font-size: 42px;
    }
    .category-top h5
    {
    	font-size: 24px;
    }
    .button {
	    font-size: 16px;
	    min-width: inherit;
	}
	main#product-listing-container iframe,
    video,
    iframe,
    .mslide img
	{
		width: 100%;
	}
    .mobburgerCart img {
        width: 22px;
    }
	.productImageBox {
	    height: 177px;
	}
	.productImageBox img {
		max-height: 175px;
	}
	h3.card-title a {
		padding: 0;
	}
	article.card
	{
		margin-bottom: 15px;
	}
	aside#faceted-search-container {
	    display: none;
	}
	.prodBtn .button {
	    width: 98%;
	}
	.mslide {
        margin-bottom: 10px;
    }
        


}


@media only screen and (max-width: 540px)
{
    .homefeatBanners
    {
        margin: 0 -15px;
    }
    .homefeatBanners .homefeatBox
    {
        width: 100%;
        padding: 0;
        margin-bottom: 10px;
    }
    .homefeatBanners .homefeatBox.homefeatBoxFull
    {
        margin-top: 0;
    }
}