/* BANNER */
.banner {width: 100%;overflow: hidden;position: relative;}    
.bannertext {position: absolute;top: 0;left: 0;right: 0;width: 100%;height: 100%;z-index: 1;}
.webox {
    width: 100%;
    position: relative;
    z-index: 1;
    max-width: 700px;
    margin-bottom: 60px;
}
.hmbo_wrap {display: flex;align-items: center;height: 100%;}
.banner .heading-60{
    color: var(--white);
}
.webox p{
    color: var(--white);
    font-size: 16px;
    margin-bottom: 15px;
}
.bannertext:before{
    content: "";
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    text-transform: uppercase;
    background-image: linear-gradient(to left, transparent 50%, hsl(0deg 0% 0% / 60%));
}
.banner .button{
    letter-spacing: 0.32px;
}
.bannertext:after{
    content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 50px;
    background: url(../../assets/images/banner-shape-img.png) repeat-x;
}
.banner{
    height: 650px;
}
.banner .slidediv>img {
    width: 100%;
    height: 650px;
    object-fit: cover;
}

.mobile_banner{
    display: none !important;
}
.featured-product{
    margin-bottom: 125px;
}

.js_hmbanner:not(.slick-initialized) .slidediv:not(:first-child){
    display: none;
}
.homepg .shop-offer-wrapper{
	margin-bottom:0;
}
.banner-best-pet{
	position: absolute;
  bottom: 50px;
right: 5px;}

/* START MEDIA QUERY */

@media screen and (max-width: 1439.99px){
    .featured-product {margin-bottom: 90px;}
}
@media screen and (max-width: 1199.99px){
    .featured-product {margin-bottom: 70px;}
}

@media screen and (max-width: 767.99px){

    .banner, .banner .slidediv>img {height: 500px;}

    .bannertext:before{
        background-image: linear-gradient(to bottom, transparent 20%, hsl(0deg 0% 0% / 50%));
    }
    .hmbo_wrap{
        align-items: flex-end;
        text-align: center;
        padding-bottom: 30px;
    }
    .hmbo_wrap .button-group{
        justify-content: center;
    }
    .webox{max-width: 100%;margin-bottom: 30px;}
    .desktop_banner{display: none !important}
    .mobile_banner{display: block  !important;}
    .banner .heading-60{margin-bottom: 15px;}
    .webox p{line-height: 1.4;margin-bottom: 10px}
	banner-best-pet{width:100px;}
    
}
@media(max-width:576.99px){
	.banner-best-pet{width:80px;}
}