/*MOBILE*/

/* small iPhone landscape */
@media (orientation : landscape) and (max-width: 570px){ 
	* {
		display: none;
	}
	html, body, #portrait-message img {
		display: block;
	}
	#portrait-message {
		display: block;
		width: 100%;
		height: 100%;
		margin: 0;
		padding: 0;
		background-color: red;
		z-index: 999;
		position: relative;
	}
}

/* small iPhone portrait */
@media (orientation : portrait) and (max-width: 570px){ 
	.carousel-indicators {
		display: none;
	}
	
	.carousel-caption {
		padding-bottom: 0px;
	}	
}


@media screen and (max-width: 350px) {
	.nav-aw {
		display: none;
	}
	#infos .tab-pane.scroll {
	    margin-right: 0px;
	    margin-left: 0px;
	}
	
	
}
@media screen and (max-width: 767px) {

  /*MENU*/
  body{
    position:relative; /* allow overflow hidden*/
  }

  body.home .navbar{
    display: block;
  }

  .navbar-inverse, .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle{
    background-color: #fff238;
    border-color: #fff238;
  }

  body.home .navbar-brand .logo-fresnoy {
    display: none!important;
  }

  .logo-fresnoy,#logo-panorama img {
    height: 40px;
    width: auto;

  }
  #home .head-title {
    width: auto;
    text-align: center;
  }

   #home .head-title h1.logo-panorama img{
    height: auto;
    width: 100%;
    max-width:400px;

  }

  #home .head-title h3{
    color: #1c1c1b;
  }


  .panel-body{
    overflow-y:auto;
    width: 100%;
    margin: auto;
  }

  .random-aw{
   	visibility: hidden;
  }
  
  
  .next-event{
    position: absolute;
    top: 50%;
	width: auto;
  }
  
  .next-event a{
    color: #1c1c1b;

  }


  #medias.active + #current-gallery{

    height: 0px!important;


  }

  #current-gallery .carousel-inner .item.video{
    /*height:auto;
    width: 10%;*/
  }


  /*MENU ARTIST*/

  #mobile-artists ul {
    columns: 2 100px;
    -moz-columns: 2 100px;
    -webkit-columns: 2 100px;
  }

  /*MENU DATE */
  #mobile-events .event-date{
    font-size: 12px

  }

  .event #infos .head{
    height: 150px;
  }
  .event #infos .head h1{
    text-align: center;
  }


  #medias .body{
    margin-top: 50px;
  }


  #infos {
    top:30%;
    height: 70%;
    width: 100%;
    /*overflow: hidden;*/ /* photo artiste */
  }

  #infos .head {
    min-height: 65px;
  }
  #infos h1, #infos h2, #infos h3{
    padding:0 15px ;
  }

  #infos h1{
    font-size: 23px;
    overflow-wrap:break-word;

  }
  #infos h2{
    font-size: 20px;
    margin-top: 50px;
  }

  #infos .nationality{
    font-size: 14px;
  }

  #infos img.img-circle {
	opacity:1;
    position: absolute;
    margin: 0px 0px 0px 0;
    top: -110px;
    width: 100px;
    right: 40%;
    border: 5px solid #1c1c1b;
  }
   #infos img.img-circle + img.img-circle  {
	  margin-right: -70px;
   }

  #infos.desactive {
    height: 100px;
  }
  #infos.desactive .body{
    display: none;
  }

  #infos.desactive img {
	opacity:0;
    top:-60px;
    right: 10px;
    width: 70px;
    margin-top: -0px;
	
  }
   #infos.desactive img.img-circle + img.img-circle {
	   margin-right: 50px;
	  
   }
   
  #infos .headimage img {
	  
  }
  
  

  #infos.desactive h2{
  }

  #infos .nav-tabs li{
    margin-right: 10px;
  }
  #infos .nav-tabs>li>a {
    font-size: 11px;
  }

  #infos .tab-pane.scroll {
   overflow: auto;
  }

  .nav-aw {
    /*display: none;*/
    
  }
  
  .nav-aw a{
	  font-size:30px;
	  /* bottom: 50%; */
	  top: 0;
  }
  
  
  


/*
  #current-gallery .carousel-inner img{

    height: 100%;
    min-height: 0px;
    margin: 0px -50%;
  }
  marche pas pour Regina

  */

    #current-gallery .carousel-inner img{

     /* width: 100%;
      margin: 50% 0; */

    }
	
	#current-gallery .carousel-inner.active img {
	
	      width: 100%;
	      margin: 50% 0;
	
	    }
	
	
	

}