.pull-right {
	float: right;
}

.pull-left {
	float: left;
}
@media screen and (max-width:1024px) {
	.full-height .parent {
		padding: 25px;
	}
}
@media screen and (min-width:991px) {
	.hide-desktop {
		display: none;
	}
}
@media screen and (max-width:991px) {
	.hidden-tablet {
		display: none !important;
	}
	.grid-item--width2, .bigger-grid .grid-item--width2 {
		min-height: 230px;
	}
	.grid-item, .bigger-grid .grid-item {
		min-height: 165px;
	}
	.text-frame {
		padding: 15px;
	}
	.team-lid .team-info li {
		margin-bottom: 15px;
	}
	.team-lid .team-info li a {
		margin-right: 0;
	}
} 

@media screen and (max-width:767px) {
	.nieuws-image {
		height: 160px;
	}
	.header-mobile-items-col {
		width: 300px;
		padding-left: 45px;
	}
	.gform_wrapper .gform_footer {
		width: 100% !important;
	}
	.formblock {
		padding: 20px;
	}
	.over-ons-full:last-child {
		padding-bottom: 50px;
	}
	.next-team, .streamer-grid {
		margin-bottom: 50px !important;
	}
	.text-frame {
		padding: 15px;
	}
	.image-frame {
		min-height: 250px;
	}
	.sidebar-full {
		display: none;
	}
	.page-template-content-contact .contentvervolg {
		margin-top: 50px;
	}
	.sidebar-absolute {
		display: none;
	}
	.case-page h5 {
		font-size: 18px;
	}
	.h-100 {
		position: relative;
	}
	.no-padding-mobile {
		padding-left: 0 !important;
	}
/*
	a.button-pill {
	    padding: 12px 0px;
	    margin: 0 !important;
	}
*/
	.teamlid-block {
		margin-bottom: 15px;
	}
	.team-info {
		margin: 0;
	}
	.team-lid h1 {
		font-size: 40px;
		line-height: 40px;
	}
	.team-lid .team-info li {
		margin-bottom: 15px;
	}
	.sidebar-full .sidebar-item {
		margin: 0 !important;
	}
	.mobile-bottom {
		position: absolute;
		bottom: 15px;
	}
	.bannerwrap-500.mobile {
		margin-bottom: 50px !important;
	}
	.content {
		display: block;
	}
	.ookinteressantitem h3 {
		font-size: 30px;
	}
	.tikki-frame {
		margin-top: 50px;
	}
	.footer-bottom ul {
		text-align: left;
		float: left;
	}
	.footer-bottom ul li {
		margin-left: 0;
	}
	.hidden-mobile {
		display: none;
	}
	.main-header {
		padding: 9px 0;
	}

	.menu-icon {
		right: 15px;
		top: 0;
		max-width: 70px;
	}
	.menu-icon span {
		display: none;
	}
	.custom-logo-link {
   	 	width: 100px;
   	 	height: 44px;
	}
	.nav-inner {
		padding-top: 90px;
	}
	.menu-icon {
		border: none;
	}
	.post-item-big {
		padding: 20px 15px;
	}
	.post-item-big .content {
		padding: 0;
		position: relative;
		top: 0;
		left: 0;
		right: 0;
	}
	.post-item-big .post-item-image {
		display: none;
	}
	.hero-caption .caption-content h2 {
		font-size: 36px;
		line-height: 42px;
	}
	.hero-arrow {
		bottom: 50px;
	}
	
	/* Edit Gerben */
	
	.homebanner .full-height-image {
		display: none;
	}
	
	.full-height-color {
  	  	padding: 30px 15px;
	}
	.full-height-color.darkblue {
		padding: 120px 15px 60px;
	}
	
	.main-header {
    	height: 65px;
    }
    
    .pull-menu-right {
   	}
	
	.homebanner h1 {
   	 	font-family: AvenirLT-Black;
   	 	font-weight: normal;
   	 	font-style: normal;
   	 	margin-bottom: 40px;
   	 	color: #fff;
   	 	font-size: 42px;
   	 	line-height: 46px;
	}
	
	.three-grid .orange-line, .orange-line {
    background-color: #F08A00;
    height: 2px;
    width: 100px;
    margin: 26px 0;
	}

	.three-grid h3 {
		font-size: calc(1.3rem + 0.6vw);
	}
	
	.full-height-border {
    padding: 15px;
    padding-bottom: 0px;
	}
	
	.full-height .full-height-image {
    height: 70vh;
	}
	
	.full-height-color.lightblue.verticle-center {
    display: block;
    -ms-flex-align: inherit;
    -webkit-align-items: inherit;
    -webkit-box-align: inherit;
    height: auto !important;
    align-items: inherit;
	}
	
	h2 {
    font-size: 29px;
    line-height: 40px;
    font-family: AvenirLT-Light;
    font-weight: normal;
    font-style: normal;
    margin-bottom: 10px;
	}
	
	.full-height-color.lightblue.verticle-center .no-bullet ul li, .full-height-color.lightblue.verticle-center .no-bullet ul li a {
    font-size: 17px;
    line-height: 25px;
    color: #000622;
    font-family: AvenirLT-Medium;
    font-weight: normal;
    font-style: normal;
    position: relative;
    top: 2px;
	}
	
	.full-height-color.lightblue {
    background-color: #F3F7FA;
    position: relative;
  
	}
	
	.streamer-grid {
    margin-top: 60px;
	}
	
	.overlap-streamer h3 {
	font-size: 32px;
    line-height: 40px;
    margin-bottom: 15px;
	}
	
	.col-md-24 {
	-webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
	}
	
	.mb-150 {
    	margin-bottom: 50px !important;
	}
	
	.align-middle.overflow {
	margin-bottom: 30px;
	}
	
	.nieuwsbrief {
    position: relative;
    bottom: 0px;
	}
	
	.footernav {
		margin-top: 30px;
	}
	
	.socialfooter {
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.bannercontent .quote, .bannercontent-color .quote {
		color: #fff;
		font-size: 30px;
		line-height: 34px;
	}
	
	.bannercontent-color {
		padding: 20px;
	}
	
	.bannerwrap-500 {
	    height: 300px;
	    position: relative;
	    margin-bottom: 50px !important;
	    width: 100%;
	}
	
	.contentvervolg {
    margin-top: 65px;
	}
	
	.introvlak {
		margin-bottom: 30px;
	}
	
	.sidebar-absolute .sidebar-item {
		display: inline-block;
		border-bottom: 0px;
	}
	
	.sidebar-item {
		padding: 10px 6px !important;
		
	}
	
	.sidebar-absolute .sidebar__inner {

    z-index: 99;
    padding: 0px 6px !important;
    background-color: #fff;
    width: 100% !important;
    top:0px !important;
    left: 0px !important;
     text-align: center;
	}
	
	.absolute {
    position: fixed;
    top: 65px;
    width: 100%;
    z-index: 99;
    background-color: #fff;
	}
	
	.is-affixed .sidebar__inner {
	  top:65px !important;
	}
	
	.ookinteressant {
    padding-top: 0;
    padding-bottom: 50px;
	}
	
	.ookinteressantitem {
		margin-bottom: 30px;
	}
	
	.bannerwrap {
    min-height: 400px;
    height: 59vh;
    position: relative;
	}
	
	.home-banner {
    left: 0px;
	}
	
	.page-title {
			    font-size: 29px;
    line-height: 40px;
    font-family: AvenirLT-Light;
    font-weight: normal;
    font-style: normal;
    margin-bottom: 10px;
	}
	
	.unitoverzichtheader h2 {
    color: #FFFFFF;
    font-family: Avenir;
    font-size: 23px;
    font-weight: 300;
    margin-bottom: 0px;
    line-height: 30px;
	}
	
	.unitoverzichtheader {
    padding: 15px;
    display: block;
    border-radius: 5px 5px 0 0;
    background-color: #103555;
    box-shadow: 0 0 12px 0 rgba(11,28,43,0.1);
	}
	
	.unitoverzichtcontent {
    padding: 15px;
    padding-bottom: 35px;
    border-radius: 5px;
    background-color: #FFFFFF;
    box-shadow: 0 0 12px 0 rgba(11,28,43,0.1);
	}
	
	.unitwrap {
	margin-bottom: 30px;
	}
	
	.nieuwsthumb {
    height: 100%;
    height: 240px;
	}
	
	.unitsoverzicht .nopaddingright {
    padding-right: 15px;
	}
	
	.unitsoverzicht .nopaddingleft {
    padding-left: 15px;
	}
	
	.nieuwsinnercontent {
    height: 100%;
    background-color: #F3F7FA;
    padding: 20px 15px;
	}
	
	.nieuwsinnercontent h2 {
			font-family: Avenir;
	    font-size: 23px;
	    font-weight: 300;
	    margin-bottom: 15px;
	    line-height: 30px;
	}
	
	.footer-contact {
	    background-color: #103555;
	    padding: 50px 0;
	}
	
	.full-streamer {
	    padding: 50px 0;
	    margin: 20px 0;
	    margin-top: 10px;
	    padding-bottom: 40px;
	}
	
	.rijen {
			width: 100%;
			-webkit-box-flex: 0;
	    -ms-flex: 0 01 00%;
	    flex: 0 0 100%;
	    max-width: 100%;
	}
	
/*
	.h-100 .my-auto {
			margin-bottom: inherit !important;
			padding-bottom: 20px;
	}
*/
	
	.bannerwrap {
	    min-height: 400px;
	    height: 69vh;
	    position: relative;
	}
	
	.text-frame {
    		padding: 15px 0px; 
	}
	
	.over-ons-full {
    		padding: 20px 0;
	}

	.over-ons-full h3 {
		font-size: 1.75rem;
	}

	.nieuws-content {
			padding: 15px 15px !important;
			padding-bottom: 30px !important
	}
	
	.nieuws-image {
			min-height: 200px !important;
			background-repeat: no-repeat;
			aspect-ratio: auto !important;
			background-size: cover;
			background-position: center;
	}
	
	.eventsvervolg h1, .nieuws-bericht h1 {
			font-size: 29px;
			line-height: 40px;
			font-family: AvenirLT-Light;
			font-weight: normal;
			font-style: normal;
			margin-bottom: 10px;
	}
	
	.algemene-vervolg-pagina {
    		margin-top: 30px;
	}
	.full-height .parent {
			padding: 0;
	}
	
	.overlap-streamer {
			padding: 0;
			
	}
	.overlap-image {
			width: 100%;
			position: relative;
			display: inline-block;
			margin-top: 15px;
			right: auto;
			height: 240px;
	}
	.formimg {
			min-height: 300px;
	}
	.gform_wrapper .gform_footer {
			position: relative;
			bottom: auto;
	}
	.gform_button {
			line-height: 15px !important;
			background-color: transparent;
	}
	.footer-formulier {
	    padding: 15px;
	}
	
	.grid-item, .bigger-grid .grid-item {
			min-height: 120px;
	}
	.grid-item--width2, .bigger-grid .grid-item--width2 {
			min-height: 240px;
	}
	.case-swiper {
			padding-bottom: 25px;
	}
	.next-team {
			margin-top: 0;
	}
}

@media (max-width: 991px) {
    .mobile-careers-nav {
        width: 100%; /* Ensure the nav itself takes full width */
        background-color: #f8f9fa; /* Add a background for visibility */
    }
    .mobile-careers-nav .navbar-nav {
        width: 100%;
        text-align: center;
    }

    .mobile-careers-nav .nav-item {
        width: 100%;
    }

    .mobile-careers-nav .nav-link {
        padding: 10px 0;
        border-bottom: 1px solid #eee; /* Add a subtle separator */
    }

    .mobile-careers-nav .navbar-toggler {
        margin-left: auto; /* Push toggler to the right */
    }

    .mobile-careers-nav.sticky-top {
        top: 85px; /* Adjusted to be below the fixed header */
        z-index: 1020; /* Ensure it's above other content */
    }
}