/*--------------------------------------------------------------
							TABLET
--------------------------------------------------------------*/
@media (max-width: 991px){
	/* Header */
	#header #social_tablet{
		display: block;
	}

	#header #social_desktop{
		display: none;
	}
	#header .header-bottom{
		padding:0 150px 0 0;
	}

	/* Right Content Author */

	#right_content #author img{
		display: inline;
		float: left;
		margin-right: 0;
	}

	#right_content .author_label{
		display: block;
		padding-left: 156px;
	}

	#right_content #author .author_text{
		margin-top: 35px;
		margin-left: 156px;
		padding-bottom: 10px;
	}

	#right_content #author a.seemore{
		padding-left: 156px;
	}

	#right_content #author h3 a, #right_content #author h4 a{
		padding-left: 0;
	}


	/* Article Nav */

	#article #article_nav_buttons #prev_button a{
		padding: 8px 8px 8px 10px;
		font-size: 22px;
	}

	#article #article_nav_buttons #next_button a{
		padding: 8px 10px 8px 8px;
		font-size: 22px;
	}

	/* Right Nav */
	#right_content #right_nav{
		height: 100%;
	}
	
	/* Cookie Disclaimer */
	#cookie-disclaimer .inner{
		width: auto;
		margin: 0 15px;
	}
	#cookie-disclaimer .content{
		width: auto;
		float:none;
	}
}
/*--------------------------------------------------------------
							MOBILE
--------------------------------------------------------------*/
@media (max-width: 767px){
/**** Structure ****/
	.page.nav-active{
		left:100%;
	}
/**** elements ****/
	/* nav */
	.nav{
		width:100%;
		left:-100%;
	}
		.nav ul li a{
			font-size:24px;
		}
		.nav .nav-bottom{
			padding-top:200px;
			position:relative;
			bottom:0;
		}
			.nav .nav-bottom .nav-bottom-copyright{
				font-size:16px;
			}
			.nav .nav-bottom-links a{
				font-size:18px;
				line-height:18px;
			}
	/* nav button */
	.nav-button{
		width:40px;
		height:37px;
	}
	.nav-button img{
		width:40px;
		height:37px;
	}
		.nav-button.active{
			left:-40px;
		}
/**** index ****/
	/* home-box */
		.home-box.home-box-logo{
			/* height:400px; */
		}
		.home-box{
			/* height:330px; */
		}
		.home-box-content .txt-black{
			font-size:14px;
		}
	
	.home-logo-novartis{
		width: 100px;	
	}
	.home-box-logo h2{
		font-size:28px;
		line-height:28px;
		margin:13px 0 13px 0;
	}
	.home-img-article{
		min-width:100%;
		min-height:100%;
		height:auto;
		width:100%;
	}
	/* home-readmore */
	.home-readmore .readmore-links{
		display:none;
	}
	/* home-empty */
	.home-box-empty .home-box-cible:after {
		padding-top: 200px;
		display: block;
		content: '';
	}
	/* Headers */
	#header #social_tablet{
		display: none;
	}

	#header .date{
		display: block;
		margin-left: 0;
		padding-top: 5px;
	}

	#header h1, #header h2{
		padding-left: 50px;
	}
	

	#header #social_mobile{
		display: block;
	}

	#header #homelink a{
		margin-left: 60px;
		margin-top: 10px;
	}

	#header .tag {
		font-size: 14px;
		margin: 8px 0 10px 17px;
		padding: 3px 10px;
		font-family: 'Roboto'; 
		height: 25px;
	}
	#header .header-bottom{
		padding:0;
	}
	/* Right Content Author */
	#right_content #author .author_text{
		padding-top: 10px;
		margin-left: 0;
		clear: both;
	}

	#right_content #author a{
		padding-left: 0;
	}

	#right_content #author img{
		margin-right: 10px;
		width: 100px;
	}

	#right_content .author_label{
		padding-left: 0;
	}
	
	#experts div.expert, 
	#supports div.support{
		padding:20px 10px;
	}
	#article{
		padding:10px;
	}
	#header.supportHeader{
		margin-bottom:45px;
	}
	#experts div.expert.firstExpert{
		padding-top:65px;
	}

	/* Right Nav */
	#right_content #right_nav{
		height: 210px;
	}
	
	/* Cookie Disclaimer */
	#cookie-disclaimer .inner {
		width: auto;
		margin: 0 15px;
	}
	#cookie-disclaimer .content {
		width: auto;
		float:none;
	}
	/* lightbox */
	a.lightbox,
	a.lightbox:focus,
	a.lightbox:hover{
		cursor:default;
	}
	a.lightbox_nav,
	a.lightbox_nav:focus,
	a.lightbox_nav:hover{
		cursor:default;
	}

	
}
/*--------------------------------------------------------------
							under 500px
--------------------------------------------------------------*/
@media (max-width: 500px){
	.expert .floatL, .support .floatL {
		float:none;
	}
}

