/**************************banner section******************************/
.banner-right1{	background-image: url("../images/bg1.jpg");	background-size:cover;	align-self:center;	display: block;	text-decoration: none;}
.span4{color:white;}
.span5{color:#f7eb47;}
.span6{color:white !important;}
.gradient-color{	position:absolute;top:0px;	 background-image: linear-gradient(to left, rgba(255,0,0,-1), rgba(198,5,39,0.5));}
.banner-right2{	background-color:#37b7b5;	display: block;	text-decoration: none;	text-align:center;}
.banner-right2 h2{color:white;}
.banner{display:flex;justify-content:center;}
.banner-right1:hover {	opacity:0.7;}
.banner-right2:hover {	opacity:0.7;}
/* Slideshow container */
.slideshow-container {  /*max-width: 950px;*/  position: relative;  margin: auto;}
.slideshow-container .owl-dots{	margin: 0;	bottom: 15px;	left: 0;	width: 100%;}
.slideshow-container .owl-dot span{	width: 15px;	height: 15px;}
.slideshow-container button.owl-dot.active span,
.slideshow-container .owl-dot span:hover{	background-color: #37b1ae;}
button.owl-dot{	outline: none;	box-shadow: none;}
/* Next & previous buttons */
.prev, .next {  cursor: pointer;  position: absolute;  top: 50%;  width: auto;  padding: 16px;  margin-top: -22px;  color: white;  font-weight: bold;  font-size: 18px;  transition: 0.6s ease;  border-radius: 0 3px 3px 0;  user-select: none;}
 Position the "next button" to the right */
.next {  right: 0;  border-radius: 3px 0 0 3px;}
/* On hover, add a black background color with a little bit see-through */
/*.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}
/* Caption text */
/* Number text (1/3 etc) */
.numbertext {  color: #f2f2f2;  font-size: 12px;  padding: 8px 12px;  position: absolute;  top: 0;}
/* The dots/bullets/indicators */
.banner{position:relative;/**box-shadow: 0px -2px 5px 0px rgba(0,0,0,0.55);-webkit-box-shadow: 0px -2px 5px 0px rgba(0,0,0,0.55);-moz-box-shadow: 0px -2px 5px 0px rgba(0,0,0,0.55);**/ }
.dot {  cursor: pointer;  margin: 0 2px;  background-color: white;  border-radius: 50%;  display: inline-block;  transition: background-color 0.6s ease;}
.dot-cont > .active, .dot:hover {  background-color: #37b1ae;}
/* Fading animation */
.fade {  -webkit-animation-name: fade;  -webkit-animation-duration: 1.5s;  animation-name: fade;  animation-duration: 1.5s;}

@-webkit-keyframes fade {  from {opacity: .4}   to {opacity: 1}}
@keyframes fade {  from {opacity: .4}   to {opacity: 1}}
/* On smaller screens, decrease text size */

@media only screen and (max-width: 300px) {  .prev, .next,.text {font-size: 11px}}
/*****responsive******/

@media (min-width: 1340px) and (max-width:4000px) {
/**banner right*************/
.banner{width:100%;}
.banner-right{width:30%;}
.ban1{width:70%;}
.banner-right1{		height:48.5%;	margin-bottom:15px;	padding-left:25px;/**padding-top:15%;**/	display: table;	width:100%;	}
.banner-right1 h1{display: table-cell;  vertical-align: middle;}	
.gradient-color{	width:70%;	height:100%;		}
.banner-right2{	background-color:#37b7b5;	height:48.9%;	padding:3% 0px 0px 0px;}
.banner-right2 h2{}
.banner-right{padding-left:15px;}
.slide-img{width:100%;}
.dot-cont{ position:absolute;  bottom:0;left:30%;margin-bottom:30px;}
.dot {  height: 15px;  width: 15px;}
.banner{margin-top:100px;}}
@media (min-width:1200px) and (max-width:1340px) {
/**banner right*************/
banner{width:100%;}
.banner-right{width:30%;}
.ban1{width:70%;}
.banner-right1{	height:48.5%;	margin-bottom:15px;	padding-left:25px;	display: table;	width:100%;	}
.banner-right1 h1{display: table-cell;  vertical-align: middle;}	
.gradient-color{	width:70%;	height:99.5%;	}
.banner-right2{	background-color:#37b7b5;	height:48.5%;	padding:60px 0px 0px 10px;}
.banner-right1 h1{font-size:40px !important;}
.banner-right2 h2{margin-left:65px;font-size:20px !important;}
.banner-right{margin-left:15px;}
.slide-img{width:100%;}
.banner-right2 img{width:100px;}
.dot-cont{ position:absolute;  bottom:0;left:30%;margin-bottom:30px;}
.dot {  height: 15px;  width: 15px;}
.banner{margin-top:100px;}
}
@media (min-width:992px) and (max-width:1200px) {	banner{width:100%;}
.banner-right{width:30%;}
.ban1{width:70%;}
/**banner right*************/
.banner-right1{	height:48.5%;	margin-bottom:15px;	padding-left:25px;	display: table;	width:100%;	}
.banner-right1 h1{display: table-cell;  vertical-align: middle;}
.gradient-color{	width:70%;	height:99.5%;	}
.banner-right2{	background-color:#37b7b5;	height:48.5%;	display: table;	width:100%;	text-align:center;}
.val{display: table-cell;text-align:center;  vertical-align: middle;}
.banner-right1 h1{font-size:40px !important;}
.banner-right2 h2{font-size:20px !important;}
.banner-right{margin-left:15px;}
.slide-img{width:100%;}
.banner-right2 img{width:150px;}
.dot-cont{ position:absolute;  bottom:0;left:30%;margin-bottom:30px;}
.dot {  height: 15px;  width: 15px;}}

@media (min-width:760px) and (max-width:992px) {	banner{width:100%;}
.banner-right{width:30%;}
.ban1{width:70%;}
/**banner right*************/
.banner-right1{	height:47%;	margin-bottom:15px;	padding-left:25px;	display: table;	width:100%;	}
.banner-right1 h1{display: table-cell;  vertical-align: middle;}
.gradient-color{	width:70%;	height:99.5%;	}
.banner-right2{	background-color:#37b7b5;	height:48.5%;	display: table;	width:99.9%;	text-align:center;}
.val{display: table-cell;text-align:center;  vertical-align: middle;}
.banner-right1 h1{font-size:25px !important;}
.banner-right2 h2{font-size:20px !important;}
.banner-right{margin-left:15px;}
.slide-img{width:100%;}
.banner-right2 img{width:150px;}
.dot-cont{ position:absolute;  bottom:0;left:30%;margin-bottom:30px;}
.dot {  height: 15px;  width: 15px;}}

@media (min-width:576px) and (max-width:760px) {
banner{width:100%;}
.banner-right{width:30%;}
.ban1{width:70%;}
/**banner right*************/
.banner-right1{	height:47%;	margin-bottom:15px;	padding-left:15px;	display: table;	width:100%;	}
.gradient-color{	width:70%;	height:99.5%;	}
.banner-right1 h1{display: table-cell;  vertical-align: middle;}
.banner-right2{	background-color:#37b7b5;	height:48.5%;	display: table;	width:100%;	text-align:center;}
.val{display: table-cell;text-align:center;  vertical-align: middle;}
.banner-right1 h1{font-size:25px !important;}
.banner-right2 h2{font-size:20px !important;}
.banner-right{margin-left:15px;}
.slide-img{width:100%;}
.banner-right2 img{width:100px;}
.dot-cont{ position:absolute;  bottom:0;left:30%;margin-bottom:30px;}
.dot {  height: 15px;  width: 15px;}}

@media (min-width:0px) and (max-width:576px) {	banner{width:100%;}
.banner-right{width:30%;}
.ban1{width:70%;}
/**banner right*************/
.banner-right1{	height:47%;	margin-bottom:5px;	padding-left:10px;	display: table;	width:100%;	}
.banner-right1 h1{display: table-cell;  vertical-align: middle;}	
.gradient-color{	width:70%;	height:98%;	}
.banner-right2{	background-color:#37b7b5;	height:51.4%;	display: table;	width:100%;}
.val{display: table-cell;  vertical-align: middle;}
.banner-right1 h1{font-size:14px !important;}
.banner-right2 h2{margin-left:0px;font-size:12px !important;}
.banner-right{margin-left:5px;}
.slide-img{width:100%;}
.banner-right2 img{width:90px;}
.dot-cont{ position:absolute;  bottom:0;left:33%;margin-bottom:10px;}
.dot {  height: 10px;  width: 10px;}}