/*
/*  10. Responsive
/*-----------------------------------------------------------------------------------*/
@media screen and (min-width: 1410px){
 


}

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

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

   
}

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

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


  }

@media screen and (max-width:650px){
   
   .navbar{
	position: relative !important;
}

.carousel-caption{
  bottom: 10%;
}

.logo{
	left: 0 !important;
}



  
}


@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) { 
   
.navbar{
	position: relative !important;
}

.carousel-caption{
  bottom: 5%;
}

.logo{
	left: 0 !important;
}




}

@media screen and (max-width: 480px){
  
.navbar{
	position: relative !important;
}

.carousel-caption{
  bottom: 5%;
}

.logo{
	left: 0 !important;
}




.carousel-caption h2{
	color: #E4CB66 !important;
	font-family: 'quicksandregular';
	font-size: 1.1em;
	font-weight: lighter;
	padding: 10px;
	width: 100% !important;
	margin: 0 auto;
	background: none !important

}
.carousel-caption .h2b{
	color: #E4CB66 !important;
	font-family: 'quicksandregular';
	font-size: 0.9em;
	font-weight: lighter;
	padding: 10px;
	width: 100% !important;
	margin: 0 auto;
	background: none !important

}










}