/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1920px) { 
	.container{
		max-width: 1710px;
	}
	header .container{
		max-width: 1810px;
	}
	.work_area{
		padding-right: calc((100% - 1710px) / 2 + 15px);
	}
	.history_area .container{
		max-width: 123rem;
	}
}
@media (min-width: 1600px) and (max-width: 1919.98px){
	html{
		font-size: 53.50%;
	}
	.container{
		max-width: 1500px;
	}
	header .container{
		max-width: 1570px;
	}
	.work_area{
		padding-right: calc((100% - 1500px) / 2 + 15px);
	}
	.history_area .container{
		max-width: 123rem;
	}
}
@media (min-width: 1440px) and (max-width: 1599.98px){
	html{
		font-size: 48%;
	}
	.container{
		max-width: 1360px;
	}
	header .container{
		max-width: 1400px;
	}
	.work_area{
		padding-right: calc((100% - 1360px) / 2 + 15px);
	}
	.history_area .container{
		max-width: 123rem;
	}
}
@media (min-width: 1366px) and (max-width: 1439.98px){
	html{
		font-size: 44.60%;
	}
	.container{
		max-width: 1255px;
	}
	header .container{
		max-width: 1320px;
	}
	.work_area{
		padding-right: calc((100% - 1255px) / 2 + 15px);
	}
	.history_area .container{
		max-width: 123rem;
	}
}
@media (min-width: 1200px) and (max-width: 1365.99px){
	html{
		font-size: 41%;
	}
	.container{
		max-width: 1170px;
	}
	header .container{
		max-width: 1190px;
	}
	.work_area{
		padding-right: calc((100% - 1170px) / 2 + 15px);
	}
	.history_area .container{
		max-width: 123rem;
	}
}
@media (min-width: 992px) and (max-width: 1199.98px){
	html{
		font-size: 33.80%;
	}
	header .container{
		max-width: 980px;
	}
	.work_area{
		padding-right: calc((100% - 960px) / 2 + 15px);
	}
	.menu>ul>li{
		margin-left: 0;
	}
	.history_area .container{
		max-width: 123rem;
	}
}
@media (min-width: 768px) and (max-width: 991.98px){
	.container{
		max-width: 680px;
	}
	header .container{
		max-width: 740px;
	}
}
@media (max-width: 991.98px) {
	html{
		font-size: 47%;
	}
	.logo {
	    padding: 2.5rem 4rem 2.5rem 0;
	}
	.language_select {
	    padding-left: 4.5rem;
	}
	.language_select a {
	    height: 4rem;
	    width: 4rem;
	}
	.menu_wrapper{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
	}
	.menu{
		position: fixed;
		top: 0;
		height: 100vh;
		width: 100%;
		left: -100%;
		background-color: var(--dark);
		text-align: center;
		z-index: -1;
		-webkit-transition: 0.3s;
		-o-transition: 0.3s;
		transition: 0.3s;
		overflow: auto;
		padding-top: 18rem !important;
		padding-bottom: 2rem;
		display: block;
		background-image: url(../img/menu_bg.jpg);
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
	}
	.menu::before{
		position: absolute;
		content: '';
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: var(--dark);
		opacity: 0.75;
		z-index: -1;
	}
	.menu.current{
		left: 0;
	}
	.hamburger-menu {
		display: block;
	}
	header.sticky .menu>ul>li>a {
	    color: #fff;
	}
	.menu>ul{
		display: block;
		margin-bottom: 3rem;
	}
	.user_btn{
		margin-left: 0;
		font-size: 2.4rem;
	}
	.user_btn img {
	    width: 1.8rem;
	    margin-right: 0.8rem;
	}
	.menu>ul>li{
		max-width: 400px;
		margin-left: auto !important;
		margin-right: auto !important;
        padding: 2.8rem 4rem !important;
        border-bottom: 0.1rem solid rgba(255, 255, 255, 0.5);
	}
	.menu>ul>li.dropdown_wrap>ul {
		background-color: transparent;
		padding-bottom: 0;
	}
	.menu>ul>li.dropdown_wrap:hover {
	    background-color: transparent;
	}
	.menu>ul>li.dropdown_wrap:hover>a{
		color: var(--red) !important;
	}
	.menu>ul>li>a {
	    color: #fff;
	    font-size: 3rem;
	}
	.menu>ul>li.dropdown_wrap{
		padding-left: 0;
		padding-right: 0;
	}
	.menu>ul>li.dropdown_wrap>ul {
	    position: relative;
	    padding: 2rem 0 0rem;
	    -webkit-transition: none;
	    -o-transition: none;
	    transition: none;
	    opacity: 1;
	    pointer-events: all;
	    width: 100%;
	    display: none;
	    top: auto;
	}
	.menu>ul>li.dropdown_wrap>ul>li>a{
		font-size: 2.3rem;
	}
	.menu>ul>li.dropdown_wrap>ul>li>a:hover,
	.menu>ul>li.dropdown_wrap>ul>li.active>a{
		color: var(--red);
	}
	.menu_wrapper>.user_btn{
		display: none;
	}
	.menu .icon_box{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		margin-top: 10rem;
	}
	/*	home area*/
	.home_area {
	    min-height: 100%;
	    height: 90rem;
	}
	.home_area h2:last-child strong {
	    padding-left: 15rem;
	}
	.home_area h2:first-child strong {
	    padding-right: 15rem;
	}
	.home_area h2 {
	    font-size: 9rem;
	}
	.home_area h2:first-child strong::before {
	    left: calc(100% - 13rem);
	}
	.home_area h2:last-child strong::before {
	    right: calc(100% - 13rem);
	}
	.home_shape {
	    left: 54%;
	}

	/*video area*/
	.video_area {
	    padding: 4rem 0 9rem;
	}
	.video_area p{
		max-width: 100%;
		text-align: center;
	}
	.video_area .btn_wrapper{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		padding-top: 1rem;
		padding-bottom: 3rem;
	}
	.play_icon {
	    height: 16rem;
	    width: 16rem;	
	}
	.play_icon img {
	    width: 6.5rem;
	}

	/*onze area*/
	.onze_area {
	    padding: 9rem 0;
	}
	.title_wrapper>p {
	    font-size: 2.5rem;
	}
	.title_wrapper h2 {
	    font-size: 6.3rem;
	}
	.onze_area .row>div{
		padding-left: 2.5rem;
		padding-right: 2.5rem;
	}
	.sevice_content {
	    padding: 3rem 3.5rem 15rem;
	}
	.sevice_content .button {
	    bottom: 4.5rem;
	}
	.slider1 .owl-nav button {
	    height: 6.5rem;
	    width: 6.5rem;
	}
	.slider1 .owl-nav button.owl-prev {
	    left: -8rem;
	}
	.slider1 .owl-nav button.owl-next {
	    right: -8rem;
	}
	/*social area*/
	.social_area .title_wrapper .icon_box {
	    margin-left: 3rem;
	}
	.work_area{
		display: block;
	}
	.left_img {
	    height: 70rem;
	}
	.work_icon {
	    top: auto;
	    -webkit-transform: translateX(50%);
	        -ms-transform: translateX(50%);
	            transform: translateX(50%);
	    right: 50%;
	    bottom: -9rem;
	}
	.work_content {
	    max-width: 680px;
	    padding-left: 15px;
	    padding-right: 15px;
	    padding-bottom: 10.4rem;
	    margin-left: auto;
	    margin-right: auto;
	    text-align: center;
	}
	.work_content p{
		font-size: 2.6rem;
	}
	.heeft_area h2 {
	    font-size: 4.2rem;
	    line-height: 1.1;
	}
	.footer_top .footer_item {
	    max-width: 50%;
	    -webkit-box-flex: 0;
	        -ms-flex: 0 0 50%;
	            flex: 0 0 50%;
	}
	footer{
		font-size: 2.6rem;
	}
	.footer_bottom{
		font-size: 2rem;
	}
	.footer_bottom ul{
		display: none;
	}
	.footer_item.d-lg-none ul{
		font-size: 2rem;
	}
	.flogo {
	    max-width: 61rem;
	}

	.menu_list {
	    padding: 2.3rem 5rem 2.3rem;
	    margin-bottom: 0rem;
	    margin-top: 4rem;
	}
	.menu_list ul{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		margin-left: -2.5rem;
		margin-right: -2.5rem;
	}
	.menu_list li{
		max-width: 50%;
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 50%;
		        flex: 0 0 50%;
		padding-left: 2.5rem;
		padding-right: 2.5rem;
	}
	.menu_list li:nth-last-child(2) a{
		border-bottom: none;
	}
	.menu_list::before {
	    height: 100%;
	    -webkit-transform: skewY(0deg);
	        -ms-transform: skewY(0deg);
	            transform: skewY(0deg);
	}
	.breadcrumb{
		padding-left: 0;
	}
	.voor_vragen {
	    padding: 3rem 3.1rem;
	    margin-top: 7.5rem;
	    margin-bottom: 3rem;
	}
	.voor_content {
	    max-width: 40rem;
	}
	.voor_vragen>img {
	    right: 3rem;
	    max-width: 34rem;
	}
	.filter_wrap{
		display: none;
	}

	.history_item{
		-webkit-box-pack: end;
		    -ms-flex-pack: end;
		        justify-content: flex-end;
	}
	.history_area .container::before {	    
		left: 5rem;
	}
	.year_circle {
	    top: 22rem;
	    left: 5.5rem;
	}
	.history_wrap .bg_img {
	    right: auto !important;
	    left: 5rem !important;
	}
	.history_item:nth-child(even)>div:nth-child(3) {
	    text-align: left;
	}
	.history_item:nth-child(even)>div:nth-child(2) {
	    -webkit-box-ordinal-group: inherit;
	        -ms-flex-order: inherit;
	            order: inherit;
	}
	.history_box {
	    max-width: 54rem;
	}
	.history_item .history_wrap h2 {
	    right: -6rem !important;
	    -webkit-transform: translateY(-50%) rotate(90deg) !important;
	        -ms-transform: translateY(-50%) rotate(90deg) !important;
	            transform: translateY(-50%) rotate(90deg) !important;
	    left: auto !important;
	}
	.history_content{
		padding-left: 5rem;
		padding-top: 4rem;
		padding-bottom: 3rem;
	}

}

