@media screen and (max-width: 1900px) {
	.page-3-image img {
		width: 100%;
		height: auto !important;
	}
}

@media screen and (max-width: 1479px) {
	.home-sm-curve-add {
		display: none;
	}
	.inside_triangle {
		right: 0px !important;
		width: 35% !important;
		-ms-transform: skew(0deg,0deg) !important;
    -webkit-transform: skew(0deg,0deg) !important;
    transform: skew(0deg,0deg) !important;
	}
	.hw-company-img p {
    right: 11% !important;
    width: 30% !important;
    left: auto !important;
	}
	.featured-image-inner,
	.featured-image-outer {
		-ms-transform: none !important;
		-webkit-transform: none !important;
		transform: none !important;
	}

	.featured-image-inner {
		left: 0px !important;
	}

	.featured-image-outer {
		margin-left: 0px !important;
		width: 100% !important;
	}
	.page-blue-area {
    border-bottom: 845px solid #066f93c7 !important;
    border-left: 622px solid transparent !important;
	}

}
@media screen and (max-width: 1440px) {
	.inside_triangle_top {
    width: 35% !important;
    height: 347px !important;
    right: 0px !important;
    -ms-transform: none !important;
    -webkit-transform: none !important;
    transform: none !important;
	}
	.multiple_triangles {
		display: none;
	}
}

@media screen and (max-width: 1285px) {
	.main-menu ul li a{
		font-size: 10px;
	}
	.home-curve-add {
		display: none;
	}
	.home-banner-img p {
    	font-size: 35px;
	}
	.multiple_triangles {
		display: none;
	}
	.triangle_image_inside {
		top: 0px !important;
		left: 0px !important;
	}
}
@media screen and (max-width: 1190px) {
	.chess-blue_triangle {
		position: relative !important;
		top: 0px !important;
		width: 100% !important;
		right: 0px !important;
		height: 150px !important;
		-ms-transform: none !important;
		-webkit-transform: none !important;
		transform: none !important;
	}
	.chess-image-left {
		width: 100% !important;
		min-height: auto !important;
	}
	.chess-image-left img {
		width: 100%;
	}
	.chess-text-inside-blue {
		position: absolute !important;
		top: auto !important;
		left: 0% !important;
		transform: none !important;
		width: 100% !important;
		bottom: 3% !important;
		padding: 0 15px;
	}
}
@media screen and (max-width: 1100px) {
	.page-blue-area {
		display: none !important;
	}
}
@media screen and (max-width: 1045px) {
	.hw-feature-img img {
    height: auto !important;
    margin-top: 151px;
	}
}
@media screen and (max-width: 1024px) {
	.news-right-sidebar{
		width: 100% !important;
	}
	.news-sm-card{
		width: 100% !important;
	}
	.news-image-card{
		float: none !important;
		margin-bottom: 48px !important;
	}
	.footer-knowing {
		display: none;
	}
}
@media screen and (max-width: 992px) {
	.triangle_image_inside {
		width: 100% !important;
    height: 466px !important;
    clip-path: none !important;
    background-position: center center !important;
    position: relative !important;
    top: 0px !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    left: 0px !important;
	}
	.hw-epmloyee-p {
		font-size: 20px !important;
		right: 30% !important;
	}
	.hw-knowing-txt-two-img {
		font-size: 35px !important;
		bottom: 1% !important;
	}
	.featured-image-right {
		position: relative !important;
	}
	.referenties-knop {
		right: 0% !important;
		position: relative !important;
		width: 220px !important;
  	margin: 0 auto !important;
		bottom: 30px;
	}
	.footer-knowing {
		display: none !important;
	}
	.contact-curve-add {
		display: none;
	}
	.contactFormulierRechts {
		padding-right: 15px !important;
	}
	.contactFormulierRechts h1 {
		color: #57b5d6 !important;
	}
	.contactFormulierContainer {
		margin-top: 20px !important;
	}
}

