/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1920px) { 
	.container{
		max-width: 1710px;
	}
	.container.big{
		max-width: 1850px;
	}
}
@media (min-width: 1600px) and (max-width: 1919.98px){
	html{
		font-size: 51%;
	}
	.container{
		max-width: 1410px;
	}
	.container.big{
		max-width: 1550px;
	}
}
@media (min-width: 1366px) and (max-width: 1599.98px){
	html{
		font-size: 42%;
	}
	.container{
		max-width: 1190px;
	}
	.container.big{
		max-width: 1290px;
	}
}
@media (min-width: 1200px) and (max-width: 1365.99px){
	html{
		font-size: 40%;
	}
	.container{
		max-width: 1170px;
	}
}
@media (min-width: 992px) and (max-width: 1199.98px){
	html{
		font-size: 34%;
	}
	.container{
		max-width: 980px;
	}
	.about_content{
		padding-left: 0;
	}
}
@media (max-width: 991.98px) {
	html{
		font-size: 55%;
	}
	main.overflow-hidden {
	    padding-top: 10.4rem;
	}
	.menu_wrapper{
		position: fixed;
		top: 0;
		height: 100vh;
		width: 100%;
		left: -100%;
		background-color: var(--dark2);
		z-index: -2;
		-webkit-transition: 0.3s;
		-o-transition: 0.3s;
		transition: 0.3s;
		overflow: auto;
		padding-top: 16rem !important;
		padding-bottom: 2rem;
		display: block;
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
		padding-right: calc((100% - 720px) / 2 + 15px);
		padding-left: calc((100% - 720px) / 2 + 15px);
	}
	.menu_wrapper.current{
		left: 0;
	}
	.hamburger-menu {
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
	}
	.right_menu{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
	}
	.menu{
		display: block;
	}
	.menu>ul{
		display: block;
		margin-bottom: 3rem;
	}
	.menu>ul>li{
		max-width: 38rem;
        padding: 3rem 0rem !important;
        border-bottom: 0.1rem solid rgba(255, 255, 255, 0.4);
	}
	.menu>ul>li:last-child{
		border-bottom: none;
	}
	.menu>ul>li>a {
	    font-size: 2.5rem;
	    font-weight: 700;
	    color: #fff;
	    -webkit-box-pack: justify;
	        -ms-flex-pack: justify;
	            justify-content: space-between;
	    display: -webkit-box;
	    display: -ms-flexbox;
	    display: flex;
	}
	.contact_form{
		margin-right: 0;
	}
	.about_content{
		padding-left: 0 !important;
	}
	.slider1 .owl-nav{
		display: none;
	}
	.link_area ul>li {
	    max-width: 50%;
	    -webkit-box-flex: 0;
	        -ms-flex: 0 0 50%;
	            flex: 0 0 50%;
	}
	h1,
	.bouwblad_box h2 {
	    font-size: 8rem;
	}
	.pr_70{
		padding-right: 5rem;
	}
	.pl_70{
		padding-left: 5rem;
	}
	.flyer .circle_box{
		bottom: -6rem;
	}
	.planning_area{
		padding-top: 8rem;
	}
	.website_box {
	    padding-top: 1rem;
	    padding-right: 5rem;
	}
	.website{
		max-width: 100%;
	}
	.marketing_content{
		padding-left: 0 !important;
	}
	.marketing_content h2{
		font-size: 6rem;
	}
	.price_content{
		padding-right: 5rem;
	}
	.price p{
		padding-left: 3rem;
	}
	.sevel_col>div{
		max-width: 25%;
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 25%;
		        flex: 0 0 25%;
	}
	.contact_box{
		padding-left: 0 !important;
	}
	.price_table{
		padding-left: 0;
	}
	.footer_top{
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}
	.footer_item{
		max-width: 100%;
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 100%;
		        flex: 0 0 100%;
	}
	.check_wrap label {
	    min-width: 20rem;
	}
}

/*Medium devices (tablets, 767px and down)*/
@media (max-width: 767.98px) {
	html{
		font-size: 40%;
	}
	.menu_wrapper{
		padding-right: calc((100% - 540px) / 2 + 15px);
		padding-left: calc((100% - 540px) / 2 + 15px);
	}
}

/*Small devices (landscape phones, 575px and down)*/
@media (max-width: 575.98px) {
	html{
		font-size: 1.9vw;
	}
	.container,
	.menu_wrapper{
		padding-left: 3rem;
		padding-right: 3rem;
	}
	.pl_70{
		padding-left: 3rem;
	}
	.pr_70{
		padding-right: 3rem;
	}
	main {
	    padding-top: 13.5rem;
	}
	.menu>ul>li{
		max-width: 100%;
		margin-right: 0;
	}
	.logo {
	    max-width: 16rem;
	}
	h1, 
	.bouwblad_box h2{
	    font-size: 5rem;
	}
	.link_area ul>li {
	    max-width: 100%;
	    -webkit-box-flex: 0;
	        -ms-flex: 0 0 100%;
	            flex: 0 0 100%;
	}
	h2,
	h3,
	.advs_area h2,
	.marketing_content h2 {
	    font-size: 4rem;
	}
	.accordion_item {
	    padding: 2.8rem 3rem 0.8rem;
	}
	.sevel_col>div {
	    max-width: 33.33%;
	    -webkit-box-flex: 0;
	        -ms-flex: 0 0 33.33%;
	            flex: 0 0 33.33%;
	}
	.lg_gutters:not(.no-gutters) {
	    margin-left: -1.5rem;
	    margin-right: -1.5rem;
	}
	.lg_gutters:not(.no-gutters)>div{
		padding-left: 1.5rem;
		padding-right: 1.5rem;
	}
	.marketing_area {
	    padding-top: 6rem;
	}
	.news_content {
	    position: relative;
	    padding: 5rem 3rem 4rem;
	    font-size: 2.2rem;
	}
	h4 {
	    font-size: 3.5rem;
	}
	.website_box {
	    padding-bottom: 26rem;
	}
	.website_box .circle_box {
	    bottom: -23rem;
	}
	.advs_area h2{
		font-size: 3.5rem;
	}
	.planning_area {
	    padding-top: 15rem;
	}
	.about_title{
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		row-gap: 3rem;
		-webkit-box-align: start;
		    -ms-flex-align: start;
		        align-items: flex-start;
	}
	.slider_wrap>img {
	    bottom: 4rem;
	    max-width: 20.8rem;
	}
	.home_area {
	    padding: 10rem 0 17rem;
	}
	.scroll_down {
	    bottom: 2rem;
	}
	.mt_100 {
	    margin-top: 5rem;
	}
	.owl-carousel.slider1 .owl-item img {
        height: 40rem;
        object-fit: cover;
    }
    .owl-carousel.slider1 .owl-item::after {
        width: 25.7rem;
        height: 34rem;
    }
    
    .thank_area h2 {
	    font-size: 5rem;
	}
	.thank_area p strong{
		font-size: 2.2rem;
	}
	form.contact_form{
	    display: block;
	}
	form.contact_form .button {
        width: 100%;
        justify-content: center;
        margin-top: 2rem;
    }
    .marketing_content.v2 h2 {
	    font-size: 3rem;
	}
	.planning_area .button_wrapper .button{
	    width: 100%;
	}
}