#wb_banner {
	position: fixed;
	top:0;
	left: 0;
	display: none;
	width: 100%;
	z-index: 999;
	padding: 0;
	background-color: #f2f2f2;
	color: #555;
	font-size: 15px;
	border-bottom: 2px solid #dedede;
	line-height: 21px;
}

#wb_banner_logo {
	display: none;
	float: left;
	margin-top: 1px;
}

#wb_banner_title {
	float: left;
	padding: 6px 10px;
}
#wb_banner_title a {
	color: #000;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 21px;
	text-decoration: none;
}
#wb_banner_title a:hover {
	text-decoration: underline;
}

#wb_banner_button {
	clear: left;
	background-color: #cc0000;
	padding: 6px 15px;
	color: #fff;
	cursor: pointer;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 15px;
	line-height: 21px;
}

#wb_banner_close {
	float: right;
	cursor: pointer;
	margin-top: 4px;
}

#wb_banner_containier {
  margin: 0px auto;
  width: 100%;	
}


.slider {
	overflow-y: hidden;
	max-height: 500px; /* approximate max height */

	transition-property: all;
	transition-duration: .5s;
	transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}

.i18n-ar #wb_banner_logo,
.i18n-ar #wb_banner_title,
.i18n-ar #wb_banner_button {
	float: right;
}

.i18n-ar #wb_banner_close {
	float: left;
}


@media all and (min-width:740px) and (min-device-width:740px), (max-device-width:800px) and (min-width:740px) and (orientation:landscape) {
	#wb_banner_logo {
		display: block;
	}
	#wb_banner_containier {
  	width: 768px;
	}
	#wb_banner_button {
		float: left;
	}
}

@media all and (min-width:980px) and (min-device-width:980px), all and (max-device-width:1024px) and (min-width:1024px) and (orientation:landscape) {
	#wb_banner_containier {
  	width: 960px;
	}
}