.carousel-indicators .active {
	background-color: #79CFD1 !important;
}
.carousel-indicators li {
	border: 1px solid #79CFD1 !important;
}
.image-wid img {
	width: 100%;
}
.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover {
	color: #0A0B0E !important;
	border-radius: 2px;
	transition:0.6s all;
}
.carousel-caption {
	text-align:left;
	
	left: 13%;
}
.carousel-caption h3 {
	font-family: 'Roboto Slab', serif;
	font-size: 30px;
	color: #FAF4F4;
	background: rgba(56, 194, 197, 0.62);
	padding: 15px 25px;
	width: 59%;
	margin-bottom:15px;
	border-radius: 2px;
}
.carousel-caption p {
	font-family: 'Monda', sans-serif;
	font-weight: 400;
	font-size: 16px;
	background: rgba(48, 155, 190, 0.7);
	bottom:20px;
	padding: 10px 10px;
	border-radius: 2px;
	text-align:center;
	width:100%;
	
	
}
a.right.carousel-control {
	background: none !important;
}
a.left.carousel-control {
	background: none !important;
}

/*--responsivestarts-here--*/
@media screen and (max-width:1024px){
	.carousel-caption h3 {
		font-size: 28px;
		width: 60%;
	}
	.carousel-caption p {
		font-size: 13px;
		width: 53%;
	}
	button.btn.btn-info.sld,button.btn.btn-info.sld:hover {
		padding: 5px 13px !important;
		font-size: 12px;
		width: 20%;
	}
	
}
@media screen and (max-width:768px){
	.carousel-caption h3 {
		font-size: 25px;
		width: 60%;
	}
	.navbar-header a.navbar-brand.logo-st, .navbar-header a.navbar-brand.logo-st:hover {
		font-family: 'Roboto Slab', serif;
		font-weight: 700;
		font-size: 33px;
	}
	.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a {
		padding: 6px 7px;
		font-size: 14px;
	}
	.navbar-default .navbar-nav>li {
		padding: 0px 0px 0px;
	}
	
}
@media screen and (max-width:640px){
	
	.carousel-caption h3 {
		font-size: 18px;
		width: 70%;
	}
	.carousel-caption p {
		font-size: 13px;
		width: 91%;
	}
	
	
}
@media screen and (max-width:480px){
	
	.carousel-caption h3 {
		font-size: 14px;
		width: 80%;
		margin: 0px 0px 5px;
	}
	.carousel-caption p {
		font-size: 11px;
		width: 104%;
		margin: 0px 0px 5px;
	}
	button.btn.btn-info.sld, button.btn.btn-info.sld:hover {
		padding: 3px 3px !important;
		font-size: 12px;
		width: 20%;
	}
	
}
@media screen and (max-width:384px){

	.carousel-caption h3 {
		font-size: 14px;
		width: 90%;
		margin: 0px 0px 5px;
		padding: 6px 10px;
	}
	.carousel-caption p {
		font-size: 11px;
		width: 94%;
		margin: 0px 0px 5px;
		padding: 5px 9px;
	}
	.carousel-caption {
		text-align: left;
		top: 5%;
		left: 13%;
	}
	button.btn.btn-info.sld, button.btn.btn-info.sld:hover {
		padding: 3px 3px !important;
		font-size: 10px;
		width: 26%;
	}
	.carousel-indicators .active {
		width: 8px;
		height: 8px;
	}
	.carousel-indicators li {
		width: 8px;
		height: 8px;
	}
	}
@media screen and (max-width:320px){
	.carousel-caption p {
		padding: 5px 9px;
	}
	.carousel-caption {
		text-align: left;
		top: 0%;
		left: 13%;
	}
	.wid2 {
		padding: 0px 15px;
	}
	.carousel-caption h3 {
		width: 109%;
	}
	.image-wid img.img-responsive{
		width:100%;
		min-height:180px;
	}

}