@media screen and (max-width: 960px) {
	.news-mix, .news-gap {
		width: 49% !important;
	}
}

@media screen and (max-width: 768px) {
  .widg-handle .list-unstyled{
    text-align: center;
  }
  .overiew-btn {
  	margin-bottom: 40px;
  }
	.page-3-image p {
    width: 100% !important;
    background: #1ea1c6 !important;
    padding: 10px !important;
    height: 100% !important;
		position: relative !important;
		transform: none !important;
		left: 0% !important;
	}
  .hw-breadcrumbs-0 {
  	margin-top: 0px !important;
  	margin-left: 0px !important;
  }
	#header {
		position: relative !important;
	}
	.page-3-image img {
		margin-top: 0px !important;
	}
	.home-banner-img{
		padding-top: 83px;
		margin-top: 0px;
	}
	.info-list {
		min-height: unset !important;
	}
	.overiew-btn {
		position: relative !important;
		margin-top: 50px !important;
	}
	.services_list h4 {
		min-height: unset !important;
	}
}

@media screen and (max-width: 1280px) {
	.widget_easy_sidebar_menu_widget li.menu-item.menu-item-has-children .easy-sidebar-menu-widget-link {
    padding-right: 0px !important;
	}
	.hw-company-img p {
    top: auto !important;
    transform: none !important;
    width: 65% !important;
    right: 17% !important;
    left: auto !important;
    text-align: center;
    bottom: 11% !important;
	}
	.hw-footer .footer-item-right {
    float: none !important;
	}
	.footer-buttom-line {
    width: 91% !important;
    margin-top: 3%;
	}
	.inside_triangle_top {
    position: relative !important;
    width: 100% !important;
    height: 140px !important;
    top: unset !important;
		right: 0 !important;
    -ms-transform: skew(0deg,0deg) !important;
    -webkit-transform: skew(0deg,0deg) !important;
		transform: skew(0deg,0deg) !important;
	}
	.side_skew .hw-company-img p {
		top: auto !important;
		transform: none !important;
		width: 65% !important;
		right: 17% !important;
		left: auto !important;
		text-align: center;
		bottom: 40% !important;
	}
	.inside_triangle {
    width: 100% !important;
    height: 180px !important;
    position: relative !important;
	}
	.triangle_left_side_company_img {
		width: 100% !important;
	}
	.inside_triangle_blue_small {
		display: none;
	}
	.mean-container .mean-bar::after {
    font-size: 16px !important;
    top: 13px !important;
	}
	.top-header-icon img {
		float: none !important;
		margin: 0 auto !important;
	}
	.navbar-brand {
		height: auto !important;
		padding: 0px !important;
		width: 100% !important;
	}
	.top-header-icon {
		background-color: #fff !important;
		height: 80px !important;
	}
	.mobile-menu-area .mean-bar {
		margin-top: 10px !important;
	}
	.icon-right {
		float: none !important;
		width: 235px !important;
		clear: both !important;
		z-index: 9999;
		position: relative;
		padding-top: 0px !important;
		margin: 0 auto !important;
	}
	.mean-container .mean-bar::after {
		right: 45px !important;
		left: auto !important;
	}
	#overview {
		text-align:center;
	}
	.features3 img {
	 	padding-left:0px;
	}
	div.dot-four{
		width: 100%!important;
		text-align: center;
	}
	.member-info .row{
		text-align: center;
	}
	.page4--member .row{
		text-align: center;
	}
	.triangle-text-box {
		margin-top: 0% !important;
		text-align: center;
	}
	.footer-buttom-line{
		width: 87%;
    	margin-left: 37px;
	}
	.home-banner-img p{
        font-size: 30px !important;
        line-height: unset !important;
    }
	.hw-footer-logo img {
	    margin: 0 auto !important;
	    display: block !important;
	    margin-bottom: 25px !important;
			width: 20% !important;
	}
	.hw-intro-column {
		margin-left: 0px;
		margin-right: 0px;
	}

}

