/* @override http://bulutsite.nl/nutrigrow/templates/zo2_hallo/assets/zo2/css/tablet.css */

/*************************/
/***** MEDIA QUERIES *****/
/*************************/
body {
	width : 100%;
	overflow-x : hidden;
}

.nav-mob,
.b_menu-mob,
.ctn_change-view,
section.banners .ctn_items article img.v_banner_mob {display: none;}

.ctn_change-view {
	background: #efefef;
	padding: 20px 0 20px 0;
	text-align: center;
	}
.ctn_change-view span {
	display: inline-block;
	background: url('../../assets/images/i_change-view.gif') 0 2px no-repeat;
	background-size: 22px 44px;
	font-family: dinpro-regular; font-size: 12px; color: #5f5f5f; text-align: center; text-decoration: underline;
	padding: 0 0 0 30px;
	}
.ctn_change-view span.mob {
	display: none;
	background: url('../../assets/images/i_change-view.gif') 0 -42px no-repeat;
	padding: 3px 0 3px 30px;
	}


/**********************************/
/***** ECRAN 1024 / TABLETTES *****/
/**********************************/
@media screen and (max-width:1200px){


	.container {width: 990px;}

	/** Header **/
	header.main .str_right {margin-right: 10px;}
	header.main .baseline, header.main h2 {font-size: 14px;}
	
	header.main .baseline{
	width: 692px;
	height: 135px;
	background: url(../images/slogan_mb.png) no-repeat center center;
}	


	/** Footer **/
	footer.main {margin: 0;}
	footer.main .top .str_col-left {width: 380px;}
	footer.main .top .str_col-center {width: 256px;}
	footer.main .top .str_col-right {width: 160px;}
	footer.main {margin: 0 0 20px;}
	footer.main .top input {width: 210px; font-size: 16px;}
	footer.main .top ul {margin-right: 20px;}
	footer.main .top .str_col-center ul li a {line-height: 18px;}

	/** Sous-menu navigation **/
	.sub-nav {width: 992px;}
	.sub-nav div.content {min-height: 335px;}
	.sub-nav .str_left {width: 630px;}
	.sub-nav .str_left .str_col, .sub-nav .str_left .str_col-g {width: 300px;}
	.sub-nav .str_left .str_col-d {width: 330px;}
	.sub-nav .str_left .str_col-g .ctn_col {width: 270px;}
	.sub-nav .str_left .ctn_col .ctn_multi-cols .ctn_col2 ul {width: 150px;}
	.sub-nav .str_left .ctn_col .ctn_multi-cols .ctn_col2 {width: 180px;}
	.sub-nav .str_left .ctn_col .ctn_multi-cols .ctn_col2.last {width: 150px;}
	.sub-nav.nav-skin .str_left {width: 600px; padding-right: 25px;}
	.sub-nav.nav-skin .str_left .ctn_col {width: 170px;}
	.sub-nav.nav-skin .str_left .str_col {width: 200px;}
	header.main .sub-nav .str_push {width: 332px;}
	header.main .sub-nav .str_push article.push img.v_background {width: 312px;}
	.sub-nav div.content .v_texture {width: 312px;}

	/** Banners **/
	section.banners .ctn_banner {margin-top: 65px;}
	section.banners .str_banner.left .ctn_banner {left: 300px;}
	section.banners .str_banner.right .ctn_banner {right: 300px;}
	section.banners .ctn_items, section.banners .ctn_items article {width: 990px; height: 361px;}
		section.banners .ctn_items, section.banners .ctn_items.single {width: 990px;}
		
	section.banners .ctn_items article img {
	width: 992px;
}
	section.banners .slidetabs {top: 338px;}
	section.banner > img {width: 992px;}
	section.banner {height: 361px;}
	section.banner .ctn_texte {width: 460px;}
	section.banner .ctn_texte h2 {font-size: 16px; line-height: 18px;}
	section.banner .ctn_texte p {font-size: 12px; line-height: 14px; margin-top: 10px;}
	section.banner .ctn_texte ul li {font-size: 12px; line-height: 14px; background-position: 0 2px;}

	/** Structures contenu **/
	section.content {width: 744px;}
	aside.pushs {width: 248px;}
	article.push .ctn_texte input[type="text"] {width: 197px;}
	.ctn_range-cat .ctn_item {width: auto; margin-right: 0;}
	.ctn_range-cat .ctn_item .ctn_infos {width: 250px;}
	.ctn_range-cat .cat-title {margin-right: 0;}

	/** Pushs **/
	article.push {
	width: 248px;
	height: 226px;
}
	.what article.push {
	width: 248px;
}

	article.push.banner {
	width: 330px;
	height: 226px;
}

	article.push img.v_background {width: 248px;}
	article.push.banner img.v_background {width: 330px;}
	article.push.double, article.push.double img.v_background {width: 495px;}
	article.push.double.Reduce, article.push.double.Reduce img.v_background {width: 495px;
	font-variant: small-caps;
}
	
	article.push p.txt_over {width: 260px; font-size: 11px; line-height: 14px;}
	article.push.double p.txt_over {width: 456px; font-size: 12px; line-height: 16px;}
	article.push .ctn_over {height: 226px;
	width: 330px;
}
	article.push.double .ctn_over {height: 226px;
	width: 496px;
}
	article.push .ctn_texte h2 {font-size: 20px; line-height: 18px;}
	article.push .ctn_texte > ul li {line-height: 16px;}
	article.push.push_space .ctn_facebook .ctn_like {right: 79px; background: #29b1f6;}
	article.push.triple {width: 744px;}
	article.push p.txt_show {font-size: 12px; line-height: 14px;}
	article.push.push_likebox {overflow: hidden;}
	section.bottom article.push.quadruple.carousel {width: 100%;}
	article.push.quadruple.carousel .obj_carousel {width: 967px;}
	article.push.quadruple.carousel .obj_carousel .car_conteneur {width: 907px;}
	article.push.quadruple.carousel .obj_carousel .ctn_item {width: 289px;}
	article.push.quadruple.carousel .obj_carousel .ctn_item .ctn_infos {width: 215px;}

	/** Page produits **/
	.pg_produit section.banner {height: 419px;}
	.pg_produit section.banner .ctn_texte {width: 420px;}
	.pg_produit section.banner .ctn_item {text-align: center;}
	.pg_produit section.banner .ctn_item img {height: 350px;}
	.pg_produit section.banner .ctn_item img.sticker {height: auto;}
	.pg_produit section.banner .v_texture {height: 420px;}
	.pg_produit section.banner .obj_carousel .car_conteneur {height: 369px;}
	article.push.triple.carousel .obj_carousel .car_conteneur {width: 644px;}
	article.push.triple.carousel .obj_carousel .ctn_item {width: 292px;}
	article.push.triple.carousel .obj_carousel .ctn_item .ctn_infos {width: 218px;}
	.str_tab-content .ctn_review-detail {width: 539px;}

	/** Page problématique **/
	.pg_problematique section.content {height: 453px;}
	.pg_problematique section.content > img {width: 744px;}
	.pg_problematique section.content .ctn_texte {left: 330px; width: 375px;}
	.obj_carousel {margin-top: 70px;}
	.obj_carousel .car_conteneur {width: 376px; height: 136px;}
	.obj_carousel .car_conteneur .ctn_item {width: 356px; height: 136px;}
	.obj_carousel .car_conteneur .ctn_item .ctn_infos {width: 282px;}
	.ctn_item .ctn_packshot, .ctn_item .ctn_packshot img {height: 136px;}

	.obj_select {width: 208px;}


	/** Page What **/
	.what section.content {height: 452px;
	width: 660px;
}
	.what section.content > img {width: 660px;}
	.what section.content .ctn_texte {left: 330px; width: 375px;}
	.what section.content .ctn_texte.clinical {
	top: 280px;
	left: 30px;
	width: 560px;
	}
    .what section.content .ctn_texte.clinical h1 {
	color: #fff;
	font: 28px Hbold;
}	
    .what section.content .ctn_texte.clinical p {
	color: #fff;
	font: 16px HLight;
	margin-bottom: 0;
	margin-top: 8px;
	text-align: justify;
}
	
	
	what section.content .ctn_texte.key {
	top: 280px;
	left: 30px;
	width: 560px;
	}
    .what section.content .ctn_texte.key h1 {
	color: #000;
	font: 28px Hlight;
}	
    .what section.content .ctn_texte.key p {
	color: #000;
	font: 16px HLight;
	margin-bottom: 0;
	margin-top: 8px;
	text-align: justify;
}
	
	
	
	
	
	.obj_carousel {margin-top: 70px;}
	.obj_carousel .car_conteneur {width: 374px; height: 136px;}
	.obj_carousel .car_conteneur .ctn_item {width: 356px; height: 136px;}
	.obj_carousel .car_conteneur .ctn_item .ctn_infos {width: 136px;}
	.ctn_item .ctn_packshot, .ctn_item .ctn_packshot img {height: 174px;}
	.obj_select {width: 208px;}
	
.logolar{

	height: 122px;
	width: 992px;
}
div.imglogo{
	padding-top: 35px;
	padding-left: 225px;
	margin-left: 24px;
}


div.imglogo img{
	border-right: 1px solid silver;
	width: 18%;
	height: auto;
}
div.imglogo img.episiva{
	border-right-style: none;
}

div.clinical_content {width: 990px;
	margin-left: 0;
	margin-right: 0;
}
div.clinical_content h1 {
	font-size: 22px;
}

article.push.banner.logolar {
	width: 146px;
	padding-top: 10px;
	padding-bottom: 10px;
	height: 80px;
}
article.push.banner.logolar img.v_background {width: 146px;}

#zo2-position-1 div.custom section.pushs.clearfix article.push.banner.logolar div.ctn_over {
	width: 120px;
	background: #ffffff; 
}


#zo2-position-1 div.custom section.pushs.clearfix article.push.banner.logolar div.ctn_texte.logolar p.txt_over {
	color: #000;
	text-align: center;
	width: 120px;
	font-size: 12px;
}

#zo2-position-1 div.custom section.pushs.clearfix article.push.banner.logolar p.txt_over {
	width: 120px;
	padding: 0;
	margin: 0 0 0 2px;
}

div.headercustom{
	font: 14px/1em HMedium;
}

div.hleft {
	float: left;
}
div.hright {
	width: 40%;
	float: right;
	margin-top: 40px;
}

div.social {
	float: right;
}

div.slogandiv {
	margin-top: 90px;
}

div.slogandiv01 {
	font: 14px/1em HMedium;
	text-align: left;
}
#zo2-mega-menu nav.wrap.zo2-menu.navbar.navbar-default {
	padding-left: 90px;
}



/* Key Active Ingredients */

.keytitle
{
	font: 30px HBold;
	margin-bottom: 0;
}
.keymenu
{
	padding: 10px 5px 10px 10px;
}

.keymenu ul li
{
	font: 18px/32px Hlight;
	list-style-image: url(../images/bullet_glossary-02.png);

}

.keytext h2
{
	font: 19px HLight;
}




}