/*Stylesheet for caroesel Added and edited on 20.01.2021 by Msd :)*/





		#carousel
         	{

         		background-color: #F5F5F5;
         		 padding-top: 2em;
         		 margin-top: 6em;
         		
         	}

.carousel-caption{
  padding-bottom: 150px;
}

.btn.btn-yellow {
    color: #1F1F1F;
    background: #FFC61A;
}

.btn.btn-yellow:hover
{
	color: #FFC61A;
    background: #1F1F1F;
}

.carousel-caption .image-1{

  font-family: Georgia, Verdana, sans-serif ;		
  position: absolute;
  margin-left: -100px;
  margin-top:-70px;
  font-size: 45px;
}

.carousel-indicators {
    margin-bottom: 0em;
}



#right-carousel-control , #left-carousel-control
{

	margin-top: 60px;
}

#left-carousel-arrow , #right-carousel-arrow
{

	margin-left: -50px;
	background-image: none;

}


.image-1 img
{

	margin-top: -12px;
}


#image-rockbeach
{

	font-family: sans-serif;
	font-weight: bold;
	text-transform: capitalize;
	font-size: 1.6em;
    margin-left: -6.9em;
    margin-top: 3em;
}

#image-auroville
{
	font-family: sans-serif;
	text-transform: capitalize;
	font-size: 1.6em;
    margin-left: -6.9em;
    margin-top: 3em;
}

#image-boathouse
{
	font-family: sans-serif;
	text-transform: capitalize;
    margin-left: -6em;
    font-size: 1.6em;
    margin-top: 30px;
}

#image-serenity
{
	font-family: sans-serif;
	text-transform: capitalize;
	font-size: 1.6em;
    margin-left: -6em;
    margin-top: 1em;

}

#image-ashram
{
	font-family: sans-serif;
	text-transform: capitalize;
	font-size: 1.6em;
    margin-left: -6em;
    margin-top: 2em;
}

#image-bharathipark

{
	font-family: sans-serif;
	text-transform: capitalize;
	font-size: 1.6em;
    margin-left: -6em;
    margin-top: 3em;

}

#image-paradisebeach
{
	font-family: sans-serif;
	text-transform: capitalize;
	font-size: 1.6em;
    margin-left: -4em;
    margin-top: 2em;

}

#image-botanicalgarden
{
	font-family: sans-serif;
	text-transform: capitalize;
	font-size: 1.6em;
    margin-left: -4em;
    margin-top: 4em;

}

#image-arikamedu
{	
	font-family: sans-serif;
	text-transform: capitalize;
	font-size: 1.6em;
    margin-left: -4em;
    margin-top: 3em;
}

#image-lighthouse
{
	font-family: sans-serif;
	text-transform: capitalize;
	font-size: 1.6em;
    margin-left: -4em;
    margin-top: 3em;
}

#image-promenadebeach
{
	font-family: sans-serif;
	text-transform: capitalize;
	font-size: 1.6em;
   margin-left: -4em;
    margin-top: 3em;
}


#image-1-btn
{
	font-weight: bold;
	border-radius: 40px;
    padding-top: 9px;
    padding-bottom: 13px;
    padding-left: 46px;
    padding-right: 50px;
    margin-left: -30em;
    margin-bottom: -7em;
    text-transform: lowercase;
}


/* Mobile Media Queries*/

@media only screen and (min-width: 120px) and (max-width: 480px) 
{


			#carousel
         	{

         		background-color: #F5F5F5; padding-top: 2em;margin-top: 6em;

         	}


			.carousel-caption .image-1{
				  position: absolute;
				    margin-left: -1em;
				    margin-top: 6em;
				    font-size: 14px;
				}

			.carousel-indicators {

		    	margin-bottom: 0em;
			}

			.carousel-indicators li
			{
				width: 7px;
			}


				#right-carousel-control , #left-carousel-control
				{

					margin-top: 3em;
				}

				#left-carousel-arrow , #right-carousel-arrow
				{

					    margin-left: -1em;
					    margin-top: -2em;
					    background-image: none;

				}

				.carousel-caption h2{

			    position: absolute;
			    margin-left: -21px;
			    margin-top: 120px;
			    font-size: 14px;

				}

			   #image-1-btn {

			   	font-size: 0.1em;
			    font-weight: bold;
			    border-radius: 40px;
			    font-size: 10px;
			    padding-top: 5px;
			    padding-bottom:5px;
			    padding-left: 5px;
			    padding-right: 5px;
			    margin-left: -13em;
			    margin-bottom: -25em;
			    text-transform: lowercase;
			  }

			  .image-1 img
			  {
			  	height: 18px;
    			width: 18px;
    			margin-top: -1em;
			  }

				.carousel-caption{
			  padding-bottom: 150px;
			}
			.carousel-caption h2{
			  position: absolute;
			  margin-left: -100px;
			  margin-top:-70px;
			  font-size: 45px;
			}
			.carousel-control.right{
			  background-image: none;
			}
			.carousel-control.left{
			  background-image: none;
			}

			#image-rockbeach
				{

					font-family: sans-serif;
					font-weight: bold;
					text-transform: capitalize;
					font-size: 0.6em;
				    margin-left: -3.9em;
				    margin-top: 16em;
				}

				#image-auroville
					{
						font-family: sans-serif;
						text-transform: capitalize;
						font-size: 0.6em;
						margin-left: -3.9em;
						margin-top: 16em;
					}

					#image-boathouse
					{
						font-family: sans-serif;
						text-transform: capitalize;
					   margin-left: -4em;
					    font-size: 0.6em;
					    margin-top: 16em;
					}

					#image-serenity
					{
						font-family: sans-serif;
						text-transform: capitalize;
						font-size: 0.6em;
					    margin-left: -3em;
					    margin-top: 16em;

					}

					#image-ashram
					{
						font-family: sans-serif;
						text-transform: capitalize;
						font-size: 0.6em;
					    margin-left: -3em;
					    margin-top: 16em;
					}

					#image-bharathipark

					{
						font-family: sans-serif;
						text-transform: capitalize;
						font-size: 0.6em;
					    margin-left: -2em;
					    margin-top: 16em;
					}

					#image-paradisebeach
					{
						font-family: sans-serif;
						text-transform: capitalize;
						font-size: 0.6em;
					    margin-left: -4em;
					    margin-top: 16em;

					}

					#image-botanicalgarden
					{
						font-family: sans-serif;
						text-transform: capitalize;
						font-size: 0.6em;
					    margin-left: -3em;
					    margin-top: 16em;

					}

					#image-arikamedu
					{	
						font-family: sans-serif;
						text-transform: capitalize;
						font-size: 0.6em;
					    margin-left: -3em;
					    margin-top: 16em;
					}

					#image-lighthouse
					{
						font-family: sans-serif;
						text-transform: capitalize;
						font-size: 0.6em;
					    margin-left: -3em;
					    margin-top: 16em;
					}

					#image-promenadebeach
					{
						font-family: sans-serif;
						text-transform: capitalize;
						font-size: 0.6em;
					   margin-left: -3em;
					   margin-top: 16em;
					}

}