/* Extra small devices (portrait phones, less than 576px)
   No media query for `xs` since this is the default in Bootstrap */

/* voor samsung A7 ßoyd > fout in slider */
@media (max-width: 576px) { 
	
	#homeslider{
		margin: 0;
		/*margin-top: 112px; /* menu height */
		padding: 0;
	}
	.margintopmenu {
		margin: 0;
		/*margin-top: 112px; /* menu height */
		padding: 0;
	}

	/* Master Slider Home */
	
	/*
	.ms-layer.text-box {
		width: 40%;
		height: 60%;
		background-color: rgba(255, 255, 255, 0.65);
		top: 0px;
	}
	.ms-layer-koptekst1 { width: 40%;font-family:"Renault";font-weight:600;font-size:44px;line-height:normal;white-space:nowrap;color:#000; padding: 0 20px 0 20px }
	.ms-layer-koptekst2 { width: 40%;font-family:"Renault";font-weight:400;font-size:30px;line-height:normal;white-space:nowrap;color:#000; padding: 0 20px 0 20px } 
	.ms-layer-koptekst3 { width: 40%;font-family:"Renault";font-weight:400;font-size:26px;line-height:normal;white-space:nowrap;color:#000; padding: 0 20px 0 20px } 
	.ms-layer-button { background-color: #fc3; color: #000; text-decoration: none; }
	.ms-layer-button:hover { background-color: #fd3; color: #000; text-decoration: none; font-size: 30px; }
	
	.ms-slider-test-01 {
		font-size:16px !important;
		padding: 0 20px !important;
	}

	.ms-slider-test-02 {
		font-size:16px !important;
		padding: 0 40px !important;
	}
	*/
}



/*  Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) { 
	.margintopmenu {
		margin: 0;
		/*margin-top: 112px; /* menu height */
		padding: 0;
	}

	
	.logobanner h1  {
		padding-top: 0px;
		font-size: 200%;
		color: #fff;
	}
	.logobannerpages h1 {
		padding-top: 60px;
		font-size: 200%;
		color: #fff;
	}
	
	.hours .am.text-left, .hours .am.text-right,
	.hours .pm.text-left, .hours .pm.text-right {
		text-align: center !important;
	} 
	
	.hours .hour.text-left, .hours .hour.text-right {
		text-align: center !important;
	} 
	
	.contacts h4 {
		padding: 20px;
		color: #fff;
		font-size: 100%;
		min-height: 7em;
	}
	.contacts span.inner {
		display: block;
		text-align: center;
		background-color: #878785;
		box-shadow: 10px 10px 9px rgba(0, 0, 0, .1);
		padding-bottom: 15px;
	}
	
	.contacts .number {
		min-height: 3em;
		color: #fff;
		font-size: 110%;
	}
	/*
	.ms-slider-test-01 {
		font-size:16px !important;
		padding: 0 20px !important;
	}

	.ms-slider-test-02 {
		font-size:16px !important;
		padding: 0 40px !important;
	}
	*/
}

/*  Medium devices (tablets, 768px and up) */
@media (min-width: 768px) { 
	.margintopmenu {
		margin: 0;
		/*margin-top: 96px; /* menu height */
		padding: 0;
	}
	.logobanner h1 {
		padding-top: 0px;
		font-size: 300%;
		color: #fff;
	}
	.logobannerpages h1 {
		padding-top: 50px;
		font-size: 250%;
		color: #fff;
	}
	.menubrandsinner .dacia {
		padding-top: 0px;
	}
	
	.hours .pm.text-left, .hours .pm.text-right,
	.hours .hour.text-left {
		text-align: left !important;
	} 
	.hours .am.text-left, .hours .am.text-right,
	.hours .hour.text-right {
		text-align: right !important;
	} 
	
	.contacts h4 {
		padding: 20px;
		color: #fff;
		font-size: 120%;
		min-height: 6em;
	}
	.contacts span.inner {
		display: block;
		text-align: center;
		background-color: #878785;
		box-shadow: 10px 10px 9px rgba(0, 0, 0, .1);
		padding-bottom: 15px;
	}
	
	.contacts .number {
		min-height: 2em;
		color: #fff;
		font-size: 130%;
	}

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
	.margintopmenu {
		margin: 0;
		/*margin-top: 96px; /* menu height */
		padding: 0;
	}
	.logobanner h1 {
		padding-top: 0px;
		font-size: 400%;
		color: #fff;
	}
	.logobannerpages h1 {
		padding-top: 50px;
		font-size: 300%;
		color: #fff;
	}
	.menubrandsinner .dacia {
		padding-top: 0px;
	}
	.contacts h4 {
		padding: 20px;
		color: #fff;
		font-size: 120%;
		min-height: 5em;
	}
	.contacts span.inner {
		display: block;
		text-align: center;
		background-color: #878785;
		box-shadow: 10px 10px 9px rgba(0, 0, 0, .1);
	}
	
	.contacts .number {
		min-height: 2em;
		color: #fff;
		font-size: 130%;
	}

}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	.margintopmenu {
		margin: 0;
		padding: 0;
	}
	.logobanner h1 {
		padding-top: 0px;
		font-size: 500%;
		color: #fff;
	}
	.logobannerpages h1 {
		padding-top: 50px;
		font-size: 300%;
		color: #fff;
	}
	.menubrandsinner .dacia {
		padding-top: 0px;
	}
	.contacts h4 {
		padding: 20px;
		color: #fff;
		font-size: 120%;
		min-height: 3em;
	}
	.contacts span.inner {
		display: block;
		text-align: center;
		background-color: #878785;
		box-shadow: 10px 10px 9px rgba(0, 0, 0, .1);
	}
	
	.contacts .number {
		min-height: 2em;
		color: #fff;
		font-size: 130%;
	}

	
}