@media only screen and (max-width: 1024px) {
	
}

@media only screen and (max-width: 768px) {
	body{
		padding: 0;
	}
	
	.bannerImage{
		padding-top: 80%!important;
	}
	.bannerImage img{
		width: 90%!important;
	}
	
	.logo{
		width: 75%;
		/*top: 70%;*/
		top: auto;
		bottom: calc(3% + 37px);
		position: absolute;
	}
	
	.texteBrand, #texteBrand{
		font-size: 7vw;
		line-height: 7vw;
	}

}

@media only screen and (max-width: 700px) {
	#gropener {
		display: block; 
		z-index: 999; 
		position: absolute; 
		left: 3%; 
		margin-left: 114px;
		top: 51px; 
		float: left; 
	}
	#gropener select {
		border: none;
    	width: 100%;
    	background-color:; #fff;
    	-webkit-appearance:none;
    	padding: 0 1px 1px 23px;
    	line-height: 20px;
    	background-image: url(../images/icon_menu2.png);
    	background-repeat: no-repeat;
    	background-size: 30px 25px;
    	background-position: 0 1px; 
    	font-size: 18px;
    	font-family: "Roboto",sans-serif;
		font-weight: 700; 
	}

	/*#gropener { display: block; z-index: 999; position: relative; left: 28px; margin-top: 60px; float: left; }
	#gropener select {
		border: none;
		width: 100%;
		-webkit-appearance:none;
		padding: 1px 1px 1px 35px;
		line-height: 20px;
		background-repeat: no-repeat;
		background-size: 30px 25px;
		font-size: 16px;
		font-family: 'Roboto';
		font-weight: 400;
		background-position: 0 3px; 
	}*/
	#gropener select.hell {
		background-image: url(../images/menu_thinner_60x50_white_top.png);
		color: #fff;
		background-color: #000;
	}
	#gropener select.dark {
		background-image: url(../images/menu_thinner_60x50_top.png);
		color: #000;
		background-color: #fff;
	}


	#work.lovelife #menu-work-watches { display: none !important; }
	#work.lovelife .menu.work { display: none; }

	#menu-mobile { display: block; }
	.menu.work nav { /* display: none; */ }


	.menu a { font-size: 16px; }

	/* homepage */	
	/*.divHome .texteBrand { width: 100%; font-size: 14px; top: 82%; line-height: 16px; }*/
	.divHome .texteBrand { width: 100%; font-size: 12px; top: auto; bottom: calc(3% + 5px); line-height: 16px; }
	.divHome .texteBrand img.reddot { position: absolute; right: calc(3% + 10px); bottom: calc(3% + 25px); }
	.clockbox {
		/*top: 10px;
		left: 10px;
		text-align: left!important;
		margin-top: 0!important;*/
	}
	.menu-black, .menu-white { top: 20px; }
	#topbar { position: absolute; top: 0; }
	#work .menu.menuTop { top: 30px; }
	#work .menu { top: 55px; }
	#work .carousel-control { top: 60%; }

	#work .carousel {
		height: 100%;
		overflow: hidden;
	}

	#anim { 
		width: 60%;
		left: 20%;
	}

	.center {
		width: 100%;
		left: 0;
	}

	.reddot{
		width:20%;
	}

	#work.lovelife #clockbox { top: 25px; position: absolute; }
	#work.lovelife .menu { top: 30px !important; }
	#work.lovelife .menuTop { top: 20px !important; }


	.carousel-inner { height: 100%; }
	.item .caption {
		position: absolute;	
		bottom: calc(3% + 3px);
	}
	.carousel.carousel-fade .item{
		width: 100%; height: 100%;
		position:relative;
	}
	#work.lovelife .texteBrand,
	#work.lovelife #texteBrand { width: 100%; font-size: 12px; bottom: 0!important; top: auto!important; line-height: 16px; }
	
	#work.lovelife #texteBrand img { position: absolute; right: calc(3% + 10px); bottom: calc(3% + 25px); width: 20% !important; }

	#work.lovelife .logo { top: auto!important; bottom: 36px!important; background-size: contain!important; height: 55px;}

	#work.lovelife .bannerImage { padding-top: 5% !important; min-height: 500px;}
	#work .menu p {	margin-bottom: 2px; }

	#work .menu {
		display: inline;
	}
	#work #menu-work-watches,
	#work #anim {
		display: inline;
		position: relative;
	}
	#menu-work-watches { left: 8%; top: 70px;}

	#menu-work-watches table tr td { display: block; /*padding-bottom: 20px;*/ }






	nav ul li.type div div.brands { width: 158px; }

	/* page contact */
	#contact-centre img { width: 100% !important; height: auto!important; top: 0 !important;}
	#contact-centre {width: 100%; top: 6%; left: 0; height: 72%;}
	#coord { position: relative; top: 0; font-size: 1em; line-height: 1.2em; width: 100%; }
	#contact #clockbox { /*top: -17px!important; */ height: 20px; }
	.menu { top: 20px; }
	.clockbox { top: 20px; }

}


@media only screen and (max-width: 700px) and (orientation:landscape){
	#contact-centre img {
		height: 90% !important;
		width: auto !important;
		margin-top: 5%;
	}
	.divHome .logo {
		background-size: contain !important;
	}
	#coord {
		position: absolute;
		width: 50%;
		top: 58%;
	}
	.center {
		top: 10%;
		width: 100%;
	}
	#anim {
		top: 32%;
	}

	#work.lovelife .bannerImage {
		min-height: auto;
	}
	.bannerImage img { width: 45%!important }
	.bannerImage img.maniii { width: 70%!important; }

	#work.lovelife .texteBrand, 
	#work.lovelife #texteBrand {
		/*top: auto;
		bottom: 0;*/
	}
	#work.lovelife .bannerImage {
		padding: 0 !important;
	}
}



@media only screen and (max-width: 480px) {
	.clockbox {
		position:relative;
		float:right;
		margin-right:0px!important;
		display: block;
		width: 80px;
		font-size: 14px;
		/*
		margin-top:-40px!important;
		margin-right:20px!important;
		*/
	}
	
	/*
	#gropener{
		left: 5px!important;
		margin-top: 40px!important;
	}
	*/
}