/*Medium devices (tablets, 767px and down)*/
@media (max-width: 767.98px) {
	html{
		font-size: 37%;
	}
	.menu>ul>li {
	    max-width: 400px;
	}
	.work_content{
		max-width: 540px;
	}
}

/*Small devices (landscape phones, 575px and down)*/
@media (max-width: 575.98px) {
	html{
		font-size: 1.6vw;
	}
	.container{
		padding-left: 5rem;
		padding-right: 5rem;
	}
	.menu_wrapper>.menu{
		padding-left: 5rem;
		padding-right: 5rem;
	}
	.menu_wrapper{
		-webkit-box-pack: end;
		    -ms-flex-pack: end;
		        justify-content: flex-end;
	}
	.language_select {
	    padding-left: 2.5rem;
	    vertical-align: text-bottom;
	}
	.menu_wrapper>.language_select{
		display: none;
	}
	.home_area {
	    height: 78rem;
	}
	.home_shape{
		display: none;
	}
	.home_area h2 {
	    font-size: 8rem;
	}
	.home_area h2:first-child strong {
	    padding-right: 10rem;
	}
	.home_area h2:first-child strong::before {
	    left: calc(100% - 8rem);
	}
	.home_area h2:last-child strong::before {
	    right: calc(100% - 8rem);
	}
	.home_area h2:last-child strong {
	    padding-left: 10rem;
	}
	.onze_area .row>div {
	    padding-left: 4.5rem;
	    padding-right: 4.5rem;
	}
	.slider1 .owl-dots{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		margin-top: 4rem;
	}
	.slider1 .owl-dots button{
		height: 1.4rem;
		width: 1.4rem;
		background-color: #fff;
		border-radius: 50%;
		padding: 0.2rem;
		margin: 0 0.5rem;
	}
	.slider1 .owl-dots button.active{
		background-color: var(--red);
	}
	.video_area{
		text-align: center;
	}
	.video_box {
	    padding-right: 2rem;
	    padding-bottom: 2rem;
	}
	.video_box::before {
	    height: 22rem;
	    width: 22rem;
	}
	.video_box>img {
	    height: 31rem;
	    -o-object-fit: cover;
	       object-fit: cover;
	    -o-object-position: center center;
	       object-position: center center;
	}
	.play_btn {
	    font-size: 2.4rem;
	}
	.play_icon2 {
	    height: 6.6rem;
	    width: 6.6rem;
	    margin-right: 2.3rem;
	}
	.play_icon2 img {
	    width: 3.5rem;
	}
	.play_icon {
	    height: 11rem;
	    width: 11rem;
	    top: calc(50% - 1rem);
    	left: calc(50% - 1rem);
	}
	.play_icon img {
	    width: 4.2rem;
	}
	.work_content {
	    max-width: 100%;
	    padding-left: 5rem;
	    padding-right: 5rem;
	}
	.title_wrapper h2{
		font-size: 5rem;
	}
	.left_img {
	    height: 50rem;
	}
	.social_area .title_wrapper{
		display: block;
		text-align: center;
	}
	.social_area .title_wrapper h2{
		font-size: 5rem;
	}
	.social_area .title_wrapper .icon_box {
	    margin-left: 0;
	    margin-top: 2rem;
	}
	.work_icon {
	    bottom: -8rem;
	    height: 16rem;
	    width: 16rem;
	}
	.work_icon img {
	    width: 7.6rem;
	}

	footer{
		text-align: center;
	}
	.footer_top .footer_item {
	    max-width: 100%;
	    -webkit-box-flex: 0;
	        -ms-flex: 0 0 100%;
	            flex: 0 0 100%;
	    margin-top: 6.5rem;
	}
	.footer_top p{
		margin-left: auto;
		margin-right: auto;
	}
	.flogo {
	    max-width: 42rem;
	    margin-bottom: 1rem;
	}
	.footer_bottom {
	    padding-top: 5.5rem;
	    padding-bottom: 4.5rem;
	}
	.menu_list li {
	    max-width: 100%;
	    -webkit-box-flex: 0;
	        -ms-flex: 0 0 100%;
	            flex: 0 0 100%;
	}
	.menu_list li:nth-last-child(2) a {
	    border-bottom: 1px solid #fff;
	}
	.right_content h2 {
	    font-size: 4rem;
	}
	.right_content h2 img {
	    width: 6rem;
	    margin-right: 1.5rem;
	}
	.breadcrumb{
		display: none;
	}
	.voor_vragen>img {
	    right: auto;
	    position: relative;
	    -webkit-transform: translateY(0);
	        -ms-transform: translateY(0);
	            transform: translateY(0);
	    display: block;
	    margin-left: auto;
	    margin-right: auto;
	    margin-bottom: -18rem;
	    margin-top: 4rem;
	}
	.voor_vragen {
	    margin-bottom: 13rem;
	}
	.home_area.inner_home{
		height: 50rem;
	}
	.history_box {
	    max-width: 37rem;
	}
	.year_circle {
	    top: 16.5rem;
	    left: 6rem;
	    height: 7rem;
	    width: 7rem;
	}
	.history_area .container::before {
	    left: 8.5rem;
	}
	.history_item .history_wrap h2 {
	    right: -5rem !important;
	    font-size: 5rem;
	}
	.history_content {
	    padding-left: 0rem;
	}
	.map_box{
		max-width: 100%;
	}
	.brand_wrap>div{
		max-width: 25%;
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 25%;
		        flex: 0 0 25%;
	}
	.details_wrap{
		display: block;
	}
	.details_wrap .details_icon{
		margin-bottom: 3rem;
	}
}