/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1920px) { 
	.container{
		max-width: 1710px;
	}
}
@media (min-width: 1600px) and (max-width: 1919.98px){
	html{
		font-size: 55%;
	}
	.container{
		max-width: 1500px;
	}
}
@media (min-width: 1366px) and (max-width: 1599.98px){
	html{
		font-size: 48%;
	}
	.container{
		max-width: 1290px;
	}
}
@media (min-width: 1200px) and (max-width: 1365.99px){
	html{
		font-size: 43%;
	}
	.container{
		max-width: 1170px;
	}
}
@media (min-width: 992px) and (max-width: 1199.98px){
	html{
		font-size: 37%;
	}
	.container{
		max-width: 980px;
	}
}
@media (max-width: 991.98px) {
	.top_header{
		display: none;
	}
	html{
		font-size: 59%;
	}
	main.overflow-hidden {
	    padding-top: 12.9rem;
	}
	header::before{
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: #fff;
		z-index: -1;
	}
	.logo{
		margin-left: 0;
	}
	.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_wrapper{
		position: fixed;
		top: 0;
		height: 100vh;
		width: 100%;
		left: -100%;
		background-color: #fff;
		z-index: -2;
		-webkit-transition: 0.3s;
		-o-transition: 0.3s;
		transition: 0.3s;
		overflow: auto;
		padding-top: 25rem !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;
	}
	.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(0, 0, 0, 0.4);
        margin-left: 0;
	}
	.menu>ul>li:last-child{
		border-bottom: none;
	}
	.menu>ul>li.dropdown_wrap>ul {
		background-color: transparent;
		padding-bottom: 0;
	}
	.menu>ul>li.dropdown_wrap:hover {
	    background-color: transparent;
	}
	.menu>ul>li>a:not(.button) {
	    -webkit-box-pack: justify;
	        -ms-flex-pack: justify;
	            justify-content: space-between;
	    display: -webkit-box;
	    display: -ms-flexbox;
	    display: flex;
	}
	.menu>ul>li.dropdown_wrap{
		padding-left: 0;
		padding-right: 0;
		-webkit-box-shadow: none !important;
		        box-shadow: none !important;
	}
	.menu>ul>li.dropdown_wrap>ul {
	    -webkit-transition: none;
	    -o-transition: none;
	    transition: none;
	    opacity: 1;
	    pointer-events: all;
	    width: 100%;
	    display: none;
	    top: auto;
	    left: auto;
	    position: relative;
	    -webkit-box-shadow: none;
	    box-shadow: none;
	}
	.menu>ul>li.dropdown_wrap>ul>li>a{
		font-size: 2.3rem;
	}
	.menu>ul>li.dropdown_wrap:hover>a {
	    color: var(--orange) !important;
	}
	.menu>ul>li.dropdown_wrap>ul>li>a:hover,
	.menu>ul>li.dropdown_wrap>ul>li.active>a{
		color: var(--orange);
	}
	.right_menu {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
	}
	.home_content{
		max-width: 65rem;
		padding-top: 8rem;
    	padding-bottom: 8rem;
	}
	.hero_img {
	    height: 45rem;
	    width: 100%;
	    position: relative;
	    -webkit-clip-path: polygon(0% 0, 100% 0, 100% 100%, 0% 100%);
	            clip-path: polygon(0% 0, 100% 0, 100% 100%, 0% 100%);
	}
	.about_area{
		padding-bottom: 8rem;
	}
	.about_area::before{
		-webkit-clip-path: polygon(0% 0, 100% 0, 100% 100%, 0% 100%);
		        clip-path: polygon(0% 0, 100% 0, 100% 100%, 0% 100%);
		width: 100%;
		opacity: 0.3;
	}
	.about_content p{
		max-width: 100%;
	}
	.five_col>div{
		max-width: 50%;
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 50%;
		        flex: 0 0 50%;
	}
	.service_content{
		max-width: 65rem;
	}
	.service_box {
	    height: 34.3rem;
	    padding: 3rem 9.5rem 3rem 3rem;
	}
	.service_box h4{
		font-size: 3rem;
	}
	.service_area::before {
	    width: 100%;
	    -webkit-clip-path: polygon(0% 0, 100% 0, 100% 100%, 0% 100%);
	            clip-path: polygon(0% 0, 100% 0, 100% 100%, 0% 100%);
	}
	.vacancie_box {
	    padding: 4rem;
	    margin-top: 8rem;
	}
	.vacancie_content {
	    max-width: 57rem;
	    margin-left: 0;
	}
	.vacancie_box::before {
	    background: -webkit-gradient(linear, left top, right top, from(rgba(83, 83, 83, 1)), to(rgba(0, 0, 0, 0.3)));
	    background: -o-linear-gradient(left, rgba(83, 83, 83, 1) 0%, rgba(0, 0, 0, 0.3) 100%);
	    background: linear-gradient(90deg, rgba(83, 83, 83, 1) 0%, rgba(0, 0, 0, 0.3) 100%);
	}
	.cta_bg {
	    position: relative;
	    height: 35rem;
	    width: 100%;
	    -webkit-clip-path: polygon(0% 0, 100% 0, 100% 100%, 0% 100%);
	            clip-path: polygon(0% 0, 100% 0, 100% 100%, 0% 100%);
	}
	.footer_bottom{
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		    -ms-flex-direction: column-reverse;
		        flex-direction: column-reverse;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		row-gap: 1rem;
	}
	.two_list ul {
	    -webkit-column-count: 1;
	       -moz-column-count: 1;
	            column-count: 1;
	}
	footer ul li {
	    padding-bottom: 1rem;
	}
	.inner_home{
		display: block;
	}
	.inner_home .hero_img {
	    width: 100%;
	    -webkit-clip-path: polygon(0% 0, 100% 0, 100% 100%, 0% 100%);
	            clip-path: polygon(0% 0, 100% 0, 100% 100%, 0% 100%);
	}
	.inner_home .home_content {
	    padding-top: 8rem;
	    padding-bottom: 8rem;
	}
	.team_card{
		margin-top: 4.5rem;
	}
	.six_col>div{
        max-width: 50%;
        flex: 0 0 50%;
    }
}

/*Medium devices (tablets, 767px and down)*/
@media (max-width: 767.98px) {
	html{
		font-size: 43%;
	}
	.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;
	}
	main {
	    padding-top: 13.5rem;
	}
	.home_box{
		display: none;
	}
	.button_wrapper{
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		row-gap: 2rem;
	}
	.menu>ul>li{
		max-width: 100%;
	}
	.hero_img {
	    height: 35rem;
	}
	.five_col>div {
	    max-width: 100%;
	    -webkit-box-flex: 0;
	        -ms-flex: 0 0 100%;
	            flex: 0 0 100%;
	}
	h1, h2, .inner_home h1{
		font-size: 4.5rem;
	}
	.two_list ul {
	    -webkit-column-count: 2;
	       -moz-column-count: 2;
	            column-count: 2;
	}
	footer ul li {
	    padding-bottom: 2rem;
	}
	.paging_wrap{
		display: none;
	}
	.summary_area{
		padding-top: 4rem;
	}
	.service_float{
		display: none;
	}
	.modal_details_wrap {
        margin-top: 3rem;
    }
    .six_col>div{
        max-width: 100%;
        flex: 0 0 100%;
    }
    .zorgkart {
        align-items: flex-start;
        flex-wrap: wrap;
        flex-direction: column;
        row-gap: 2rem;
    }
}
@media (min-width: 576px){
    .modal-dialog {
        max-width: 1024px;
    }
}