.top-header{
    background-color: #000;
}
.top-header .free-shipping-message{
    color: white;
    margin: 0px;
    padding: 15px 0px;
    text-align: center;
}

header.site-header {
    padding: 5px 0px;
}
ul#hp-slides li.flex-active-slide {
    background-size: cover;
}
header.site-header nav#menulinks-outer {
    margin-bottom: 15px;
}

section.navbar-wrapper nav.navbar ul#categories {
    float: none;
    text-align: center;
}

section.navbar-wrapper nav.navbar ul#categories li a {
    padding: 15px 20px;
}

.page_heading, .page_heading:after {
    border: none;
}

.hp-slide-content .hp-slider-text-outer {
    display: block;
    height: auto;
    padding: 75px 0px;
}

ul#hp-slides li.flex-active-slide {
    float: none !important;
    margin-right: 0px !important;
    background-position-y: 25%;
    background-position-x: 25%;
    background-size: cover;
}

.hp-slider-text h3 {font-size: 60px;}

.hp-slider-text h3 > small {
    font-size: 25px;
}

.hp-slider-text h3 > span {
    font-size: 30px;
}

section.home-category-footer .hp-full-banner-text h2 {
    text-align: left;
    font-size: 45px;
}

section.home-category-footer .hp-full-banner-cta {
    text-align: left;
}

section.home-category-footer .hp-full-banner-text {
    width: 50%;
    padding: 50px 0px;
}

section.home-category-footer .hp-full-banner-text h2 span {
    font-size: 35px;
    display: block;
    margin-top: 15px;
}
.home-page section.category-footer.content-section {
    display: none;
}

.container.copyright {
    padding: 0px 15px 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.container.copyright p {
    width: 50%;
}

.container.copyright ul.payment-icons {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    margin: 0px;
}

/*CSS start for Product page*/

.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor, .r-tabs .r-tabs-panel.r-tabs-state-active {
    background-color: #ececec;
}

.r-tabs .r-tabs-nav .r-tabs-state-active {
    margin-bottom: 0px;
    background: no-repeat;
}

.product-cols {
    background-color: #f7f7f7;
    margin: 0px;
    padding: 15px;
}

.cart-items>li.items-header {
    background-color: #000;
    color: #fff;
}

.cart-items li.cart-item:nth-child(even) {
    background-color: #ececec;
}

.cart-items li.cart-item:nth-child(odd) {
    background-color: #dedede;
}

.cart-left .left-subtotal {
    background-color: #000;
    color: #fff;
}

/*CSS end for Product page*/

/*CSS start for BLOG*/

.post-image .post-image-container img {
    width: 100%;
}

section#blog .blogPost {
    background-color: #ececec;
    padding: 15px;
    border-radius: 0px 0px 10px 10px;
    box-shadow: 0px 2px 1px #000;
}

.sidebar-widget .widget-header {
    background-color: #000;
    color: #fff;
    padding: 15px;
    margin: 0px;
}

ul.sidebarUL>li {
    padding: 10px;
    margin: 0px;
    border: none;
}

ul.sidebarUL li:nth-child(odd) {
    background-color: #ececec;
}

ul.sidebarUL li:nth-child(even) {
    background-color: lightgrey;
}

ul.sidebarUL>li a {
    display: block;
}
section.breadcrumnb {
    background-color: #ececec;
    margin: 0px;
    padding: 15px;
    margin-bottom: 30px;
    border-bottom: 1px solid #000;
}
section#category {
    padding-top: 0px;
}
/*CSS end for BLOG*/

/*CSS start for FAQ*/

div#accordion .panel.panel-default .panel-collapse {
    background-color: #ececec;
    padding: 15px;
    border-radius: 0px 0px 10px 10px;
}

div#accordion .panel.panel-default p {
    margin: 0px;
}

div#accordion .panel.panel-default .panel-heading {
    background-color: lightgrey;
}

div#accordion .panel.panel-default .panel-heading h4 {
    margin: 0px;
}

div#accordion .panel.panel-default {
    margin-bottom: 10px;
    box-shadow: 0px 0px 1px #ccc;
    border-radius: 0px 0px 10px 10px;
}

div#accordion .panel.panel-default .panel-heading h4 a, 
div#accordion .panel.panel-default .panel-heading h4 a:hover,
div#accordion .panel.panel-default .panel-heading h4 a:focus {
    display: block;
    padding: 15px;
    text-decoration: none;
    color: #000;
    font-weight: 600;
    outline: none;
    outline-offset: 0px;
    box-shadow: none;
}

/*CSS end for FAQ*/

@media only screen and (min-width: 1024px) and (max-width: 1100px){
    ul#hp-slides li.flex-active-slide {
        background-position-y: -150px !important;
    }
}
@media only screen and (max-width:1024px){
    ul#hp-slides li.flex-active-slide {
        background-position-y: 35%;
        background-position-x: 40%;
    }
}

