/*** HOME BANNER ***/
.home-banner-design{letter-spacing:normal; line-height:normal; position:relative; color: #fff; background: url(/images/banners/home-countrywise-banner-bg.png) no-repeat center 0; background-size: cover; padding: 0; height: 363px;}
.banner-design-content{padding-top: 2%;}
.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{font-size: 40px; line-height: 40px;}
.banner-design-content .sale-content span{display: inline-block; width: 100%; padding-bottom: 5px; font-size: 65px; line-height: 65px; color: #263e70; font-family: 'open_sansextrabold'; word-wrap:break-word;}
.banner-design-content .sale-offer{float: none;margin: 0 auto; background: #e63946;border: 2px solid #fff;border-radius: 0 0 20px 20px; display: table; overflow: hidden;}
.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: 30px; line-height: 30px;font-family: 'open_sansbold'; width: auto; padding-left: 10px;}
.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;font-family: 'Open Sans', sans-serif;}
.banner-design-content .sale-offer .offer-content .discount div{display:inline-block; width:auto;}
.banner-design-content .sale-offer .coupon{font-size: 20px; display: flex; align-items: center; justify-content: center;background-image: linear-gradient(#344a7a, #243355); padding: 10px 0;}
.banner-design-content .sale-offer .coupon span{font-family: 'open_sansextrabold'; font-size: 36px; padding-left: 10px;}

.it .banner-design-content .sale-offer{width: 54%;}
.de .banner-design-content .sale-offer{width: 49%;}
.fr .banner-design-content .sale-offer{width: 60%;}

/*** INNER BANNER ***/
.inner-banner-design{letter-spacing:normal; line-height:normal; position:relative; color: #fff; background: url(/images/banners/countrywise-inner-banner-bg.png?id=1) no-repeat center 0; background-size: cover; 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 span{padding:0; letter-spacing:normal;display: inline;}
.inner-banner-design .banner-design-content .sale-offer{width: 43%; display: flex;justify-content: space-between; border: 0; background: none; border-radius: unset;}
.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{border-right: 2px solid #fff;border-left: 2px solid #fff; background: #e63946; 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; text-align: center; color: #fff; background: #263e70; font-size: 18px; line-height: 15px; display: flex; align-items: center; flex-wrap: wrap;}
.inner-banner-design .banner-design-content .sale-offer .coupon span{display: inline-block; width: 100%; padding: 10px 0 0 0; color: #fff; font-size:30px;}


/*** RESPONSIVE BANNER ***/
@media only screen and (max-width:1100px),(max-width:1199px){
.home-banner-design{height:344px;}
.banner-design-content .sale-content p{font-size: 30px; line-height: 30px;}
/*.banner-design-content .sale-content span{font-size: 40px; line-height: 40px; }*/

.it .banner-design-content .sale-offer{width: 53%;}
.de .banner-design-content .sale-offer{width: 58%;}
.fr .banner-design-content .sale-offer{width: 65%;}



}

@media only screen and (max-width:1000px),(max-width:1099px){
.home-banner-design{height:303px;}
.banner-design-content .sale-content span{font-size:50px; line-height:50px;}
.banner-design-content .sale-content{padding-bottom:10px;}
.banner-design-content .sale-offer .coupon{padding:0}

}

@media only screen and (max-width:900px),(max-width:999px){
.home-banner-design{padding:25px 0; height:auto;}
.banner-design-content {padding-top: 0;}
.it .banner-design-content .sale-offer{width: 360px;}
.de .banner-design-content .sale-offer{width: 400px;}
.fr .banner-design-content .sale-offer{width: 450px;}

.inner-banner-design{background: url(/images/banners/home-countrywise-banner-bg.png) no-repeat center 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:100%;padding-bottom: 0;}
.inner-banner-design .banner-design-content .sale-content span,
.inner-banner-design .banner-design-content .sale-content p{font-size:45px; line-height:50px;}
.inner-banner-design .banner-design-content .sale-offer {float: none;margin: 0 auto;background: #e63946;border: 2px solid #fff;border-radius: 0 0 20px 20px;display: table;overflow: hidden;}
.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: 60px;line-height: 60px;font-family: 'open_sansextrabold';width: auto;}
.inner-banner-design .banner-design-content .sale-offer .offer-content .discount {font-size: 40px;line-height: 40px;font-family: 'open_sansbold';width: auto;padding-left: 10px;}
.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;background-image: linear-gradient(#344a7a, #243355);padding: 10px 0; width:100%;}
.inner-banner-design .banner-design-content .sale-offer .coupon span {font-family: 'open_sansextrabold';font-size: 36px;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,
.banner-design-content .sale-offer .offer-content .offer-number{padding:15px;}
.banner-design-content .sale-content span {font-size: 35px;line-height: 35px;}
.banner-design-content .sale-offer .offer-content .offer{font-size: 60px;line-height: 60px;}
.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: 100%;}

.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: 25px;line-height: 30px;}
.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: 25px;line-height: 25px;}
.inner-banner-design .banner-design-content .sale-offer .coupon {font-size: 16px; padding:0;}
.inner-banner-design .banner-design-content .sale-offer .coupon span{font-size:20px;}


}

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

@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;}
}

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

	
}