#gallery .brand-header {
    max-height: 840px;
}
.single-product  .collection-slider {
    background: #ffffff;
    padding: 3.9em !important;
    padding-top: 0 !important;
}
#gallery   .brand-slider{
    width: 100%;
    margin-bottom: 0 !important;
}

#gallery .brand-slider .slick-slide  {
    width: auto;
    padding-left: 7px;
    padding-right: 7px;
}

#gallery  .brand-slider .slick-slide .img-cont {
    width: auto;
    height: 840px;
    /*background-position: center;
    background-repeat: no-repeat;
    background-size: cover;*/
}

#gallery .brand-slider .slick-prev {
    height: 40px;
    width: 40px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 50px;
    z-index: 5;
    cursor: pointer;
    background: url(/wp-content/themes/hello-theme-child-master/assets/img/home-slider-left.png) center/contain no-repeat;
}

#gallery .brand-slider .slick-next  {
    height: 40px;
    width: 40px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 50px;
    z-index: 5;
    cursor: pointer;
    background: url(/wp-content/themes/hello-theme-child-master/assets/img/home-slider-right.png) center/contain no-repeat;
}

#gallery .brand-slider .slick-dots  {
    width: auto;
    display: inline-block;
    top: calc(50% - 12px);
    right: 100px;
    bottom: initial;
}

#gallery .brand-slider .slick-dots li {
    width: auto;
    height: auto;
    margin: 0;
}

#gallery .brand-slider .slick-dots li:not(.slick-active)  {
    display: none;
}

#gallery  .brand-slider .slick-dots button  {
    width: auto;
    height: auto;
    padding: 0;
    display: inline-block;
    font-size: 18px;
    line-height: 23px;
    color: #ffffff;
}

#gallery .brand-slider .slick-dots button:before  {
    display: none;
}

#gallery .brand-slider .slick-dots span   {
    display: inline-block;
    font-size: 18px;
    line-height: 23px;
    color: #ffffff;
}
 .slider-count {
    font-family: "Basis Grotesque";
    font-size: 12px;
    letter-spacing: 0.03px;
    line-height: 15px;
    color: #FFFFFF;
    white-space: nowrap;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity 0.3s;
    z-index: 9999;
}
.active .slider-count ,
.slick-slide.active .slider-count {
    opacity: 1;
    transition: opacity 0.3s;
}
#gallery  .brand-slider .slick-dots .divider-mobile{
    display: none;
}
#gallery  .brand-slider .slick-slide{
    position: relative;
    cursor: url("/wp-content/themes/hello-theme-child-master/assets/img/Plus-Icon.svg") 23 23, auto;

}

  #gallery .view_gallery{
    font: normal normal 400 18px/18px "Basis Grotesque";
    text-decoration: underline;
    display: none;
    position: absolute;
    right: 20px;
    bottom: 40px;
    color: #fff;
    cursor: pointer;
}
#gallery_popup {
    position: fixed;
    z-index: 99999999;
    width: 100%;
    height: 100%;
    top: 0;
    background-color: #242424;
    display: none;
}
#gallery_popup .content {
    display: flex;
    align-items: center;
    height: 100%;
}
#gallery_popup .content .close {
    position: absolute;
    right: 50px;
    top: 50px;
    cursor: pointer;
    z-index: 9;
}
#gallery_popup .content .gallery_popup-slider{
    width: 100%;
    margin: 0!important;
}

