/* RESP MENU */


@media screen and (min-width: 945px) {
	header .menu .icon {
		display: none !important;
	}
}

@media screen and (max-width: 945px) {
  .menu li {display: none;}
  .menu a.icon {
    float: right;
    display: block;
    font-size: 15px;
  }
}

@media screen and (max-width: 945px) {
  .menu.responsive {position: relative;}
  .menu.responsive .icon {
    position: absolute;
    right: 0;
    top: 30px;
    z-index: 988888888;
  }
  .menu.responsive li {
    float: none;
    display: block;
    text-align: center;
  }


  .menu.responsive { 
  	background: white; 
  	width: 100%; 
  	height: 100%; 
  	position:fixed;
  	margin-top: 0px;
  	padding-top: 50px;
  	z-index: 988888888;
  	cursor: hand;
  	display: inherit;
  	align-self: inherit;
  	top: 0px;
  	left: 0px;
  }

  header .menu.responsive ul {
  	align-self: flex-start;
  	flex-direction: column; 
  	width: 100%;
  	justify-content: inherit;
  	min-height: 470px;
  }

  	header .menu.responsive ul li {
  		margin-bottom: 20px;
  	}

  		header .menu.responsive ul li a{
  			font-size: 17px;
  		}

.fa-bars:before, .fa-times:before{
  	content: "\f0c9";
    color: black;
  }


}


/* END RESP MENU */

@media screen and (max-width: 1200px){

	.maxwidth {
		width: 95%;
		margin: auto;
	}

}

@media screen and (max-width: 1050px){

	.headimage { 
		height: 50vw;
	}

	header .menu ul {
		width: 98%;
	}

}

@media screen and (max-width: 850px){



}

@media screen and (max-width: 786px){

footer .socialicons {
	margin-bottom: 30px;
}

footer .midden .inhoud {
	position: inherit;
	margin-top: 20px;
}

	footer .links,
	footer .midden,
	footer .rechts {
		text-align :center;
	}


	/*=============================== SLIDER ITEMS ================================*/

	.slideritems .item {
		margin-right: 0px;
		margin-left: 0px;
	}


  .slideritems {
    height: 550px;
  }

    .slideritems .item.smal {
      width: 40vw;
      max-width: 40vw;
    }

     .slideritems .item.breed {
        width: 70vw;
        max-width: 70vw;
     }

    .slideritems .item .image {
      height: 250px;
    }


.slideritems.single .item .image {
  height: 350px;
}

.slideritems.single .item {
  min-width: 250px !important;
}

.slideritems.single {
  height: 600px;
}

.slideritems .item {
  height: auto !important;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  max-width: 70vw !important;
  position: relative;
  z-index:999999;
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 20px;
  width: 20px;
  margin-top: -3px;
}


}