@media screen and (max-width: 1280px) {
	.icon-right {
		float: none !important;
		width: 235px !important;
		clear: both !important;
		z-index: 9999;
		position: relative;
		padding-top: 15px !important;
		margin: unset !important;
	}
	.hidden-xs {
    display: none!important;
	}
	.visible-xs {
    display: block!important;
	}
}

@media screen and (max-width: 640px) {
	.hw-company-img p{
		font-size: 14px !important;
	}
	.news-lt-img p{
		font-size: 14px!important;
	}
	.hw-epmloyee-img p{
		font-size: 10px !important;
		transform: translate(0%, -50%) !important;
	}
	.chess-image p{
    font-size: 10px !important;
  }
  .page-3-image p{
  	font-size: 10px;
  }
	#side-img,
	.bottomRight {
		display: none;
	}
	.hw-news-lees-title {
    position: relative !important;
    bottom: 0 !important;
    color: white !important;
    width: 100% !important;
    background: #002e41;
    text-align: center;
	}
}

@media screen and (max-width: 520px) {
	.chess-blue_triangle {
    position: relative !important;
    top: 0px !important;
    width: 100% !important;
    right: 0px !important;
    height: 110px !important;
    -ms-transform: none !important;
    -webkit-transform: none !important;
    transform: none !important;
	}
	.chess-text-inside-blue {
		font-size: 26px !important;
	}
	.chess-left-knowing {
    bottom: 0px !important;
    left: 0px !important;
    font-size: 34px !important;
	}
}

@media screen and (max-width: 420px) {
	.home-banner-img p {
    	font-size: 20px !important;
	}
	.hw-footer-logo img {
    	width: 25% !important;
	}
	.home-banner-img {
		height: 40vh !important;
		margin-top: 0px !important;
	}
	#hw-first-content .hw-mr-top {
		margin-top: 0px !important;
	}
	.chess-text-inside-blue {
    font-size: 20px !important;
	}
	.contactFormulierRechts h1 {
		font-size: 25px !important;
	}
	.contactFormulierRechts {
		text-align: left !important;
	}

}

@media screen and (max-width: 370px) {
	.hw-company-img p{
		font-size: 14px !important;
		bottom: 4% !important;
	}
	.news-lt-img p{
		font-size: 10px!important;
	}
	.hw-epmloyee-img p{
		font-size: 7px !important;
		transform: translate(-22%, -62%) !important;
	}
	.chess-image p{
      font-size: 10px !important;
  }
  .page-3-image p{
  	font-size: 12px!important;
  }
  .section {
  	padding: 25px 0 !important;
	}
	.footer-sm-logo{
		text-align: center;
	}
	.home-banner-img p {
  	font-size: 21px !important;
		width: 45% !important;
	}
	.hw-knowing-txt {
  	display: block !important;
  	top: 86% !important;
  	font-size: 20px !important;
  	right: 0px !important;
  }
  .icon-right {
  	margin: 0px !important;
  	margin-left: 15px !important;
  	text-align: left !important;
  }
  .mobile-menu-area .mean-bar {
  	margin-top: 10px !important;
	}

	.section:first-child {
		padding-top: 0px !important;
	}
}

@media screen and (max-width: 1280px) {
    .header-icon2-wrapper {
        display: none !important;
    }
    .top-header-icon{
        display: block !important;
    }
    .logo2 img{
        display: none !important;
    }
    .icon-right{
        display: block !important;
    }
		.main-menu {
			position: unset !important;
			margin-top: 0px !important;
			top: 0px !important;
			background: #2f2f2f !important;
			height: 65px;
		}
		#mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-blocks-right {
	    margin-top: 11px;
		}
		.mega-menu span {
			margin-top: 0px !important;
			margin-bottom: 0px !important;
		}
		#mega-menu-wrap-menu-1 .mega-menu-toggle.mega-menu-open + #mega-menu-menu-1 {
			margin-top: 25px;
		}
}
@media screen and (max-width: 1371px) {
    .logo2 img {
        width: 187px;
        margin-left: -16px;
    }
}
@media screen and (max-width: 1224px) {
    .nav-menu li a{
        font-size: 10px !important;
    }
    .logo2 img{
        width: 173px !important;
    }
}

