.block_coupon_home .img_coupon img {
    
    padding:0px;
    width: 80%;
	margin-top:27px;
	margin-left:107px;
}

.wpm_store_possion1 h4 {
    color: #fff;
    font-family: bebas;
    font-size: 22px;
    font-weight: bold;
    margin-left: -30px;
}

.wpm_store_possion1 p {
    color: #71a32f;
    font-family: bebas;
    font-weight: bold;
    line-height: 100%;
    margin-left: 15px;
    margin-top: 0px;
    text-align: center;
	width:60%;
	font-size:35px;
	margin-bottom:15px;
}
.wpm_store_possion2 h4 {
    color: #fff;
    font-family: bebas;
    font-size: 22px;
    font-weight: bold;
    margin-left: 20px;
    margin-top: -120px;
}
.block_coupon_home .info_coupon {
    margin-bottom: 15px;
    margin-left: 46px;
}
.col-xs-2{
	top:30px;
	left:370px;
}
.dealdetail_left31{
	margin-top:-40px;
}
.btn{
	margin-left:15px;
}




@media (min-width: 799px) {
.featuredslides {
    display: block;
    white-space: nowrap;
    overflow: auto;
    text-align: center;
}

}

@media (min-width: 1198px){

.featuredslides {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    justify-content: center;
}

}

.sliderimg {
    display: inline-block;
    text-align: center;
    width: 100%;
    max-width: 353px;
    margin: 0 1% 2%;
    -webkit-box-shadow: 0 1px 4px #b8b8b8;
    box-shadow: 0 0.5em 1em -0.125em rgb(10 10 10 / 10%), 0 0 0 1px rgb(10 10 10 / 2%);
    border-radius: 4px;
	
}
.featured_background_img {
    background-size: 100% 100%;
    background-position: center;
    padding-top: 0%;
    background-color: #f9f9f9;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
}

.old_look .featuredCont {
    background-color: rgba(0,0,0,.8);
    padding: 10px;
    min-height: 90px;
}
.old_look .featuredCont p {
    color: #fff;
    overflow: hidden;
    margin-top: 0;
}
.featuredCont {
	 background-color: rgba(0,0,0,.8);
    padding: 10px;
    min-height: 90px;
    text-align: left;
    
    bottom: 0;
    left: 0;
    
    position: absolute;
    right: 0;
    width: 100%;
    
    border-radius: 0 0 3px 3px;
}
.featuredContLogo .storeimage img {
    word-break: break-all;
    
}
.featuredCont .right_content {
    padding-left: 80px;
    text-align: left;
	margin-top: -87px;
}

.featuredCont .store_name {
    display: block;
}
.old_look .featuredCont p {
    color: #fff;
    overflow: hidden;
    margin-top: 0;
}
.featuredCont p {
    color: #707070;
    margin-bottom: 0;
    overflow: hidden;
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: 300;
    color: #fff;
}
.old_look .featuredCont h3 {
    color: #fff;
    margin-bottom: 0;
}
.featuredCont h3 {
    color: #fff;
    font-size: 14px;
    line-height: normal;
    margin-top: -7px;
    white-space: normal;
}

.imgresp {
  width: 100%;
  height: auto;
}

.staticbanner {
  max-width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

.staticbanner img {
  max-width: 100%;
  height: auto;
}



/* ... */
/* Style the slider container */
.slider-container {
    position: relative;
    width: 100%;
    overflow: hidden;
    height: auto; /* Adjust the height as needed */
}

/* Style the individual slides */
.slide {
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
    display: none;
}

/* Style the images within the slides */
.slide img {
    max-width: 100%;
    height: auto;
    object-fit: cover;
}

/* Style the navigation container */
.navigation-icons {
    position: absolute;
    bottom: 10px; /* Adjust the distance from the bottom as needed */
    left: 0;
    right: 0;
    width: 100%;
    display: flex;
    justify-content: center;
}

/* Style the individual navigation buttons */
.prev-slide, .next-slide {
    background-color: transparent;
    border: none;
    cursor: pointer;
    padding: 5px;
    flex: 0 0 auto;
    transition: background-color 0.3s;
}

.prev-slide img, .next-slide img {
    width: 24px; /* Adjust the size as needed */
    height: 24px; /* Adjust the size as needed */
}

.prev-slide:hover, .next-slide:hover {
    background-color: rgba(0, 0, 0, 0.2);
}
/* ... */


/* For screens with a maximum width of 768px (typical for smartphones) */
@media (max-width: 768px) {
    .slider-container {
        height: auto; /* Adjust as needed */
    }

    /* Style the navigation icons for smaller screens */
    .navigation-icons {
        bottom: 5px; /* Adjust the distance from the bottom as needed */
    }
}