/********** Header **********/
body .navbar-brand.navbar-logo {
   max-width: 144px;
}
body .navbar-brand.navbar-logo img {
   width: 100%;
   height: 100%;
}
body .navbar .nav-item a {
   transition: all .3s ease-in-out;
}
/********** Header End **********/


/********** General End **********/
.gen-btn {
	padding: 10px 40px;
	border: 2px solid #8e1efc;
	border-radius: 7px;
	margin-top: 30px;
	display: inline-block;
	font-size: 18px;
   transition: all .3s ease-in-out;
}
.gen-btn.purple {
	color: #8e1efc;
}
.gen-btn.whites {
	color: #ffffff;
	background-color:#8e1efc;
}
.gen-btn:hover {
	text-decoration:none;
}
.gen-btn.purple:hover {
	color:#ffffff;
	background-color:#8e1efc;
}
.gen-btn.whites:hover {
	border-color: #8e1efc;
	color:#8e1efc;
	background-color:#ffffff;
}
/********** General End **********/


/********** Banner **********/
.svg-wave .svg-hero {
   width: 100%;
   height: 100%;
}
.banner-text a.gen-btn {
   margin-top: 0;
}
/********** Banner End **********/


/********** About Us **********/
section.about {
   background-color: #ffffff;
}
/********** About Us End **********/


/********** 991px and below **********/
@media all and (max-width: 991px) {
   /********** Banner **********/
   .banner {
      padding-bottom: 200px;
   }
   /********** Banner End **********/
}
/********** 991px and below End **********/


/********** 768px and below **********/
@media all and (max-width: 768px) {
   /***** General End *****/
	.gen-btn {
		padding: 5px 30px;
		margin-top: 0px;
		font-size: 16px;
	}
   /***** General End *****/
}
/********** 768px and below End **********/


/********** 767px and below **********/
@media all and (max-width: 767px) {
   /***** Banner End *****/
	.banner .row > div:first-child {
		order: 1;
	}
	.banner .row > div:last-child {
      margin-bottom: 20px;
   }
   /***** Banner End *****/


   /***** Features *****/
   .single-feature .text-right {
      order: 1;
      text-align: left !important;
      margin-right: 0;
      margin-left: 25px;
   }
   .feature .section-content .row > div:last-child {
      margin-top: -20px;
   } 
   /***** Features End *****/
}
/********** 767px and below End **********/