/* 24 inch iMac ----------- */
@media only screen and (min-width : 1600px) {
	.coords {
		padding: 1%;
	}

	.tickets-link {
		padding: 3%;
	}

	.activities-content img.logo {
		height: 30px;
	}

	.slider-eplv .sl-slider-wrapper {
		height: 900px;
	}

	.slider-eplv .sl-slider h2 {
		font-size: 60px;
	}

	.slider-eplv .sl-slider blockquote {
		font-size: 30px;
	}

	.brand {
		width: 10%;
	}

	header.shrink .brand {
		width: 7%;
	}

	header {
		padding: 2%;
	}

	.nav-left a {
		font-size: 22px;
	}

	.cbp-fbscroller > nav a {
		height: 55px;
	}
	
	.cbp-fbscroller > nav a:after {
		width: 55px;
		height: 55px;
	}

	.scroll-to-top {
		bottom: 70px;
		width: 55px;
	}
}

/* 27 inch iMac ----------- */
@media only screen and (max-width : 2600px) {
}


@media only screen and (max-width : 1650px) {

}

@media only screen and (max-width : 1500px) {

}

@media only screen and (max-width : 1200px) {
	.brand {
		width: 13%;
	}

	.overflow h2 {
		font-size: 16px!important; 
	}
}

@media only screen and (max-width : 1100px) {
	.overflow h2 {
		font-size: 16px!important; 
	}
}

@media only screen and (max-width : 1024px) {
	body {
		font-size: 14px!important;
	}

	blockquote {
		font-size: 14px;
	}

	.activities-content a.btn-more {
		font-size: 14px;
	}

	.table {
		font-size: 14px;
	}

	.blog-home-element {
		font-size: 14px;
	}

	.activities-content p {
		padding: 4% 8%;
		margin: 0;
	}

	.bigger {
		font-size: 15px;
	}

	.modal-body img {
		margin: 0 0 20px 0;
	}

	.mr-3 {
		width: 25%;
	}

	.cbp-fbscroller nav {
		display: none;
	}

	.overflow h2 {
		font-size: 2.8vw!important; 
	}

	.same-height {
		min-height: 150px;

	}

	.participate-content i {
		font-size: 50px; 
    }
    
    .nav-center a {
        font-size: 1.3vw;
        text-align: center;
    }
    
    .article h3 {
        margin: 3% auto!important;
        text-align: center!important;
    }
}

