/* wdcms Bottom Banner block */
#wdcmsbottombanner{
	float:left;
	width:100%;
	margin: 20px 0 50px;
}

#wdcmsbottombanner .wdbottombanner{
	float:left;
	width:100%;
	position:relative;
}

#wdcmsbottombanner .wdbottombanner .offer-tag{
	position: absolute;
	top: 11%;
	left: 6%;
	z-index: 2;
	animation-name: tag;
	animation-duration: 3s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

#wdcmsbottombanner .wdbottombanner .wdbottombanner-content {
	position: absolute;
	right: 9%;
	text-align: center;
	top: 21%;
}

#wdcmsbottombanner .wdbottombanner .bottom-banner-img img{
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
}

#wdcmsbottombanner .wdbottombanner .wdbottombanner-content .bottomtitle{
	font:400 30px/42px var(--secondary-font);
	color:#ffffff;
	margin:0 0 20px;
}	

#wdcmsbottombanner .wdbottombanner .wdbottombanner-content .title{
	font:700 48px/54px var(--primary-font);
	color:#ffffff;
	margin:0 0 40px;
}

#wdcmsbottombanner .wdbottombanner .wdbottombanner-content .bottombanner-btn{
	font: 22px/32px var(--primary-font);
	color:#ffffff;
}

#wdcmsbottombanner .wdbottombanner .wdbottombanner-content .bottombanner-btn a{
	color: #111111;
	padding: 6px 20px;
	margin-left: 10px;
	font: 600 24px/32px var(--secondary-font);
	background: var(--footer-hover-color);
	border-radius: 25px;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	-khtml-border-radius: 25px;
}

@media (min-width: 1400px) and (max-width: 1700px){
	#wdcmssubbanner .wdsubbanner-content{
		width: 38%;
	}
	#wdcmssubbanner .wdsubbanner-content .title{
		font-size:62px;
		line-height:70px;
	}
	#wdcmssubbanner .wdright-subbanner-content .offer-tag{
		width: 120px;
	}
}
@media (min-width: 1201px) and (max-width: 1399px){
	#wdcmsbottombanner .wdbottombanner .wdbottombanner-content{
		right: 10%;
		top: 15%;
	}
}
@media (min-width: 992px) and (max-width: 1200px){
	#wdcmsbottombanner .wdbottombanner .wdbottombanner-content {
		right: 9%;
		top: 20%;
	}	
	#wdcmsbottombanner .wdbottombanner .wdbottombanner-content .bottomtitle{
		margin: 0 0 10px;
	}	
	#wdcmsbottombanner .wdbottombanner .wdbottombanner-content .title{
		font:700 34px/42px var(--primary-font);
		margin: 0 0 20px;
	}
	#wdcmsbottombanner .wdbottombanner .offer-tag{
		width: 110px;
		top: 7%;
		left: 5%;
	}
}

@media (min-width: 768px) and (max-width: 991px){
	#wdcmsbottombanner{
		margin: 50px 0 20px;
	}
	#wdcmsbottombanner .wdbottombanner .offer-tag{
		top: 7%;
		left: 6%;
		width: 80px;
	}
	#wdcmsbottombanner .wdbottombanner .wdbottombanner-content {
		right: 7%;
		top: 18%;
	}
	
	#wdcmsbottombanner .wdbottombanner .wdbottombanner-content .bottomtitle {
		font-size:24px;
		line-height:34px;
		margin: 0 0 10px;
	}
	
	#wdcmsbottombanner .wdbottombanner .wdbottombanner-content .title {
		font-size:28px;
		line-height:34px;
		margin: 0 0 10px;
	}

	#wdcmsbottombanner .wdbottombanner .wdbottombanner-content .bottombanner-btn {
		font-size:14px;
		line-height:24px;
	}

	#wdcmsbottombanner .wdbottombanner .wdbottombanner-content .bottombanner-btn a{
		padding: 6px 20px;
		font-size:16px;
		line-height:36px;
	}
}

@media (min-width: 545px) and (max-width: 767px){
	#wdcmsbottombanner {
		margin: 0px 0 30px;
	}
	#wdcmsbottombanner .wdbottombanner .offer-tag{
		top: 6%;
		left: 4%;
		width: 70px;
	}
	#wdcmsbottombanner .wdbottombanner .wdbottombanner-content {
		right: 6%;
		top: 16%;
	}
	#wdcmsbottombanner .wdbottombanner .wdbottombanner-content .bottomtitle {
		font-size:20px;
		line-height:24px;
		margin: 0 0 10px;
	}
	#wdcmsbottombanner .wdbottombanner .wdbottombanner-content .title {
		font-size:22px;
		line-height:28px;
		margin: 0 0 10px;
	}
	#wdcmsbottombanner .wdbottombanner .wdbottombanner-content .bottombanner-btn{
		font-size:14px;
		line-height:24px;
	}
	
	#wdcmsbottombanner .wdbottombanner .wdbottombanner-content .bottombanner-btn a{
		padding: 4px 12px;
		font-size:14px;
		line-height:24px;
	}
}

@media (max-width: 544px){
	#wdcmsbottombanner {
		margin: 10px 0 30px;
	}
	#wdcmsbottombanner .wdbottombanner .offer-tag {
		top: 2%;
		left: 2%;
		width: 35px;
	}	
	#wdcmsbottombanner .wdbottombanner .wdbottombanner-content{
		right: 2%;
		top: 12%;
	}
	#wdcmsbottombanner .wdbottombanner .wdbottombanner-content .bottomtitle {
		font: 400 12px/18px var(--secondary-font);
		margin: 0;
	}
	#wdcmsbottombanner .wdbottombanner .wdbottombanner-content .title {
		font: 700 12px/18px var(--primary-font);
		margin: 0 0 5px;
	}
	#wdcmsbottombanner .wdbottombanner .wdbottombanner-content .bottombanner-btn {
		font: 10px/16px var(--primary-font);
	}
	#wdcmsbottombanner .wdbottombanner .wdbottombanner-content .bottombanner-btn a {
		padding: 3px 10px;
		margin-left: 5px;
		font: 10px/18px var(--primary-font);
	}
}