@media(min-width:1400px){
	.container{
		max-width: 1270px;
	}
} 
@media(max-width: 1699.98px){
	h1,
	h2{
		font-size: 3.8rem;
	}
	h3{
		font-size: 2.8rem;
	}
	/*h5{
		font-size: 1.6rem;
	}*/
	.pegination-sec {
		height: 7rem;
	}
	.home-filter p {
		margin: 2rem 0;
	}
	.header-logo {
		padding: 2rem 7rem 2rem 7rem;
	}
	.header-menu ul{
		justify-content: center;
	}
	/* ================ diensten-list ==============  */
	.inner-banner-content h1{
		font-size: 4rem;
	}
	/* ========== overons ====== */
	.over-ons-mid {
		margin-top: -11rem;
	}
	/* ================ diensten-dtl ==============  */
	.form-sec .form-wrap .form-main .form-title h2 {
		margin-top: 0;
		line-height: 5.3rem;
	}
	/* ================ popup ==============  */
	.modal-area .modal-dialog {
		max-width: 74%;
	}
	.modal-area .popup-content {
		padding: 3rem 1.5rem;
	}
}
@media(max-width: 1399.98px){
	.product-content table {
		margin: 2rem 0;
	}
	.product-content td {
		font-size: 1.4rem;
	}
	.home-mid-white-box {
		height: 11rem;
		width: 46rem;
	}
	.home-mid-top {
		top: -6rem;
	}
	.product-slider {
		padding-bottom: 8rem;
	}
	.home-mid-top .col-lg-4{
		padding: 5rem 0;
	}
	.home-filter {
		max-width: 46rem;
		padding: 4rem 3rem;
	}
	.banner-content .common-btn {
		margin-top: 3rem;
	}
	.footer-right {
		padding-left: 9rem;
	}
	.footer-left {
		padding-right: 0rem;
	}
	.home-btm {
		padding-bottom: 6rem;
		margin-top: -6rem;
	}
	.home-mid-content li {
		padding: 0 2rem;
	}
	.home-mid-content ul {
		margin: 2rem 0 5rem;
	}
	.diensten-list-content {
		padding-left: 10rem;
	}
	.diensten-list-content {
		padding-left: 8rem;
	}
	/* ======= .diensten-list ======== */
	.inner-banner-content{
		top: 62%;
	}
	.diensten-list .row {
		padding-top: 8rem;
	}
	/* ========= overons ======= */
	.overons-man-slider {
		padding-bottom: 5rem;
	}
	.overons-slider {
		padding: 8rem 0 0;
	}
	.over-ons-mid {
		margin-top: -8rem;
	}
	.over-ons-mid-btm {
		margin-top: 4rem;
	}
	.over-ons-mid-btm p {
		padding-bottom: 10rem;
	}
	.over-ons-mid-left {
		padding-right: 1rem;
	}
	.over-ons-mid-right {
		padding-left: 4rem;
	}
	.aanbod-select-option-btn{
		font-size: 1.5rem;
	}
	/* ========= vacature-list ======= */
	.vacature-list-area {
		padding: 6rem 0 3rem;
	}
	.each-vctr-rgt-txt p {
		margin: 2rem 0 3rem;
	}
	/* ========= contact ======= */
	.contact-opening-area .home-mid-img {
		padding: 10rem 0 15rem;
	}
	.aanbod-dtl-right li{
		letter-spacing: normal;
		margin-bottom: 1rem;
	}
	 .fixed-wp {
		padding: 1rem 1.5rem;
	  }
	.fixed-wp span {
		height: 3.5rem;
		width: 3.5rem;
	}
	.fixed-wp img {
		width: 2rem;
	}
	/*.fixed-wp-part-info {
		margin-left: 30px;
	}*/
}
@media(max-width: 1199.98px) {
	.header-menu ul{
		column-gap: 2.5rem;
	}
	.contact-opening-area .home-mid-bottom-comtent{
		padding-left: 1rem;
	}
	.aanbod-select-option {
		width: 18%;
    	padding-bottom: 1rem;
	}
	.aanbod-filter-area h2 {
		margin-bottom: 3rem;
	}
	.aanbod-list-area {
		padding:4rem 0 3rem;
	}
	.home-btm-content, .home-mid-bottom-comtent{
		padding-left: 2.5rem;
	}
	.aanbod-dtl-right, .aanbod-dtl-btm{
		max-width: 750px;
  		margin-left: auto;
  		margin-right: auto;
	}
	.contact-opening-area .home-mid-top .col-lg-4 a {
		font-size: 1.5rem;
	}
	.contact-opening-area .home-mid-top .col-lg-4{
		padding-left: 1rem;
   		padding-right: 1rem;
	}
	.contact-opening-area .col-sm-2{
		width: 13.666667%;
	}
	.contact-opening-area .col-sm-10{
		width: 86.333333%;
	}
}
@media(max-width: 991.98px){
	h1,
	h2{
		font-size: 2.6rem;
	}
	h3{
		font-size: 2.3rem;
	}
	.common-btn {
		padding: 1rem 2rem;
   	 	font-size: 1.6rem;
	}
	.cornner {
  		border-radius: 3rem 0 3rem 0;
	}
	.dblock{
		display: block;
		background: #fff;
	}
	.res-logo-styl{
		width: 160px;
	}
	.header-area{
		display: none;
	}
	.hamburger-inner,
	.hamburger-inner::after,
	.hamburger-inner::before{
		background-color:#0073CA;
	}
	.header.dblock {
		position: fixed;
	}
	main {
		margin-top: 81px;
	}
	/* =============== home==============  */
	.home-filter{
		position: initial;
		max-width: 100%;
		border-radius: 0;
		padding: 3rem 1.5rem;
	}
	.home-filter .select.input{
		width: calc(49% - 1rem);
		margin-right: 1rem;
		display: inline-block;
	}
	.home-filter .select-style {
		padding: 0 .75rem;
		font-size: 1.5rem;
		height: 4.8rem;
		margin-bottom: 1.5rem;
	}
	.home-filter .common-btn{
    	margin: auto;
    	display: table;
    	width: auto !important;
	}
	.banner-content {
		top: auto;
		bottom: 50%;
	}
	.banner-content h1{
		width: 100%;
	}
	.pegination-sec{
		display: none;
	}
	.home-mid-img {
		padding: 4rem 0 ;
	}
	.home-btm-content ,
	.home-mid-bottom-comtent {
		padding-left: 0;
		margin-top: 3rem;
	}
	.home-btm-content p {
		margin: 2rem 0;
	}
	.home-mid-top{
		position: initial;
	}
	.home-mid-top .col-lg-4{
		margin-bottom: 1rem;
	}
	.footer-right {
		padding-left: 0;
		margin-top: 3rem;
	}
	.footer-form-sec::after ,
	.footer-form-sec::before{
		display: none;
	}
	.footer-form-sec{
		background-color: #0063AE;
	}
	.home-btm{
		margin-top: 0;
		padding: 4rem 0;
	}
	.home-mid-content ul{
		margin-bottom: 3rem;
	}
	.home-mid-white-box{
		display: none;
	}
	.mini-right-nav{
		display: none;
	}
	.product-heading{
		margin-top: 4rem;
	}
	.product-slider .swiper{
		max-width: calc(720px - 1.5rem);
		margin: auto;
	}
	.product-content{
		border-radius: 0 0 2rem 2rem;
	}
	/* ========= diensten-list ======= */
	.diensten-list .row.flex-row-reverse {
		margin-top: 0;
	}
	.diensten-list .row {
		padding-top: 0;
	}
	.diensten-list-content{
		max-width: 100%;
		padding: 4rem 2rem;
	}
	.diensten-list-content p{
		display: block;
    	overflow: auto;
    	margin: 1rem 0 3rem;
	}
	.inner-banner-content{
		top: 50%;
	}
	.diensten-list .row.flex-row-reverse .diensten-list-img {
		border-radius: 0;
	}
	.diensten-list .row .diensten-list-img {
		border-radius: 0;
	}
	/* ========= diensten-list ============== */
	.inner-banner-content h1 {
		font-size: 3rem;
	}
	/* ========= diensten-list ============== */
	.inner-banner-content h1 {
		font-size: 3rem;
	}
	/* vacature page css*/
	.each-vctr-lft-img {
		padding-right: 0;
	}
	.each-vctr-rgt-txt p {
		margin: 2rem 0 3rem;
	}
	.each-vctr-rgt-txt h3 {
		margin-top: 3rem;
	}

	/* back-btn css*/
	.back-btn {
		text-align: left;
    	padding: 4rem 0 2rem;
	}

	/* vacature list */
	.vacature-upper-area {
		padding: 4rem 0 2.3rem;
	}
	.vacature-upper-area h2 {
		line-height: 4rem;
		margin-bottom: 3rem;
	}
	.vacature-upper-btn ul li {
		padding: 0.8rem 3rem;
	}
	.vacature-list-area {
		padding: 5rem 0 0rem;
	}

	.vacature-dtl-form-sec .txt-area-outer {
		height: calc(100% - 17rem);
	}

	/* diensten css 01 nov 2023 */
	.diensten-dtl-top-content {
		padding-top: 9.5rem;
		padding-right: 0;
	}
	.diensten-dtl-top h2 {
		margin-bottom: 2.5rem;
	}
	.diensten-dtl-top-content p{
		margin-bottom: 2.5rem;
		max-width: 100%;
	}
	.marque-sec {
		padding-top: 3.5rem;
		padding-bottom: .5rem;
	}
	.marque-sec li {
		width:100%;
		margin-bottom: 3rem;
		padding-left: 4.8rem;
	}
	.marque-sec li::before {
		background-size: 1.5rem;
		height: 3.5rem;
    	width: 3.5rem;
	}
	.diensten-dtl-mid-content {
		padding: 0 0 2.5rem;
	}
	.diensten-dtl-mid-content h3 {
		margin-bottom: 1.5rem;
	}
	.form-sec {
		padding: 4rem 0;
	}
	.form-sec .form-wrap .form-main .form-title h2 {
		line-height: 4.3rem;
		margin-bottom: 3rem;
	}
	.diensten-dtl-slider h3 {
		margin-bottom: 3rem;
	}
	.form-sec .form-group {
		margin-right: 0rem;
	}

	/* contact page css 01 nov 2023 */
	.contact-opening-area .home-mid-img {
		padding: 5rem 0 4rem;
	}
	.contact-opening-area .home-mid-bottom-comtent p {
		margin: 2rem 0;
	}

	.contact-opening-area .home-mid-bottom-comtent a {
		margin-top: 2rem;
	}
	.contact-opening-area .home-mid-bottom-comtent {
		padding-left: 0;
	}
	.contact-btm-area::after {
		display: none;
	}
	.txt-area-outer {
		height: calc(100% - 1rem);
	}
	.form-main .common-btn {
		margin-top: 3rem;
		margin-right: 1rem;
	}
	/* aanbod list page */
	.aanbod-filter-wrap {
		justify-content: center;
	}
	.aanbod-select-option {
		width: 49%;
		padding-bottom: 1rem;
	}
	.aanbod-filter-area {
		padding: 3rem 0 4rem;
	}
	.diensten-dtl-slider h3 {
		margin-bottom: 3rem;
	}
	/* =========== overons========= */
	.overons-man-slider .overons-slider::after{
		display: none;
	}
	.overons-man-slider .overons-slider::before{
		width: 100%;
		left: 0;
	}
	.overons-man-slider .swiper {
		margin-left: 0;
	}
	.overons-slider {
		padding: 4rem 0 0;
	}
	.overons-slider-heading{
		padding-left: 2rem;
	}
	.overons-man-slider .common-arrow {
		top: -2rem;
	}
	.overons-man-slider .swiper-button-next {
		right: 0;
	}
	.overons-man-slider .swiper-button-prev {
		right: 4rem;
		left: auto;
	}
	.overons-each-content{
		padding:2.8rem;
	}
	.overons-man-slider .swiper-slide-active .overons-each-man {
		border-radius: 0;
	}
	.over-ons-mid-right {
		padding-left: 0;
	}
	.over-ons-mid-btm p {
		padding-bottom: 0;
	}
	.over-ons-mid {
		margin-top: 3rem;
	}
	.over-ons-mid-btm h3 {
	  	margin-bottom: 1rem;
	}
	.over-ons-mid-img, .diensten-dtl-slider-img{
		border-radius: 0;
	}
	.diensten-dtl-slider{
		margin-bottom: 0;
	}
	.over-ons-mid-btm {
		margin: 4rem 0;
	}
	.diensten-dtl-slider h3 {
		margin-bottom: 3rem;
	}
	/* aanbod detail css 02 nov 2023 */
	.aanbod-dtl-images {
		display: none;
	}
	/* .aanbod-dtl-right h6 {
		margin-top: 3rem;
	} */
	.aanbod-dtl-right-down-txt {
		margin: 0 0 2rem; 
	}

	.aanbod-dtl-btm {
		margin-top: 2.5rem;
		margin-bottom: 2.5rem;
	}

	.aanbod-dtl-btm h3 {
		line-height: normal;
	}

	.aanbod-dtl-btm h6 {
		line-height: normal;
	}

	.aanbod-dtl-btm p {
		margin-top: 0.5rem;
		margin-bottom: 2rem;
	}

	.aanbod-dtl-right .common-btn {
		margin-bottom: 1rem;
	}

	.dtl-tab-sec {
		padding: 3rem 0 1.5rem;
	}
	.dtl-tab-content-heading h3 {
		margin-bottom: 2.5rem;
	}

	.dtl-tab-sec .each-tab-content {
		margin-bottom: 2.5rem;
	}
	.each-Kenmerken-tab-content {
		padding-bottom: 2rem;
	}

	.aanbod-dtl-product-slider {
		padding: 4rem 0 0rem;
	}

	.aanbod-dtl-product-slider .product-heading h3 {
		margin-bottom: 3rem;
	}
	.aanbod-dtl-right h6 {
		margin-top: 3rem;
	}
	.product-content h4, .product-content p{
		height: auto;
	}
	.home-mid-top .col-lg-4{
		width: 33.33%;
	}
	.home-mid-top .col-lg-4:first-child, .home-mid-top .col-lg-4:nth-child(3){
		border-radius: 2rem 0 2rem 0;
	}
	.home-mid-top .col-lg-4:nth-child(2) {
	  	border-radius: 0 2rem 0 2rem;
	}
	.home-mid-top h4{
		font-size: 1.4rem;
	}
	.product-content td img{
		display: block;
		margin: 0 0 .5rem;
	}
	/* .product-content table{
		width: auto;
	} */
	.product-content td{
		padding-right: 2rem;
	}
	.product-btns .border-btn{
		margin-bottom: 0;
	}
	.footer-left{
		padding-bottom: 0;
	}
	.footer-right li{
		font-size: 1.5rem;
	}
	.footer-right li a{
		column-gap: 1rem;
	}
	.each-Kenmerken{
		padding: .5rem;
	}
	.each-Kenmerken h6{
		font-size: 1.4rem;
		margin-top: .5rem;
	}
	.each-Kenmerken h5{
		font-size: 1.5rem;
	}
	.aanbod-dtl-banner-top h4{
		margin-bottom: 2rem;
	}
	.aanbod-dtl-right ul{
		border-radius: 0;
		padding: 2rem 1rem;
		margin-bottom: 2rem;
	}
	.aanbod-dtl-btm, .aanbod-dtl-right ul{
		border-radius: 2rem;
	}
	.aanbod-dtl-btm{
		padding: 2rem;
	}
	.inner-banner-content{
		border-radius: 0;
	}
	.over-ons-mid-content{
		padding: 2rem;
	}
	.over-ons-mid-content h5{
		font-size: 1.5rem;
	}
	.star_icon p, .dtl-tab-sec .bullet-panel ul li{
		font-size: 1.4rem;
	}
	.aanbod-dtl-banner-top table{
		white-space: normal;
	}
	.contact-opening-area .home-mid-top .col-lg-4 {
		padding-left: 2rem;
		padding-right: 2rem;
	}
	.contact-opening-area .col-lg-4{
		width: 100%;
	}
	.footer-site-logo img {
	  max-width: 20rem;
	}
}
@media(max-width: 767.98px){
	#page{
		padding-bottom:45px !important;
	}
	.morgeninternet-footer{
        /*margin-bottom : 45px !important;*/
    }
	#mobile-contact-bar img{
		width: 20px;
	}
	#mobile-contact-bar {
	    box-sizing: border-box;
	    opacity: 1;
	    position: fixed;
	    width: 100%;
	    z-index: 9998;
	    left: 0;
	    bottom: 0;
	    display: block !important;
	}
	#mobile-contact-bar-outer {
	  background-color: #0073CA;
	  box-sizing: border-box;
	  height: 45px;
	  overflow: hidden;
	  width: 100%;
	}
	#mobile-contact-bar ul {
	  box-sizing: border-box;
	  line-height: 0;
	  list-style-type: none;
	  margin: 0;
	  padding: 0;
	  position: relative;
	  text-align: center;
	  width: 100%;
	  font-size: 0;
	}
	#mobile-contact-bar ul li {
	  box-sizing: border-box;
	  display: inline-block;
	  text-align: center;
	  height: 45px;
	  line-height: 45px;
	  width: 25%;
	}
	#mobile-contact-bar ul li a {
	  color: rgba(255,255,255,0.9);
	  cursor: pointer;
	  display: block;
	  height: 100%;
	  position: relative;
	  z-index: 9998;
	}
	.li_color {
	  border-left: 1px solid #FFFFFF;
	}
	#mobile-contact-bar li:first-child img{
		width: 18px;
	}
	 .modal-area .modal-dialog {
    	max-width: 94%;
  	}
  	.modal-area .modal-content{
  		border-radius: 2rem;
  		padding: 0;
  	}
  	.modal-area .pop-up-image{
  		border-radius: 0;
  	}
  	.close-img{
  		top: 10px;
  		right: 10px;
  	}
	/* ================= home ======= */
	.banner-content{
		position: initial;
		background-color: #0073CA;
		transform: translate(0);
		padding: 4rem 0;
	}
	.footer-menu ul ,
	.home-mid-content ul{
		flex-direction: column;
	}
	.home-mid-content li{
		padding: 0;
		border-right: 0;
		margin-bottom: 1rem;
	}
	.product-slider {
		padding-bottom: 4rem;
	}
	.home-mid-img {
		padding: 4rem 0 4rem;
	}
	.home-btm-content p {
		margin: 2rem 0;
	}
	.product-slider .common-arrow {
		top: 5rem;
	}
	.form-styl {
		font-size: 1.5rem;
		padding: 1rem 1.6rem;
	}
	.footer-form-sec {
		padding-top: 4rem;
	}
	.footer-area h4 {
		margin-bottom: 2rem;
	}
	.product-slider .swiper{
		max-width: calc(540px - 1.5rem);
	}
	/* ========= diensten-list ======= */
	.diensten-list .row.flex-row-reverse {
		margin-top: 0;
	}
	.diensten-list-content{
		max-width: 100%;
		padding: 4rem 2rem;
	}
	.diensten-list .row.flex-row-reverse .diensten-list-img {
		border-radius: 0;
	}
	.diensten-list .row .diensten-list-img {
		border-radius: 0;
	}
	/* ========= diensten-list ============== */
	.inner-banner-content h1 {
		font-size: 3rem;
	}
	/* vacature page css start 31 oct 2023 */
	.each-vctr-lft-img {
		padding-right: 0;
	}
	.each-vctr-rgt-txt p {
		margin: 2rem 0 3rem;
	}
	.each-vctr-rgt-txt h3 {
		margin-top: 3rem;
	}
	
	/* vacature list*/
	.vacature-upper-area {
		padding: 4rem 0 2.3rem;
	}
	.vacature-upper-area h2 {
		line-height: 4rem;
		margin-bottom: 3rem;
	}
	.vacature-upper-btn ul li {
		padding: 0.8rem 3rem;
	}
	.vacature-list-area {
		padding: 5rem 0 0rem;
	}

	.vacature-dtl-form-sec .txt-area-outer {
		height: calc(100% - 17rem);
	}

	/* diensten css 01 nov 2023 */
	.diensten-dtl-top-content {
		padding-top: 9.5rem;
		padding-right: 0;
	}
	.diensten-dtl-top h2 {
		margin-bottom: 2.5rem;
	}
	.diensten-dtl-top-content p{
		margin-bottom: 2.5rem;
		max-width: 100%;
	}
	.marque-sec {
		padding-top: 3.5rem;
		padding-bottom: .5rem;
	}
	.marque-sec li {
		width:100%;
		margin-bottom: 3rem;
		padding-left: 4.8rem;
	}
	.marque-sec li::before {
		background-size: 1.5rem;
		height: 3.5rem;
    	width: 3.5rem;
	}
	.diensten-dtl-mid-content {
		padding: 0 0 2.5rem;
	}
	.diensten-dtl-mid-content h3 {
		margin-bottom: 1.5rem;
	}
	.form-sec {
		padding: 4rem 0;
	}
	.form-sec .form-wrap .form-main .form-title h2 {
		line-height: 4.3rem;
		margin-bottom: 3rem;
	}
	.diensten-dtl-slider h3 {
		margin-bottom: 3rem;
	}
	.form-sec .form-group {
		margin-right: 0rem;
	}

	/* contact page css 01 nov 2023 */
	.contact-opening-area .home-mid-img {
		padding: 5rem 0 4rem;
	}
	.contact-opening-area .home-mid-bottom-comtent p {
		margin: 2rem 0;
	}

	.contact-opening-area .home-mid-bottom-comtent a {
		margin-top: 2rem;
	}
	.contact-opening-area .home-mid-bottom-comtent {
		padding-left: 0;
	}
	.contact-btm-area::after {
		display: none;
	}
	.txt-area-outer {
		height: calc(100% - 1rem);
	}
	.form-main .common-btn {
		margin-top: 3rem;
		margin-right: 1rem;
	}

	/* aanbod list page */
	.aanbod-filter-wrap {
		flex-wrap: wrap;
	}

	.aanbod-select-option-btn{
		padding: 1rem 0;
	}
	.aanbod-select-option {
		width: 48%;
	}

	.diensten-dtl-slider h3 {
		margin-bottom: 3rem;
	}

	/* ========== overons ===== */
	.home-mid-top .col-lg-4 {
		padding: 3rem 0;
	}
	/* vacatures css start here 31 Oct 2023 */
	.vacature-list-area {
		padding: 4rem 0 1rem;
	}
	.vacature-upper-area {
		padding: 3rem 0 2.3rem;
	}
	.each-vctr-rgt-txt h3 {
		margin-top: 2rem;
	}
	.each-vctr-rgt-txt p {
		margin: 1rem 0 2rem;
	}
	.vacature-dtl-form-sec .txt-area-outer {
		height: calc(100% - 12rem);
	}
	/* diensten css start 01 Nov 2023 */
	.marque-sec {
		padding-top: 2.7rem;
		padding-bottom: 1rem;
	}
	.marque-sec li {
		width: 100%;
		margin-bottom: 2rem;
		padding-left: 4rem;
	}
	.marque-sec li::before {
		background-size: 1.5rem;
		height: 3rem;
		width: 3rem;
	}
	.photo-upld .float-end {
		padding: 0.5rem 0.8rem;
		margin-right: -1rem;
		font-size: 1.4rem;
	}
	/* contact page css 01 Nov 2023 */
	.contact-upper-image {
		height: 32rem;
	}
	.aanbod-dtl-banner-top td{
		width: 49%;
		display: inline-block;
		padding-bottom: 1rem;
		padding-right: .5rem;
		font-size: 1.4rem;
	}
	.each-list-box-img {
		height: 60rem;
	}

}
@media(max-width: 575.98px){
	.product-slider .swiper{
		max-width: calc(100% - 1.5rem);
	}
	.vacature-upper-btn ul {
		display: block;
	}
	.vacature-upper-btn ul li {
		text-align: center;
		margin-bottom: 1rem;
		margin-right: 0;
	}
	.contact-opening-area .col-sm-2 ,
	.contact-opening-area .col-sm-10 {
		width: 100%;
	}
}