/* Medias */
@media (max-width: 1052px) {

  .navbar .navbar-nav > li {
      width: 210px;
  }
  .navbar .navbar-nav > li > a {
      padding-top: 60px !important;
      color: black;
      font-family: 'Happy Monkey', cursive;
      font-size: 15px;
      background: url('../template/bg_menu_small.jpg') bottom center no-repeat; 
      transition: all 0.3s ease;
  }
  .navbar-inverse .navbar-nav > li > a {
      font-size: 12px;
  }
  
}

@media (max-width: 1023px) {
  .navbar-header {
      float: none;
  }
  .navbar-left,.navbar-right {
      float: none !important;
  }
  .navbar-toggle {
      display: block;
      margin-right: 20px;
  }
  .navbar-collapse {
      border-top: 1px solid transparent;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  }
  .navbar-fixed-top {
      top: 0;
      border-width: 0 0 1px;
  }
  .navbar-collapse.collapse {
      display: none!important;
  }
  .navbar-nav {
      float: none!important;
      margin-top: 7.5px;
  }
  .navbar-nav>li {
      float: none;
  }
  .navbar-nav>li>a {
      padding-top: 10px;
      padding-bottom: 10px;
  }
  .collapse.in{
      display:block !important;
  }
  .navbar > .container-fluid{
  	background: none;
  }
  .search-landscape{
  	display: none;
  }
  .search-portrait-wrap{
	display: inline-table !important;
	margin-right: -5px;
  }
  .navbar-search{
  	height: 34px !important;
  }
}

@media (max-width: 1199px) {

	.programmation-wrap{
  		margin-top: 50px;
  	}
	.tag {
    		margin-top: 1%;
    	}
    	.tag-achat {
        	margin-top: 1%;
    	}

}

@media (min-width: 0px) AND (max-width: 1200px){
	.footer-logo {
		#display: none;
        float: right;
        width: 135px;
        height: 121px;
	}

	.btn-accueil-quio{
		font-size: 15px;
	}

	.title-third{
		margin-bottom: 40px;
		background-size: 100% 100%;
		height: 40px;
	}

	.programmation-portfolio-wrap{
		margin-bottom: 40px;
	}

	.portfolio-text-wrap{
		height: 82px !important;
	}

	.envedette-portfolio{
		margin-bottom: 40px;
	}

	.portfolio-text-title{
		font-size: 12px;
		font-weight: bolder;
		padding: 2% 2%;
	}

	.portfolio-text-desc {
		font-size: 12px;
	}

	.portfolio-text-desc-highlight {
		font-size: 15px;
		padding: 1% 2%;
		margin-top: 4px !important;
	}

	.portfolio-button {
		margin-top: 4px;
	}

	.img-portfolio{
		#width: 100% !important;
	}

	#btn-view-more-programmation{
		font-size: 15px !important;
	}

    .spectacle-content-right-head {
    	font-size: 14px;
    	font-weight: bold;
    }

    .spectacle-sponsors-text {
        margin-left: -20px;
    	font-size: 10px;
    }

}

@media (min-width: 0px) AND (max-width: 990px){
	.cover-wrap{
		display: none;
	}
	.btn-accueil-quio{
		font-size: 13px;
	}

	.title-third{
		margin-bottom: 30px;
		height: 35px;
	}

	.programmation-portfolio-wrap{
		margin-bottom: 20px;
	}

	.portfolio-text-wrap{
		height: 128px !important;
	}

	.btn-accueil-quio{
		margin-top: 20px;
	}

	.navbar-search-wrap{
		width: 200px;
	}

	#btn-view-more-programmation{
		font-size: 11px !important;
	}
}

@media (min-width: 0px) AND (max-width: 900px){
	.navbar-search-wrap{
		width: 170px;
	}

.navbar-inverse {
    background: url('https://www.laboitealivres.com/template/bg_header01.png');
    background-size: 100% 90%;
    background-repeat: no-repeat;
}

	.navbar-inverse .navbar-nav > li > a {
		font-size: 8px;
	}
}

