.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }

.swiper-container {
    width: 50%;
    height: 350px;
    margin-left: 0 !important;
    margin-top: 20px;
}      

.details{
float:left;
margin-left: 50px;
width: 43%;
}

.moredetails {
	margin-top: 30px;
	width: 100%;
}

.details span{
	letter-spacing: 0.5px;
	font-size: 15px;
}

.moredetails span{
	letter-spacing: 0.5px;
	font-size: 15px;
}

.wrapper{
	padding-top: 3em;
}

.slide{
	width: 100%!important;
}

@media only screen and (max-width: 980px) {

		.swiper-container{	width: 100% !important; float: none !important; height: 50vh; }
		.details { float : none; width: 100%; margin-top: 20px; margin-left: 0; padding-right: 10px; padding-left: 10px; }
		.moredetails { float : none; width: 100%; margin-top: 30px; padding-bottom: 30px; margin-left: 0; padding-right: 10px; padding-left: 10px; }
		.wrapper { margin-top: -64px; }
	}