@media only screen and (min-width:768px) and (max-width:991px){
    .hp-slider-text h3 {
        font-size: 40px;
        text-align: left;
        line-height: normal;
    }

    .hp-slider-text {
        padding: 0px;
        width: 65%;
    }

    .hp-slider-cta {
        text-align: left;
    }

    ul#hp-slides li.flex-active-slide {
        background-position-x: 50%;
        background-position-y: 56%;
    }

    section.home-category-footer .hp-full-banner-text {
        width: 100%;
    }

    section.home-category-footer .hp-full-banner-text h2 {
        text-align: center;
    }

    section.home-category-footer .hp-full-banner-cta {
        text-align: center;
    }
}

@media only screen and (min-width: 600px) and (max-width: 767px){
    ul#hp-slides li.flex-active-slide {
        background-position-y: 43%;
        background-position-x: 53% !important;
        background-size: auto !important;
    }

    ul#hp-slides li.flex-active-slide .hp-slider-text {
        width: 57%;
    }
}

@media only screen and (max-width: 767px){
    .mobile-menu-widget ul li {
        display: block;
    }
    .hp-slider-text h3 {
        font-size: 25px;
        text-align: left;
        line-height: 28px;
    }

    .hp-slider-text h3 > small {
        font-size: 18px;
        padding-bottom: 10px;
    }

    .hp-slider-text h3 > span {
        font-size: 20px;
        padding-top: 10px;
    }

    .hp-slider-cta {
        text-align: left;
    }

    .hp-slide-content .hp-slider-text-outer {
        padding: 78px 0px;
    }

    div#searchBox {
        padding-top: 10px;
    }

    section.home-category-footer .hp-full-banner-text {
        width: 100%;
    }

    section.home-category-footer .hp-full-banner-text h2 {
        font-size: 35px;
        text-align: center;
    }

    section.home-category-footer .hp-full-banner-cta {
        text-align: center;
    }
    .container.copyright{
        display: block;
        padding-bottom: 30px;
    }
    .container.copyright ul.payment-icons,
    .container.copyright p{
        width: 100%;
        text-align: center;
        display: block;
    }
    #hp-slides > li {
        background-position-x: 0% !important;
    }
}
@media only screen and (max-width: 480px){
    ul#hp-slides li.flex-active-slide .hp-slider-text {
        padding: 0px;
        width: 80%;
    }
    .hp-slide-content .hp-slider-text-outer {
        padding: 78px 0px;
    }
}
@media only screen and (max-width: 380px){
    .hp-slide-content .hp-slider-text-outer {
        padding: 60px 0px;
    }
}

/* Center homepage carousel background images */
#hp-slides > li,
ul#hp-slides li,
ul#hp-slides li.flex-active-slide {
    background-position: center center !important;
    background-size: cover !important;
}

/* Match carousel details alignment to title alignment */

/* Desktop: keep details centered */
.hp-slider-text p {
    text-align: center;
}

/* Tablet: title becomes left-aligned here, so details should too */
@media only screen and (min-width:768px) and (max-width:991px) {
    .hp-slider-text p {
        text-align: left;
    }
}

/* Mobile: title is also left-aligned here, so details should too */
@media only screen and (max-width:767px) {
    .hp-slider-text p {
        text-align: left;
    }
}

.home-category-header .homepage-category-link {
  position: relative;
  display: block;
  overflow: hidden;
}

.home-category-header .homepage-category-link img {
  display: block;
  width: 100%;
  height: auto;
}

.home-category-header .homepage-category-link {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 16px;
}

.home-category-header .homepage-category-link img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 16px;
}

.home-category-header .homepage-category-label {
  position: absolute;
  top: 72%;
  left: 50%;
  z-index: 2;

  transform: translate(-50%, -50%);

  display: inline-block;
  padding: 10px 18px;

  font-size: clamp(2.6rem, 4.5vw, 4.25rem);
  font-weight: 400;
  line-height: 1;
  text-transform: uppercase;
  text-align: center;
  white-space: nowrap;

  color: rgba(255, 255, 255, 1);
  -webkit-text-fill-color: rgba(255, 255, 255, 1);

  background: rgba(0, 0, 0, 0.45);
  border-radius: 4px;

  text-shadow: none;

  transition:
    color 180ms ease,
    -webkit-text-fill-color 180ms ease,
    background 180ms ease,
    transform 180ms ease;

  pointer-events: none;
}

.home-category-header .homepage-category-link:hover .homepage-category-label,
.home-category-header .homepage-category-link:focus .homepage-category-label,
.home-category-header .homepage-category-link:active .homepage-category-label {
  color: #ffffff;
  -webkit-text-fill-color: #ffffff;
  background: rgba(0, 0, 0, 0.88);
  transform: translate(-50%, -50%) scale(1.03);
}

.home-category-header .homepage-category-link:hover .homepage-category-label,
.home-category-header .homepage-category-link:focus .homepage-category-label,
.home-category-header .homepage-category-link:active .homepage-category-label {
  color: #ffffff;
  -webkit-text-fill-color: #ffffff;
  text-shadow:
    0 2px 10px rgba(0, 0, 0, 0.45);

  transform: translate(-50%, -50%) scale(1.03);
}