/***/
 .index .navbar-brand img {
    max-width: 170px;
    opacity: 0;
}

.fixed-pinned .navbar-brand img {
    max-width: 170px;
    opacity: 1;
}

.navbar-brand img {
    max-height: 8rem;
    width: auto;
    max-width: 60px;

}

.main-nav-container.fixed-pinned .navbar-brand img {
    max-height: 120px;
}
/**/
.sq-images h2 {
    font-size: 25px;
}

.store-footer__inner img {
  margin: auto;
  filter: brightness(0.0)invert(1);
}


.numbers .products {
    grid-template-columns: repeat(3, 1fr);
}
/* categary 5 banner*/
a.banner-entry:nth-of-type(4) {
    grid-column:3/4;
    
}

a.banner-entry:nth-of-type(2) {
    grid-column: 2/3;
    grid-row: 1/3;
    height: 100%;
}
a.banner-entry:nth-of-type(1) {
   
    height:100% !important;
    
}


.lazy__bg {

    background-size: cover;
    background-position: top;
 
 
   
}

@media (max-width: 786px) {
.grid.md\:grid-cols-3.two-row.grid-flow-row.gap-3.sm\:gap-8 {

     grid-template-columns: repeat(1, minmax(0, 1fr)) !important;

}

a.banner-entry:nth-of-type(2) {
    grid-column: 2/3;
    grid-row: unset; 
    height: 100%;
}
a.banner-entry:nth-of-type(1) {
    grid-column: 1/3;
    height: 450px !important;
}

a.banner-entry:nth-of-type(2) {
    grid-column: 1/3;
    height: 440px !important;
}

a.banner-entry:nth-of-type(3) {
    grid-column: 1/3;
    height: 230px !important;
}

a.banner-entry:nth-of-type(4) {
    grid-column: 1/3;
    height: 230px !important;
}


/**/
.sq-images h2 {
    font-size: 17px;
}

/**/


  footer * {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }


}

/**/

button.undefined.s-button-element.s-button-btn {
  background-color: var(--color-primary);
  color: white;
}

.offers  h2 ,.offers  p {
    text-shadow: 0.5px 2px #163a5f;
    color: #fff;
}

.copyright-text  {

    color: #fff !important;
}

.copyright-text a:hover {
    color: #fff !important;
}


/**/

.banner-image {
    margin-top: 4rem;
}


.banner-image  .container {
    max-width: 100%;
}

.banner-image .banner-text-container span{
width:50%

}
@media (max-width: 786px) {


.banner-image .banner-text-container {
    justify-content: end;
}

.banner-image .banner-text-container > div {
    text-align: center;
    background: #0000006b;
    width: 100%;
}

.banner-image  .container {
    max-width: 100%;
    padding: 0;
}
}





/****/