.toolbar .cart-btn>.btn {
    background: #f36e21;
}

.header-full .logo img {
/* Change this for desktop */
    max-width: 200px !important;
    height: auto !important;
    max-height: none !important;
}

.catalog-grid .tile .footer a {
    color: #8f8f91;
}
.catalog-grid .brand-label, .catalog-grid .tile .manufacturer-ref, .catalog-grid .tile .product-name, .catalog-single .tile .manufacturer-ref, .catalog-single .tile .product-name, .productdetails .brand-label, .productgridfull .manufacturer-ref, .productgridfull .product-name, .productgridwidget .manufacturer-ref, .productgridwidget .product-name{
 font-size:1em;
}

/* Monthly */
.merchandising-content-static {
    border: 3px solid #66B3B0;
}
.toolbar .cart-btn i.fa-shopping-bag{
   color:#ffffff
}
.footer a:hover{
   color:#f36e21;
   text-decoration:none;
}
footer .logo{
  Border-bottom:none
}

/*  Hide default inventory display - replaced via script */
.showproductlocations, .catalog-grid .tile .footer a.showproductlocations{
	display: none
}

Homepage New

/*
.most-popular.catalog-grid .tile .footer .footer-wrapper{
 min-height: 150px;
}
.most-popular.catalog-grid .tile .price-label {
    position: absolute;
    bottom: 40px;
}
.most-popular.catalog-grid .tile .product-price-rrp{
    position: absolute;
    bottom: 0px; 
}
*/
/*  Hide default inventory display - replaced via script */
/*.showproductlocations, .catalog-grid .tile .footer a.showproductlocations{
display: none
}*/

/* Top Brands Styling */
.category-item {
}
.category-item img {
  transition: transform 0.3s;
}
.category-item img:hover {
  transform: scale(1.1);
}
.category-item p {
  margin-top: 10px;
  font-size: 19px;
  font-weight: bold;
  color: #000;
}

/* Homepage USP Icon Styling */

.features-container {
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 20px;
            flex-wrap: wrap;
            margin: 0 auto;
            border: 1px solid #f36e21;
            border-radius: 10px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            padding: 20px;
        }

        .feature-item {
            display: flex;
            align-items: center;
            padding: 15px;
            border-right: 1px solid #f36e21;
            flex-grow: 1;
            min-width: 200px;
            text-decoration: none; /* Remove underline from links */
            color: inherit; /* Inherit text color */
        }

        .feature-item:last-child {
            border-right: none;
        }

        .feature-icon {
            font-size: 40px;
            margin-right: 15px;
            color: #f36e21; /* Icon color */
            transition: transform 0.2s;
        }

        .feature-item:hover .feature-icon {
            transform: scale(1.1); /* Slight zoom on hover */
        }

        .feature-text h4 {
            margin: 0;
            font-size: 20px;
            color: #f36e21; /* Dark blue for titles */
        }

        .feature-text p {
            margin: 0;
            font-size: 20px;
            color: #f36e21;
        }

        @media (max-width: 768px) {
            .features-container {
                flex-direction: column;
                align-items: stretch;
            }

            .feature-item {
                border-right: none;
                border-bottom: 1px solid #f36e21;
            }

            .feature-item:last-child {
                border-bottom: none;
            }
          
  /* Homepage Titles Styling */
    .section-header {
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 20px 0;
            font-family: Arial, sans-serif;
        }

        .section-header:before,
        .section-header:after {
            content: "";
            flex: 1;
            border-bottom: 2px solid #f36e21; /* Change color to match the lines */
            margin: 0 15px;
        }

        .section-header h2 {
            font-size: 1.8em;
            color: #f36e21; /* Text color */
            font-weight: bold;
            text-align: center;
            white-space: nowrap; /* Keeps the text on a single line */
        }

        @media (max-width: 768px) {
            .section-header h2 {
                font-size: 1.5em; /* Adjust the font size for smaller screens */
            }
        }

        @media (max-width: 480px) {
            .section-header h2 {
                font-size: 1.2em; /* Further adjust the font size for very small screens */
            }
        }
          
    /* start of video */

.tagline {
    z-index: 20;
}
.tagline:first-child {
    height: 54vh;
    min-width: 250px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
   display: -webkit-box; 
   display: -moz-box;
   display: -ms-flexbox;
   display: -webkit-flex; 
   display: flex;
   -webkit-box-align: center;
   -moz-box-align: center;
   -ms-flex-align: center;
   -webkit-align-items: center;
   align-items: center;
}
section#section-top {
    height: auto;
    overflow:hidden;
}
.video-filter {
    z-index: 0;
    background-color: #2d364157;
    width: auto;
    height: auto;
    position: absolute;
     left: 0;
}
.bgvid-c {
    height: auto;
    width: auto;
    overflow: hidden;
    position: absolute;
    object-fit: fill;

}
#bgvid {
    
  display: flex;
    align-items: center;
    justify-content: center;
    height: auto;
    width: auto;
    position: absolute;
}
#section-top h1 {
    color: #fff;
}
.img-icon {
    width: auto;
    margin-top: auto;
    margin-left: auto;
}
.btn-white {
    background: transparent;
    border: 1px white solid;
    color: white;
}
.btn-white:hover {
    background: rgba(255, 255, 255, 0.37);
    color: white;
}
#section-top .btn-primary {
    border: 1px solid;
    border-color: white;
}
@media only screen and (min-width: 1501px) {

    #bgvid {
    bottom: 50%;
}

    }

@media only screen and (max-width: 1500px) and (min-width: 1220px) {

    #bgvid {
    bottom: 32%;
}

    }

@media only screen and (max-width: 992px) {
    #section-top h1 {
    font-size: 1.5em;
}
#section-top .btn {
    font-size: 23px;
    padding: 12px 30px;
}

}

@media only screen and (max-width: 600px) {
  h1 #section-top  {
    font-size: 1.5em;
}
#section-top .btn {
    font-size: 14px;
    padding: 10px 15px;
}

}

/* end of video */