.navbar-wrapper {
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 20;
}
.navbar-wrapper > .container {
    padding-left: 0;
    padding-right: 0;
}
.navbar-wrapper .navbar {
    padding-left: 15px;
    padding-right: 15px;
}
.navbar-wrapper .navbar .container {
    width: auto;
}
.carousel {
    height: 358px;
    
}

.carousel .item .container {
	height: auto;
	overflow: hidden;
}

.carousel-caption {
    display: none;
    z-index: 10;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 796px;
    background: url(../../../img/caption.png) 0 0 repeat;
    width: 32%;
    height: 100%;
    padding: 20px 25px;
    
}
.carousel .item {
    background-color: #777;
    height: 366px;
}
.carousel-inner > .item > img {
    height: 100%;
    left: 0;
    min-width: 100%;
    position: relative;
    top: 0;
}
.marketing .col-lg-4 {
    margin-bottom: 20px;
    text-align: center;
}
.marketing h2 {
    font-weight: normal;
}
.marketing .col-lg-4 p {
    margin-left: 10px;
    margin-right: 10px;
}
.featurette-divider {
    margin: 80px 0;
}
.featurette-heading {
    font-weight: 300;
    letter-spacing: -1px;
    line-height: 1;
}


.carousel-control {
    bottom: 0;
    color: #050505;
    font-size: 20px;
    left: 0;
    opacity: 0.3;
    position: absolute;
    text-align: center;
    text-shadow: none;
    top: 0;
    width: 2%;
}

.carousel-control:focus,.carousel-control:hover {
	color: #050505;
	opacity: 1;
}

.xxxcarousel-controls {
	position: absolute;
	z-index: 100;
	float:right;
	right: 0px;
	width: 100px;
	height: 55px;
	top: 325px;
	background-color: #1C5967;
	overflow: hidden;
}

.carousel-control.left,.carousel-control.right {
	background: none;
}

.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
 margin-left: 0px;
}
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev {
 margin-right: 0px;
}


@media (min-width: 768px) {
.navbar-wrapper {
    margin-top: 20px;
}
.navbar-wrapper .container {
    padding-left: 15px;
    padding-right: 15px;
}
.navbar-wrapper .navbar {
    padding-left: 0;
    padding-right: 0;
}
.navbar-wrapper .navbar {
    border-radius: 4px;
}	
.carousel-caption p {
    font-size: 21px;
    line-height: 1.4;
    margin-bottom: 20px;
}
.featurette-heading {
    font-size: 50px;
}
}
@media (min-width: 992px) {
.featurette-heading {
    margin-top: 120px;
}
}


@media screen and (min-width: 992px) and (max-width: 1199px) {
.carousel-caption {    	
    	left: 660px;
 }
 .carousel {
    height: 303px;
 }
 .carousel .item {
     height: 303px;
 }
}


@media screen and (min-width: 768px) and (max-width: 991px) {
.carousel-caption {    	
    	left: 510px;
 }
  .carousel-controls {	
	top: 295px;
	}
	
	.carousel-caption p {
    	font-size: 17px;
	}
	.carousel-caption h1 {
		font-size: 30px;
	}
	
}


@media screen and (max-width: 991px) {
	.carousel {
    	height: 235px;
    	margin-bottom: 0px;
	}
	.carousel .item {
    	height: 235px;
	}
	
}

@media screen and (max-width: 767px) {
	
	.carousel {
		display: none;
    	height: 250px;
    	margin-bottom: 20px;
	}
	.carousel .item {
    	height: 250px;
	}
	
	.carousel-caption {    	
    	right: 0px;
    	left: auto;
 }
  .carousel-controls {	
	top: 205px;
	height: 45px;
	}
	
	.carousel-caption p {
    	font-size: 14px;
	}
	.carousel-caption h1 {
		font-size: 22px;
		margin-top: 0;
	}
	
	.btn-group-lg > .btn, .btn-lg {
		font-size: 14px;
	}
	
}