/* Tablette */
@media (max-width: 991.98px) {
	p {
		font-size: 1.0rem;
	}

	.border-adhere {
		border-radius: 30px;
		margin-bottom: 2rem;
	}

	.bg-nuage {
		background: url('../images/bg/nuage-1.png') 0 0 no-repeat;
		background-size: 100% 350px;
		min-height: 25vh !important;
	}

	div.bg-nuage-xl {
		min-height: 35vh !important;
	}

	.center-img {
		margin: auto;
	}

	#nav-libbela li {
		margin: 0;
		font-size: 1.3rem;
	}
	#mail-contact {
		max-width: 100%;
	}

	/* Infos garanties */
	#info-guarantees{
		display: none;
	}

	#info-guarantees-carousel {
		display: flex;
		margin: auto;
		width: 100%;
	}

	#info-guarantees-carousel .carousel-indicators,
	#info-guarantees-carousel button{
		visibility: visible;
	}
	#info-guarantees-carousel .carousel-inner > div {
		background: none !important;
		border: none;
	}
	.carousel-indicators {
		bottom: -13px;
	}
	#info-guarantees-carousel .carousel-inner{
		width: 100%;
	}
	#info-guarantees-carousel .carousel-inner > div{
		width: 100%;
		min-height: 200px;
		padding: 2%;
		border-radius: 10px;
		background: #FFFFFF 0% 0% no-repeat padding-box;
		box-shadow: 0px 10px 40px #00000010;
	}
	.carousel-item > div {
		width: 80%;
		min-height: 200px;
		max-width: 400px;
		border-radius: 20px;
		padding: 5%;
		margin: auto;
		background-color: #fff;
	}

	.carousel-item > div > h3 {
		font-size: 1.1rem;
	}

	.carousel-item > div > p {
		font-size: 0.9rem;
	}

	.carousel-item > div > i {
	    font-size: 2rem;
	    background: transparent linear-gradient(180deg, #91EED2 0%, #51C9CD 100%) 0% 0% no-repeat padding-box;
	    -webkit-background-clip: text;
	    /*margin-top: 1rem;*/
	}

	footer .row:first-child {
		margin-top: 3rem;
		display: flex;
		flex-direction: column;
		justify-content: center;
		/*text-align: center;*/
	}

	footer .row .mt-5 {
		margin-top: 0px !important;
		font-size: 0.9rem;
	}

	footer .row .col-sm-3 {
		width: 100%;
	}

	#newsletter {
		max-width: 60%;
	}

	footer .row h4 {
		margin-top: 1.1rem;
	}

	.fc p {
		margin-top: 0 !important;
	}

	.bar-small-device {
		display: block;
	}

	#copyright {
		margin-top: 0;
	}

	#copyright > div {
		width: 50%;
		font-size: 0.5rem;
	}

	#page-politiques > div {
		width: 90%;
	}
}




/* Telephone */
@media (max-width: 575.98px) {
	.container {
		padding: 0;
	}

	.secondary-title {
		font-size: 1.6rem !important;
	}

	.bg-nuage {
		background: transparent;
	}

	.label-absolute {
		font-size: 0.9rem;
		top: 1rem;
	}

	#good-to-know {
		width: 95%;
		margin: auto;
	}

	.mt-5, .mb-5 {
		margin-top: 1rem !important;
		margin-bottom: 1rem !important;
	}

	.bg-nuage div .mt-sm-0 {
		margin-top: 0 !important;
	}	
	.text-sm-center {
		text-align: center !important;
		margin: auto !important;
	}

	.order-top {
		order: -1 !important;
	}

	header {
		padding-top: 2rem;
	}

	#nav-libbela > ul, #link-login {
		display: none;
	}

	#logo-libbela img {
		max-width: 60%;
	}

	#btn-burger {
		display: block;
		font-size: 2rem;
	}

	/* Menu burger */
	#menu-burger {
		padding: 10%;
		height: 100vh;
		width: 100%;
		z-index: 999;
		position: absolute;
		visibility: visible;
	}

	#menu-burger > div {
		position: relative;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: space-evenly;
		background-color: #33CB9A;
		border-radius: 40pt;
		height: 100%;
		width: 100%;
		filter: 0;
	}

	#menu-burger a {
		color: #fff;
		font-size: 1.6rem;
		font-family: 'Poppin';
		text-decoration: none;
	}

	#cancel-burger {
		position: absolute;
		color: #fff;
		font-size: 2rem;
		top: 1em;
		right: 1em;
		cursor: pointer;
	}

	/* Offre */
	#nuages  div {
		margin: 0 !important;
	}
	
	.bg-small-nuage-general {
		/*height: 90px;*/
		margin: 0;
		padding: 0;
	}

	.bg-small-nuage-2 {
		margin-top: 55% !important;
	}

	.bg-small-nuage-3 {
		margin-top: 0 !important;
	}

	.bg-small-nuage-general > div {
		padding-top: 0;
	}

	.bg-small-nuage-general p {
		font-size: 0.6rem;
		margin-right: 2rem;
	}

	.title-nuage i{
		font-size: 0.6rem;
		margin: 1.3rem 0 0 0.3rem;
	}
	.title-nuage h2 {
		font-size: 0.7rem;
		margin: 1.3rem 0 0 0.2rem;
	}

	/* Btn choix de l'appareil */
	.choice-device button {
		width: 30%;
		font-size: 0.7rem;
		padding-left: 0;
		padding-right: 0;
		border-radius: 20px;
		white-space: nowrap;
	}

	.choix_payement i {
	    font-size: 1.5rem;
	}

	.choix_payement p {
		font-size: 0.6rem;
		margin-top: 0.375rem !important;
		margin-bottom: 0 !important;
	}

	.choix_payement input {
		display: none;
	}

	#payement form > label {
		padding-top: 0.250rem !important;
		padding-bottom: 0.250rem !important;
	}

	.text-info-payement {
		font-size: 0.7rem;
	}

	#payement .checkbox label{
		font-size: 0.6rem;
	}

	/* Step */
	.btn-step {
		width: 100%;
		font-size: 0.65rem !important;
		padding: 0;
	}

	.circle {
		transform: scale(0.65);
	}
	.bar-step {
		width: 120%;
	}

	/* CGU */
	#cgu-header {
		display: none;
	}
	#cgu {
		margin-top: 20%;
	}

	.statut-mentions img {
	width: 40%;
	max-height: 250px;
	bottom: -15px;
	position: absolute;
	}

	/* Adherer */
	#form-adhere .row {
		flex-direction: column;
	}

	#recap-adhere .bg-white {
		width: 90%;
		margin: auto;
	}

	#payement {
		width: 85%;
		margin: auto;
	}

	.choix_payement, #payement .active {
		border-width: 2px;
	}

	#payement p {
		font-size: 0.7rem;
	}


	/* Footer */
	footer {
		display: block;
	}

	.bar-footer {
		padding-bottom: 2rem;
	}

	.bar-footer > div {
		width: 30%;
		margin: auto;
		border: 3px solid black;
	}
}