@media (min-width: 0px) AND (max-width: 790px){
	.navbar-search-wrap{
		width: 130px;
	}

	.navbar-inverse .navbar-nav > li > a {
		font-size: 7px;
	}

    .tag {
        margin-top: 0.5%;
    }
    .tag-achat {
        margin-top: 0.5%;
    }

	.footer-logo {
		display: none;
	}

	.footer-footer {
		font-size: 12px;
	}
}

@media (min-width: 0px) AND (max-width: 768px){
	.navbar-inverse .navbar-nav > li > a {
		font-size: 15px;
	}

	.navbar-inverse .navbar-nav{
		margin-top: -10px;
		margin-bottom: 70px;
	}

	.btn-accueil-quio{
		font-size: 18px;
	}

	.navbar > .container-fluid{
		background: none;
	}

	.search-landscape{
		display: none;
	}

	.navbar-search{
		height: 33px !important;
	}

	.search-portrait-wrap{
		display: inline-table !important;
	}

	.navbar-abonnement{
		font-size: 14px;
		margin: -25px -10px 0 0 !important;
	}

	.portfolio-text-wrap {
		height: 123px !important;
	}

	.portfolio-text-title{
		font-size: 23px;
		font-weight: bolder;
		padding: 2% 2%;
	}

	.portfolio-text-desc {
		font-size: 18px;
	}
}

@media (min-width: 0px) AND (max-width: 767px){
	.navbar-inverse .navbar-nav > li > a {
		font-size: 13px;
	}
	.navbar-inverse .navbar-nav{
		margin-top: -15px;
		margin-bottom: 120px;
	}
	.portfolio-text-wrap {
		height: 128px !important;
	}

	.portfolio-text-title{
		font-size: 13px;
		padding: 2% 2%;
	}

	.portfolio-text-desc {
		font-size: 12px;
	}

	.portfolio-text-desc-highlight {
		font-size: 15px;
		padding: 1% 2%;
		margin-top: 43px !important;
	}

	.portfolio-button {
		margin-top: 43px;
	}

	.img-portfolio{
		#width: 100% !important;
	}

	#btn-view-more-programmation{
		font-size: 11px !important;
	}

	.navbar-search-wrap{
		width: 40px !important;
		margin-right: 130px;
	}

	.search-portrait{
		width: 200px !important;
	}

	.navbar-logo {
		width: 80px !important;
		margin-top: -30px !important;
        margin-left: 0 !important;
	}

	.navbar-top {
		margin-left: 45px;
	}

	.navbar-top-link{
		font-size: 12.5px;
	}

	.search-portrait-wrap{
		margin: 0px -5px 0 0;
	}

	.navbar-abonnement{
		font-size: 10px;
		margin: -47px -20px 0 0 !important;
	}

	.clip-footer{
		font-size: 12px;
	}

	.footer-icon{
		font-size: 15px !important;
	}

	.footer-footer{
		text-align: center;
		font-size: 9px;
	}
}

@media (min-width: 0px) AND (max-width: 376px){
	.navbar-top {
		margin-left: 15px;
	}
    .business-logo {
        width: 250px;
        margin-top: -20px;
    }

	.search-portrait{
		width: 160px !important;
	}

	.portfolio-text-wrap{
		height: 86px !important;
	}

	.clip-footer{
		font-size: 11px;
	}

	.footer-footer{
		text-align: center;
		font-size: 8px;
	}
}

@media (min-width: 0px) AND (max-width: 321px){
	.navbar-top{
		margin-left: 110px;
	}

	.navbar-top-link{
		font-size: 10px;
	}

	.navbar-top-social-link{
		font-size: 15px;
	}

	.navbar-logo{
		width: 85px !important;
		margin-top: -68px !important;
		margin-left: -5px !important;
	}

	.navbar-toggle {
      		margin-right: 5px;
  	}

	.search-portrait-wrap{
		margin: -49.5px 44px 0 0;
	}

	.navbar-abonnement{
		font-size: 8.5px;
		margin: -50px -25px 0 0 !important;
	}

	.portfolio-text-wrap{
		height: 120px !important;
	}

	.portfolio-text-title{
		font-size: 11px;
	}

	.clip-footer{
		font-size: 9px;
	}

	.footer-footer{
		text-align: center;
		font-size: 7px;
	}
}

@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}