/* Smartphones (portrait and landscape) */
@media (max-width: 767px) {
	.slick-dots {
    bottom: -75px!important;
}
	.action-buttons {
    float: right;
    z-index: 1;
    position: relative;
    margin-top: 1rem;
    margin-right: 3rem;
    display: flex;
    align-items: end;
    flex-direction: column;
    width: 100%;
}
	
	.center-content{
		display: flex;
    align-items: center;
    justify-content: center;
		flex-direction:column;
	text-align: center;
}
	
	p {
    line-height: 1.2rem;

	}
	
	.menu-tab-nav{
		margin-top: 25px;
	}
	
	.row {
    --bs-gutter-x: 0rem!important;
	}
	
	.center-title-n-mobile{
		text-align:center;
	}
	
	
    ul#secondary-menu {
    display: flex;
    flex-direction: column;
	}
	
	.action-buttons {
    margin-right: 1rem;
	}
	
	.action-buttons p {
    display: none;
    
	}
	
	ul#secondary-menu li {
    /* margin-left: 20px; */
    margin-bottom: 15px;
	}
	
	.header-title{
		margin-top: 19rem;
	}
	
	.header-title h1 {
    font-size: 44px;
    color: #f8f5f1;
    font-weight: 300;
	}
	.rotating-image {
    display: none;
	}
	.front-block-img .wp-block-video{
		margin-top: 0rem!important;
	}
	.header-title .row{
		width: 100%;
	}
	.nav {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    gap: initial!important;
	}
	
	
	.slick-dots {
    bottom: -69px!important;
	}
	
	.slick-dots {
    bottom: -69px!important;
	}
	.block-a818ad88-9b93-46fb-818a-c983e53cf636.col.areoi-element.center-boog-bg.col-8 {
    width: 100%;
	}
	
	.global-title h4.wp-block-heading {
    font-size: 18px;
    max-width: 850px;
    margin: 0 auto;
    margin-top: 0px;
    margin-top: 80px;
    line-height: 2rem;
    color: #634824;
	}
	
	.two-side-border-light {
    border-right: 1rem solid var(--secondary-color);
    border-left: 1rem solid var(--secondary-color);
	}
	
	
	.side-border-right-light {
    border-right: 1rem solid var(--secondary-color);
	}
	.side-border-left-brown {
    border-left: 1rem solid var(--third-color);
	}
	
	.side-border-right-light {
    border-right: 1rem solid var(--secondary-color);
	}
	
	.front-intro-block {
    border-left: 1rem solid #8C968F;
}
	
	.side-border-left-brown {
    border-left: 1rem solid var(--third-color);
	}
	
	.forminator-row, .group-reservation-block h2, .group-reservation-block p {
    padding-left: 25px;
    padding-right: 25px;
	}
	
	.right-group-border{
	border-right: 1rem solid #C0B6A8;
	}
	
	.off-col{
		padding-bottom: 50px;
	}
	
	.reservation-block {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
	width: 100%;
	margin-bottom: 50px!important;
    padding-bottom: 50px;
	}
	
	h1.entry-title{
		margin-top: 2rem;
		max-height: 294px;
	}
	
	.has-text-align-right {
    text-align: left;
	}
	
}

@media (min-width: 767px) {
	
	.has-text-align-right {
    text-align: right;
}
	
	.global-title h4.wp-block-heading {
    font-size: 32px;
    max-width: 850px;
    margin: 0 auto;
    margin-top: 0px;
    margin-top: 80px;
    line-height: 2.8rem;
    color: #634824;
	}
	
	
	
	
	
    	.front-intro-block {
    border-left: 4rem solid #8C968F;
	}
	.right-group-border{
	border-right: 4rem solid #C0B6A8;
	}
	
	.two-side-border-light{
  border-right: 3rem solid var(--secondary-color);
  border-left: 3rem solid var(--secondary-color);
	}
	
	.reservation-block {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    margin-bottom: 50px!important;
  
    padding-bottom: 50px;
	}
}

/* Smartphones (landscape) */
@media (min-width: 480px) and (max-width: 767px) {
    /* CSS rules for landscape smartphones */
}

/* Smartphones (portrait) */
@media (max-width: 479px) {
    /* CSS rules for portrait smartphones */
}





@media (max-width: 767px) {
    .video-background video {
        display: none;
    }
    .video-background {
        background: url('https://caya.aw/wp-content/uploads/2024/05/2J9A3421-scaled.jpg') no-repeat center center;
        background-size: cover;
    }
	
	div#wines {
    gap: 5px;
    margin-bottom: 25px;
    border-bottom: 1px solid #ddd7d3;
    padding-bottom: 25px;
	}
	h2.wp-block-heading.has-text-align-center.wine-section-title {
    margin-top: 80px;
}
	
p.wine-section-title {
    /* margin-top: 49px; */
    border-bottom: 1px solid #000;
    padding-bottom: 10px;
    text-transform: uppercase;
}	
	
	
	
	
}