/* only small desktops */
/* tablets */
@media (min-width: 992px) and (max-width: 1190px) {
	.countdown {
		/* height: 285px; */
	}

	.top-header .navbar .navbar-collapse ul li a {
		font-size: 14px;
	}

	.lbox-details h2,
	.compteur h3 {
		font-size: 26px;
	}

	.countdown #timer div {
		/* width: 5rem;
		height: 5rem; */
	}

}

/* only small tablets */
@media (min-width: 768px) and (max-width: 991px) {
	.top-header .navbar .navbar-collapse ul li a {
		padding: 5px 15px;
	}

	.navbar-nav {
		flex-direction: row;
	}

	.picto {
		display: block;
		max-width: 6vw;
		margin: 0rem 0.5rem;
	}

	.libelleNav {
		display: none;
	}

	.about-img {
		margin-bottom: 30px;
		margin-top: 30px;
	}

	.paddingtop {
		padding-top: unset;
	}

	.gallery-box ul li {
		width: 33.33%;
	}

	.top-header {
		position: relative;
	}

	.lbox-details {
		display: block;
		position: relative;
		width: 100%;
	}

	.countdown #timer div#days,
	.countdown #timer div#hours,
	.countdown #timer div#minutes,
	.countdown #timer div#seconds {
		/* position: inherit;
		margin: 12px 0px; */
	}

	.lbox-details::before {
		background: rgba(0, 0, 0, 0.9);
	}

	.countdown {
		/* height: 188px;
		border-radius: 0px; */
	}

	.countdown #timer div {
		/* width: 23%;
		font-size: 24px; */
	}
}

/* mobile or only mobile */
@media (min-width: 530px) and (max-width: 767px) {
	.navbar-brand {
		margin-left: 10px;
		margin-right: 10px;
	}

	.navbar-nav {
		flex-direction: row;
	}

	.libelleNav {
		display: none;
	}

	.picto {
		display: block;
		max-width: 5vw;
		margin: 0rem 0.5rem;
	}

	.top-header .navbar .navbar-collapse ul li a {
		padding: 5px 15px;
	}

	.paddingtop {
		padding-top: 2rem;
	}

	.countdown #timer div {
		/* font-size: 1rem; */
	}

	.countdown #timer div h6 {
		/* font-size: 0.7rem; */
	}

	;

	.lbox-details h1 {
		font-size: 24px;
	}

	.lbox-details h2 {
		font-size: 18px;
	}

	.lbox-details p strong {
		font-size: 20px;
	}

	.lbox-details a.btn {
		display: none;
	}

	.title-box h2 {
		font-size: 38px;
	}

	.about-main-info h2 {
		font-size: 24px;
	}

	.about-img {
		margin-bottom: 30px;
	}

	.main-timeline-box .separline::before {
		left: 15px !important;
	}

	.main-timeline-box .iconBackground {
		left: 15px !important;
	}

	.main-timeline-box .timeline-text-content {
		margin-left: 0px;
	}

	.main-timeline-box .reverse .timeline-text-content {
		margin-right: 0px;
	}

	.main-timeline-box .time-line-date-content {
		margin-right: 0px;
	}

	.main-timeline-box .time-line-date-content p {
		float: left;
	}

	.main-timeline-box .timeline-element {
		padding: 0px 15px;
	}

	.gallery-box ul li {
		width: 100%;
	}

	.top-header {
		position: relative;
	}

	.lbox-details {
		display: block;
		position: relative;
		width: 100%;
	}

	.countdown #timer div#days,
	.countdown #timer div#hours,
	.countdown #timer div#minutes,
	.countdown #timer div#seconds {
		/* position: inherit;
		margin: 12px 0px;*/
	}

	.lbox-details::before {
		background: rgba(0, 0, 0, 0.9);
	}

	.countdown {
		/* height: 188px;
		border-radius: 0px; */
	}

	.countdown #timer div {
		/* width: 23%; */
		/* font-size: 24px; */
	}

	.about-m {
		margin-bottom: 30px;
	}

	.timeLine .row .item {
		margin-bottom: 30px;
	}

	.fleurs {
		width: auto;
		height: 10vh;
	}
}

@media (max-width:530px) {
	.navbar-brand {
		margin-left: 10px;
		margin-right: 10px;
	}

	.top-header .navbar .navbar-collapse ul li a {
		padding: 5px 15px;
	}

	.navbar-nav {
		flex-direction: row;
	}

	.logo {
		width: 15vw;
	}

	.picto {
		display: block;
		max-width: 7vw;
		margin: 0rem 0.5rem;
	}

	.libelleNav {
		display: none;
	}

	.paddingtop {
		padding-top: 2rem;
	}

	.repartir {
		padding-top: 1vw;
	}

	.repartir div {
		padding-top: 2vw;
	}

	.countdown #timer h3 {
		font-size: 0.8rem;
	}

	.lbox-details h1 {
		font-size: 24px;
	}

	.lbox-details h2 {
		font-size: 18px;
	}

	.lbox-details p strong {
		font-size: 20px;
	}

	.lbox-details a.btn {
		display: none;
	}

	.title-box h2 {
		font-size: 38px;
	}

	.about-main-info h2 {
		font-size: 24px;
	}

	.about-img {
		margin-bottom: 30px;
	}

	.main-timeline-box .separline::before {
		left: 15px !important;
	}

	.main-timeline-box .iconBackground {
		left: 15px !important;
	}

	.main-timeline-box .timeline-text-content {
		margin-left: 0px;
	}

	.main-timeline-box .reverse .timeline-text-content {
		margin-right: 0px;
	}

	.main-timeline-box .time-line-date-content {
		margin-right: 0px;
	}

	.main-timeline-box .time-line-date-content p {
		float: left;
	}

	.main-timeline-box .timeline-element {
		padding: 0px 15px;
	}

	.gallery-box ul li {
		width: 100%;
	}

	.top-header {
		position: relative;
	}

	.lbox-details {
		display: block;
		position: relative;
		width: 100%;
	}

	.lbox-details::before {
		background: rgba(0, 0, 0, 0.9);
	}

	.about-m {
		margin-bottom: 30px;
	}

	.timeLine .row .item {
		margin-bottom: 30px;
	}

	.col-xs-6 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}

	.fleurs {
		width: auto;
		height: 10vh;
	}
}