/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width:  3500px){
	.ofcavas-menu {
	    background-size: calc(100% + 36%) 100%;
	    background-position: 2%;
	}
}
@media (min-width: 2500px) and (max-width: 3499.98px){
	.ofcavas-menu {
	    background-size: calc(100% + 28%) 100%;
	    background-position: 14%;
	}
}
@media (min-width: 2500px){
	.hero_area .row{
		-webkit-box-align: center !important;
		    -ms-flex-align: center !important;
		        align-items: center !important;
	}
	.hero_content{
		padding-top: 40rem;
	}
}

@media (min-width: 1700px){
	.container{
		max-width: 1630px;
	}
	.row.left_space{
		padding-left: calc((100% - 1630px) / 2 + .75rem);
	}
}

@media (min-width: 1400px) and (max-width: 1699.98px) { 
	html{
		font-size: 48%;
	}
	.container{
		max-width: 1400px;
	}
	.row.left_space{
		padding-left: calc((100% - 1400px) / 2 + .75rem);
	}
	.hero_slider_wrap {
	    width: calc(100% - 69rem);
	    margin-left: auto;
	}
	.ofcavas-menu {
	    background-position: 65% center;
	}
	.youtube-tekst h2 {
	  max-width: 80%;
	  font-size: 52px;
	}
}

