/* ---------------------------- */
/*		    Responsive  		*/
/* ---------------------------- */

@media screen and (max-width: 1200px) {
	img { max-width: 100% }
    .container {width:100%; max-width:100%!important; /*padding-left:10px; padding-right:10px;*/}
    .panel-layout {}
    
    /*HEADER*/
    
    /*footer*/
    .foot1 {padding:20px 10px;}
    

}

@media screen and (max-width: 1080px) {
    
    
    /*home*/
    /*.panel-grid.panel-has-style > .panel-row-style.bloc-ct .row-icon {display:block;}
    .panel-grid.panel-has-style > .panel-row-style.bloc-ct .row-icon > div {width:100%!important;}
    #bloc-info .row {max-width: 300px; margin:0 auto 20px;}*/
    #bloc-info .col {max-width: 25%;}
    
    /*footer*/
   
}

@media screen and (max-width: 992px) { 
	/*header*/
	button#responsive-menu-button {top: 0!important; right: 100px!important;}

    /*home*/
       
	/*footer*/
	
}

@media screen and (max-width: 780px) {
    /*home*/
    #bloc-info .row {max-width: 300px; margin:0 auto 20px;}
}

@media screen and (max-width: 768px) {
   .container {}
}

@media screen and (max-width: 767px) { 
    /*footer*/

    
	/*home*/
	#logo-sophro {width:100%; height:auto;}
	#logo h1 .vibes {font-size:60px;}
	#logo span.fct {font-size:45px;}
	#logo h2 {font-size:47px;}
	#form-tel {display:none; /*left:20px; max-width: 280px;*/}
	#form-tel .top {/*text-align:left;*/}
  
}
@media screen and (max-width: 640px) { 
    /*home*/
	#logo-sophro {width:95%;}
	#logo h1 .vibes {font-size:40px;}
	#logo span.fct {font-size:30px;}
	#logo h2 {font-size:16px;}
	#logo span.rdv, #logo span.lieu {font-size:16px;}
	#logo a.tel {font-size:40px;}
	
	.calm {max-width:250px; right:-250px;}
	.calm .sound {width:85%; padding:20px 10px;}
	.timer-logo {display:none;}
	
	#form-tel h2.t16 {font-size:14px;}
    
    .bloc {min-height:550px;}
    #appli footer img {height:45px; width:auto; margin-top:15px;}
    .bloc:before {content:''; position:absolute; width:100%; height: calc(100% + 40px); background:rgba(0,0,0,0.3); top:-40px; left:0; z-index: -1;}
}

@media screen and (max-width: 576px) {
    
    /*header*/
    body.page:not(.home) .entry-header h1.entry-title {font-size:40px; padding:10px;}
    body.page:not(.home) .entry-header {height:200px; padding:10px;}
    body.page:not(.home) button#responsive-menu-button {}
    
    /*footer*/
    .foot2 {font-size:11px;}
    
    /*page*/
    .lienmutu > i {top:0; right:0;}
    
}

@media screen and (max-width: 380px) {

}