@import url('https://fonts.googleapis.com/css2?family=Saira:ital,wght@0,100..900;1,100..900&display=swap');
/*  font-family: "Saira", sans-serif; */

a{color:#000}
a:hover, a:focus{color:#000;}
/* Grid CSS Ends */

.alertBox--info a{color:#fff;}
 
.button--primary {background:#243f98; border-radius:0; color:#fff; text-transform:uppercase; padding:13px 25px; height:auto; font-size:14px; font-weight:800; min-width:140px; display:inline-block; border:2px solid transparent; letter-spacing:normal; border:0; }
.button{font-family: "Saira", sans-serif; font-weight:800; border-radius:0; text-transform:uppercase; padding:13px 25px; height:auto; font-size:14px; min-width:140px; display:inline-block; letter-spacing:normal; border-width:2px;  }
.button--primary:hover, .button--primary:focus, .button--primary.is-active, .button--primary.active{background-color: #ec1d23; border-color: #000; color: #fff; border:0;}
.form-actions .button, .form-actions input, .form-actions a {vertical-align:middle;}
input:focus, button:focus, textarea:focus, select:focus, details:focus, [href]:focus, [tabindex]:not([tabindex="-1"]):focus, [contenteditable="true"]:focus{ outline:none !important; }

body, html{font-family: "Saira", sans-serif; font-weight:400; color:#000; font-size:16px; letter-spacing:normal; overflow-x:hidden; }
h1, h2, h3, h4, h5, h6{font-family: "Saira", sans-serif; font-weight:700; line-height:normal; letter-spacing:normal;}
a, a:hover{text-decoration:none;}
p{margin:0 0 10px 0;}
.body{margin-top:0;}
.body{margin-bottom:0; min-height:400px;}
.header{border:none; margin-bottom:0; background:none; }
.container{max-width:1640px; padding:0 20px; margin:0 auto;}  

/* ============= Dotted Slick Slider Start ============= */

.heroCarousel{margin:0; position:relative;}
.heroCarousel .slick-prev{left:5%;}
.heroCarousel .slick-next{right:5%;}
.heroCarousel .slick-next, .heroCarousel .slick-prev, .heroCarousel .slick-next::before, .heroCarousel .slick-prev::before{top:50%; padding:0; margin:0; width:47px; height:45px;}
.heroCarousel .slick-dots{  }
.heroCarousel .slick-dots li{ margin:0 5px; }
.slick-dots li button{  background:#000; }

.slick-dots li.slick-active button::before, .slick-dots li button:hover::before, .slick-dots li button:focus::before{ border:0; background:#fff; }
.slick-dots li.slick-active button::before{ background:#ccc; } 
.carousel-play-pause-button{display:none !important;}
.heroCarousel-slide .heroCarousel-image-wrapper{height:auto; max-height:inherit;}
.heroCarousel.slick-initialized{max-height:inherit;}

.slick-dots{bottom:0;}
.slick-dots li{width:15px; height:15px; padding:0;}
.slick-dots li button, .slick-dots li button::before{width:15px; height:15px; border-radius:0;}
.slick-dots li button{border:2px solid transparent;}
.slick-dots li button::before{background:#fff; opacity:0.2;}
.slick-dots li.slick-active button::before, .slick-dots li button:hover::before, .slick-dots li button:focus::before{background:#fff; border:2px solid #fff;}

/* ============= Dotted Slick Slider Start ============= */


/* ============= Slick Slider Arrow Start ============= */

.slick-next, .slick-prev{margin-top:0; top:50%;}
.slick-next{right:-40px;}
.slick-prev{left:-40px;}
.slick-next, .slick-prev, .slick-next:hover, .slick-prev:hover, .slick-next:focus, .slick-prev:focus{background:none; border:none;}
.slick-next, .slick-prev, .slick-next::before, .slick-prev::before{width:17px; height:32px; padding:0;}
.slick-prev::before, .slick-prev:hover::before, .slick-prev:focus::before{background:url(../img/prev-arrow.png) no-repeat; opacity:1;}
.slick-next::before, .slick-next:hover::before, .slick-next:focus::before{background:url(../img/next-arrow.png) no-repeat; opacity:1;}
.slick-prev:hover::before, .slick-prev:focus::before{background:url(../img/prev-arrow-hover.png) no-repeat; opacity:1;}
.slick-next:hover::before, .slick-next:focus::before{background:url(../img/next-arrow-hover.png) no-repeat; opacity:1;}

.slick-dotted.slick-slider{margin-bottom:0;}
.slick-disabled, .slick-prev.slick-disabled::before, .slick-next.slick-disabled::before{opacity:1;}
.productCarousel .slick-dots{display:none !important;}
.productCarousel .slick-arrow{top:50%;}

/* ============= Slick Slider Arrow End ============= */

/* ============= Quick Search Start ============= */

.quickSearchResults .productGrid p.card-text{ display:none; }
 .dropdown--quickSearch {} 
.quickSearchResults {background: #fff; position:absolute; z-index:99; width:100%; margin-top:0; right:0; line-height:normal;}
.quickSearchResults ul.productGrid{border:#dcdcdc solid 1px; padding:50px 0 0 0; margin:0px; display:block;}
.quickSearchResults .card .card-figure .card-img-container img{ padding:0; }
.quickSearchResults .productGrid .product {padding-bottom: 0; width: 100%;}
.quickSearchResults .productGrid .product .card {border:none; border-bottom:#dcdcdc solid 1px; float: left; padding: 10px 0; border-radius:0; width: 100%; margin-bottom:10px; padding-bottom:0 !important;}
.quickSearchResults .card-figure { border: 1px solid #dcdcdc; display: block; float: left; height: auto; padding: 5px; vertical-align: top; width: 70px;}
.quickSearchResults .card .thumb_img{display:block; height:auto; width:auto; padding:0px;}
.quickSearchResults .card .card-image {}
.quickSearchResults .card-body { display: block; float: none; overflow: hidden; padding: 0 0 0 10px; text-align: left !important; vertical-align: middle; width: auto; margin-top:0;}
.quickSearchResults .card-body .card-title {height: auto; text-align:left; font-size:14px;}
.quickSearchResults .card-body .prdctBtn{display:none;}
.quickSearchResults .card-body .productBtns{display:none !important;}
.quickSearchResults .card--alternate:hover .card-body{background:none;}
.quickSearchResults .card--alternate:hover .card-title > a{color:#000;}
.quickSearchResults h4.card-title{margin-bottom:8px; font-size:14px;}
.quickSearchResults .card-body .card-text .price{font-size:16px;}
.quickSearchResults .card-body .card-text{margin:0px;}
.checkout-steps form-field.form-field {clear: both;}
.quickSearchResults .prdctBtn{display:none;}
.quickSearchResults{max-height:400px; overflow-y:auto;}

/* ============= Quick Search End ============= */

.headerContainer{ display:flex; justify-content: space-between; position:inherit; }
.headerLeft{ display:flex; align-items: center; min-width: 28%; }
.headerCenter{ padding:0 10px; }
.headerCall{ display:flex; align-items: center; }
.headerCall h4{ margin:0 0 0 11px; color: #000; font-size: 26px; font-weight: 600; text-transform: uppercase; line-height:1.4; }
.headerCall h4 span{ display:block; color: #929292; font-size: 16px; font-weight: 500; text-transform: uppercase; }
.headerCall:hover h4, .headerCall:hover h4 a{ color:#EC1D23; }
.headerCall:hover svg path{ fill:#243F98; }
.headerRight{ display:flex; align-items: center; }

.navUser-or{margin:-5px 0 0 0; padding:0; color:#a8a8a8; vertical-align:middle; font-weight:400;}
.navUser-item--account .navUser-or + .navUser-action{margin:0; padding:0;}

.navUser-section{float:none; display:inline-block; vertical-align:middle;}

.navUser{padding:0; background:transparent; font-size:16px; font-weight:500; color:#090909; line-height:normal; text-align:right;     display: flex; align-items: center; height: 100%; }
.navUser ul{ height: 100%; align-items: center; display:flex;  }
nav.navUser .navUser-action svg{ stroke:inherit; }
.navUser-section--alt{float:none; line-height:normal;}
.navUser ul li.navUser-item{float:none; display:flex; vertical-align:middle; position:relative; padding:0; margin:0; line-height:normal; text-align:center; border-right: solid 1px #ddd; height:100%; min-width: 150px; } 
.navUser ul li.navUser-item .navUser-action-logout{ border-left: solid 1px #ddd; }
.navUser ul li.navUser-item.navUser-item--account a:first-child{ min-width:140px; } 
.navUser ul li.navUser-item.headerSearch{ border-left: solid 1px #ddd; position:static; }
.navUser ul li.navUser-item img{ padding-right:5px; }
.navUser ul li.navUser-item .navUser-action{ display:flex; align-items:center; } 
.navUser ul li.navUser-item p{ width:100%; margin:0; line-height:1.3; }
.navUser ul li.navUser-item .navUser-item--compare,
.navUser ul li.navUser-item.navUser-item-compareheader{ display:none; }
.navUser ul li.navUser-item:hover svg path{ fill:#EC1D23;  }
.navUser ul li.navUser-item .previewCartWrapper .previewCartList{ flex-wrap:wrap; }

.navUser ul li.navUser-item .previewCartWrapper .previewCartList .previewCartItem-image img {
   margin: 0; padding: 10px; width: 100%; height: auto; max-height: inherit; }

.navUser-action{font-size:16px; font-weight:500; color:#090909; text-transform:none; padding:0 25px; margin:0; width:100%;}
.navUser-item--cart .navUser-action{ color:#090909; }
.navUser-item--cart:hover .navUser-action{ color:#163082; }

.navUser ul li.navUser-item:first-child{padding-left:0;}
.navUser-action:hover, .navUser-action.is-open{color:#163082;}
.navUser-item--compare .countPill{width:auto; height:auto; background:none; border-radius:0;}
.navUser-item-cartLabel{display:inline-block; vertical-align:middle;}
.navUser-item--cart .countPill{display:inline-block;} 
.navUser-item--cart .navUser-action{padding-top:0;}
.navUser-item--cart #cart-preview-dropdown{ top:100% !important; }


.header-logo{margin:0; text-align:left; padding:15px 0; height:auto;}
.header-logo-image{position:relative; max-width: 160px; }
.header-logo-image-container{min-height:unset;}
.header-logo-image-container::after{padding-bottom:0;}
.header-logo > a{width:auto; display:inline-block; vertical-align:middle;}

.headertopLine{text-align:center; font-size:20px; font-weight:700; color:#243f98; padding:0 0 15px 0; letter-spacing:0.3px;}
.headertopLine p{margin:0;}

.shopByCollectionToggle{ background: #163082; display: flex; align-items: center; padding:14px 30px; cursor:pointer; } 
.shopByCollectionToggle:hover{ background: #EC1D23; }
.shopByCollectionToggle h5{ margin:0; color: #FFF; font-size: 18px; font-weight: 600; line-height: 20px; text-transform: uppercase; }
.shopByCollectionToggle svg{ margin-right:10px; }
.shopByCollectionToggle svg path{ fill:#8a97c0; }
.shopByCollectionToggle h5 span{ color: #6378BE; font-size: 14px; font-weight: 400; line-height: 20px; text-transform: uppercase; display:block; }
.shopByCollectionToggle:hover svg path{ fill:#fff; }
.shopByCollectionToggle:hover h5 span{ color:#fff; }



.dropdown--quickSearch .form{max-width:none; position:relative;}
.dropdown--quickSearch .form-input, .navPages-quickSearch .form-input{height:45px; border:1px solid #dcdcdc; border-radius:0; font-size:14px; color:#000; background:#fff; padding-left:20px; padding-right:130px; font-weight:400; min-width:unset; width:100%;}
.dropdown--quickSearch .container{padding:0;}

.dropdown--quickSearch .form-input::-webkit-input-placeholder, .navPages-quickSearch .form-input::-webkit-input-placeholder{color:#000;}
.dropdown--quickSearch .form-input::-moz-placeholder, .navPages-quickSearch .form-input::-moz-placeholder{color:#000;}
.dropdown--quickSearch .form-input:-ms-input-placeholder, .navPages-quickSearch .form-input:-ms-input-placeholder{color:#000;}
.dropdown--quickSearch .form-input:-moz-placeholder, .navPages-quickSearch .form-input:-moz-placeholder{color:#000;}
.dropdown--quickSearch .button, .navPages-quickSearch .form-prefixPostfix-button--postfix.button{position:absolute; right:1px; top:1px; width:auto; height:45px; background:#ec1d23 url(../img/search-icon.png) no-repeat left 10px center; font-size:0; min-width:unset; padding:0 22px; margin:0; border-radius:0; border:none;}


.dropdown--quickSearch .button:hover, .navPages-quickSearch .form-prefixPostfix-button--postfix.button:hover{ background-color:#243f98; }

.dropdown--quickSearch.is-open{width:100%; padding:20px; right:0 !important; top:100% !important; min-width:inherit; max-width: 100% !important; }



.headerTop{ background: #EC1D23; }
.headerTop .marqueeParentSection{ max-width:1300px; text-align:center; padding:8px 0; -webkit-mask-image: linear-gradient(var(--mask-direction, to right), hsl(0 0% 0% / 0), hsl(0 0% 0% / 1) 50%, hsl(0 0% 0% / 1) 80%, hsl(0 0% 0% / 0) ); mask-image: linear-gradient( var(--mask-direction, to right), hsl(0 0% 0% / 0), hsl(0 0% 0% / 1) 50%, hsl(0 0% 0% / 1) 80%, hsl(0 0% 0% / 0)); }
.headerTop .marqueeParentSection h5{ color: #FFF; font-size: 16px; font-weight: 600; line-height: normal; letter-spacing: 0.32px; margin:0; text-transform:none; }
.headerTop .marqueeParentSection span{ color: #EBB5B7; padding:0 10px; }


.highSchoolAssociationsMain{ padding:80px 0 100px 0; }
.highSchoolAssociationsMain > h2{ color: #243F98; text-align: center; font-size: 42px; font-weight: 600; letter-spacing: 0.84px;text-transform: uppercase; margin:10px 0 20px; }
.marqueeParentSection { max-width:1550px; margin:0 auto; display: flex; overflow: hidden; padding: 10px 0; -webkit-mask-image: linear-gradient(var(--mask-direction, to right), hsl(0 0% 0% / 0), hsl(0 0% 0% / 1) 10%, hsl(0 0% 0% / 1) 80%, hsl(0 0% 0% / 0) );
    mask-image: linear-gradient( var(--mask-direction, to right), hsl(0 0% 0% / 0), hsl(0 0% 0% / 1) 10%, hsl(0 0% 0% / 1) 80%, hsl(0 0% 0% / 0)); }
.shopByBrandSlide .marqueeParentSection{ -webkit-mask-image:inherit; mask-image: inherit; }
.marqueeParentSection .marquee-left { display: flex; align-items: center; }
.marqueeParentSection .js-marquee-wrapper { display: flex; align-items: center;  }
.marqueeParentSection .js-marquee { display: flex; align-items: center; gap: 20px; padding: 0 5px; }
.marqueeParentSection .js-marquee a{ border: 1px solid rgba(9, 9, 9, 0.10); transition:all ease 0.5s; }
.marqueeParentSection .js-marquee a:hover{ box-shadow:0 0 12px rgba(0,0,0,.3); }
.headerTop .marqueeParentSection .js-marquee{ gap:0; padding:0; }

.categoriesHome{ display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 10px; }
.categoryBox{ position:relative; overflow:hidden; }
.categoryBox img{ width:100%; height:100%; object-fit:cover; transition:all ease 0.8s; }
.categoryBox:hover img{ transform:scale(1.03); }
.categoryBox:nth-child(2){ grid-column: 2 / 4; }
.categoryBox:nth-child(3){ grid-column: 1 / 3; }
.categoryBoxContent{ position:absolute; left:50px; top:50px; }
.categoryBoxContent h4{ margin:0 0 20px; color: #FFF; font-size: 50px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; font-style: italic; line-height: 1; }
.categoryBoxContent p{ color: #FFF; font-size: 18px; font-weight: 400; line-height: 1.4; letter-spacing: 0.36px; max-width:460px; margin-bottom:20px; }
.categoryBoxContent a{ color: #EC1D23; font-size: 16px; font-weight: 600; letter-spacing: 0.32px; text-transform: uppercase; text-decoration:underline; }
.categoryBoxContent a:hover{ color:#3250B5; }

.refereeShirtsCategory{ position:relative; }
.refereeShirtsCategoryContent{ position:absolute; left:9%; top:50%; transform:translateY(-50%); }
.refereeShirtsCategoryContent h2{ color: #FFF; font-size: 135px; font-style: italic; font-weight: 800; line-height: 80px; text-transform: uppercase; margin:0; }
.refereeShirtsCategoryContent h2 span{ display:block; font-size: 83px; font-weight: 700; line-height: 1.5; letter-spacing: 4.98px; }
.refereeShirtsCategoryContent p{ color: #FFF; font-size: 28px; font-weight: 500; line-height: 24px; margin:10px 0 40px; } 

.refereeShirtsCategoryContent a { display:inline-block; background:#fff; color: #FFF; text-align: center; font-size: 16px; font-weight: 700; text-transform: uppercase; padding:12px 30px; position:relative; overflow: hidden; }
.refereeShirtsCategoryContent a:hover{ color:#EC1D23; }
.refereeShirtsCategoryContent a span {position: relative;z-index:5;}
.refereeShirtsCategoryContent a:after { content: ""; background: #EC1D23; width: 70%; height: 200%; display: block; position: absolute; top: -100%; left: -22%; transition: all 0.5s ease; transform: rotate(45deg); }
.refereeShirtsCategoryContent a:before { content: ""; background: #EC1D23; width: 80%; height: 220%; display: block; position: absolute; top: -10%; right: -22%; transition: all 0.5s ease; transform: rotate(45deg);}
.refereeShirtsCategoryContent a:hover:after, .refereeShirtsCategoryContent a:hover:before {width:0;}

.shopByBrandSlide{ background:#F5F7FF; padding:70px 0;  }
.shopByBrandSlide h2{ margin:0 0 30px; text-align:center; padding:0 15px; color: #243F98; font-size: 50px; font-weight: 700;
line-height: 1; letter-spacing: 1px; text-transform: uppercase; }

.officialsSupplies{ padding:70px 15px; text-align:center; }
.officialsSupplies h2{ color: #243F98; font-size: 80px; font-weight: 700; line-height: 1; letter-spacing: 1.6px; text-transform: uppercase; margin:0; }
.officialsSupplies  .marqueeParentSection{ max-width:1300px; }
.officialsSupplies .marquee-left h5{ color: #EC1D23; font-size: 24px; font-weight: 600; line-height: normal; letter-spacing: 0.48px; margin:0; text-transform:none; }
.officialsSupplies .marquee-left span{ color: #EBB5B7; font-size: 24px; font-weight:400; }

.featuredProductsslider{ background:#F5F7FF; padding:100px 0; }
.featuredProductsslider .productCarousel .slick-list .productCarousel-slide{ border:0; }
.featuredProductsslider h2.page-heading{ color:#243F98; text-align: center; font-size: 42px; font-weight: 600; text-transform: uppercase; margin:0 0 30px; }
.card .card-figure .card-img-container{ max-width:400px; max-height: 330px; }
.card .card-figure .card-img-container img{ padding:40px 12%; transition:all ease 0.5s; }
.card:hover .card-figure .card-img-container img{ transform:scale(.93); } 
.tabs-contents .productCarousel .card{ padding-left:0; padding-right:0; } 
.tabs-contents .productCarousel .card .card-figure .card-img-container img{ padding:20px 2%; }



/* ============= Sidebar Start ============= */

.page-sidebar {width:240px; float:left; padding:22px 0 0 0;}
.page-sidebar + .page-content{ width:auto; float:none; overflow:hidden; padding-left:20px; }
.product-listing-container{  }
.productGrid { margin:0 -10px; }
.productGrid li.product{ margin:0;  border: 0; width:25%; padding:0 10px; text-align:center; }
.facetedSearch-refineFilters { background:#f5f5f5; }
.facetedSearch-refineFilters h2+p{ padding:10px; }
.page-sidebar h5,
.page-sidebar h4, .sidebarBlock-heading, 
.accordion-nav-clear-holder button.accordion-navigation{ margin:0;  background:#243f98; font-size:16px; color:#fff; font-weight:700; text-transform:uppercase; padding:10px 16px 10px 16px; line-height:normal; margin-bottom:0 !important; }
.accordion--navList .accordion-indicator{ fill:#fff; }
.accordion--navList .accordion-title{ color:#fff; font-family: "Saira", sans-serif; font-weight:700; }

.sidebarBlock ul {padding:5px 0; list-style:none;display:block;margin:0;} 
/* .sidebarBlock ul.navList{border-left:1px solid #efefef; border-right:1px solid #efefef;} */
.sidebarBlock ul li {float:none; border-bottom:none; padding:0; margin:0; position:relative;display:block; border-bottom:solid 1px #ddd;}


.sidebarBlock ul li a {display:block; font-size:15px; color:#000; padding:7px 15px 7px 15px; margin:0px; font-weight:400; text-transform:none;text-decoration:none; }
.sidebarBlock ul li:last-child { border:0; }
.sidebarBlock ul li a.activePage, .sidebarBlock ul li a:hover {background:none;color:#ec1d23 !important;}
.sidebarBlock + .sidebarBlock, .sidebarBlock{border:none; padding:0; margin:0 0 20px 0;}
.accordion-block .accordion-nav-clear-holder button.accordion-navigation{  }

.sidebarBlock li ul li {padding:0 !important; }
.sidebarBlock li ul li a {margin:0 !important;border:none !important;}
.accordion-block .accordion-content ul li a{ padding-left:33px; }
.navList-action--checkbox::before{ left:9px; }
.navList-action--checkbox::after{ left:10px; }
.facetedSearch-clearLink, .facetedSearch-clearLink:hover{ color:#fff; right:40px; top:12px; }

.sidebarBlock ul.navPages-list li .navPage-subMenu-list{position:absolute; left:100%; top:0px; min-width:200px; background:#e3e3e3; display:none; list-style:none; margin:0px; z-index:9;}
.sidebarBlock ul.navPages-list li:hover .navPage-subMenu-list{display:block;}
.sidebarBlock ul li.navPage-subMenu-item{width:100%; float:none; position:relative;}
.sidebarBlock ul li.navPage-subMenu-item .navPage-childList{position:absolute; left:100%; top:0px; min-width:200px; background:#e3e3e3; display:none; list-style:none; margin:0px; z-index:9; display:none;}
.sidebarBlock ul li.navPage-subMenu-item:hover .navPage-childList{display:block;}
.sidebarBlock .navPages-action-moreIcon {float:right; margin-top:0; color:#b49dc0; background:url(../img/right-arrow.png) no-repeat right center; width:5px; height:9px; font-size:0; margin:5px 0 0 0;}
 .sidebarBlock .navPages-action-moreIcon svg{display:none;}
.navList{background:#f5f5f5; border:solid 1px #ddd;}
.navList .navPages-action svg{fill:#505050; stroke:#505050;}
.sidebarBlock ul li .navPages-action:hover svg{fill:#3466af; stroke:#3466af;}
.navList .navPages-item:hover .navPage-subMenu{display:block; left:240px; z-index:1; top:0;}
.navList .navPage-subMenu-item > .navPage-subMenu-action{border-bottom:10px solid #efefef; color:#505050; padding:8px 20px;}
.navList .navPages-item .navPage-subMenu{background:#fff;}
.headerCart .previewCart .previewCartItem-image img{ height:80px; }

/* ============= Sidebar End ============= */


/* ============= Cetegory Section Start ============= */




.productSlider{padding:40px 0 60px 0; text-align:center;}
.card{padding:0 20px; margin-bottom:20px; background:#fff; border:solid 1px #ddd; padding-bottom:30px !important; }
.productCarousel .slick-list .productCarousel-slide { border-right:solid 1px #cccccc; }
.productCarousel .slick-list .productCarousel-slide .card{ border:0; padding-bottom:0; }
.productCarousel .card{margin-bottom:0;}
.card-figure{}
.card-img-container::after{padding-bottom:110%;}
.card-body{text-align:center; padding:0;}
.card-title{color:#090909; text-align: center;  font-size: 18px; font-style: normal; font-weight: 500; line-height: 1.33; margin:5px 0 15px; height:72px; overflow:hidden; }
p.card-text.card-text-brand{ color:#818181; }
.card-title > a{color:#000000;}
.card-text{margin:5px 0 0 0;}
.card-body div.card-text{  } 
.card-body .card-text[data-test-info-type="brandName"]{ color:#818181; text-align: center;  font-size: 14px; font-weight: 500; letter-spacing: 0.98px; text-transform: uppercase; }
.price-section{ color:#818181; font-size:18px; font-weight:400; display:inline-block;}
.price-section.price-section--withoutTax.non-sale-price--withoutTax{ font-size:16px;  color:#767676; }
.price-section.rrp-price--withoutTax{display:none;}
.price--rrp, .price--non-sale, .price--discounted{margin-right:5px; color:#767676; font-weight:400;}
.price-now-label{display:none;}
.card-figcaption-body .button{border-radius:0; background:#ec1d23; color:#fff; text-transform:uppercase; font-weight:700; padding:15px 25px; height:45px; font-size:14px; border:none; display:block; letter-spacing:normal; width:100%;}
.card-figcaption-body label.button{background:#000;}
.card-figcaption-body .button.quickview{background:#163082; color:#fff;}
.card-figcaption-body .button.quickview:hover{background:#EC1D23; }
.card-figcaption-body input[type="checkbox"]{display:inline-block; vertical-align:middle; margin-top:-3px;}
.prdctBtn{margin:15px 0 0 0; min-height: 54px; }
.prdctBtn .card-figcaption-button{display:inline-block; border-top:solid 1px #ececec; border-bottom:solid 1px #ececec; width:80%; color: #090909; font-size: 18px; font-weight: 500; text-transform: uppercase; transition:all ease 0.5s; border-radius:0; padding:16px 0; height:auto;}
.prdctBtn .card-figcaption-button:hover, .prdctBtn .card-figcaption-button:focus{ border-color:#000; color:#EC1D23; }
article.card:hover .card-title a{ color: #EC1D23; }

.productSlider .productGrid{margin-bottom:0;}
.card-body .card-text{color:#000;}
.productSlider .card-body .card-text[data-test-info-type="productRating"]{margin:10px 0 0 0;}

.page-heading{font-size:32px; color:#000; text-transform:uppercase; padding:0; margin:30px 0 20px 0; position:relative; text-align:center; font-weight:800; line-height:normal; }
.page-heading span{color:#f8bd09;}
.main.full .page-heading{margin-top:0;}

.footer{padding:0; margin:30px 0 0 0; font-size:14px; color:#000; position:relative; font-weight:400; border:none; position:relative; background:#151515;}
.footer .containerSmall{ max-width:1320px; padding:0 20px; }
.footerTop{position:relative; text-align:center; padding:0; margin:0; display:flex;}
.ftrNewsletter{position:relative; }
.footerTop .categoriesFtr:hover,
.footerTop .brandsFtr:hover,
.companyInfoFooter > div:hover,
.footerQuickLinks:hover{ background:#000; } 

.ftrNewsletter .container{ max-width:1150px; }
.ftrNewsletter .newsletterHead{display:inline-block; vertical-align:middle; text-align:left; background:url(../img/newsletter-ic.png) no-repeat left center; padding:0 25px 0 60px;}
.ftrNewsletter .newsletterHead .footer-info-heading{font-size:18px; border:none; margin:0; padding:0;}

.ftrNewsletter .form{margin:18px  0 0 0; position:relative; display:inline-block; vertical-align:middle;}
.ftrNewsletter .form .form-field{margin:0; display:block;}
.ftrNewsletter .form-prefixPostfix{display:block;}
.ftrNewsletter .form-prefixPostfix .form-input{width:auto; flex:none; height:47px; border-radius:0; color:#fff; font-size:16px; margin:0 ; border:none; border: 1px solid rgba(245, 247, 255, 0.20); background: #2A2A2A; padding:0 20px 0 20px; min-width:345px; display:inline-block; vertical-align:middle;}
.ftrNewsletter .form-prefixPostfix .form-input::-webkit-input-placeholder{color:#b8b8b8; opacity:1;}
.ftrNewsletter .form-prefixPostfix .form-input::-moz-placeholder{color:#b8b8b8; opacity:1;}
.ftrNewsletter .form-prefixPostfix .form-input:-ms-input-placeholder{color:#b8b8b8; opacity:1;}
.ftrNewsletter .form-prefixPostfix .form-input:-moz-placeholder{color:#b8b8b8; opacity:1;}
.ftrNewsletter .form-prefixPostfix .button{height:47px; font-size:16px; letter-spacing:normal; text-transform:uppercase; font-weight:700; border:none; border-radius:0; padding:0 30px;  background:#ec1d23; color:#fff; margin:0 0 0 -4px; min-width:unset; width:auto; display:inline-block; vertical-align:middle;}
.ftrNewsletter .form-prefixPostfix .button:hover{ background:#fff; color:#ec1d23; }
.ftrNewsletter p{ color:#b8b8b8; }

.companyInfoFooter { display:flex; border-top:solid 1px #666666; }
.companyInfoFooter > div{ width:100%; text-align:center; text-align: center;  padding: 45px 10px; }
.companyInfoFooter > div:hover svg path{ fill:#EC1D23; }
.companyInfoFooter .ftrCall{ padding:55px 10px 35px 10px; }
.companyInfoFooter > div p{ width:100%; margin-bottom: 5px; }
.companyInfoFooter a:hover{ color:#fff; }
.ftrCall{ border-left:solid 1px #666666; border-right:solid 1px #666666; }
.footerQuickLinks{ border-top:solid 1px #666666; border-bottom:solid 1px #666666; padding:30px 0;  }
.footerQuickLinks .footer-info-list{ max-width: 1600px; margin: 0 auto; display: flex; justify-content: space-around; }
.footerQuickLinks .footer-info-list li{ padding:0; }

.companyInfoFooter div, .footer a, .footer p{ color:#b8b8b8; font-size: 16px; font-style: normal; font-weight: 500; line-height: normal; letter-spacing: 0.32px; }

.categoriesFtr{ width:28%; text-align: left; padding:0 15px 0 7%; }
.brandsFtr{ width:28%; text-align: left; padding:0 15px 0 6%; }
.newsletterAndCompanyInfo{ width:44%; border-left:solid 1px #666666; border-right:solid 1px #666666; } 

.footer-info{ padding:60px 0 10px; }
.viewAllLinks{ text-decoration:underline !important; }
.footer-info-list a{ font-size: 16px; font-style: normal; font-weight: 500; line-height: normal; letter-spacing: 0.32px; }

.footer-info-col{color:#000; font-size:14px; margin:0 0 20px 0; padding-right:20px;}
.footer-info-list{margin:0;}
.footer-info-list a, .footer-info-col a{color:#b8b8b8;}
.footer-info-list a:hover, .footer-info-col a:hover{color:#fff; opacity:1;}
.footer-info-col--small{width:25%;}
.footer-info-heading{ color: #FFF; font-size: 22px; font-weight: 600; letter-spacing: 0.44px; text-transform: uppercase; margin: 60px 0 40px; }
.ftrNewsletter .footer-info-heading{ margin-bottom:5px; }
.ftrNewsletter{ margin:0 0 60px; }
.footer-info-list li{ padding:0 0 18px;}
.footer-info-list a.viewallLink{text-decoration:underline; font-weight:700;}

.footerSocial{position:relative; margin:0; padding:0; padding:0; margin:0;}
.footerSocial .socialLinks{display:inline-block; vertical-align:middle;}
.footerSocial .socialLinks .socialLinks-item{margin:0 15px 0 0px; float:none; display:inline-block; vertical-align:middle;}
.footerSocial .socialLinks .icon{height:30px; width:30px;}
.footerSocial .socialLinks .icon svg{ fill:#ec1d23; }
.footerSocial .socialLinks .icon:hover svg{ fill:#0d246e; }
.footerContactInfo .footer-info-heading{ width:100%; }


.footerContactInfo p{ margin-bottom:16px; }
.footerSocial{ padding:30px 0 0 0; }

.copyrightMain{ padding:30px 0; display: flex; align-items: center; justify-content: space-between; }
.copyrightLeft p{ display:inline-block; margin-bottom:0;}
.copyrightLeft span.bull{ padding:0 15px; color:#666666; }
.copyrightLeft a:hover{ color:#fff; }
.copyrightRight{ text-align:right; }



/* ============= Footer End ============= */

/* ============= Breadcrumb and Pagination Start ============= */

nav[aria-label="Breadcrumb"]{position:relative; display:none;}
ol.breadcrumbs{text-align:left; border-bottom:1px solid #e5e5e5; margin-bottom:20px; padding:15px 0 15px 0;}
.breadcrumb{font-size:16px; position:relative;}
.breadcrumb:first-child{padding:0;}
.breadcrumb a{color:#000000; font-weight:700;}
.breadcrumb.is-active > .breadcrumb-label{color:#797979; font-weight:400;}

.pagination-list li{width:40px; height:40px; line-height:30px; border:none; margin-bottom:5px;}
.pagination-list li.pagination-item--next, .pagination-list li.pagination-item--previous{width:auto; height:auto;}
.pagination-list li.pagination-item--next a, .pagination-list li.pagination-item--previous a, .pagination-list li.pagination-item--next button, .pagination-list li.pagination-item--previous button, .pagination-list li.pagination-item--next a:hover, .pagination-list li.pagination-item--previous a:hover, .pagination-list li.pagination-item--next button:hover, .pagination-list li.pagination-item--previous button:hover, .pagination-list li.pagination-item--next a:focus, .pagination-list li.pagination-item--previous a:focus, .pagination-list li.pagination-item--next button:focus, .pagination-list li.pagination-item--previous button:focus{background:none; color:#232323 !important;}
.pagination-list li a, .pagination-list li button{background:#000; color:#fff; font-weight:bold}
.pagination-list li.pagination-item.pagination-item--current{border:none;}
.pagination-list li.pagination-item.pagination-item--current a, .pagination-list li a:hover, .pagination-list li button:hover, .pagination-list li a:focus, .pagination-list li button:focus{background:#ec1d23; color:#fff !important;}

/* ============= Breadcrumb and Pagination End ============= */


/* ============= Inner Pages Common Css Start ============= */

.actionBar{margin:15px 0 20px 0; padding:10px 0; position:relative; text-align:right;}
.actionBar .form-field{margin-bottom:0; border:none; border-radius:0;}
.actionBar-section .form-select{min-width:210px; padding-left:15px; font-size:14px; border:1px solid #dadada; height:40px; color:#353535; border-radius:0;}
.actionBar-section .form-label{font-size:15px; font-weight:700; color:#000;}
.actionBar-section{float:none; display:inline-block;}
.page-content--centered{width:100%;}
.form-actions{max-width:unset; text-align:left;}

.account--fixedSmall, .account--fixed, .account--fixedLarge, .account{width:100%;}
.login, .login-row{max-width:unset;}
.login{margin:0;}
.form-column{width:100%;}
.form-fieldset.form-column .form-field{padding-left:0; padding-right:0;}
.form-fieldset.form-column .form-field.form-field-group{padding-left:0.75rem; padding-right:0.75rem;}
.wishlists-table{max-width:100%;}
.form.forgot-password-form {max-width:600px;}

.brand .card-img-container::after{padding-bottom:100%;}
.brand .card-title{height:auto; color:#fff; background:#1a1a1a; text-transform:uppercase; font-size:16px; font-weight:500;}
.brandGrid .brand .card-title{height:unset;}
.brand .card-title a{color:#fff; display:block; padding:10px;}
.brand .card-body{padding:0;}
.brand .card{padding:0 !important; border-radius:0; border:1px solid #ccc;}
.brandGrid .card .card-figure .card-img-container img{ padding: 20px 5%; max-width:220px }
.brandGrid .card .card-figure .card-img-container{ height:200px; }
.brand .card .card-figure{padding:0; margin:0;}
.brand .card-image{padding:0 15px;}

.icon--ratingFull svg{fill:#efce4a;}
.icon--ratingEmpty svg, .productView-details .productView-rating .icon--ratingEmpty svg{fill:#ccc;}

.productView{padding-top:40px; padding-bottom:30px;}
.productpagemain{ padding-bottom:0; margin-bottom:40px; }
.productView-title{line-height:normal; font-size:26px; margin-top:0; color:#000; margin-bottom:15px; font-family: "Saira", sans-serif;}
.productView-brand{font-family: "Saira", sans-serif;}
.productView-price .price-section{font-size:22px;}
.productView-img-container::after{padding-bottom:100%;}
.productView-images .easyzoom-flyout{left:0px; top:0px; z-index:9999;}
.prdctDtl .productView-info-name{margin-right:5px; font-family: "Saira", sans-serif; font-size:14px; font-weight:700; color:#000; margin-bottom:0; line-height:normal; width:auto; display:inline-block;}
.prdctDtl .productView-info-value{display:inline-block; width:auto; font-family: "Saira", sans-serif; font-size:14px;}
.form-label, .form-checkbox + .form-label, .form-radio + .form-label{font-family: "Saira", sans-serif; font-size:14px; color:#000;}
.cart-total .form-select{background-position:right 10px top 6px;}
.productView-info .productView-info-name,
.productView-info .productView-info-value{ display:inline-block; }


.form-field--increments .button{height:auto;}
.form-field--increments .form-label{display:block; width:auto; margin-right:10px; margin-bottom:5px; vertical-align:middle; font-weight:700;}
.form-field--increments .form-increment{display:inline-block; width:auto; background:#fff; min-width:60px;}
.form-increment .button{height:40px; width:40px; min-width:unset; border-radius:0; border:1px solid #ccc; background:#f0f0f0;}

.productView-options{margin-bottom:0;}
.productView-product{padding-bottom:0;}
.productView-details{margin-bottom:20px;}
.form-wishlist .button{padding:17px 20px; height:50px;}
.form-wishlist .button .icon{display:none;}
#wishlist-dropdown.is-open .button{padding:10px 5px; font-size:13px; color:#000;}
.productView-options .form{margin-bottom:5px;}

.productView-description{width:100%; padding:0 0 20px 0; float:none;}
/* .productView-description .tab-content{border:1px solid #e5e5e5; border-top:none; padding:20px 20px;} */
.productView-reviewLink > a{color:#000; font-size:14px;}
.productView-reviewLink > a[data-reveal-id="modal-review-form"]{border-bottom:1px solid #7b7a78;}
.productView-reviewLink{margin-left:10px; margin-right:0.78571rem; color:#000; text-decoration:underline; font-weight:500;}
#productReview_link{color:#515151; margin-left:10px;}

.removeBtn, .removeBtn:hover { background:url(../img/remove-ic.png) no-repeat center; width:25px; height:25px; font-size:0; border:none; min-width:unset; padding:0;}
.removeItem { position:absolute; top:15px; right:20px;}
.modal-content .form-field{padding-left:0; padding-right:0;}

#cart-preview-dropdown{min-width:280px; left:auto; z-index:11;}
.previewCartAction .previewCartAction-checkout{padding-left:0;}
.previewCartAction .previewCartAction-viewCart{padding-right:0;}
.previewCartItem-content{padding-left:10px; padding-right:0; text-align:left; margin-left:-5px;}
.previewCartAction .button{font-size:11px !important; min-width:unset; padding:13px 5px;}
.previewCartList li {display:block;padding:15px 10px !important; border-bottom:1px solid #ccc;}
.previewCartItem-image, .previewCartItem-content{display:inline-block;}
.cart-item-image{max-height:80%;}
.previewCartCheckout .button{font-size:14px;}
.previewCartItem-name{font-family: "Saira", sans-serif;}
.previewCartItem-name a, .cart-item-name__label{color:#000;}

.account-body{margin:0;}

.form-select--small, .form-select--date{padding-top:5px; padding-bottom:5px;}

.cart-additionalCheckoutButtons{width:auto; float:right;}
.cart-additionalCheckoutButtons .FloatRight p{text-align:center;}
.cart-additionalCheckoutButtons .CheckoutButton:first-child{margin-top:0;}
.cart-total .button{padding:9px 10px 9px 10px; height:auto;}
.cart-form .button{min-width:unset; height:auto;}
.form-actions .button, .form-actions input, .form-actions a {vertical-align:middle;}

.productGrid .product{position:relative; width:25%;}
.quickSearchResults .card-figcaption-body{display:none;}
.quickSearchResults .card{margin-bottom:5px !important;}
.coupon-code-cancel, .shipping-estimate-hide{}
.table-actions .button{min-width:unset;}

.form-label small{font-size:0; position:relative; float:none;}
.form-label small:before{content:'*'; top:2px; font-weight:700; font-size:18px; color:#F00; position:relative;}



.blog-post-figure{width:100%;}
.blog-post-body{width:100%; text-align:left;}
.blog-date, .blog-author{text-align:left;}
.blog-title{margin-left:0; margin-right:0; font-family: "Saira", sans-serif; font-weight:700;}
.blog .addthis_toolbox{margin-top:20px;}
.blog .socialLinks{text-align:left; line-height:normal;}
.blog-thumbnail{margin:0 0 20px;}
.blog-thumbnail::after{padding-bottom:0;}
.blog-thumbnail img{position:relative;}
.blog + .pagination{padding-top:40px;}
.blog-post-figure{width:100%; display:inline-block; vertical-align:top;}
.blog-post-body{width:100%; display:inline-block; vertical-align:top; padding-left:0; margin-left:0;}
.blog + .blog {margin-top: 20px; padding-top: 20px;}
.blog-thumbnail{max-width:unset;}

.blogpostPage{padding-top:30px;}
.blogpostPage .blog-post-figure{width:100%;}
.blogpostPage .blog-post-body{width:100%; padding-left:0;}
.blog .tags{text-align:left;}
.blogpostPage .blogLeftSidebar .blog-post-figure{display:none;}

/* ============= Navigation Desktop Start ============= */

.page-sidebar + .page-content{float:none; padding:0 0 0 20px; width:auto; overflow:hidden;}
.page{margin:0;}
.page-content, .page-content--full{padding-left:0; padding-right:0;}
.productView-info{padding-top:0;}
.productView-product{ border:0; }
.productView-images .productView-image{ border:solid 10px #e7e7e7; padding:25px; background:#fff; }
.productView-details{ background:#f5f5f5; margin:0; padding:0 35px; font-size:15px;}
.productView-brand{margin:0 0 5px; font-size:16px; color:#969696; font-weight:600; text-decoration:underline; text-transform:uppercase;}
.productView-brand a:hover{ color:#ec1d23; text-decoration:none; }
.productView-title{ line-height:1.3; font-size:26px; color:#000000; margin-top:0; margin-bottom:0;  font-weight:700; padding-bottom:5px; text-transform:uppercase; }
.productView-price .price-section.price-section--withTax div, .productView-price .price-section.price-section--withoutTax div{ display:inline-block; }
.productView-price .price-section.price-section--withoutTax .price-section--minor{ color:#949494; }
.productView-price .price-section.price-section--withoutTax{ color:#ec1d23; }
.productView-price .price-section.price-section--withoutTax.rrp-price--withoutTax{display:none !important;}
.price-section.price-section--saving.price{font-weight:400; }
.productView-details .productView-rating { margin-top:10px; border-bottom:1px solid #dcdcdc; padding-bottom:12px; }
.form-label--alternate{ font-size:14px; color:#282828; font-weight:600; }
.productView-options .form-field{ margin-bottom:10px; }
.form-field.form-field--stock{ border-bottom:solid 1px #c8c8c8; border-top:solid 1px #dcdcdc; padding:20px 0 9px; }
.form-field.form-field--stock label span{ display:block; }
.productView-price{ margin-bottom:12px; border-bottom:1px solid #dcdcdc; padding-bottom:5px; }
.form-field.form-field--increments{ padding:7px 0 20px 0; border-bottom:solid 1px #ddd; margin-bottom:0; }
.form-input--incrementTotal{background:none; height:40px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; border-radius:0; min-width:45px; margin:0 -4px; min-width:60px;}
.productView-info > :first-child{ margin-top:15px; }
.productView-info-name{ font-family: "Saira", sans-serif; font-weight:700; font-size:16px;  }


#form-action-addToCart{ background:#EC1D23; font-size:16px; color:#fff;  border-radius:0; font-weight:700; min-width:175px; height:50px; padding:10px 20px;}
#form-action-addToCart:hover{ background-color:#163082; color:#fff; border:0; }
#wishlist-dropdown.is-open li:not(:last-child) .button{ border:0; }
.form-wishlist a.button{ background:#000000 ; font-size:16px; color:#fff; border-radius:7px; border:none;}
.form-wishlist a.button:hover  { background-color:#000; }
.addthis_toolbox{padding-bottom: 25px;}
.productView .addthis_toolbox{border-top:1px solid #dcdcdc; padding:20px 0 30px 0;}
.socialLinks-item .socialLinks__link{height:26px; width:22px;}
.socialLinks .icon svg{fill:#707070;}
.productView .addthis_toolbox .socialLinks{line-height:normal;}
.productView-options .form-select{max-width:100%;}
.form-select--small, .form-select--date{ font-size:15px; padding-top:10px; padding-bottom:10px; height:auto; }
.productView-image + .productView-thumbnails{padding:0 20px 0 22px; text-align:center;}
.productCarousel-slide .card{margin-bottom:0;}
.form-label small{padding-left:0;}
.productView-thumbnails .slick-dots{display:none !important;}
.productView-thumbnails .slick-list{margin-left:0; margin-right:0;}
.productView-thumbnails .slick-list .productView-thumbnail{margin-bottom:0;}
.productView-thumbnail{margin-bottom:5px;}
.productView-details .socialLinks{ line-height:normal; border-top:solid 1px #ddd; margin:0 0 20px 0; padding-top:20px; }

[data-product-attribute] .form-option{overflow:unset;}
.productView-options .form-field > .form-radio + .form-label{display:block;}


.cart-total .form-select{padding-right:30px;}
.estimator-form-label{ text-align:left; }
.login-form{ margin-top:0; }
.login-form .panel-title{ margin-bottom:20px; }

.tab-title{font-size:16px; font-weight:700; text-transform:uppercase; color:#939393; padding:10px 20px 10px 20px;}
.tabs{border-bottom:1px solid #dcdcdc;}
.tab{border:1px solid #dcdcdc; border-bottom:1px solid white; margin:0 10px 0 0;}
.tab.is-active{border:1px solid #dcdcdc;}
.tab.is-active .tab-title{color:#000; background:#f0f0f0; position:relative;}
.tab-content{font-size:16px; color:#000000;}

.previewCart .productView{display:block;}
.previewCart .productView-details{padding-top:20px; padding-bottom:20px;}
.page-sidebar + .page-content .productGrid .product{width:25%;}
.previewCart .productView-info{margin-bottom:0;}
.previewCart-additionalCheckoutButtons{padding-left:20px; padding-right:20px;}

.page-content.page-content--centered address strong span, .page-content.page-content--centered address span{font-size:16px !important;}
#gift-certificate-balance .form-prefixPostfix{ display:inline-block; }
#gift-certificate-balance .form-prefixPostfix .form-input{ display:inline-block; }
#gift-certificate-balance .form-prefixPostfix .button{ display:inline-block; }

.catDescription p, .catDescription{ text-align:left; }

.subcategories_img ul{ display:flex; flex-wrap:wrap; margin:0; }
.subcategories_img ul li{ padding:9px 9px 0 9px; flex-basis:19%; margin:0 0.5% 15px 0.5%; list-style:none;  border:solid 1px #ddd;  }
.subcategort_thumb{ padding:10px 0; text-align:center }
.subcategort_thumb a img{ height:120px; padding:25px; object-fit:contain; }
.subcategort_thumb a.subcater_img{ display:block; }
.subcategort_thumb .subcater_text{ display:block; background:#f5f5f5; font-size:16px; line-height:normal; font-weight:600; padding:7px 10px; }
.subcategort_thumb:hover .subcater_text{ background:#ec1d23; color:#fff; }
.brand .card-img-container{ height:auto; }
.brand .card .card-figure{ padding:20px 0; }
.clearAllLinks{ padding:9px 15px; }

.contactFormandContent { display: flex; padding: 20px 0 60px 0; }
.contactPageContent { width: 100%; padding-right: 60px; }
.contactPageMap { width: 100%; }
.contactPageForm {  background: #f5f5f5; padding: 50px 0; clear: both; }
.contactPageForm form.form{ margin:0; }

.navPages-list:not(.navPages-list-depth-max) .navPages-action.has-subMenu{justify-content: left;}
.modal .modal-content .productView h2.productView-title{ padding-top:0; }
.modal-body{ padding:15px; }
.productView-thumbnail-link{ background:#fff;}
.productView-thumbnail-link{border:1px solid #dcdcdc; height:110px; padding:5px; max-width:92%; background:#fff;}
.productView-thumbnail{margin-bottom:5px; float:none; display:inline-block !important; vertical-align:middle; margin-left:-4px; width:20%;}
.modal-body.quickView .productView-title{ margin-top:20px; }
.productView-description .tabs-contents #tab-description p:empty{ display:none; }

.cart-totals .cart-total .cart-form.coupon-code form.coupon-form .button{ padding-top:10px; padding-bottom:10px; }
.form-input, .form-select{ border-radius:0; } 
.cart .cart-list .cart-item-block.cart-item-info{ padding:5px 0; }

@media (min-width: 1261px) {	
	.productView-thumbnails img{width:90px;}
	.productView-options .form-action{float:left;}
}
.desktopMenu{display:none;}
@media (min-width: 992px) {
	.navPages-list+.navPages-list{border-top: none; margin-top: 0; padding-top: 0;}
	.navPages-container{ border-top:solid 1px #C8C4C4; border-bottom:solid 1px #C8C4C4; background:#fff !important; padding:5px 0; }
.mobileMenu{display:none;}
.desktopMenu{display:block;}
.navPages-container .navPages-list > .navPages-item > .navPages-action{padding:6px 10px; color:#090909; font-size: 16px; font-weight: 600; position:relative; line-height: normal; text-transform: uppercase; } 
.navPages-container .navPages-list > .navPages-item > .navPages-action:hover::after,
.navPages-container .navPages-list > .navPages-item > .navPages-action.is-open::after{ bottom:-7px; left:0; right:0; background:url(https://cdn11.bigcommerce.com/s-889b2/images/stencil/original/image-manager/menu-arrow.png?t=1765272088) no-repeat center center; width:16px; height:8px; position:absolute; content:''; margin:0 auto; z-index:2; background-size:cover; }
	.navPages-container .navPages-list > .navPages-item > .navPages-action:hover,
	.navPages-action.is-open{ background:#ec1d23; color:#fff !important; }
	.navPages-action.is-open .icon svg, .navPages-action:hover .icon svg{ fill: #fff; stroke: #fff; }
	.navPages, .navPages .navPage-subMenu-list{ max-width:1600px;  text-transform:none; }
	.navPages-list:not(.navPages-list-depth-max) .navPage-subMenu-action{ padding:10px 0;  margin-bottom:0; } 
	.navPage-subMenu-item .navPage-childList{ padding: 12px 0; }
	.navPages-action svg,
	.navPages-action.is-open svg, .navPages-action .collapsible-icon-wrapper.is-open svg,
	.navPages-action:hover svg, .navPages-action.activePage svg{ fill:#000; stroke:#000; }
	.navPages-list:not(.navPages-list-depth-max) .navPages-action-moreIcon{ width:7px; height:7px; margin:3px 0 0 7px; }
	.navPages-container .navPages-item.navPages-item-page{display:none; }
	.navPages-container .navPages-list.navPages-list--user{ display:none !important; }
	
	.navPage-subMenu.is-open{max-width:1600px; margin:0 auto; width: 100%; position: absolute; left: 0; transform: translateX(0);      max-width: 100%; padding: 30px 0 !important; z-index:1; }
	
	.navPages-container .navPage-subMenu .navPage-subMenu-list::-webkit-scrollbar { width: 14px; }
	.navPages-container .navPage-subMenu .navPage-subMenu-list::-webkit-scrollbar-track { background: #fff; border-radius: 15px; }
	.navPages-container .navPage-subMenu .navPage-subMenu-list::-webkit-scrollbar-thumb { background: #083b8d; border-radius: 15px; border: 4px solid #fff; }
	.navPages-container .navPage-subMenu .navPage-subMenu-list::-webkit-scrollbar-thumb:hover { background: #EC1D23; }
	
	
	
	/*.navPages-list .navPages-item:hover .navPage-subMenu, .navPages-list .navPages-item:hover .navPage-subMenu.is-open{max-width:1600px; margin:0 auto; left:50%; transform:translateX(-50%); display:block; width: 100%;} */
	
	.navPages .navPage-subMenu-list{ max-width:1600px; background: #e5e5e5; margin:0 auto !important; display:flex; flex-wrap:wrap;}
	.navPages .navPage-subMenu-list li.navPage-subMenu-item{ width:23.5%; background:#fff; margin:0 0.75% 25px; padding:0 !important; }


	/*.navPage-childList, .navPage-childList.is-open{position: absolute; right:0; width:calc(100% - 370px); display:none; top:0; padding:0 20px; background:#fff; margin-top:20px !important;}*/

	.navPage-childList-item{width:25%; padding:10px !important;}
	.navPage-childList-item .cater_img{display: block; text-align: center; vertical-align: middle; width: auto; position:relative; padding-bottom:60%; display:none;}
    /*.navPage-childList-item .cater_text{background: rgba(0, 0, 0, 0.1); text-decoration:none; color: #000; display: block; font-size: 16px; padding:10px 5px; text-align: center; letter-spacing:normal; font-weight:400; text-transform:none; float: left; width: 100%; display: block;}*/
    .navPage-childList-item .cater_img > img {max-height: 100%; position: absolute; left:0; right: 0; top:0; bottom:0; margin:auto; width:auto;}
    .navPage-childList-item .navPage-childList-action{border:1px solid #ccc;}
.categoriesMain .sidebarBlock{ overflow:auto; height:510px; padding:10px 0; }
.facetedSearch-refineFilters.sidebarBlock{ border:0; }	


.navPages-container .navPages-list .navPages-item .navPage-subMenu  .navPage-subMenu-list .navPage-subMenu-item > .navPage-subMenu-action{ background:#163182; display:flex; align-items:center; font-size:16px; color:#fff; font-weight:600; line-height:1.2; padding:4px; }
.navPages-container .navPages-list .navPages-item .navPage-subMenu  .navPage-subMenu-list .navPage-subMenu-item > .navPage-subMenu-action:hover{ background:#ec1d23; }
.navPage-subMenu  .navPage-subMenu-list .navPage-subMenu-item .cater_icon{ background:#fff; padding:5px; width:55px; height:55px; display:flex; align-items: center; margin-right:13px; }
.navPage-subMenu  .navPage-subMenu-list .navPage-subMenu-item .cater_icon:empty{ display:none; }
.navPage-subMenu  .navPage-subMenu-list .navPage-subMenu-item .cater_icon img{ min-width:45px; max-width:45px; max-height: 45px; }
.navPage-subMenu  .navPage-subMenu-list .navPage-childList  .navPage-childList-item{ width:100%; padding:0 10px!important; }
.navPage-subMenu  .navPage-subMenu-list .navPage-childList  .navPage-childList-item .navPage-childList-action{ border:0; background:url(../img/list-style-dot.png) no-repeat left top 11px;  padding:5px 0 5px 15px; font-size:15px; color:#000; line-height: 1.3; }
.navPage-subMenu  .navPage-subMenu-list .navPage-childList  .navPage-childList-item .navPage-childList-action:hover{ color:#ec1d23; }
.navPages-container .navPages .navPages-list{ display:flex; flex-wrap:wrap; }
.navPages-container .navPages .navPages-list .navPages-item { float: none; }
.navPages-container .navPages .navPages-list .navPages-item .navPage-subMenu-list{ max-height:500px; overflow:auto; }
/*#menu .navPages ul.navPages-list .navPages-item:first-child{ display:none; } 
#menu .navPages ul.navPages-list .navPages-item:nth-child(n+9){ display:none; }*/
#menu .navPages .navPages-list { justify-content: left; }


.navPages-container-top{ position:absolute; top:139px; z-index:9999; bottom:inherit; padding:8px 0; }
.navPages-container-top .navPages-list > .navPages-item > .navPages-action{ font-size:16px; padding:8px 10px; } 
}

@media (min-width: 992px) and (max-width: 1320px){
    .navPage-childList-item{width:33.33%;}
    .navPages-item > #navPages-102.navPage-subMenu.is-open .navPage-subMenu-item, .navPages-item > #navPages-14.navPage-subMenu.is-open .navPage-subMenu-item, .navPages-item > #navPages-186.navPage-subMenu.is-open .navPage-subMenu-item, .navPages-item > #navPages-10.navPage-subMenu.is-open .navPage-subMenu-item, .navPages-item > #navPages-466.navPage-subMenu.is-open .navPage-subMenu-item, .navPages-item > #navPages-319.navPage-subMenu.is-open .navPage-subMenu-item, .navPages-item > #navPages-320.navPage-subMenu.is-open .navPage-subMenu-item, .navPages-item > #navPages-321.navPage-subMenu.is-open .navPage-subMenu-item, .navPages-item > #navPages-587.navPage-subMenu.is-open .navPage-subMenu-item{width:33.33%;}
}

@media (min-width: 992px) and (max-width: 1199px){
    .navPage-childList-item{width:50%;}
}
@media (min-width: 801px) {
.login-row { margin-top: 3rem; }
}

/* ============= Navigation Desktop End ============= */

@media (max-width: 1920px){
	.heroCarousel-slide .heroCarousel-image{width:auto;}
}


@media (max-width: 1640px){
.productCarousel{padding:0 15px; margin:0;}
	.slick-prev{left:0;}
	.slick-next{right:0;}
	/*.slick-prev::before, .slick-prev:hover::before, .slick-prev:focus::before, .slick-next::before, .slick-next:hover::before, .slick-next:focus::before, .heroCarousel .slick-prev::before, .heroCarousel .slick-prev:hover::before, .heroCarousel .slick-prev:focus::before, .heroCarousel .slick-next::before, .heroCarousel .slick-next:hover::before, .heroCarousel .slick-next:focus::before, .brandSec .slick-prev::before, .brandSec .slick-prev:hover::before, .brandSec .slick-prev:focus::before, .brandSec .slick-next::before, .brandSec .slick-next:hover::before, .brandSec .slick-next:focus::before{background-size:cover;}*/
	.heroCarousel .slick-prev{left:20px;}
	.heroCarousel .slick-next{right:20px;}
	.logossliderCarousel {padding:0 40px;  }
}

@media (max-width: 1600px){
.navPages-container-top .navPages-list > .navPages-item > .navPages-action{ padding:6px 10px; } 
.lacrosseContent{ left:5%; }
.categoriesFtr, .brandsFtr{ width:23%; padding-left:3%; }
.newsletterAndCompanyInfo{ width:54%; }
.ftrMail a{ word-break: break-word; }
}

@media (max-width: 1500px){
.refereeShirtsCategoryContent { left: 4%; }
.refereeShirtsCategoryContent h2{ font-size:100px; }
.refereeShirtsCategoryContent h2 span{ font-size:60px; }
.officialsSupplies h2{ font-size:60px; }
.navUser ul li.navUser-item{ min-width:inherit; }
.navUser-action{ padding:0 15px; }
}

@media (max-width: 1399px){
	
	.brandSec{padding:30px 35px;}
	.brandSec .slick-prev{left:-29%;}
	.brandSec .slick-next{right:-45px;}
	.heroCarousel-slide .heroCarousel-image{width:auto;}
	.dropdown--quickSearch .form-input, .navPages-quickSearch .form-input{ min-width:230px; padding-right:80px; }

	.subcategories_img ul li{ flex-basis:24%; }
	.contactPageContent { padding-right: 30px; }

}

@media (max-width: 1319px){
	.page-sidebar + .page-content .productGrid .product{width:33.33%;}
	.footerSocial{padding:0 0 0 10px; margin:0 0 0 10px;}
}

@media (max-width: 1299px){
.categoryBoxContent { left: 20px; top: 20px; }	
.categoryBoxContent h4{ font-size:40px; margin-bottom:10px; }
.categoryBoxContent p{ font-size:15px; margin-bottom:10px; }
.refereeShirtsCategoryContent { left:3%; }
.refereeShirtsCategoryContent h2{ font-size:70px; line-height:.7; }
.refereeShirtsCategoryContent h2 span{ font-size:40px; }
.refereeShirtsCategoryContent p{ font-size:20px; margin-bottom:25px; }
.shopByBrandSlide h2{ font-size:40px; }
.officialsSupplies h2{ font-size:40px; margin-bottom:10px; }
.officialsSupplies { padding: 50px 15px 40px; }
.headerCall h4 { font-size: 21px; }
.navPages-container .navPages-list > .navPages-item > .navPages-action{ font-size:16px; }
}

@media (max-width: 1279px){
	.navPages-action{padding:0 25px;}
	.ftrNewsletter .form-prefixPostfix .form-input{min-width:260px;}
	.footer-info-col{padding-right:0.75rem;}     
	.navPages-container{ background:#243f98; }   
}

@media (max-width: 1260px){
	.form-field.form-field--increments{margin-bottom:20px;}
}

@media (max-width: 1199px){
	.previewCartCheckout .button{font-size:12px; padding:12px 10px;}
	.productGrid .product{width:33.33%;}
	.navPages-action{font-size:14px; padding:0 20px;}
	.page-heading{font-size:30px;}
	.ftrNewsletter{display:block;}
	.footerSocial{display:block; border-left:none; border-top:1px solid rgba(255, 255, 255, 0.3); margin:20px 0 0 0; padding:20px 0 0 0; line-height:normal;}
	.footer-copyright{text-align:center;}
	.featuredProductsslider { padding: 50px 0; }
	.featuredProductsslider h2.page-heading{ font-size:30px; margin-bottom:20px; }
	.companyInfoFooter div, .footer a, .footer p{ font-size:14px; }
	.footer-info-heading{ font-size:18px; }
	.copyrightMain { padding: 15px 0; justify-content: center; flex-wrap: wrap; }
	.copyrightLeft{ margin-bottom:13px; width: 100%; text-align: center; }
	.shopByCollectionToggle{ padding-left:20px; padding-right:20px; }
	.headerCall { padding-left: 10px; }
	.headerCall h4 { font-size: 18px; }
	.navUser ul li.navUser-item.navUser-item--account a:first-child { min-width: 120px; }
	.productGrid li.product{ width:33.33%; }
	.navPages-container .navPages-list .navPages-item .navPage-subMenu .navPage-subMenu-list .navPage-subMenu-item > .navPage-subMenu-action{ font-size:14px; }
	.navPages-container-top .navPages-list > .navPages-item > .navPages-action{ font-size:14px; padding:6px 10px; } 
}

@media (max-width: 1100px){
.navPages-container .navPages-list > .navPages-item > .navPages-action{ font-size:15px; }
.navPages-container-top .navPages-list > .navPages-item > .navPages-action{ font-size:13px; } 
.page-sidebar + .page-content .productGrid .product { width: 50%; }
}

/* ============= Responsive Navigation Start ============= */

@media (max-width: 991px){
	.header{border-bottom:solid 1px #ddd; position:relative;}
	.header-logo {width:100%;text-align:center; padding:0; display:block; margin:0; max-width:unset;}
	.header-logo-image{max-height:inherit; max-width:120px;}
	.header-logo > a{width:auto; display:inline-block;}
	.header.is-open {position:fixed;height:100%;}
	.header.is-open .header-logo > a {z-index:0;}
	.header-logo-image-container{margin:10px auto !important;}
	.navUser-item--cart .countPill{ top:7px; }
	.navPages-container .navPages-list > .navPages-item > .navPages-action { padding: 8px 0; }

	.navPages{text-align:left; background:#e5e5e5;padding:20px; position:fixed; height: calc(100vh - 105px); width:100%; left:0; overflow-y:auto;}
	.navPages-container {bottom: 0; display: none; height: 100%; left: 0; position: fixed; overflow-y:auto; right: 0; z-index: 10; background:none;}
	.navPages-container.is-open {display: block; padding-top: 105px; z-index: -1;}
	.navPages ul li, .navPages ol li{ border-bottom:solid 1px #ccc; text-align:left; position:relative;}
	.navPages-list {display:block;}
	.navPages-item {float:none;color:#000;font-size:14px;}
	.navPages-action {display:block; padding:5px 0;font-weight:normal;text-transform:none;}
	.navPages-list--user {display:block;}
	.navPages-list:not(.navPages-list-depth-max) .navPage-subMenu-action{ padding:7px 0; }

.navUser-item.navUser-item--cart .navUser-action  img{ width:50px; }
.navPages-list:not(.navPages-list-depth-max) .navPages-action-moreIcon{ margin:0; }
.navPages-container  {  background:#fff !important; }

.navPages-container .navPages-list .navPages-item .navPage-subMenu .navPage-subMenu-list .navPage-subMenu-item > .navPage-subMenu-action{ padding-right:25px; }

	.navPage-subMenu-list .navPage-subMenu-action:hover{background:none; opacity:1;}
	.navPage-subMenu-item > .navPage-subMenu-action{border:none; margin:0;}
	.navPage-subMenu-item{width:100%; padding:0 !important;}
	.navPages-action-moreIcon { position:absolute;top:11px;right:0;}
	.navPages-action-depth-max.has-subMenu.is-open .navPages-action-moreIcon { border: 1px solid #d6cdc0; border-radius: 4px; float: left; height: 30px; margin-top: -4px; transform: rotate(90deg); width: 30px; padding:10px 0 0 0 ;top:10px;right:0;text-align:center;}
	.navPage-subMenu{position:relative; padding:5px 0 !important}
	.navPage-subMenu-horizontal.is-open{border-left: 0 none; height: auto; left: inherit; margin: auto; top: inherit; width: 100%;}
	nav.navPages .navPage-subMenu-list .navPages-action{text-transform:none;}
	nav.navPages .navPage-subMenu-list .navPages-action .cater_icon,
	nav.navPages .navPage-subMenu-list .navPage-childList .cater_img{ display:none; }
	.navPage-subMenu-action .collapsible-icon-wrapper{ width:auto; } 
	nav.navPages .navPage-subMenu-list .navPage-childList{padding:0 0 0 15px; margin:0; border:0;}
	.navPages-list--user .navPages-action{display:inline-block;}
	.navPage-childList .navPage-childList-item:last-child{border:none;}
	.navPages-list + .navPages-list{border:none; padding:0; margin:0;}
	.navPages li.navPage-subMenu-item:last-child{border:none;}
	.navPages ul li.navPages-item{padding:0;}
	.navPages ul.navPages-list > li.navPages-item.mainmenu_li.more-nav > .navPages-action{padding:0;}

	.mobileMenu-toggle {display: inline-block; font-size: 0; left: 11px; top:48px; overflow: hidden; padding:0; position: absolute; z-index: 50; margin-top:0; background:#163082 !important; width:40px !important; height:40px !important; border-radius:0;}
	.mobileMenu-toggle .mobileMenu-toggleIcon::before{top:-6px;}
	.mobileMenu-toggle .mobileMenu-toggleIcon::after{bottom:-6px;}
	.mobileMenu-toggle .mobileMenu-toggleIcon {top:19px;}
	.mobileMenu-toggle .mobileMenu-toggleIcon, .mobileMenu-toggle .mobileMenu-toggleIcon::before, .mobileMenu-toggle .mobileMenu-toggleIcon::after, .mobileMenu-toggle.is-open .mobileMenu-toggleIcon::before, .mobileMenu-toggle.is-open .mobileMenu-toggleIcon::after{width:20px; background:#fff;}
	.mobileMenu-toggle .mobileMenu-toggleIcon, .mobileMenu-toggle .mobileMenu-toggleIcon::before, .mobileMenu-toggle .mobileMenu-toggleIcon::after{background:#fff; margin:auto; left:0; right:0;}
	.navPages ul li.navPages-item > a.navPages-action{ font-weight:600; }

	.navPages-quickSearch {display:block;}
	.quickSearchResults .productGrid .product .card {border-bottom:none;}
	.dropdown--quickSearch .form-field .button, .navPages-quickSearch .form-field .button {margin:0;}
	.quickSearchResults{position:relative; max-width:none; width:100%; overflow-y:auto;}
	.quickSearchResults ul.productGrid{padding:10px 0 0 0;}
	.navPages-quickSearch .form-input{min-width:unset; max-width:unset;}


	.page-sidebar + .page-content{padding:0; width:100%;}
	.productGrid .product{width:33.33%;}
	.page-sidebar{display:none;}

	.headerLeft{     flex-basis: 100%; text-align:center; }
	.headerLeft .header-logo .header-logo-image { max-width: 130px; }
	.headerBanner{ margin-top:0 !important;  }
	.headerCenter{width:100%; text-align:center;}
	.headerRight{width:auto; margin-left:0; position:absolute; top:40px; right:0; padding:0;}
	.navUser-item navUser-item--cart{ width:50px; }

	.navUser ul li.navUser-item{display:none;}
	.navUser ul li.navUser-item.navUser-item--cart{ border:0; display:inline-block;}
	.navUser ul li.navUser-item.navUser-item--cart a p{ line-height:1; }
	.navUser ul li.navUser-item.navUser-item--cart a{ font-size:14px; }
	
	.page-sidebar{ display:block; width:100%; }
	.homeCategories{ width:100%; margin-left:0;  padding-left:0; }
	.page-sidebar + .page-content{ width:100%; padding-left:0; padding-right:0; }
	.productGrid li.product{ width:33.33%; }

	
	
	.ftrNewsletter .newsletterHead{padding-right:0;}
	.ftrNewsletter p{font-size:14px;}
	.ftrNewsletter .form{display:block; margin:15px 0 0 0;}
	.ftrNewsletter .form-prefixPostfix .form-input{min-width:unset; width:60%;}	
	.contactFormandContent { flex-wrap: wrap; }
	.contactPageContent{ padding:0 0 25px; }
	
	.navPage-childList-item .cater_img{display: block; text-align: center; vertical-align: middle; width: auto; position:relative; padding-bottom:60%;}
    .navPage-childList-item .cater_text{text-decoration:none; color: #000; display: block; font-size: 14px; padding:5px; text-align: left; letter-spacing:normal; font-weight:400; text-transform:none; float: none; width: 100%; display: block; border:0;}
	.navPage-childList-item .navPage-childList-action{ border:0; }
    .navPage-childList-item .cater_img > img {max-height: 100%; position: absolute; left:0; right: 0; top:0; bottom:0; margin:auto; width:auto;}
    .navPage-childList-item .navPage-childList-action{padding:0 !important; }
	
.headerLeft{ display:none; }
.categoryBoxContent h4{ font-size:30px;}
.categoryBoxContent p{ max-width:300px; } 
.refereeShirtsCategoryContent h2{ font-size:60px; }
.refereeShirtsCategoryContent h2 span{ font-size:34px; }
.categoriesFtr{ order:2; width:50%; }
.brandsFtr{ width:50%; }
.newsletterAndCompanyInfo{ width:100%; }
.footerTop{ flex-wrap:wrap; }
.ftrNewsletter { margin: 0 0 30px; }
.footer-info-heading{ margin:30px 0; }
.companyInfoFooter{ border-bottom: solid 1px #666666; }
.footerQuickLinks{ margin-top:20px; }
.headerTop .marqueeParentSection h5{ font-size:13px; }
.headerTop .marqueeParentSection { padding: 5px 0; }
 .accordion-nav-clear-holder button.accordion-navigation{ padding:0 15px; }
 .accordion--navList .accordion-title{ padding:13px 0; }
 .facetedSearch.sidebarBlock .facetedSearch-toggle{ margin-bottom:0; } 
 
}


@media (max-width: 900px){
.ftrNewsletter .container{ max-width:430px; }
.ftrNewsletter p{ font-size:12px; }
}
/* ============= Responsive Navigation Start ============= */


@media (max-width: 800px){
	.header{height:auto;}
	body{padding-top:0;}
	.header-logo > a{padding:0;}
	.navUser{position:relative; top:0; transform:none;}
	.tabs{clear:both;}
	.login-row .login-form, .login-row .new-customer{padding-left:0; padding-right:0;}
	.productView-options{padding-top:20px;}
	.productView-description{margin-top:20px;}
	.productView-images{padding-left:0; padding-right:0; margin-top:20px;}
	.productView{margin-left:0; margin-right:0;}
	.productView-details{padding:0;}
	.productView-title{font-size:22px; padding-top:0;}
	.tab{margin:0;}
	.productView-options .form-action{width:auto;}
	.subcategories_img ul li{ flex-basis:32.33%; }
	.productPageDescandImageMain .productView-images{ margin-bottom:0 !important; } 
	.productView-images .productView-image { border: solid 5px #e7e7e7; padding: 15px; }
	
	.highSchoolAssociationsMain > h2{ font-size:26px; padding:0 15px; line-height:1.3; }
.marqueeParentSection .js-marquee a img{ max-width:150px; } 
.highSchoolAssociationsMain { padding: 50px 0; }
.categoriesHome { grid-template-columns: 1fr 1fr; }
.categoryBox:nth-child(2) { grid-column: 1 / 3; order:1; }
.categoryBox:nth-child(3) {  order:4; }
.categoryBox:first-child{ order:2; }
.categoryBox:last-child{ order:3; }
.shopByBrandSlide h2{ font-size:30px; margin-bottom:15px; }
.shopByBrandSlide { padding: 40px 0; }
.officialsSupplies h2{ font-size:26px; line-height:1; }
.officialsSupplies .marquee-left h5,
.officialsSupplies .marquee-left span{ font-size:20px; }
.footerQuickLinks .footer-info-list{ justify-content: center; flex-wrap:wrap; }
.footerQuickLinks .footer-info-list li{ padding: 0 10px; }
.footerQuickLinks{ padding:15px 0; }
.copyrightLeft span.bull{ display:none; }
.copyrightLeft p{ display:block; text-align:center; }
.productView {  padding-top: 20px; }
.productGrid li.product{ width:50%; }
.card .card-figure .card-img-container img{ padding:20px 3%; }
h1 { font-size: 22px; }
.modal-body.quickView .productView-details { padding-left:20px; padding-right:20px; padding-bottom:10px; }
.facetedSearch-clearLink{ top:25px; }
.navBar--sub{ margin-bottom:35px; }
}


@media (max-width: 768px){ 	.productView-options .form-action { padding-left:0; } .productView-thumbnail{ width:16.66%; } }
@media (max-width: 767px){
	.dropdown-menu.is-open {left:inherit !important;right:0;}
	.page-sidebar + .page-content .productGrid .product{width:50%;}
	.productGrid .product{width:50%;}
	.footer-info-col { width:50%; }
	.refereeShirtsCategoryContent{ position:relative; top:0; transform:translateY(0); background:#565654; left:0; text-align:center;         padding: 40px 15px 30px; }	
.refereeShirtsCategoryContent h2{ font-size:40px; }
.refereeShirtsCategoryContent h2 span{ font-size:24px; }
.refereeShirtsCategoryContent p{ font-size:16px; margin-bottom:15px; }
.refereeShirtsCategoryContent a { font-size: 14px; padding: 9px 20px; }
.featuredProductsslider h2.page-heading { font-size: 24px; margin-bottom: 10px; }
.featuredProductsslider { padding: 30px 0; }
}


@media (max-width: 640px){
	.blog-post-figure{width:100%;}
	.blog-post-body{width:100%;}
	.brandCarousel .slick-prev{ left:40%; }
	.brandCarousel .slick-next{ right:40%; }
	.subcategories_img ul li{ flex-basis:49%; }
		.page-heading{font-size:22px;}
		.productView-thumbnail{ width:20%; }
		.categoryBoxContent h4 { font-size: 24px; }
.refereeShirtsCategory img { height: 300px; object-fit: cover; object-position: right center; }
	.prdctBtn .card-figcaption-button{ max-width:90%; font-size:16px; padding:12px 0; }
	.card-title{ font-size:14px; height: 54px; }
	.card{ padding-bottom:15px !important; }
	.footer-info-list li { padding: 0 0 10px; }
	.brand-image-container{ display:none; }
}

@media (max-width: 639px){
	.headertopLine{font-size:15px; line-height: normal;}
}

@media (max-width: 550px){
	.navUser-item-cartLabel, .navUser-item--cart__hidden-s{display:inline-block;}
	.navUser ul li.navUser-item{line-height:normal;}
	.cart-additionalCheckoutButtons .FloatRight div{width:100%; text-align:center;}
	.cart-additionalCheckoutButtons{width:100%;}
	.cart-total-label{text-align:left; padding-left:0; padding-right:10px;}
	.cart-actions .checkoutMultiple{width:100%; text-align:center;}
	.cart-additionalCheckoutButtons .FloatRight div {float: none;padding: 10px 0 0;}
	.footer-info-col{text-align:left;}
	.cart-item-info{text-align:center;}
	.tab-title{text-align:center;}
	.productView-details .addthis_toolbox{text-align:center;}
	.topTxt{font-size:24px;}
	.productView-options{text-align:left;}
	.productCarousel .slick-list .productCarousel-slide{ border:0; }
	.ftrNewsletter .form-prefixPostfix .button{ width:100%; }
	.footer-info-heading{ width:100%; }
	.footer-info{ padding-top:30px; }
	.copyrightLeft, .copyrightRight{ width:100%; text-align:center; }
	.copyrightLeft{ padding-bottom:8px; }
	.productView-info > :first-child{ margin-top:0; }
	.modal-body #CartEditProductFieldsForm .form-actions input.button { width:auto; margin-top:10px; }
	.companyInfoFooter{ flex-wrap:wrap; }
	.companyInfoFooter .ftrCall, .ftrLocation, .ftrMail{ border-bottom: solid 1px #666666; }
	.companyInfoFooter{ border-bottom:0; }
	.companyInfoFooter > div, .companyInfoFooter .ftrCall{ padding:15px 10px; }
	.productView-title{font-size:18px; }
	.productView-price .price-section { font-size: 16px; }
	.productView-images { margin-bottom: 25px; }

}

@media (max-width: 549px) {
	.page-heading{font-size:22px;}
	.estimator-form .button--primary{width:100%;}
	.footer-info-col--small, .footer-info-col--small:nth-child(2), .footer-info-col--small:nth-child(3), .footer-info-col--small:last-child{width:100%;}
	.ftrNewsletter .form-prefixPostfix .form-input{width:100%; margin:0 0 10px 0;}
	.ftrNewsletter .newsletterHead{background-position:top center; padding:45px 0 0 0; text-align:center;}
}


@media (max-width: 480px) {
	.bull{display:block; font-size:0; line-height:normal;}
	.card-img-container::after{padding-bottom:55%;}
	.blog-post-body{width:100%; padding-left:0;}
	.blog-post-figure{width:100%;}
	.brandGrid .brand{width:100%;}
	.productGrid .product{width:100%;}
	.page-sidebar + .page-content .productGrid .product{width:100%;}
	.pagination-list li.pagination-item--next, .pagination-list li.pagination-item--previous{width:100%; text-align:center;}
	.pagination-list li.pagination-item--previous{margin-bottom:10px;}
	.pagination-list li.pagination-item--next{margin-top:10px;}
}

@media (max-width: 479px) {
	.cart-total-label{width:50%;}
	.coupon-form .form-input, .cart-gift-certificate-form .form-input{width:73%;}
	.coupon-form .button, .cart-gift-certificate-form .button{width:25%;}
	.category-suggestion {width:100%;}
	.coupon-form .form-input, .cart-gift-certificate-form .form-input {width:100%;}
	.coupon-form .button, .cart-gift-certificate-form .button {margin:10px 0 0 0;width:100%;}
	.button--primary {min-width:inherit;}
	.table-actions .button {width:auto;}
	.table-actions .button {font-size: 12px;height: auto;padding: 10px;width: auto;}
	.previewCartCheckout .button {display: block;font-size: 11px;height: auto;margin: 0;padding: 10px;width: 100%;}
	.previewCartCheckout {margin-bottom:10px;}
	.productView-thumbnail-link {height:40px;}
	.estimator-form .button--primary {padding:10px;}
	.actionBar-section .form-select{min-width:195px;}
	.subcategories_img ul li{ flex-basis:100%; margin:0 0 12px; }
	.productView-thumbnail{ width:25%; }
	.marqueeParentSection .js-marquee a img{ max-width:100px; } 
.marqueeParentSection .js-marquee{ gap:10px; }
.marqueeParentSection{ padding:5px 0; } 
.categoryBoxContent p{ display:none; }
.categoriesHome { grid-template-columns: 1fr; gap:0; }
.categoryBox{ margin-bottom:10px; grid-column: inherit !important; }
.categoryBox img{ height:210px; }
.refereeShirtsCategory img { height:240px; }
.shopByBrandSlide h2{ font-size:24px;  }
.productGrid li.product{ width:100%; }
.card .card-figure .card-img-container img{ padding:10px 0; }
.footer-info-heading { margin: 30px 0 15px; }
.prdctBtn{ height:auto; }

}

@media (max-width: 360px){
	.g-recaptcha {overflow-y: auto;}
	.writeReview-form .g-recaptcha div, .writeReview-form .g-recaptcha iframe{width:230px !important; overflow-y: auto;}
	.ftrNewsletter .newsletterHead .footer-info-heading, .footerSocial .footer-info-heading, .footer-info-heading{font-size:17px;}
}
@media (max-width: 380px){
.categoryBox img{ height:180px; }
}