/* iPads (landscape) ----------- */
@media only screen and (max-width : 768px) {
	body {
		font-size: 12px!important;
	}

	blockquote {
		font-size: 12px;
		margin: 5%!important;
	}

	.activities-content a.btn-more {
		font-size: 12px;
    }
    
    .circle-activities {
        width: 25px;
        height: 25px;
        line-height: 25px;
    }

	.table {
		font-size: 12px;
	}

	.blog-home-element {
		margin: 0 auto;
		text-align: center;
		border-bottom: 1px solid #ccc;
		font-size: 12px;
	}

	.video-padding {
		padding: 5% 15%!important;
	}

	.special-height {
		height: 22px;
	}

	.title-promenade-a-l-aube, .title-experts-en-residence, .title-nuit-au-jardin, .title-grandes-discussions {
		padding: 5% 3%;
	}

	.media img {
		display: none;
	}

	.ih-item.circle {
		width: 150px!important;
		height: 150px!important;
		margin: auto;
	}

	.ih-item.circle .img {
		width: 150px!important;
		height: 150px!important;
	}

	.ih-item.circle.effect6 .info p {
		display: none;
	}

	.same-height {
		min-height: 0;
	}

	.activities-content {
		padding: 0 0 5% 0!important;
	}
	
	.hidden_desktop {
		display:block!important;
	}

	.hidden_mobile {
		display: none!important;
	}

	.nav-fixed-top a {
		font-size: 10px;
	}

	.language {
		font-size: 10px!important;
	}

	.logo-eplv {
		right: -6%;
		width: 34%;
	}
	
	.copyright {
		font-size: 8px;
		padding: 3% 1%;
		text-align: center;
	}
	
	#loading-center-absolute {
		right: 45%;
	}

	.modal-body img.modal-logo {
		margin: 8% auto;
	}

	.nav-left a {
		font-size: 2vw;
	}

	.brand {
		right: -6%;
		width: 15%;
	}

	.align-center-mobile {
		text-align: center;
	}

	.overflow h2 {
		font-size: 35px!important;
	}

	#slider-eplv h4.en {
		top: 38%!important;
		left: 46%!important;
		font-size: 7.7vw!important;

	}
	
	#slider-eplv h3.en {
		top: 48%!important;
		left: 50%!important;
	}
	
	#slider-eplv h3, #slider-eplv h3.h3-small {
		top: 25%!important;
		left: 45%!important;
		font-size: 6.5vw!important;
	}
	
	#slider-eplv h2.en {
		top: 16%!important;
		left: 43%!important;
	}
	
	#slider-eplv h2, #slider-eplv h2.h2-small {
		top: 34%!important;
		left: 44%!important;
		font-size: 9.1vw!important;
	}
	
	#slider-eplv h1.en {
		top: 28%!important;
		left: 54%!important;
	}
	
	#slider-eplv h1, #slider-eplv h1.h1-small {
		top: 45%!important;
		left: 58%!important;
		font-size: 10vw!important;
	}

	.intro h5 {
		font-size: 4vw;
		margin: 0.5rem;
	}

	.article h1 {
		font-size: 3vw;
	}
	
	.article h2 {
		font-size: 2.5vw;
	}

	.bigger {
		font-size: 13px;
	}

	.experts-item-content {
		padding: 5% 3% 15% 3%!important;
	}

	#instafeed a img {
		width: 20%;
	}

	.img-thumbnail {
		margin-bottom: 15px;
	}

	.header-symbol {
		width: 29%;
	}

	.experts-item-content {
		border: 1px solid #ccc;
	}

	.title-link {
		min-height: 70px;
		font-size: 4vw;
		font-family: 'Gotham Rounded', sans-serif!important;
    }

    .ih-item.square.effect13 .info h3 {
        margin: 20px 0 0 0!important;
    }

    .ih-item.square.effect13 .info p {
        padding: 0px 20px!important;
    }

    .blog-home-container {
        padding: 0 10px 5% 10px;
    }
    
    .blog-home {
        padding: 10% 0 5% 0;
    }

	.blog-home-element img {
		width: 40%;
		margin: 5%;
	}

	.blog-home h2 {
		text-align: center;
	}

	.blog-home h2 i {
		text-align: center;
		display: block;
        margin-bottom: 10px;
        font-size: 12vw;
	}

	.menu-wrap {
		font-size: 1.5em;
	}

	.nav-language, .btn-medias {
		display: none;
    }
    
    .nav-center a {
        font-size: 2vw;
        text-align: center;
    }
    
    .nav-center {
        right: -10%;
    }

    .copyright a {
        margin: 10px;
        display: block;
    }
}

@media only screen and (max-width : 650px) {
}

/* iPads (landscape) ----------- */
@media only screen and (max-width : 480px) {
	.logo-eplv {
		right: -9%;
    	width: 40%;
	}

	.copyright {
		font-size: 8px;
		padding: 7% 1% 3% 1%;
	}

	.modal-body img.modal-logo {
		height: 33px;
	}

	.btn {
		font-weight: bold!important;
	}

	.brand {
		right: -6%;
		width: 27%;
	}

	.nav-left a {
		font-size: 2.5vw;
	}

	ol, ul {
		padding-left: 10px;
	}

	.overflow h2 {
		font-size: 6vw!important;
	}

	.activities-content-padding {
		margin-bottom: 5%;
	}

	.intro p {
		font-size: 3.5vw;
	}

	.article h1 {
		font-size: 4.5vw;
	}
	
	.article h2 {
		font-size: 3.5vw;
	}

	.btn-inscription {
		text-align: center;
		padding: 0% 0 7%;
	}

	.menu-wrap {
		width: 100%;
	}

	#instafeed a img {
		width: 25%;
	}

	/* Menu */
	.menu-wrap {
		-webkit-transform: translate3d(420px,0,0);
		transform: translate3d(420px,0,0);
	}

	.participate-content i {
		font-size: 12vw;
		margin-bottom: 10%;
	}

	h1 {
		font-size: 5vw!important;
	}

	h2 {
		font-size: 5vw!important;
	}

	h3 {
		font-size: 5vw!important;
	}
}

@media only screen and (max-width : 322px) {
	.nav-fixed a {
		font-size: 4vw;
	}

	.nav-fixed-top {	
        padding: 1% 2% 7% 2%;
	}

	.brand {
		right: -6%;
		width: 27%;
	}

	.nav-left a {
		font-size: 2.5vw;
	}

	.mr-3 {
		display: none;
	}
}
