/****************************************************
        media css
*****************************************************/
@media (max-width: 2251px) {

}
@media (max-width: 1500px) {

}
@media (max-width: 1450px) {

}
@media (max-width: 1383px) {
	.logo-watt-desk{
		display: none;
	}
	.lg-display-none {
		display: none!important;
	}
	.md-display-none{
		display: none!important;
	}
	nav .container{display: table-cell;}
	.sticky-nav-watt .nav > li { float: left; width: 100% !important; margin: 0 !important; border-top: 1px solid rgba(255, 255, 255, 0.1) !important; }
	.sticky-nav-watt .nav > li:last-child { border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
    .sticky-nav-watt ul li a:hover { color: #fff !important;  background-color:#000;}
    .sticky-nav-watt ul li a:hover i { color: #fff!important; border-color:#ff9a15; }
    .sticky-nav-watt .navbar-nav > li > a { font-weight: 700; }
    .sticky-nav-watt .navbar-nav > li > a i { display: inline-block; float: right; margin: 9px 10px 0 0; font-size: 14px; color:#fff!important; width: 20px; height: 20px; vertical-align: middle; padding: 0 0 0 4.2px; line-height: 20px; }
	.nav-watt.sticky-nav-watt .navbar-nav li a {color: #ccc!important;}
	.nav-watt.sticky-nav-watt .navbar-nav li a.select {color: #fff!important;}
    .nav-watt.shrink-nav .navbar-nav li a { color: #fff !important;}
	.nav-watt.shrink-nav .navbar-nav li a:hover { color: #fff !important;}
	.nav-watt.shrink-nav .navbar-nav li a.select { color: #fff !important;}
	
	 /*  position hauteur menu responsive */
    .navbar .text-right {background-color:#434343; min-height: 0; padding: 0;  position: absolute; top: 71px; width: 100%; }
    .navbar.shrink-nav .text-right { top: 65px!important;}
    .static-sticky .text-right { top:65px!important;}
	.navbar .text-right .lang { background-color: rgba(100, 100, 100, 0.95); min-height: 0; padding: 0;  position: absolute;  top: 195px; width: 100%;padding-left:8px;}
    .navbar-default .navbar-nav > .open > a, 
    .navbar-default .navbar-nav > .open > a:hover, 
    .navbar-default .navbar-nav > .open > a:focus, 
    .navbar-nav > li > a { border-bottom: 0 !important;}
    .navbar-default .navbar-nav > li > a { color: #fff; display: block; height: 38px; line-height: 38px; padding: 0 0 0 15px; text-align: left; }
	.navbar-default .navbar-nav .lang > li { color: #fff; display: block; height: 38px; line-height: 38px; margin:0 0 0 8px; font-size: 18px; }
	.navbar-default .navbar-nav .lang > li > a { color: #fff; display: block; height: 38px; line-height: 38px; padding:0; text-align: left; }
    .navbar-collapse.in { overflow-x: hidden; }
    .navbar-default .col-sm-3 { float: left; }
	
	.sticky-nav-watt .navbar-nav a.select {
		border: none !important;
		font-weight: bold;
		padding-left: 15px!important;
		padding-right: 0!important;
		font-size:14px!important;
	}
	.sticky-nav-watt .navbar-nav a.select:hover {
		border:none !important;
		background-color:#000!important;
		color: #fff!important;
	}

}
 
@media only screen and (min-width: 991px) and (max-width: 1200px) {
    .md-display-block { display: block !important}
}
@media only screen and (min-width: 1024px) and (max-width: 1920px) {
    .md-no-margin-bottom { margin-bottom: 0 !important}
}
@media (min-width: 992px) and (max-width: 1199px) {
  
}
@media (max-width: 1199px) {
	.lg-display-block { display: block !important}
	.lg-display-none { display: none!important}
   
    /*  text center  */
    .md-text-center { text-align: center !important;}
    
    /*  display  */
    .md-display-none { display: none !important}
    
	.btn-watt {
		margin-top: 20px!important;
		margin-bottom: 20px!important;
		font-size: 12px!important;
	}
	/*  watt we do  */
	#watt-circle .title {
		line-height: 50px!important;
		font-size: 60px!important
	}
}
@media (max-width: 1064px) {

   
}
/******* Only for iPad Css *******/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    /* for general iPad layouts */
    .navbar-nav > li > a { border-color: transparent !important; }
    .navbar-nav > li > a.active { border-color: black !important;  }
	
}
@media (max-width: 1024px) {
    /*  navigation position  */
    .navbar-right .dropdown-menu {
		right: -147px;
	}

}
@media (max-width: 991px) {

	.sm-display-block {
		display: block !important;
	}
	.sm-display-none {
		display: none !important;
	}
	.md-display-block {
		display: block !important;
		
	}
	.md-display-none {
		display: none !important;
	}
	.separator-line-li {
		margin: 25px auto !important;
	}
	.mobile-spacer {margin-bottom:50px !important;
	}
	.margin-col-md {
		margin-bottom: 25px;;
	}
	footer .desk {
		display: none!important;
	}
	footer .mobile {
		display: block !important;
	}
	/*Home*/
	#home-header, #home-header-es {
		height: 550px!important;
		background: url("../images/wattdesignbuild_skyline_header_mobile.jpg") no-repeat bottom center !important;
	}
	.btn-circle {
		margin-top: 130px!important;
	}
	#clients .title {
		margin-top: 50px!important;
	}
	#clients .logo {
		margin-top:20px!important;
	}
	
	.btn-watt {
		margin-top: 20px!important;
		margin-bottom: 20px!important;
		font-size: 16px!important;
	}
	/*Watt we are*/
	#wattweare {
		margin:0 auto 0!important;
	}
	#wattweare #title {
		margin: 100px auto 0!important;
		text-align: center!important;
	}
	#wattweare .subtitle {
		margin: 20px 0!important;
	}
	#groupesnef .margin {
		margin: 0 auto 0!important;
	}
	#wattexperience .align {

		text-align: center!important;
	}
	.logo-snef {
		width: 150px!important;
		height: 150px!important;
		text-align: center!important;
		margin: auto auto 50px !important;
		padding-right:0!important;
	}
	/*Watt we do*/
	#wattwedo {
		margin:0 auto 0!important;
	}
	#wattwedo #title {
		margin: 100px auto 0!important;
		text-align: center!important;
	}
	#wattwedo .subtitle {
		margin: 20px 0!important;
	}
	#developpement-durable .margin {
		margin-top:50px!important;
	}
	#developpement-durable .title {
		margin-bottom:30px!important;
		text-align: center!important;
	}
	#developpement-durable .little-title {
		margin:15px 0!important;
		text-align:left!important;
	}
	#developpement-durable {
		margin: 0 25px!important;
	}
	#developpement-durable .spacer {
		margin-bottom: 30px!important;
	}
	/* Fair Watt*/
	#rse #title {
		margin: 100px 0 0!important;
	}
	#rse #subtitle {
		margin-bottom:0!important;
	}
	#fairwatt .margin {
		margin: 0!important;
	}
	#fairwatt .space-margin {
		margin:20px 0 50px!important;
	}
	/* watt lab*/
	#wattlab {
		margin:0 auto 0!important;
		background: url("../images/wattlab/wattdesignbuild_wattlab_header_mobile.jpg") center no-repeat!important;
		height:700px!important;
	}
	#wattlab #title {
		margin: 100px auto 0!important;
		text-align: center!important;
	}
	#wattlab .subtitle {
		margin: 20px auto 0!important;
		text-align: center!important;
	}
	#digital .margin {
		margin-top:0px!important;
	}
	#digital .spacer {
		margin-top:25px!important;
	}
	/*watt job*/
	#engagements .margin {
		margin:0px!important;
	}
	#engagements .spacer {
		margin-top:25px!important;
	}
	/* Contact*/
	#contact {
		margin: 20px auto 0!important;
	}
	#contact .title {
		margin: 100px auto 0!important;
		text-align: center!important;
	}
	.contact-map {
		margin: 90px auto 0px!important;
	}

	/* Footer*/
	.spacing-line { 
		margin-top: 10px!important;
	}
	.logo-societe img {
		width: 75%!important;
	}
	.logo-societe .row {
		text-align: center!important;
	}
	footer h5 {
		text-align: center!important;
	}
	.bloc-footer-text {
		padding-right: 	0!important;
		margin-bottom: 30px;
	}
	.footer-middle {
		padding-left: 40px;
		padding-right: 40px;
	}
    .footer-social {
		text-align: center !important;
		margin-top: 15px;
	}
	.copyright {
		text-align: center;
		margin: 0px auto 10px auto;
	}
	.footer-signature {
		text-align: center !important;
		margin: 10px auto 0 auto;
		padding-bottom:25px;
	}
	.footer-bottom {
		margin-bottom: 0px!important;
	}
}

