@media screen and (min-width: 992px){
	.slider {
		margin-top:-120px;
	}

	.slider .overlay {
		color:white;
		position:absolute;
		top:0px;
		z-index:100;
		text-align:right;
		/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0093e9+0,003858+100 */
		background: rgb(0,147,233); /* Old browsers */
		background: -moz-linear-gradient(-45deg,  rgba(0,147,233,1) 0%, rgba(0,56,88,1) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(-45deg,  rgba(0,147,233,1) 0%,rgba(0,56,88,1) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(135deg,  rgba(0,147,233,1) 0%,rgba(0,56,88,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0093e9', endColorstr='#003858',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
		width:100%;
		height:120px;
		opacity:0.85;
		text-shadow:1px 1px 4px rgba(0,0,0,.5);
	}
}

.slider .description {
	color:white;
	position:absolute;
	bottom:0px;
	z-index:100;
	text-align:right;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
	background: -moz-linear-gradient(right, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(right, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to left, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	width:60%;
	height:100%;
	padding:12% 10% 10% 10%;
	text-shadow:1px 1px 4px rgba(0,0,0,.5);
}

.slider .description h2 {
	display:block;
	font-size:28px;
	margin:0px auto 10px auto;
	text-align:right;
}

.slider .description p {
	margin:0px auto 10px auto;
	font-size:14px;
	line-height:1.75;
}

.slider .description a.more {
	display:block;
	width:100px;
	margin:25px auto 10px auto;
	color:white;
	padding:7px 10px 7px 10px;
	text-align:center;
	border:1px solid #ccc;
	border-radius:3px;
	background:rgba(255,255,255,.15);
}

.slider .description a.more:hover {
	background:rgba(255,255,255,.25);
}

.slider .swiper-container {
	background:#0060b9;
}

.slider .swiper-slide {
	position:relative;
	
}

.slider .swiper-slide img {
	width:100%;
}

.slider .swiper-button-next, .slider .swiper-button-prev {
	background-image:none !important;
}

.slider .swiper-button-next:after {
	font-family:"Glyphicons Halflings";
	content:"\e258";
	color:white;
	font-size:30px;
	display:block;
}

.slider .swiper-button-prev:after {
	font-family:"Glyphicons Halflings";
	content:"\e257";
	color:white;
	font-size:30px;
	display:block;
}

.slider .swiper-button-next:lang(ar):after { content:"\e257"; }
.slider .swiper-button-prev:lang(ar):after { content:"\e258"; }

@media screen and (max-width:992px){
	.slider .description {
		display:block;
		color:white;
		position:relative;
		bottom:initial;
		left:initial;
		transform:initial;
		text-align:center;
		background:transparent;
		border-radius:0px;
		width:100%;
		padding:15px 30px 15px 30px;
		margin:0;
		text-shadow:initial;
	}	
	
	.slider:lang(ar) .description {
		padding:15px 30px 15px 30px;
	}

	.slider .description h2 {
		font-size:20px;
		text-align:center;
	}
	
	.slider:lang(ar) .description h2 {
		font-size:18px;
		line-height:175%;
	}

	.slider .description p {
		margin:10px auto 15px auto;
		font-size:13px;
	}
	
	.slider .swiper-slide {
		overflow:hidden;
	}
	
	.slider .swiper-slide img {
		max-width:100%;
		height:auto;
	}
}