@media only screen and (max-width: 768px) {
body, html {
	overflow-x: hidden;
}
#menu {
	left:0;
}
.right {
	left:90%;
}
.white-bg {
	color:#000;
	background-color: rgba(255, 255, 255, 0.9);
	padding: 15px;
	border-radius: 3px;
}
.explanation-suite {
  max-width: 50%;
	float: inherit;
	margin: 0 25% 0 25%;
	display:inline-block;
	position:relative;
}
.explanation-suite h1 {
	margin-top: 35px;
}
.explanation {
  max-width: 50%;
	float: inherit;
	margin: 0 25% 0 25%;
}
.explanation h2 {
	display:inline-block;
	font-size: 33px;
	line-height: 0.8;
}
.explanation h6 {
	margin-top: 0px;
	font-size: 14px;
}
.explanation h4 {
	margin-top: 12px;
	font-size: 14px;
}
.explanation h5 {
	font-size: 10px;
	margin-top: 10px;
}
#ombre-smartphone {
	height: 175px;
    margin-right:0%;
	margin-left: 10%;
	margin-top: 400px;
}

#phone {
    margin-right:0%;
	margin-left: 35%;
	margin-top: 50px;
}

#phone_vide {
    margin-right:0%;
    margin-left:35% !important;
}

#map { 
  margin-top: 50px;
}

#map2 { 
  margin-top: 50px;
}

#map3 { 
  margin-top: 50px;
}

#map4 { 
  margin-top: 50px;
}

#map5 { 
  margin-top: 50px;
}
.center-about {
     margin: 0 auto;
     max-width: 90%; 
}

.columns-about {
	-moz-column-gap: 25px;
	-webkit-column-gap: 25px;
	column-gap: 25px;
}
}
@media only screen and (max-width: 360px) {
.add-margin {
	margin-right: 0px;
	margin-bottom: 10px;
}
.btn-facebook {
	display:none;
}
.btn-twitter {
	display:none;
}
.btn-instagram {
	display:none;
}
.btn-angel {
	display:none;
}
#menu {
	display:none;
}
#ombre-smartphone {
	margin-left: -5%;
}


#phone {
	background-image: inherit;
	margin-left:2%;
}

#phone_vide {
    margin-left:2% !important;
}
.explanation-suite {
  max-width: 50%;
	margin: 0 10% 0 20% !important;
}
.explanation-suite h1 {
    font-size: 40px;
}
.explanation h2 {
	font-size: 30px;
	line-height: 0.9em;
	margin-bottom:8px;
	margin-right:18px;
}
.explanation h6 {
	line-height: 0.8em;
	font-size: 12px;
	margin-right: 18px;
}

.bordure_img {
	max-width: 159px;
	height: 87px;
}
.explanation h4 {
	font-size: 12px;
}

#footer-div {
     position: relative;
}
.inner-div {
     margin: 0 auto;
     width: 380px;
	 padding-top: 10px;
}

.inner-div > h6 {
	display:none;
}
.explanation {
	display:inline-block;
	background-color: rgba(255, 255, 255, 0.9);
	padding: 15px;
	border-radius: 3px;
}
.columns-about {
	-webkit-columns: 1;
	-moz-columns: 1;
	columns: 1;
}
.center-about {
	 margin-top: 50px;
}
.center-CGU h1{
	font-size:34px;
}
  
}