/* lg */ 
@media (min-width: 1200px) {

}

/* md */
@media (min-width: 992px) and (max-width: 1199px) {
	h1 {
		font-size:35px;
	}

	#home-carousel  .item {
		height: 500px;
	}

	.carousel-caption h1 {
		font-size:45px;
		margin-bottom:10px;
		line-height:45px;
		letter-spacing:2px;
		font-weight:100;
	}

	.carousel-caption span {
		font-size: 38px;
	}

	.carousel-caption h2 {
		font-size:26px;
		font-weight:600;
		margin-top:0px;
		letter-spacing:2px;
		margin-bottom:20px;
	}
	#our-team, #pricing, #our-works, #services, #contact{
		padding-top: 40px;
		padding-bottom: 40px;
	}

div .contact-infos {
	float: none;
	margin: auto;
	width: 40%;
}

.contact-infos p {
	text-align: center;
	border: 1px solid rgba(0, 0, 0, 1);
	padding: 40px 40px 40px 40px;
	margin: 30px 0 30px 0;
}
}

/* sm */
@media (min-width: 768px) and (max-width: 991px) {
	h1 {
		font-size:34px;
	}

	.st-navbar ul li a{
		margin-left: 13px;
		margin-right: 13px;
	}

	#home-carousel  .item {
		height: 500px;
	}

	.carousel-caption h1 {
		font-size:45px;
		margin-bottom:10px;
		line-height:38px;
		letter-spacing:2px;
		font-weight:100;
	}

	.carousel-caption span {
		font-size: 40px;
	}

	.carousel-caption h2 {
		font-size:30px;
		font-weight:600;
		margin-top:0px;
		letter-spacing:2px;
		margin-bottom:20px;
	}

	#about-us .about-us {
		padding-left: 0;
		padding-right: 0;
		padding-top: 9%;
	}

	.scroll-up{
		display: none !important;
	}

	#our-team, #pricing, #our-works, #services, #contact{
		padding-top: 40px;
		padding-bottom: 40px;
	}

	#fun-facts .col-md-3:nth-child(2) .fun-fact{
		border-right: 0px;
	}

	#testimonial{
		padding-top: 40px;
		padding-bottom: 40px;
	}

	#about-us .about-us .btn-send {
		margin-top: 12px;
	}
div .contact-infos {
	float: none;
	margin: auto;
	width: 50%;
}

.contact-infos p {
	text-align: center;
	border: 1px solid rgba(0, 0, 0, 1);
	padding: 30px 30px 30px 30px;
	margin: 30px 0 30px 0;
}

.row {
	margin: 5px;
}


.navbar-header {
float: none;
}
.navbar-toggle {
display: block;
}
.navbar-collapse {
border-top: 1px solid transparent;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
}
.navbar-collapse.collapse {
display: none!important;
}
.navbar-nav {
float: none!important;
margin: 7.5px -15px;
}
.navbar-nav>li {
float: none;
}
.navbar-nav>li>a {
padding-top: 10px;
padding-bottom: 10px;
}
.navbar-text {
float: none;
margin: 15px 0;
}
/* cette classe est à ajouter lorsque que vous utilisez une version de Bootstap supérieure ou égale à la 3.1.0 */
.navbar-collapse.collapse.in {
display: block!important;
}
.collapsing {
overflow: hidden!important;
}


}

}

/* xs */
@media (max-width: 767px) {


	h1 {
		font-size:22px;
	}

	.logo{
		margin-left: 15px;
	}

	.navbar-nav{
		background-color: #f5f5f5;
	}

	.st-navbar .navbar-collapse ul{
		margin-top: 18px;
	}

	#home-carousel  .item {
		height: 300px;
	}

	.carousel-caption h1 {
		font-size:22px;
		margin-bottom:0;
		line-height:27px;
		letter-spacing:2px;
		font-weight:100;
	}

	.carousel-caption span {
		font-size: 18px;
	}

	.carousel-caption h2 {
		font-size:17px;
		font-weight:600;
		margin-top:0px;
		letter-spacing:2px;
		margin-bottom:20px;
	}

	.scroll-up{
		display: none !important;
	}

	.footer-social-icons {
		text-align: center;
		margin-bottom: 15px;
	}

	.copyright{
		text-align: center;
	}

	#contact{
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.contact-info{
		margin-bottom: 35px;
	}

	#fun-facts .fun-fact{
		border-right: 0px;
		margin-bottom: 30px;
	}

	#about-us .our-office{
		padding-left: 0;
		padding-right: 0;
	}

	#testimonial{
		padding-top: 20px;
		padding-bottom: 20px;
	}

	#about-us .about-us {
		padding-left: 5%;
		padding-right: 5%;
		padding-top: 10%;
		padding-bottom: 10%;
	}

	#our-team, #pricing, #our-works, #services{
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.st-service {
		margin-top: 40px;
	}

div .contact-infos {
	float: none;
	margin: auto;
	width: 70%;
}

.contact-infos p {
	text-align: center;
	border: 1px solid rgba(0, 0, 0, 1);
	padding: 20px 20px 20px 20px;
	margin: 30px 0 30px 0;
}

.row {
	margin: 5px;
}

.btn-send{
		margin-left: 0px;
	}

}


}

/* XS Portrait */
@media (max-width: 490px) {

.mention li{
	display: block;
	text-align: center;
	list-style: none;
	margin: 10px 15px 10px 15px;
	font-size: 14px;
}

ul.mention {
	margin-top: 15px;
	border-top: 1px solid rgba(255, 255, 255, 0.4);
	border-bottom: 1px solid rgba(255, 255, 255, 0.4);
	padding: 10px;
}

div .contact-infos {
	float: none;
	margin: auto;
	width: 95%;
}

.contact-infos p {
	text-align: center;
	border: 1px solid rgba(0, 0, 0, 1);
	padding: 20px 20px 20px 20px;
	margin: 30px 0 30px 0;
}

.row {
	margin: 5px;
}

.navbar-header {
float: none;
}
.navbar-toggle {
display: block;
}
.navbar-collapse {
border-top: 1px solid transparent;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
}
.navbar-collapse.collapse {
display: none!important;
}
.navbar-nav {
float: none!important;
margin: 7.5px -15px;
}
.navbar-nav>li {
float: none;
}
.navbar-nav>li>a {
padding-top: 10px;
padding-bottom: 10px;
}
.navbar-text {
float: none;
margin: 15px 0;
}
/* cette classe est à ajouter lorsque que vous utilisez une version de Bootstap supérieure ou égale à la 3.1.0 */
.navbar-collapse.collapse.in {
display: block!important;
}
.collapsing {
overflow: hidden!important;
}
}
}