.feature-banner .banner-text {
	position: absolute;
	font-size: 30px;
	color: #724fb0;
	text-align: center;
	top: 74px;
	padding: 0 15px;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.feature-title .container,
.feature-banner .feature-header,
.feature-banner .feature-footer {
	font-family: OpenSans-SemiBold;
	font-size: 30px;
	color: #724fb0;
	margin: 0 auto;
	padding-top: 60px; 
  text-align: center;
}
.feature-item {
	padding: 30px 0;
}
.feature-item.right {
	background-color: #f2f2f2;
}
.feature-item.right .feature-slider {
	float: right;
}
.feature-item.right .feature-text {
	padding-left: 0;
	padding-right: 86px;
}
.feature-text {
	padding-left: 86px;
	height: 385px;
}
.feature-text .text-block {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}
.feature-text-title {
	font-size: 24px;
	color: #724fb0;
	padding-bottom: 40px;
}
.feature-text-content {
	text-align: justify;
	font-size: 16px;
	color: #666666;
}
.feature-text-content ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
.feature-text-content ul li {
	padding-left: 40px;
	position: relative;
	margin-bottom: 20px;
}
.feature-text-content ul li:before {
	content: '';
  width: 23px;
  height: 23px;
  background: url(../images/home/tick.png) center center no-repeat;
  position: absolute;
  top: 0px;
  left: 0;
}
.btn-goAnt {
	margin-top: 30px;
	border-radius: 8px;
}

// slider
.feature-slider {
	position: relative;
}
.feature-slider .img-item {
	text-align: center;
}
.feature-slider .img-item img {
	width: 100%;
}
.feature-slider .img-item img.fix-height {
	height: 385px;
	width: auto;
}
.goToPrevSlide {
  background-image: url('../images/feature/previous.png');
  left: -5%;
}
.goToNextSlide {
  background-image: url('../images/feature/next.png');
  right: -5%;
}
.goToPrevSlide, 
.goToNextSlide {
  position: absolute;
  z-index: 2;
  cursor: pointer;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 40px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  transition: all .3s ease;
}
.feature-banner {
	background-color: #8f69d1;
}
.feature-banner .container {
	padding-bottom: 20px;
}
.feature-banner .btn-contact-form {
	float: unset;
	margin-top: unset;
	width: unset;
}
.feature-banner .feature-header,
.feature-banner .feature-footer {
	color: white;
	padding-top: 20px;
	padding-bottom: 20px;
}
.feature-banner .video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px; height: 0; overflow: hidden;
}

.feature-banner .video-container iframe,
.feature-banner .video-container object,
.feature-banner .video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.try-bot .btn-try {
	min-width: 40%;
	font-size: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
	.feature-banner .carousel-inner>.item>a>img, 
	.feature-banner .carousel-inner>.item>img {
		min-height: 350px;
		object-fit: cover;
	}
  .feature-title .container {
  	padding-top: 40px;
  	font-size: 26px;
  }
  .feature-banner .feature-header,
  .feature-banner .feature-footer {
  	font-size: 26px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .feature-banner .banner-text {
    top: 25px;
    left: auto;
    transform: none;
    white-space: normal;
  }
	.feature-text-content {
		font-size: 14px;
	}
	.feature-text-title {
		font-size: 22px;
		padding-bottom: 20px;
	}
	.feature-item {
    padding: 40px 0;
	}
	.feature-text {
		height: 240px;
		padding-left: 60px;
	}
	.feature-item.right .feature-text {
		padding-right: 60px;
	}
	.feature-slider .img-item img.fix-height {
		height: 240px;
	}
	.feature-item.right.last .feature-slider{
		margin-top: 45px;
	}
	.feature-item.right.last .feature-text {
		height: 330px;	
	}
	h1.h1-try15day {
    font-size: 26px;
    margin: 0;
	}
	.try-bot form {
    margin-bottom: 10px;
	}
	.goToPrevSlide {
		left: -2%;
	}
	.goToNextSlide {
		right: -2%;
	}
	.feature-item.right .feature-text {
		padding-left: 15px;
	}
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
	.feature-banner .carousel-inner>.item>a>img, 
	.feature-banner .carousel-inner>.item>img {
		min-height: 200px;
		object-fit: cover;
	}
  .feature-banner .banner-text {
    font-size: 16px;
    top: 5px;
    white-space: normal;
    left: auto;
    transform: none;
  }
  .feature-banner .feature-header,
  .feature-banner .feature-footer {
  	font-size: 24px;
  }
  .feature-title .container {
  	font-size: 24px;
  	padding-top: 30px;
  }
  .goToPrevSlide {
  	left: 10%;
  }
  .goToNextSlide {
  	right: 10%;
  }
  .feature-text,
  .feature-item.right .feature-text {
  	padding: 0 15px;
  	height: auto;
  }
  .feature-text .text-block {
  	top: auto;
  	transform: none;
  	margin-top: 30px;
  }
  .feature-text-title {
  	padding-bottom: 20px;
  }
  .feature-item.right .feature-slider {
  	float: none;
  }
  .feature-slider .img-item img.fix-height {
  	width: 100%;
  	height: auto;
  }
}
@media (min-height: 320px) and (max-height: 359px) and (min-width: 568px){
	.feature-banner .feature-text-content {
		height: 320px;
	}
	.feature-banner .video-container iframe,
	.feature-banner .video-container object,
	.feature-banner .video-container embed {
		position: absolute;
		top: 0%;
		left: 50%;
		width: 80%;
		height: 80%;
		transform: translate(-50%, 0);
	}
}
@media (min-height: 360px) and (max-height: 639px) and (min-width: 640px){
	.feature-banner .feature-text-content {
		height: 360px;
	}
	.feature-banner .video-container iframe,
	.feature-banner .video-container object,
	.feature-banner .video-container embed {
		position: absolute;
		top: 0%;
		left: 50%;
		width: 80%;
		height: 80%;
		transform: translate(-50%, 0);
	}
}
@media (min-height: 640px) and (max-height: 767px) and (min-width: 1366px) {
	.feature-banner .feature-text-content {
		height: 440px;
	}
	.feature-banner .video-container iframe,
	.feature-banner .video-container object,
	.feature-banner .video-container embed {
		position: absolute;
		top: 0%;
		left: 50%;
		width: 65%;
		height: 65%;
		transform: translate(-50%, 0);
	}
}
@media (min-height: 768px) and (max-height: 1023px) and (min-width: 1366px) {
	.feature-banner .feature-text-content {
		height: 670px;
	}
	.feature-banner .video-container iframe,
	.feature-banner .video-container object,
	.feature-banner .video-container embed {
		position: absolute;
		top: 0%;
		left: 50%;
		width: 95%;
		height: 95%;
		transform: translate(-50%, 0);
	}
}