.container {
	max-width: 100%;
}

.info {
  display: flex;
	flex-flow: row nowrap;
	margin: 10px 0;
}

.info .promotion {
  width: 50%;
	background-color: darkgray;
	margin-right: 5px;
}

.info .promotion_noslider {
  width: 50%;
	margin-right: 5px;
	position: relative;
}

.info .promotion_noslider img {
  	width: 100%;
  	height: 100%;
  	object-fit: cover;
  	overflow: hidden;
}

.info .showroom_info {
  width: 50%;
	border: 1px solid #707070;
	margin-left: 5px;
	padding-top: 10px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.info .showroom_info .showroom_1 {
	width: 50%;
	padding: 0 10px 0 20px;
}

.info .showroom_info .showroom_2 {
	width: 50%;
	padding: 0 20px 0 10px;
}

.info h3 {
	font-size: 1.6em;
	font-family: 'Roboto', sans-serif;
	color: #ceac41;
}

.info p {
	font-size: 1.2em;
	font-family: 'Roboto', sans-serif;
	color: #9a9898;
	font-weight: 100;
	padding: 15px 0;
}

.promotion_text {
	position: absolute;
	left: 30px;
	top: 10px;
}

.promotion_text h3 {
	font-size: 2em;
	font-family: 'Roboto', sans-serif;
	color: #050c21;
}

.promotion_text p {
	font-size: 1.5em;
	font-family: 'Roboto', sans-serif;
	color: #4d4d4d;
}

.gm-style-iw a {
	color: #ceac41;
	text-decoration-line: underline;
	font-weight: 500;
}


/*** NO PROMOTION ***/

.no_promotion {
  width: 100%;
}

.no_promotion .showroom_info {
  width: 100%;
	border: 1px solid #707070;
	margin-left: 0;
	padding: 0 30px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

a {
  color: #ceac41;
  text-decoration: none;
}

a:hover {
  color: #ceac41;
  text-decoration: underline;
}

/*** NO PROMOTION END ***/

#map {
	height: 500px;
	background-color: #f2f2f2;
	margin-bottom: 20px;
}

@media (max-width: 1024px) {
	
	.info .promotion {
		width: 48%;
	}

	.info .promotion_noslider {
  		width: 48%;
	}

	.info .showroom_info {
		width: 52%;
	}  
	
	.info .up {
  	margin-top: -18px;
	}
	
	.info h3 {
		font-size: 1.4em;
	}

	.info p {
		font-size: 1.2em;
		padding: 10px 0;
	} 

	.responsive-slider .slider-control.left,
 	.responsive-slider .slider-control.right {
    display: none;
  }
	
	/*** NO PROMOTION ***/
	
	.no_promotion .showroom_info {
		width: 100%;
		border: 1px solid #707070;
		margin-left: 0;
		padding: 0 30px;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}
}

@media (max-width: 768px) {
	
	.info {
		flex-flow: column nowrap;
	}
	
	.info .promotion {
		width: 100%;
		margin: 0 0 10px 0;
	}

	.info .showroom_info {
		width: 100%;
		margin-left: 0px;
		display: flex;
		flex-direction: row;
	}
	
	.info .showroom_info .showroom_1 {
		width: 100%;
		padding: 0 0 0 20px;
	}

	.info .showroom_info .showroom_2 {
		width: 100%;
		padding: 0 0 0 20px;
	}
	
	.info h3 {
		font-size: 1.6em;
	}

	.info p {
		font-size: 1.2em;
	}

	.promotion_text {
		left: 30px;
		top: 10px;
	}

	.promotion_text h3 {
		font-size: 1.8em;
	}

	.promotion_text p {
		font-size: 1.4em;
	}
	/*** NO PROMOTION ***/
	
	.no_promotion .showroom_info {
		margin-left: 0;
		padding: 0 20px;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}
}

@media (max-width: 480px) {
	.container {
		max-width: 100%;
		width: 99.99%;
	}
	
	.info {
		flex-flow: column nowrap;
	}
	
	.info .promotion {
		width: 100%;
		margin: 0 0 10px 0;
	}

	.info .showroom_info {
		width: 100%;
		margin-left: 0px;
		display: flex;
		flex-direction: column;
	}
	
	.info .showroom_info .showroom_1 {
		width: 80%;
		padding: 0 0 0 20px;
	}

	.info .showroom_info .showroom_2 {
		width: 80%;
		padding: 0 0 0 20px;
	}
	.info h3 {
		font-size: 1.5em;
	}

	.info p {
		font-size: 1.2em;
	}
	
	.promotion_text {
		left: 20px;
		top: 0px;
	}

	.promotion_text h3 {
		font-size: 1.5em;
	}

	.promotion_text p {
		font-size: 1.2em;
	}
	
	/*** NO PROMOTION ***/
	
	.no_promotion .showroom_info {
		padding: 10px 20px;
		flex-direction: column;
	}
	
	#map {
		display: none;
	}
	
}

.responsive-slider .pages {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
}

.responsive-slider .pages .page {
  display: inline-block;
  color: transparent;
  width: 10px;
  height: 10px;
  border: 2px solid #fff;
  border-radius: 50%;
  opacity: 0.5;
	padding: 5px;
	margin: 15px 8px;
	box-shadow: 6px 7px 19px -6px rgba(0,0,0,0.75);
}

.responsive-slider .pages .page.active {
  opacity: 1;
}

.arrows {
		width: 16px;
		margin: 0 10px;
}