#gallery_popup .gallery_popup-slider .slick-slide .img-cont {
    height: 90vh;
    margin: auto;
    width: auto;
    object-fit: contain;
}
#gallery_popup .gallery_popup-slider .slick-next {
    width: 40px;
    height: 41px;
    background-position: center;
    background-size: contain;
    right: 50px;
    -webkit-transform: translate(0, -50%) scale(-1) !important;
    -ms-transform: translate(0, -50%) scale(-1)!important;
    transform: translate(0, -50%) scale(-1 )!important;

    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8' %3F%3E%3Csvg   xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='41' height='42'%3E%3Cpath fill='none' stroke='%23828282' stroke-width='1' stroke-miterlimit='10' transform='translate(0.5 0.5)' d='M20 0C31.045694 -2.0290613e-15 40 8.9543047 40 20C40 31.045694 31.045694 40 20 40C8.9543047 40 6.7635374e-16 31.045694 0 20C-1.3527075e-15 8.9543047 8.9543047 1.3527075e-15 20 0Z' fill-rule='evenodd'/%3E%3Cpath fill='white' transform='matrix(-1 -8.74228e-08 8.74228e-08 -1 24.5002 26.5)' d='M1.2003874 12C0.89316499 12 0.58594263 11.882391 0.35192561 11.648375C-0.11730853 11.17914 -0.11730853 10.420685 0.35192561 9.9514513L4.3182144 5.9851623L0.5019365 2.0332749C0.042303078 1.5556401 0.055504039 0.7959848 0.53193873 0.33635136C1.0095735 -0.12328207 1.7692287 -0.11008111 2.2288623 0.36515346L6.8635993 5.1655025C7.3184323 5.6371369 7.3124318 6.3847914 6.8491983 6.8480253L2.0488491 11.648375C1.8148321 11.882391 1.5076097 12 1.2003874 12' fill-rule='evenodd'/%3E%3C/svg%3E%0A");
    cursor: pointer;
}
#gallery_popup .gallery_popup-slider .slick-prev {
    width: 40px;
    height: 41px;
    background-position: center;
    background-size: contain;
    left: 50px;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8' %3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='41' height='42'%3E%3Cpath fill='none' stroke='%23828282' stroke-width='1' stroke-miterlimit='10' transform='translate(0.5 0.5)' d='M20 0C31.045694 -2.0290613e-15 40 8.9543047 40 20C40 31.045694 31.045694 40 20 40C8.9543047 40 6.7635374e-16 31.045694 0 20C-1.3527075e-15 8.9543047 8.9543047 1.3527075e-15 20 0Z' fill-rule='evenodd'/%3E%3Cpath fill='white' transform='matrix(-1 -8.74228e-08 8.74228e-08 -1 24.5002 26.5)' d='M1.2003874 12C0.89316499 12 0.58594263 11.882391 0.35192561 11.648375C-0.11730853 11.17914 -0.11730853 10.420685 0.35192561 9.9514513L4.3182144 5.9851623L0.5019365 2.0332749C0.042303078 1.5556401 0.055504039 0.7959848 0.53193873 0.33635136C1.0095735 -0.12328207 1.7692287 -0.11008111 2.2288623 0.36515346L6.8635993 5.1655025C7.3184323 5.6371369 7.3124318 6.3847914 6.8491983 6.8480253L2.0488491 11.648375C1.8148321 11.882391 1.5076097 12 1.2003874 12' fill-rule='evenodd'/%3E%3C/svg%3E%0A");
    cursor: pointer;
}
#gallery_popup .gallery_popup-slider .slick-dots  {
    width: auto;
    display: inline-block;
    top: calc(50% - 0px);
    transform: translate(0, -50%) !important;
    right: 100px;
    bottom: initial;
}
#gallery_popup .gallery_popup-slider .slick-dots li {
    width: auto;
    height: auto;
}
#gallery_popup .gallery_popup-slider .slick-dots li:not(.slick-active) {
    display: none;
}
#gallery_popup .gallery_popup-slider .slick-dots li  span{
    font: normal normal bold 12px / 15px "Basis Grotesque" !important;
    display: inline-block;
    color: #ffffff;
}
#gallery_popup .gallery_popup-slider .slick-dots li  span .divider{
    margin: 0 5px;
}
#gallery_popup .gallery_popup-slider .slick-dots li button {
    width: auto;
    height: auto;
    padding: 0;
    display: inline-block;
    color: #ffffff;
    font: normal normal bold 12px / 15px "Basis Grotesque" !important;
    cursor: pointer;
    border: 0;
    outline: none;
    background: transparent;
}
@media (max-width: 1024px) {
    #gallery .brand-header {
        max-height: 500px;
    }
    #gallery .brand-slider .slick-slide .img-cont  {
        height: 500px;
    }
}
@media (max-width: 991px) {
    #gallery .brand-header {
        max-height: 500px;
    }
    .single-product  .collection-slider {
        padding: 0 !important;
        margin-bottom: 0 !important;
    }
    #gallery .brand-slider .slick-slide .img-cont  {
        height: 500px;
    }
    #gallery .view_gallery{
        display: block;

    }
    #gallery .brand-slider .slick-dots,
    #gallery .brand-slider .slick-prev ,
    #gallery .brand-slider .slick-next  {
       display: none!important;
    }
    #gallery .brand-slider .slick-dots .divider { display: none; }
    #gallery  .brand-slider .slick-dots .divider-mobile {
        display: inline;
        padding: 0 3px;
    }
    #gallery_popup .content .close{
        right: 25px;
        top: 20px;

    }

    #gallery_popup .gallery_popup-slider .slick-prev,
    #gallery_popup .gallery_popup-slider .slick-next{
        top:auto;
        bottom: 50px;
    }
    #gallery_popup .gallery_popup-slider .slick-prev{
        left: 15px;
    }
    #gallery_popup .gallery_popup-slider .slick-next{
        right: 15px;
    }
    #gallery_popup .gallery_popup-slider .slick-dots{
        top: auto;
        right: 70px;
        bottom: 73px;
    }

}
@media (max-width: 768px) {
    #gallery .brand-slider .slick-slide .img-cont  {
        width: 100%;
        object-fit: cover;
    }

    #gallery .brand-slider .slick-slide {
        padding-left: 0;
        padding-right: 0;
    }
}
@media (max-width: 500px) {
    #gallery .brand-slider .slick-prev {
        left: 20px;
    }

    #gallery .brand-slider .slick-next  {
        right: 20px;
    }

    #gallery .brand-slider .slick-dots   {
        right: 63px;
        top: calc(50% - 10px);
    }
}