@media screen and (max-width: 1240px) {
    .icon-text{
        font-size: 12px;
        color: #a29090;
    }
    .top-icon-handle{
        font-size: 14px;
        cursor: pointer;
        right: 1%;
        text-align: center;
    }
    .top-header-icon img{
        width: 189px;
        margin-top: -16px;
        margin-left: -16px;
    }
}
@media screen and (max-width: 1199px) {
	.nieuws-mix {
		width: 48% !important;
	}
}

@media screen and (max-width: 992px) {
	.nieuws-mix {
		width: 47% !important;
	}
}

@media screen and (max-width: 558px) {
	.nieuws-mix {
		width: 46% !important;
	}
}

@media screen and (max-width: 558px) {
	.nieuws-mix {
		width: 96% !important;
	}
	.searchandfilter ul li {
    margin-right: 10px;
    margin-bottom: 10px;
	}
}
/* Landscape */
@media only screen
  and (min-device-width: 375px)
  and (max-device-width: 812px)
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) {
		.side_skew .hw-company-img p {
	    top: auto !important;
	    transform: none !important;
	    width: 65% !important;
	    right: 17% !important;
	    left: auto !important;
	    text-align: center;
	    bottom: 31% !important;
		}
		.inside_triangle {
	    width: 100% !important;
	    height: 230px !important;
	    position: relative !important;
		}
}
/* Landscape */
@media only screen
  and (min-device-width: 375px)
  and (max-device-width: 812px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
		.side_skew .hw-company-img p {
	    top: auto !important;
	    transform: none !important;
	    width: 65% !important;
	    right: 17% !important;
	    left: auto !important;
	    text-align: center;
	    bottom: 31% !important;
		}
		.inside_triangle {
	    width: 100% !important;
	    height: 230px !important;
	    position: relative !important;
		}
}

/* Portrait and Landscape */
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1023px)
  and (-webkit-min-device-pixel-ratio: 2) {
		.side_skew .hw-company-img p {
	    top: auto !important;
	    transform: none !important;
	    width: 65% !important;
	    right: 17% !important;
	    left: auto !important;
	    text-align: center;
	    bottom: 31% !important;
		}
		.inside_triangle {
	    width: 100% !important;
	    height: 230px !important;
	    position: relative !important;
		}
}

@media only screen
  and (min-device-width: 1024px)
  and (max-device-width: 1024px)
  and (orientation: portrait)
  and (-webkit-min-device-pixel-ratio: 2) {
		.triangle_left_side_company_img {
		    width: 100% !important;
		    max-height: 507px;
		}
		.side_skew .hw-company-img p {
	    top: auto !important;
	    transform: none !important;
	    width: 65% !important;
	    right: 17% !important;
	    left: auto !important;
	    text-align: center;
	    bottom: 20% !important;
		}
		.inside_triangle {
	    width: 100% !important;
	    height: 230px !important;
	    position: relative !important;
		}
		.hw-company-img p {
	    font-size: 22px;
		}
		.footer-knowing {
			display: none;
		}
		.referenties-knop {
    	position: absolute !important;
    	top: 93% !important;
		  right: 40% !important;
		 }
		 .inside_triangle_top {
	     position: relative !important;
	     width: 100% !important;
	     height: 150px !important;
	     top: 0 !important;
	     right: 0px !important;
	     -ms-transform: skew(0deg,0deg) !important;
	     -webkit-transform: skew(0deg,0deg) !important;
	     transform: skew(0deg,0deg) !important;
		 }
		 .hw-company-img p {
				top: auto !important;
				transform: none !important;
				width: 65% !important;
				right: 17% !important;
				left: auto !important;
				text-align: center;
				bottom: 11% !important;
		 }

}