/*** HOME BANNER ***/
.home-banner-design{letter-spacing:normal; line-height:normal; position:relative; color: #3d3d3e; background: url(https://www.budgetpetworld.com/images/banner/country-wise-banner.png) no-repeat center 0; background-size: cover; padding: 50px 50px;}
.banner-design-content{display: flex;align-items: center;justify-content: space-between;}
.banner-design-content .sale-content{width: 50%; float: left; text-transform: uppercase; font-size: 25px; line-height: 25px; text-align: center; font-weight: 600; letter-spacing: 5px;}
.banner-design-content .sale-content span{display: inline-block; width: 100%; padding-bottom: 10px; font-size: 50px; line-height: 50px; color: #1b468a; font-weight: 900; letter-spacing: -1px; word-wrap:break-word;}
.banner-design-content .sale-offer{width: 45%; float: right;}
.banner-design-content .sale-offer .offer-content{border-bottom: 2px dotted #373737; padding-bottom: 15px; margin-bottom: 15px;}
.banner-design-content .sale-offer .offer-content .offer-number{width: 100%; margin: 0 auto; float: none; display: flex; align-items: center;justify-content: center;}
.banner-design-content .sale-offer .offer-content .offer{font-size: 110px; line-height: 95px; color: #1b468a; font-weight: 900; width: auto; float: left;}
.banner-design-content .sale-offer .offer-content .discount{font-size: 40px; line-height: 20px;font-weight: 600; width: auto; float: right; padding-left: 10px;}
.banner-design-content .sale-offer .offer-content .discount span{width: 100%; display: inline-block; font-size: 18px; line-height:18px; font-weight:400; padding-top: 0;}
.banner-design-content .sale-offer .coupon{font-size: 20px; display: flex; align-items: center; justify-content: center;}
.banner-design-content .sale-offer .coupon span{font-weight: 700; color: #1b468a; font-size: 36px; padding-left: 10px;}


/*** INNER BANNER ***/
.inner-banner-design{letter-spacing:normal; line-height:normal; position:relative; color: #3d3d3e; background: url(https://www.budgetpetworld.com/images/banner/country-wise-banner.png) no-repeat center 0; background-size: cover; padding: 10px 20px; height:120px;display: flex;}
.inner-banner-design .banner-design-content .sale-content{width: 430px;}
.inner-banner-design .banner-design-content .sale-content span{padding:0; letter-spacing:normal;}
.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 .discount{font-size:30px; line-height:30px; letter-spacing: 1px;}
.inner-banner-design .banner-design-content .sale-offer{width: 58%; display: flex;align-items: center;justify-content: space-between;}
.inner-banner-design .banner-design-content .sale-offer .offer-content{width: auto; float: left; border: 0; padding: 0; margin: 0;}
.inner-banner-design .banner-design-content .sale-offer .offer-content .offer-number{width: 460px;}
.inner-banner-design .banner-design-content .sale-offer .offer-content .discount{line-height: 25px; padding-left: 10px;}
.inner-banner-design .banner-design-content .sale-offer .offer-content .discount span{padding: 0; font-size: 20px; line-height: 20px; font-weight: 400; width: 100%; display: inline-block; text-align: left;}
.inner-banner-design .banner-design-content .sale-offer .coupon{float: right; width: 165px; padding: 10px; text-align: center; color: #fff; background: #1b468a; font-size: 18px; line-height: 15px; display: inline-block;}
.inner-banner-design .banner-design-content .sale-offer .coupon span{display: inline-block; width: 100%; padding: 15px 0 0 0; color: #fff; font-size:30px;}

.it .inner-banner-design .banner-design-content .sale-content span,
.de .inner-banner-design .banner-design-content .sale-content span{font-size:30px; line-height:30px;}
.fr .inner-banner-design .banner-design-content .sale-content span{font-size:45px; line-height:45px;}


/*** RESPONSIVE BANNER ***/
@media only screen and (max-width:1100px),(max-width:1199px){
.banner-design-content .sale-offer {width: 50%;}

}

@media only screen and (max-width:1000px),(max-width:1099px){
.home-banner-design{padding: 30px 50px;}
.banner-design-content .sale-offer {width: 48%;}
.banner-design-content .sale-offer .offer-content .offer {font-size: 90px;line-height: 70px;}
.banner-design-content .sale-offer .offer-content .discount span{font-size:16px; line-height:16px;}

.inner-banner-design{height:auto;}
.inner-banner-design .banner-design-content .sale-content{font-size:20px; line-height:20px;}
.inner-banner-design .banner-design-content .sale-offer .offer-content .offer-number{width:315px;}
.inner-banner-design .banner-design-content .sale-offer .offer-content .offer{font-size:60px; line-height:60px;}
.inner-banner-design .banner-design-content .sale-offer .offer-content .discount{font-size:20px; line-height:20px;}
.it .inner-banner-design .banner-design-content .sale-content span, 
.de .inner-banner-design .banner-design-content .sale-content span,
.fr .inner-banner-design .banner-design-content .sale-content span{font-size: 30px;line-height: 30px;}



}

@media only screen and (max-width:900px),(max-width:999px){
.home-banner-design{padding: 20px;display: flex;align-items: center;justify-content: space-between;}
.banner-design-content .sale-content{font-size: 20px; line-height: 20px; width: 50%;}
.banner-design-content .sale-content span{font-size: 30px; line-height: 30px;}
.banner-design-content .sale-offer{width: 55%;}
.banner-design-content .sale-offer .offer-content{padding-bottom: 10px; margin-bottom: 10px;}
.banner-design-content .sale-offer .offer-content .offer{font-size: 60px; line-height: 60px;}
.banner-design-content .sale-offer .offer-content .discount{font-size: 30px; line-height: 30px;}
.banner-design-content .sale-offer .offer-content .offer-number{width: 330px; justify-content: center;}
.banner-design-content .sale-offer .offer-content .discount span {font-size: 20px;line-height: 20px;padding-top: 10px;}
.banner-design-content .sale-offer .coupon{font-size: 18px;}
.banner-design-content .sale-offer .coupon span{font-size: 30px;}


.inner-banner-design .banner-design-content .sale-content, 
.inner-banner-design .banner-design-content .sale-offer .offer-content .discount{font-size: 20px;line-height: 20px;letter-spacing: normal;}
.it .inner-banner-design .banner-design-content .sale-content span, 
.de .inner-banner-design .banner-design-content .sale-content span, 
.fr .inner-banner-design .banner-design-content .sale-content span {font-size: 25px;line-height: 25px;}
.inner-banner-design .banner-design-content .sale-offer .offer-content .offer{font-size:45px; line-height:45px;}
.inner-banner-design .banner-design-content .sale-offer .offer-content .discount span{font-size:16px; line-height:16px;}
	
.inner-banner-design .banner-design-content .sale-content {width: 295px;}
.inner-banner-design .banner-design-content .sale-content, 
.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 .offer-content .offer {padding: 0;font-size: 60px;line-height: 60px;}
.inner-banner-design .banner-design-content .sale-offer{width: 61%;}
.inner-banner-design .banner-design-content .sale-offer .offer-content .offer-number {width: 275px;}
.inner-banner-design .banner-design-content .sale-offer .coupon{font-size: 18px; line-height: 10px; width: 140px;}
.inner-banner-design .banner-design-content .sale-offer .coupon span{font-size: 25px; line-height: 25px;}

}


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

}

@media only screen and (max-width:420px),(max-width:499px) {
.home-banner-design{padding: 10px;display: inline-block;}
.banner-design-content{display: inline-block;}
.banner-design-content .sale-content {font-size: 20px;line-height: 20px;width: 100%;}
.banner-design-content .sale-content span {font-size: 28px;line-height: 28px; letter-spacing: normal;}
.banner-design-content .sale-offer {width: 100%;padding-top: 10px;}
.banner-design-content .sale-offer .offer-content{padding-top:10px;}
.banner-design-content .sale-offer .offer-content .offer-number {width: auto; justify-content: center;}
.banner-design-content .sale-offer .offer-content .offer {font-size: 45px;line-height: 45px;}
.banner-design-content .sale-offer .offer-content .discount {font-size: 24px;line-height: 10px; padding-left: 5px;}
.banner-design-content .sale-offer .offer-content .discount span {font-size: 16px;line-height: 16px;}
.inner-banner-design{padding:10px; margin-bottom:15px;}
.inner-banner-design .banner-design-content .sale-content{width: 100%;}
.inner-banner-design .banner-design-content .sale-offer .offer-content .offer {font-size: 50px;line-height: 50px;}
.inner-banner-design .banner-design-content .sale-content span{width: auto; padding-right: 20px;}
.inner-banner-design .banner-design-content .sale-offer{width: 100%; display: inline-block;}
.inner-banner-design .banner-design-content .sale-offer .offer-content{width: 100%; padding: 10px; background: #fff;}
.inner-banner-design .banner-design-content .sale-offer .offer-content .offer-number{width:100%;}
.inner-banner-design .banner-design-content .sale-offer .coupon{font-size: 16px; line-height: 16px; display: flex; align-items: center; justify-content: center; width: 100%;margin-top: 10px;}
.inner-banner-design .banner-design-content .sale-offer .coupon span{display: inline-block; width: auto; padding: 0 0 0 5px;}

.it .inner-banner-design .banner-design-content .sale-content span, 
.de .inner-banner-design .banner-design-content .sale-content span, 
.fr .inner-banner-design .banner-design-content .sale-content span {font-size: 25px;line-height: 25px;padding-bottom: 10px;word-wrap: break-word;width: 100%;}


}

@media only screen and (max-width:400px),(max-width:419px) {

}

@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){

}

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

	
}