@media (max-width: 1200px){}
@media (max-width: 992px){
	#alert .msg { top: 40%; }
	#alert .msg .icon { font-size: 40px; width: 100%;  padding: 16px 20px; }
	#alert .msg .titles { width: 100%; padding: 20px; }
	#alert .msg .titles h2,
	#alert .msg .titles h3 { text-align: center; }
	#alert .msg .fa-times { top: 21%; opacity: .5; }
}
@media (max-width: 768px){
	.teaser figure.logo { display: table; margin: 15px auto 0; }
	.teaser figure.logo::before { right: -100%; }

	.teaser .brands { float: none!important; display: table; margin: 10px auto 0; }
	.teaser .brands li { width: 25%; float: left; }
	.teaser .brands li img { width: 100%; }

	.teaser h1,
	.teaser h2 { text-align: center; }

	.teaser nav.infos ul { padding-left: 0; border-left: 0; }
	.teaser nav.infos li { margin-bottom: 20px; }
	.teaser nav.infos span { display: table; margin: 0 auto 6px; font-size: 22px; }
	.teaser nav.infos h4 { text-align: center; display: block; }

	.teaser nav.floater { margin: 40px 0 30px; }
	.teaser nav.floater ul { float: none!important; display: block; margin-bottom: 0; }
	.teaser nav.floater ul li { display: block; }
	.teaser nav.floater ul li::before { content: initial; }

	.calendar .modal-body ul { margin-bottom: 25px; }

	.teaser .content .content-body .btn { margin-top: 15px; }

	.teaser footer { position: relative; text-align: center; margin-top: 30px; }
	.teaser footer .container { padding: 0 15px; }
}
@media (max-width: 440px){}