/*** HOME BANNER ***/
.home-banner-design{letter-spacing:normal; line-height:normal; position:relative; color: #fff; background: url(/images/banners/BPC-Home-Halloween2025-BG.png?id=1) no-repeat center 0; background-size: 100%; padding: 25px 0; height: auto;}
.banner-design-content{padding-top: 0;}
.banner-design-content .sale-content{width: 100%; float: left; text-transform: uppercase; text-align: center; font-family: 'open_sansextrabold'; padding-bottom: 20px;}
.banner-design-content .sale-content p,
.banner-design-content .sale-content span{font-size: 50px; line-height: 50px;color:#100800;}
.banner-design-content .sale-content p{display:inline-block;padding-left: 10px; width: auto;}
.banner-design-content .sale-content span{display: inline-block; width: auto; font-family: 'open_sansextrabold'; word-wrap:break-word;}
.banner-design-content .sale-offer{float: none;margin: 0 auto; background: #be1d1b;border: 2px solid #fff;border-radius: 0 0 20px 20px; display: table; overflow: hidden;    padding-bottom: 15px;}
.banner-design-content .sale-offer .offer-content{}
.banner-design-content .sale-offer .offer-content .offer-number{width: 100%;display: flex; align-items: center; padding: 20px 20px; justify-content:center;}
.banner-design-content .sale-offer .offer-content .offer{font-size: 80px; line-height: 80px; font-family: 'open_sansextrabold'; width: auto;}
.banner-design-content .sale-offer .offer-content .discount{font-size: 35px; line-height: 25px;font-family: 'open_sansbold'; width: auto; padding-left: 10px; display:flex; flex-wrap:wrap;}
.banner-design-content .sale-offer .offer-content .discount span{width: 100%; font-size: 18px; line-height: 18px; font-weight: 400; padding-top: 0; display: inline-block;font-family: 'Open Sans', sans-serif;}
.banner-design-content .sale-offer .offer-content .discount div{display:inline-block; width:100%;}
.banner-design-content .sale-offer .coupon{font-size: 20px; display: flex; align-items: center; justify-content: center;background: #fec13a; padding: 0; color:#100800;}
.banner-design-content .sale-offer .coupon span{font-family: 'open_sansextrabold'; font-size: 36px; padding-left: 10px;}

.it .banner-design-content .sale-offer,
.de .banner-design-content .sale-offer,
.fr .banner-design-content .sale-offer{width: 400px;}

/*** INNER BANNER ***/
.inner-banner-design{letter-spacing:normal; line-height:normal; position:relative; color: #fff; background: url(/images/banners/BPC-Inner-Halloween2025-Sale-Language-BG.jpg) no-repeat center 0; background-size: 100%; height:130px;display: flex;}
.inner-banner-design .banner-design-content{display: flex;align-items: center;justify-content: space-between;width: 100%;padding: 0 20px 0 0;}
.inner-banner-design .banner-design-content .sale-content{width: 55%; padding: 0;}
.inner-banner-design .banner-design-content .sale-content p,
.inner-banner-design .banner-design-content .sale-content span{font-size:45px; line-height:45px;}
.inner-banner-design .banner-design-content .sale-content span{padding:0; letter-spacing:normal;display: inline;}
.inner-banner-design .banner-design-content .sale-offer{width: 43%; display: flex; border: 0; border-radius: unset; padding:0 10px 0 0;border-right: 2px solid #fff;border-left: 2px solid #fff; }
.inner-banner-design .banner-design-content .sale-offer .offer-content{}
.inner-banner-design .banner-design-content .sale-offer .offer-content .offer{padding: 0; font-size: 70px; line-height: 70px;word-wrap:break-word;}
.inner-banner-design .banner-design-content .sale-offer .offer-content .offer-number{padding: 0 10px; height: 130px;}
.inner-banner-design .banner-design-content .sale-offer .offer-content .discount{font-size:30px; line-height:30px;}
.inner-banner-design .banner-design-content .sale-offer .offer-content .discount span{width: 100%; font-size: 18px; line-height: 18px; font-weight: 400; padding-top: 5px; display: inline-block;}
.inner-banner-design .banner-design-content .sale-offer .coupon{float: right; width: auto; padding: 0 12px 0 12px; line-height: 15px; display: flex; align-items: center; flex-wrap: wrap; text-align:center;}
.inner-banner-design .banner-design-content .sale-offer .coupon span{display: inline-block; width: 100%; padding: 10px 0 0 0; font-size:30px;}


/*** RESPONSIVE BANNER ***/
@media only screen and (max-width:1100px),(max-width:1199px){
.home-banner-design{background: url(/images/banners/BPC-Home-Halloween2025-BG.png?id=1) no-repeat right 0; background-size:cover;}

.inner-banner-design {background: url(/images/banners/BPC-Inner-Halloween2025-Sale-Language-BG.jpg) no-repeat 0 0;background-size: cover;}
.inner-banner-design .banner-design-content .sale-content p,
.inner-banner-design .banner-design-content .sale-content span{font-size:35px; line-height:35px;}
.inner-banner-design .banner-design-content .sale-offer .offer-content .discount span{font-size:16px;}

}

@media only screen and (max-width:1000px),(max-width:1099px){
.banner-design-content .sale-offer .offer-content .offer-number{padding:10px;}
.inner-banner-design .banner-design-content .sale-content span{font-size:30px;}

}

@media only screen and (max-width:900px),(max-width:999px){
.home-banner-design {background: url(/images/banners/BPC-Home-Halloween2025-BG-m.png) no-repeat right 0;background-size: cover;}
.banner-design-content .sale-content p,
.banner-design-content .sale-content span{font-size: 40px; line-height: 40px;}

.inner-banner-design{background: url(/images/banners/BPC-Inner-Halloween2025-Sale-Language-BG.jpg) no-repeat -20px 0; background-size: cover; padding:15px; height:auto;}
.inner-banner-design .banner-design-content{width:100%; padding:0;}
.inner-banner-design .banner-design-content .sale-content {width:auto;padding-bottom: 0;}
.inner-banner-design .banner-design-content .sale-content span,
.inner-banner-design .banner-design-content .sale-content p {font-size: 35px;line-height: 35px;}
.inner-banner-design .banner-design-content .sale-offer {float: none;margin: 0 auto;border: 2px solid #fff;border-radius: 0 0 20px 20px;display: table;overflow: hidden; padding:0 0 10px 0;}
.inner-banner-design .banner-design-content .sale-offer .offer-content .offer-number {width: 100%;display: flex;align-items: center;padding: 10px;justify-content: center; height:auto; border:0; background:none;}
.inner-banner-design .banner-design-content .sale-offer .offer-content .offer {font-size: 50px;line-height: 50px;font-family: 'open_sansextrabold';width: auto;}
.inner-banner-design .banner-design-content .sale-offer .offer-content .discount {font-size: 35px;line-height: 35px;font-family: 'open_sansbold';width: auto;padding-left: 5px;}
.inner-banner-design .banner-design-content .sale-offer .offer-content .discount span{display:none;}
.inner-banner-design .banner-design-content .sale-offer .coupon {font-size: 20px;display: flex;align-items: center;justify-content: center;padding: 5px 0; width:100%;}
.inner-banner-design .banner-design-content .sale-offer .coupon span {font-family: 'open_sansextrabold';font-size: 30px;padding: 0 0 0 10px; width:auto;}
.inner-banner-design .banner-design-content .sale-offer .coupon div{display: flex;align-items: center;justify-content: center;padding: 10px 0;}


}


@media only screen and (max-width:700px),(max-width:799px){

}

@media only screen and (max-width:420px),(max-width:499px) {
.home-banner-design{padding:15px;}
.banner-design-content .sale-content{padding-bottom:10px;}
.banner-design-content .sale-content p,
.banner-design-content .sale-content span{font-size: 30px; line-height: 30px;}
.banner-design-content .sale-offer .offer-content .offer{font-size: 50px;line-height: 50px;}
.banner-design-content .sale-offer .offer-content .offer-number{width:250px; float:none; margin:0 auto;}
.banner-design-content .sale-offer .offer-content .discount{font-size:30px; line-height:25px;}
.banner-design-content .sale-offer .offer-content .discount span{font-size:16px; line-height:14px;}
.banner-design-content .sale-offer .coupon{font-size:18px;}
.banner-design-content .sale-offer .coupon span{font-size:30px;}

.it .banner-design-content .sale-offer,
.de .banner-design-content .sale-offer,
.fr .banner-design-content .sale-offer{width: 270px;}

.inner-banner-design{padding:10px;}
.inner-banner-design .banner-design-content{gap:10px;}
.inner-banner-design .banner-design-content .sale-content,
.inner-banner-design .banner-design-content .sale-offer{width:auto !important;}
.inner-banner-design .banner-design-content .sale-content span,
.inner-banner-design .banner-design-content .sale-content p {font-size: 20px;line-height: 25px;}
.inner-banner-design .banner-design-content .sale-content{flex:1;}
.inner-banner-design .banner-design-content .sale-offer{display: flex;flex-direction: column;}
.inner-banner-design .banner-design-content .sale-offer .offer-content .offer {font-size: 30px; line-height:30px;}
.inner-banner-design .banner-design-content .sale-offer .offer-content .offer-number{padding:5px 10px;}
.inner-banner-design .banner-design-content .sale-offer .offer-content .discount {font-size: 20px;line-height: 20px;}
.inner-banner-design .banner-design-content .sale-offer .coupon {font-size: 14px; padding:0;}
.inner-banner-design .banner-design-content .sale-offer .coupon span{font-size:18px;}
.inner-banner-design .banner-design-content .sale-offer .coupon div{padding:5px 0;}


}

@media only screen and (max-width:400px),(max-width:419px) {
.banner-design-content .sale-content p,
.banner-design-content .sale-content span{font-size: 25px; line-height: 25px;}
	
}

@media only screen and (max-width:390px),(max-width:399px){
}

@media only screen and (max-width:375px),(max-width:389px){

}

@media only screen and (max-width:360px){
.banner-design-content .sale-content span,
.banner-design-content .sale-content p{font-size: 25px;line-height: 25px;}

.inner-banner-design .banner-design-content .sale-offer .coupon{font-size:14px;}
.inner-banner-design .banner-design-content .sale-offer .coupon span {font-size: 17px;}
}

@media only screen and (max-width:300px),(max-width:320px){	

	
}