/*** BEDRIJVENCENTRUM HARELBEKE ***/

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

	/* ################# HEADER ################# */

	header#header {

	}

	#row_header {
		float: left;
		width: 100%;
		text-align: center;
	}

	header#header h2.alt_font {
		padding: 0;
		text-align: center;
		padding-top: 17px;
		margin-bottom: 5px;
	}

	/* ################# NAV ################# */

	nav#nav {
		margin-top: 30px;
	}

	#row_nav {
		float: left;
		width: 100%;
	}

	nav#nav ul.nav.nav-pills {
		width: 150%;
		margin-left: -25%;
		padding-right: 25%;
		padding-left: 25%;
	}

	/* ################# SLIDER ################# */

	section#slider {

	}

	section#slider div#contact-bar {
		margin-top: 0;
		text-align: center;
	}

	section#slider div#contact-bar a {
		color: #31aae2;
		display: inline-block;
		float: none !important;
		padding-left: 25px;
	}

	section#slider div#contact-bar img {
		display: inline-block;
		float: none !important;
	}

	section#slider div#contact-bar h3 {
		color: #333;
		font-size: 21px;
		display: inline-block;
		float: none !important;
		font-style: italic;
		padding-top: 15px;
		border-bottom: 1px solid #f1f1f1;
		padding-bottom: 30px;
		margin-right: 0;
	}

	/* ################# WAAROM-ONS ################# */

	section#waarom-ons {
		margin-bottom: 60px;
	}

	section#waarom-ons h2 {
		margin-top: 50px;
	}

	/* ################# INFO ################# */

	section#info {

	}

	/* ################# CALL2ACTION ################# */

	section#call2action {

	}

	/* ################# BEDRIJVEN ################# */

	section#bedrijven {

	}

	/* ################# FOOTER ################# */

	footer {
		
	}

}

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

	/* ################# HEADER ################# */

	header#header {

	}

	/* ################# NAV ################# */

	nav#nav {

	}

	/* ################# SLIDER ################# */

	section#slider {

	}

	#info-carousel {
		margin-top: 60px;
		margin-bottom: 15px;
	}

		#info-carousel img {
			float: left;
			width: 100%;
		}

	/* ################# WAAROM-ONS ################# */

	section#waarom-ons {

	}

	/* ################# INFO ################# */

	section#info {

	}

	section#info {
		padding: 40px 0;
	}

	/* ################# CALL2ACTION ################# */

	section#call2action {
		text-align: center;
	}

	section#call2action a.btn-default {
		float: none !important;
		display: inline-block;
		margin-top: 30px;
	}

	section#call2action h3 {
		font-size: 19px;
		float: left;
		width: 100%;
		text-align: center;
	}

	/* ################# BEDRIJVEN ################# */

	section#bedrijven {

	}

	section#bedrijven div#bedrijven-carousel div.carousel-inner div.item div.col-md-3 div.wrapper {
		border: 1px solid #f1f1f1 !important;
		margin-bottom: 30px;
	}

	/* ################# FOOTER ################# */

	footer {
		
	}

	footer p {
		margin-bottom: 30px;
	}

	footer div.input-group {
		margin-top: 10px;
	}

	footer label {
		font-weight: bold;
		margin-top: 15px;
	}

	footer #bottom_row {
		text-align: center;
	}

	footer #bottom_row .text-right {
		text-align: center;
	}

	footer #bottom_row p {
		margin-bottom: 15px;
	}
	
}

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

	/* ################# HEADER ################# */

	header#header {

	}

	header#header h2.alt_font {
		font-size: 21px;
	}

	/* ################# NAV ################# */

	nav#nav {

	}

	nav#nav ul.nav.nav-pills {
		float: left;
		width: 100%;
		padding: 0;
		margin: 0;
	}
		nav#nav ul.nav.nav-pills li {
			float: left;
			width: 100%;
			text-align: center;
			padding: 10px 0;
		}

	nav#nav ul.nav.nav-pills li form[role="search"] {
		margin-top: 0;
	}

	/* ################# SLIDER ################# */

	section#slider {

	}

	section#slider div#contact-bar h3 {
		font-size: 18px;
		padding-top: 30px;
	}

	/* ################# WAAROM-ONS ################# */

	section#waarom-ons {

	}

	/* ################# INFO ################# */

	section#info {
		text-align: center;
	}

	/* ################# CALL2ACTION ################# */

	section#call2action {

	}

	section#call2action h3 {
		font-size: 23px;
	}

	/* ################# BEDRIJVEN ################# */

	section#bedrijven {

	}

	/* ################# FOOTER ################# */

	footer {
		
	}

}

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

	/* ################# HEADER ################# */

	header#header {

	}

	/* ################# NAV ################# */

	nav#nav {

	}

	/* ################# SLIDER ################# */

	section#slider {

	}

	/* ################# WAAROM-ONS ################# */

	section#waarom-ons {

	}

	/* ################# INFO ################# */

	section#info {

	}

	/* ################# CALL2ACTION ################# */

	section#call2action {

	}

	/* ################# BEDRIJVEN ################# */

	section#bedrijven {

	}

	/* ################# FOOTER ################# */

	footer {
		
	}

}

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

	/* ################# HEADER ################# */

	header#header {

	}

	img#logo {
		float: left;
		width: 100%;
	}

	/* ################# NAV ################# */

	nav#nav {

	}

	/* ################# SLIDER ################# */

	section#slider {

	}

	section#slider div#contact-bar h3 {
		padding-top: 0;
	}

	/* ################# WAAROM-ONS ################# */

	section#waarom-ons {

	}

	/* ################# INFO ################# */

	section#info {

	}

	#info-carousel {
		border: 2px solid #fff;
	}

	/* ################# CALL2ACTION ################# */

	section#call2action {

	}

	section#call2action h3 {
		font-size: 17px;
	}

	/* ################# BEDRIJVEN ################# */

	section#bedrijven {

	}

	/* ################# FOOTER ################# */

	footer {
		
	}

}

/*@media screen and (max-width: px) { }*/