/*--------------------------------------------------------------
							under 359px
--------------------------------------------------------------*/
@media (max-width: 359px){
/**** elements ****/
	/* nav */
	.nav ul li a{
		font-size:18px;
	}
		.nav .nav-bottom-links a{
			font-size:12px;
			line-height:12px;
		}
		.nav .nav-bottom .nav-bottom-copyright{
			font-size:12px;
		}
/**** index ****/
	.home h1{
		font-size:28px;
	}
	
	/* home-box */
	.home-box-logo{
		font-size:18px;
	}	
		.home-box {
		  font-size: 15px;
		  line-height: 16px;
		 }
		 .home-box-content .txt-black {
			  font-size: 16px;
			  line-height: 16px;
			}
		.home-box-content .txt-black{
			font-size:14px;
		}
		.home h1 {
			margin:5px 0 10px 0;
		}
		.home-box-logo .home-box-content {
			padding:50px 0 0 20px;
		}
		.home-contributing-people .people-name {
			font-size: 12px;
		}
}

/*--------------------------------------------------------------
							index home-box 
--------------------------------------------------------------*/


@media (min-width: 1201px) {
	.home-box-cible:after {
		padding-top: 111.7%;
		display: block;
		content: '';
	}
} 
/*  @media (max-width: 1300px) {
	.home-box-cible:after {
		padding-top: 400px;
		display: block;
		content: '';
	}
}  */ 
 @media (max-width: 1200px) {
	.home-box-cible:after {
		padding-top: 111.7%;
		display: block;
		content: '';
	}
}
@media (max-width: 1074px) {
	.home-box-cible:after {
		padding-top: 400px;
		display: block;
		content: '';
	}
}
@media (max-width: 991px) {
	.home-box-cible:after {
		padding-top: 111.7%;
		display: block;
		content: '';
	}
}

/*Columns same height styles*/
@media (min-width: 768px) {
  .col-sm-height {
    display: table-cell;
    float: none !important;
  }
}
@media (min-width: 992px) {
  .col-md-height {
    display: table-cell;
    float: none !important;
  }
}
@media (min-width: 1200px) {
  .col-lg-height {
    display: table-cell;
    float: none !important;
  }
}

/* 5 columns */

.col-sm-2_4{
	float: left;
	position: relative;
	min-height: 1px;
	padding-left: 0;
	padding-right: 0;
}
@media (min-width: 768px){
	.col-sm-2_4{
		width:20%;
	}
}
@media (min-width: 992px){
	.col-md-2_4{
		width:20%;
	}
}
@media (min-width: 1200px){
	.col-lg-2_4{
		width:20%;
	}
}

/*--------------------------------------------------------------
							lightbox twitter
--------------------------------------------------------------*/
@media (max-width: 767px){
#lightbox-twitter .lightbox-twitter-container{
	background:none;
	margin:0;
}
}