@media (min-width: 1200px) and (max-width: 1399.98px) { 
	html{
		font-size: 43%;
	}
	.container{
		max-width: 1200px;
	}
	.row.left_space{
		padding-left: calc((100% - 1200px) / 2 + .75rem);
	}
	.ofcavas-menu {
	    background-position: 22% center;
	}
		.youtube-tekst h2 {
	  max-width: 80%;
	  font-size: 52px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) { 
	html{
		font-size: 35%;
	}
	.container{
		max-width: 992px;
	}
	.row.left_space{
		padding-left: calc((100% - 992px) / 2 + .75rem);
	}
	.ofcavas-menu {
	    background-position: 22% center;
	}
	.youtube-tekst h2 {
  max-width: 85%;
  font-size: 42px;
}
	
	.youtube-tekst p {
  width: 75%;
}
}

@media (min-width: 768px) and (max-width: 991.98px) { 
	html{
		font-size: 50%;
	}
	.container{
		max-width: 768px;
	}
	.De_omgeving .g-5{
		--bs-gutter-y: 5.5rem;
		--bs-gutter-x: 5.5rem;
	}
	.youtube-tekst p {
  		width: 90%;
	}
	.youtube-tekst h2 {
	  max-width: 90%;
	  font-size: 42px;
	}
}

@media (max-width: 991.98px) {
	.container{
		padding-left: 15px;
		padding-right: 15px;
	}
	.logo {
		width: 19rem;
	}
	.social_nav{
		display: none;
	}
	.right_nav li{
		margin-right: .8rem;
	}
	.right_nav li a span{
		display: none;
	}
	.right_nav li .hamburger_menu span{
		display: inline-block;
	}
	.right_nav li a img{
		margin-right: 0;
	}
	.right_nav li .book_now{
		margin: 0 2rem 0 1rem;
	}
	.ofcavas-menu{
		background: url(../img/bg6.png) no-repeat center;
		background-size: cover;
	}
	.ofcavas-menu .shape{
		display: none;
	}
	.ofcavas_nav{
		padding-left: 5.5rem;
	}
	.hero_content{
		padding: 4.5rem 0 16rem;
	}
	.hero_area h1{
		padding-bottom: 0;
		margin-bottom: -1rem;
	}
	.hero_slider .owl-nav{
		top: 57%;
		width: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
	}
	.availability_form .form_group{
		margin-bottom: 2rem;
	}
	.see_villa h1 br{
		display: none;
	}
	.icon_boxs{
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		-webkit-box-pack: center !important;
		    -ms-flex-pack: center !important;
		        justify-content: center !important;
	}
	.icon_box{
		width: calc(33.333% - 2.8rem);
		margin: 1.4rem !important;
	}
	.see_villa form{
		margin-bottom: -4rem;
	}
	.see_villa_bottom{
		padding-top: 5.6rem;
	}
	.see_villa_bottom p{
		padding-bottom: 5.6rem;
	}
	.spaces_area{
		padding: 10rem 0;
	}
	.De_omgeving{
		padding: 10rem 0;
	}
	.testimonial_area{
		padding: 10rem 0;
	}
	.map_area{
		height: 40rem;
	}
	.map_area img{
		width: 16rem;
	}
	footer{
		padding-top: 0;
		padding-bottom: 8.4rem;
	}
	.footer_widget{
		margin-top: 8.4rem;
	}
	.ruimtes_content_area .row{
		padding-bottom: 4rem;
	}
	.photo_slider{
		margin-top: 4rem;
	}
	.pagenation {
		padding: 2.9rem 0;
	}
	.ruimtes_content_area .bottom_content{
		padding-top: 8rem;
	}
	.ruimtes_content_area .bottom_content p{
		padding: 2.2rem 0 5.6rem;
	}
	.contactpagina_content_area .bottom_content{
		padding-top: 8rem;
	}
	.contactpagina_content_area .bottom_content p{
		padding: 2.2rem 0 5.6rem;
	}
	.map_area.largest{
		height: 55rem;
	}
	.container.custom{
		padding: 0 4.5rem;
	}
	.hero_slider_wrap {
	    width: 100%;
	}
}

/*Medium devices (tablets, 767px and down)*/
@media (max-width: 767.98px) {
	html{
		font-size: 45%;
	}
	h1{
		font-size: 6rem;
	}
	.logo{
		width: 100%;
	}
	.ofcavas-menu{
		background: url(../img/bg7.png) no-repeat center;
		background-size: cover;
	}
	.ofcavas-menu .container{
		height: auto;
	}
	.ofcavas_menu_left{
		display: none;
	}
	.ofcavas_menu_social{
		display: none;
	}
	.ofcavas_menu_logo{
		width: 18rem;
	}
	.ofcavas_menu_logo img:nth-child(1){
		display: none;
	}
	.ofcavas_menu_logo img:nth-child(2){
		display: block;
	}
	.hamburger_menu_close{
		right: 4rem;
	}
	.ofcavas_nav li{
		padding: 3rem 0;
	}
	.ofcavas_menu_logo{
		margin-left: 7rem;
	}
	.ofcavas_nav{
		margin-top: 50rem;
	}
	.hero_area{
		text-align: center;
	}
	.hero_area hr{
		margin-left: auto;
		margin-right: auto;
	}
	.hero_area h1{
		padding-bottom: 2rem;
	}
	.right_nav li{
		display: none;
	}
	.right_nav li:last-child{
		display: block;
	}
	.right_nav li .hamburger_menu span{
		display: none;
	}
	.right_nav li .hamburger_menu img{
		margin-right: 0;
	}
	.img_box .content {
		padding: 0;
	}
	.icon_box {
		width: calc(33.333% - 1.8rem);
		margin: .9rem !important;
		padding: 3rem 0 2.5rem;
		height: auto;
	}
	.icon_box img{
		height: 10rem;
	}
	.icon_box p {
		padding-top: 2rem;
	}
	.spaces_area .g-5 {
		--bs-gutter-y: 1.5rem;
		--bs-gutter-x: 1.5rem;
	}
	footer{
		text-align: center;
	}
	footer hr{
		margin-left: auto;
		margin-right: auto;
	}
	footer br{
		display: none;
	}
	.footer_logo{
		margin: auto;
		width: 20rem;
	}
	.footer_about_widget{
		padding-right: 0;
		padding: 0 1rem;
	}
	.social_link{
		margin-top: 4rem;
	}
	.phone{
		display: none;
	}
	.contact_form .form_group{
		padding-right: 0;
	}
	.single_testi {
	    -webkit-box-shadow: 0px 0px 12px rgb(0 0 0 / 16%);
	            box-shadow: 0px 0px 12px rgb(0 0 0 / 16%);
	}
	.youtube-tekst h2 {
	  max-width: 100%;
	  font-size: 5rem;
		text-align:center;
	}
	.youtube-tekst p{
		text-align:center;
		width:100%;
	}
	
	.youtube-tekst {
		  display: block;
		  height: auto;
		  margin-bottom: 50px;
		}
}

/*Small devices (landscape phones, 575px and down)*/
@media (max-width: 575.98px) {
	html{
		font-size: 38%;
	}
	h1{
		font-size: 5rem;
	}
	h2{
		font-size: 4rem;
	}
	h5{
		font-size: 2.6rem;
	}
	.container{
		padding-right: var(--bs-gutter-x, 2rem);
		padding-left: var(--bs-gutter-x, 2rem);
	}
	.logo {
		width: 10rem;
	}
	.ofcavas_nav li a{
		font-size: 4rem;
	}
	.right_nav li .hamburger_menu img {
		width: 7rem;
	}
	.owl-nav button{
		width: 4.5rem;
		height: 4.5rem;
	}
	.owl-nav button img{
		width: 2rem;
	}
	.icon_box img {
		height: 7.5rem;
	}
	.icon_box p{
		font-size: 2.6rem;
	}
	.spaces_box .overly_content {
		padding: 4rem 2.5rem 1.8rem 2.5rem;
	}
	.img_box p{
		font-size: 3.5rem;
	}
	.footer_logo {
		width: 15rem;
	}
	.ml_20{
		margin-left: 10px;
	}
	.container.custom{
		border-radius: 0;
		padding-right: var(--bs-gutter-x, 2rem);
		padding-left: var(--bs-gutter-x, 2rem);
		-webkit-transform: translateY(0);
		    -ms-transform: translateY(0);
		        transform: translateY(0);
		background: none;
		-webkit-box-shadow: none;
		        box-shadow: none;
	}
	.ruimtes_content_area{
		background: url(../img/bg10.jpg) no-repeat center;
		background-size: cover;
	}
	.contactpagina_content_area{
		background: url(../img/bg13.png) no-repeat center bottom;
		background-size: cover;
	}
	.ofcavas_nav {
	    margin-top: 4rem;
	    top: 0;
	    position: relative;
	    -webkit-transform: translateY(-0);
	        -ms-transform: translateY(-0);
	            transform: translateY(-0);
	    padding-left: 2rem;
	}
	.ofcavas_nav li {
	    padding: 2.1vh 0;
	    max-width: 36rem;
	}

	.ofcavas_menu_logo {
	    margin-left: 2rem;
	    width: 12rem;
	    margin-top: 4rem;
	}
	.testimonial_slider .owl-dots button {
	    width: 7.5rem;
	}
	.hamburger_menu_close {
	    right: 3.5rem;
	    top: 4rem;
	}
	.youtube-video{
		padding:7rem 0;
	}
}