@media (max-width: 920px) {
	.sm-margin-10 {margin-bottom:30px !important;}
	#watt-circle .margin {
		margin: 50px 0 0!important;
	}
	#watt-circle {
		background-size: 80%!important;
	}
}

@media (max-width: 768px) {
    .nav > li {width: auto;}
    .nav-tabs > li.active > a { margin-bottom: 0px; }
    .nav-tabs > li > a:hover { margin-bottom: 0px; vertical-align: top;}
	
	.margin-col-sm {
		margin:50px auto 0;
	}
	
	/*Home*/
	#home-header .logo-header, #home-header-es .logo-header {
		margin: 70px auto 0!important;
		width: 120px!important;
	}
	#home-header #title, #home-header-es #title  {
		margin: 30px auto 10px!important;
		font-size: 20px!important;
	}
	.btn-circle {
		display: none !important;
	}
	#home-header #subtitle, #home-header-es #subtitle {
		font-size: 13px!important;
	}
	/*watt we do*/
	#watt-circle {
		background-position: top center!important;
	}
	#watt-circle .margin {
		margin: 50px 0 0!important;
	}
	#watt-circle .title, #watt-circle .subtitle, #watt-circle .watt-rem, #watt-circle .align-bouton {
		text-align: center!important;
	}
	#watt-circle .title {
		margin-top:0px!important;
	}
	#watt-circle .subtitle {
		margin-bottom: 60px!important;
	}
	#watt-circle .align-bouton {
		margin-bottom: 40px!important;
	}

}
@media (max-width: 767px) {
	/* Parameter */
	.sm-text-center {
	text-align: center;
	}
	.xs-display-block {
		display: block !important;
	}
	.sm-display-block {
		display: block !important;
	}
    section {
		padding: 50px 0;
	}
	.title-header {
		padding-top:0px !important;
		margin-top: -50px!important;
	}
	h1 {
		font-size:25px !important;
		line-height:30px !important;
	}
	.margin-top-150 {
		margin-top: 75px !important;
	}
	.counter {
	margin-bottom:50px!important;
	}
  	.counter-number {
		margin:0px !important;
		font-size: 50px !important;
	}
	.counter-title {
		font-size: 15px !important;
		line-height: 20px !important;
	}
	/*reference*/
	#reference .title {
		margin: 70px auto 25px!important;
	}
	#reference .indicateurs {
		margin-top: 20px!important;
	}
	#reference .description {
		margin-top: 20px!important;
	}
	/*fair-watt*/
	.united-nations {
		margin: 20px auto!important;
	}
	/*watt-job*/
	.logo-asso {
		margin: 20px auto!important;
	}
	/*footer*/
	.logo-societe img {
		width: 100%!important;
	}
}
@media (max-width: 700px) {
}
@media (max-width: 640px) {
	.margin-top-100 {
		margin-top: 50px!important;
	}
	#watt-circle {
		background-size: 90%!important;
	}
	#watt-circle .margin {
		margin: 70px 0 0!important;
	}
}
@media (max-width: 589px) {
   	#watt-circle .margin {
		margin: 50px 0 0!important;
	}
}
@media (max-width: 580px) {
 
}
@media (max-width: 480px) {
    /*  navigation  */
    .navbar-fixed-top .navbar-collapse,
	.navbar-fixed-bottom .navbar-collapse {
		max-height: 394px;
	}

}
@media (max-width: 420px) {   
   
}
@media (max-width: 466px) {

}
@media (max-width: 420px) {
	.counter-number {
		font-size: 40px !important;
	}
	.counter-title {
		font-size: 12px !important;
		line-height: 18px !important;
	}

}
  
@media (max-width: 380px) {
  
}
@media (max-width: 330px) {
   
}
/*  only mobile devices landscape view  */
@media screen and (max-width: 320px) , screen and (max-height: 480px) {
    .navbar-fixed-top .navbar-collapse, 
    .navbar-fixed-bottom .navbar-collapse { max-height: 275px !important; }
}
@media (max-width: 320px) {
   
}
@media (min-width: 640px) {
     
}
@media (min-width: 768px) {
	.footer-signature {
    text-align: right !important;
	}
	
}
@media (min-width: 992px) and (max-width: 1200px) {
      
}