@media only screen and (min-width: 600px) and (max-width: 1023px){
	.boton-reserv{
		margin-left: 18px;
	}		
	.carousel-control-prev-icon{
		top: 50%;	
	}
	.carousel-control-next-icon{		
		top: 50%;			
	}	
	.about-section-box .img-restaurant{		
		margin-top: 5px;		
	}
	
	#navbarMenuContent button {
		margin-bottom: 10px;
	}	
	
}
@media only screen and (min-width: 280px) and (max-width: 599px) {	
	
	.boton-reserv{
		margin-left: 18px;
		margin-bottom: 15px;
	}
	.carousel-control-prev-icon{
		top: 60%;	
	}
	.carousel-control-next-icon{		
		top: 60%;			
	}		
	.card{	
		height: 515px;
		width: 350px;		
		margin: auto;		
	}
	.about-section-box .img-restaurant{
		margin-top: 3px;		
	}	
	.contact-section p{
		text-align: center;
		padding: 5px;	
	}	
	.why-text{
		width: 300px;
	}
	
    .why-text p{
		margin-bottom: 0px;
		margin-top: 0px;
	}
	.menu-content{
		margin-bottom: 30px;
	}
	.menu-content .nav-pills .nav-link{
		font-size: 12px;
		padding: 5px;
	}
	.gallery-single{	
		margin-bottom: 5px;
		position: relative;
		overflow: hidden;
		-webkit-box-shadow: 0 0 2px #ffffff;
		box-shadow: 0 0 2px #fcfbfa;
	}
    .gallery-single.menu-dia h3,h4,h5,p,br{
		font-size: 10px;
        margin: 0px;		
	}
	.gallery-single img{
		width: 300px;
		height: 200px;
	}
	.menu-dia img{
		width: 83%;
		height: 300px;
	}
	
	#navbarMenuContent button {
		margin-bottom: 10px;
	}
}