/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
/* height: 343px; */
 max-height:auto;
 margin-bottom: 10px;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10; float:right;
}
.carousel-img {
   z-index: 8;
}

/* Declare heights because of positioning of img element */
.carousel .item {
/* height: 343px; */
 max-height:auto;
  background-color: #FEDBBB;
}
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
/*  height: 343px; 
  max-height:auto;*/
}

.text-shadow {
    font-size: 30px;
    font-weight: bold;
    text-shadow: 1px 1px 4px white, 0 0 1em white, 0 0 0.2em white;
    color: #000000;
}
.heading-font-size-36 {
    font-size: 26px
}

@media (min-width:992px) {

.heading-font-size-36{font-size:36px!important; color:#000!important;}
.btn-lg{padding:0px 0px;font-size:18px;line-height:1.3333333;border-radius:20px!important}
.btn-primary{color:#0A0A0A;border-color:#fff;background-color:#fff!important}
.btn-primary.focus,.btn-primary:focus{color:#0A0A0A;background-color:#fff;border-color:#fff!important}
.btn-primary:hover{color:#0A0A0A;background-color:#fff;border-color:#fff!important}
.carousel-img {
   z-index: 8;
   					position:relative;
				
				
					padding-top:20px;
					padding-bottom:20px;
					
					
					
}
.carousel-caption{
 					position:absolute;
					right:15%;
				
					left:15%;
					z-index:10;
					padding-top:0px;
					padding-bottom:20px;
					color:#0A0A0A;
					text-align:left;
					text-shadow:0 1px 2px rgba(0,0,0,.6)!important
					
			}
			
.carousel-caption{
				right:18!important;
				left:55%!important;
				padding-bottom:80px!important
			}
			
		.carousel-caption2{	
				right:15%!important;
				left:50%!important;
				padding-bottom:190px!important
			}
				
			
			
.text-shadow {
		font-size:30px;
     	font-weight: bold;
   		text-shadow: 1px 1px 4px white, 0 0 1em white, 0 0 0.2em white;
  		color:#000000;
	
}


  /* For andicafont size */



}
/* RESPONSIVE CSS
-------------------------------------------------- */
@media screen and (max-width: 768px) {
.lead {
    font-size:16px!important;
}
}


@media screen and (max-width: 768px) {

.carousel {
 /*height:300px;*/  /* 448px*/
/*max-height:100%;*/ 
 margin-bottom: 10px;
 
}

.carousel .item {
/* height:300px;  
 max-height:100%; */
  background-color: #FEDBBB;
}

.heading-font-size-36{font-size:26px!important}
.carousel-caption{
 					position:absolute;
					 border-radius:0px;
					right:2%;
					
					left:2%;
					z-index:10;
					padding-top:10px;
					padding-bottom:10px;
					color:#000; 
					text-align:left;
						padding-left:10px;
					background: rgba(245,245,245,0.74);
					
					text-shadow:0 1px 2px rgba(0,0,0,.6)!important;
			}
			
.carousel-caption{
				right:2%;
				left:2%; 
				padding-bottom:0px!important
			}
			.carousel-caption2{	
				right:5%;
				left:5%;
				padding:15px!important
			}
	.text-shadow {
		font-size:24px;
     	font-weight: bold; 
   		text-shadow: 1px 1px 2px white, 0 0 1em white, 0 0 0.2em white;
  		 color:#000000;
	
}

}

@media screen and (max-width: 667px) {

.carousel {
 /*height:450px;*/  /* 448px*/
/*max-height:100%;*/ 
 margin-bottom: 10px;
 
}

.carousel .item {
/* height:450px;  
 max-height:100%; */
  background-color: #FEDBBB;
}
.heading-font-size-36{font-size:26px!important}
.carousel-caption{
 					position:absolute;
					 border-radius:0px;
					right:2%;
					
					left:2%;
					z-index:10;
					padding-top:10px;
					padding-bottom:10px;
					color:#000; 
					text-align:left;
					padding-left:10px;
					background: rgba(245,245,245,0.74);
					
					text-shadow:0 1px 2px rgba(0,0,0,.6)!important;
			}
			
.carousel-caption{
				right:2%;
				left:2%; 
				padding-bottom:0px!important
			}
			.carousel-caption2{	
				right:5%;
				left:5%;
				padding:15px!important
			}
	.text-shadow {
		font-size:24px;
/*     	font-weight:normal!important;*/
   		text-shadow: 1px 1px 2px white, 0 0 1em white, 0 0 0.2em white;
  		 color:#000000;
	
}		

}

/* css Nexus7 device support */

@media only screen and (max-width:600px){

.carousel {
/* height:430px; 
 max-height:100%; */
 margin-bottom: 5px;
}
.carousel .item {
/* height:430px;  
 max-height:auto; */
 
}

}
/* css Nexus7 close */

@media only screen and (max-width:590px){

.carousel {
/* height:470px; 
 max-height:100%; */
 margin-bottom: 5px;
}
.carousel .item {
/* height:470px;  
 max-height:auto; */
 
}

.btn-lg{padding:0px 0px;font-size:18px;line-height:1.3333333;border-radius:20px!important}
.btn-primary{color:#0A0A0A;border-color:#fff;background-color:#fff!important}
.btn-primary.focus,.btn-primary:focus{color:#0A0A0A;background-color:#fff;border-color:#fff!important}
.btn-primary:hover{color:#0A0A0A;background-color:#fff;border-color:#fff!important}
.heading-font-size-36{font-size:22px!important}
.carousel-caption{
 					position:absolute;
					border-radius:0px;
					right:2%!important;
					
					left:2%!important;
					z-index:10;
					padding-top:20px;
					padding-left:10px;
					padding-bottom:10px;
					color:#000; 
					text-align:left;
					
					
					background: rgba(255,255,255,0.4); 
					
					text-shadow:0 1px 2px rgba(0,0,0,.6)!important;
			}
			
.carousel-caption{
				right:5%;
				left:5%; 
				padding:5px!important;
			}
.carousel-caption2{	
				right:5%;
				left:5%;
				padding:15px!important;
			}
		
/*
custom_carousel .item {

    color:#000;
    background-color:#eee;
    padding:0px 0; /* padding:20px 0; 
}
#custom_carousel .controls{
    overflow-x: auto;
    overflow-y: hidden;
    padding:0;
    margin:0;
    white-space: nowrap;
    text-align: center;
    position: relative;
    background:#ddd
}
#custom_carousel .controls li {
    display: table-cell;
    width: 1%;
    max-width:90px
}
#custom_carousel .controls li.active {
    background-color:#eee;
    border-top:3px solid orange;
}
#custom_carousel .controls a small {
    overflow:hidden;
    display:block;
    font-size:10px;
    margin-top:5px;
    font-weight:bold
}
  
}
  */

}