/* === DESKTOP FIRST === */

/* xl <= Extra extra large (xxl) */
@media (max-width : 1400px) {

}

/* lg <= Extra large (xl) */
@media (max-width : 1200px) {

}

/* md <= Large (lg) */
@media (max-width : 992px) {
	.ul1 li{
		font-size: 20px;
	}
	.mobile-menu-1{
		display: none;
	}
	.new-soc ul li a{
		color: var(--accent);
		font-size: 20px;
	}
	.new-soc ul{
		padding: 0;
	}
	.new-soc ul li{
		margin-right: 8px;
	}
	.mobile-menu-1 .new-menu-nav-1{
		display: none;
	}
	.welcome-content{
		margin-top: 10%;
	}
	.au-coeur{
		font-size: 29px;
		text-shadow: 1px 1px 1px #fff;
	}
	.h1{
		font-size: 20px;
	}
	.welcome-content-all{
		margin-top: 10%;
	}
	.h1-all{
		font-size: 30px;
		text-shadow: 1px 1px 1px #fff;
	}
	.p_content{
		font-size: 20px;
	}
	.p_content a{
		font-size: 20px;
	}
	.contacts a{
		font-size: 18px;
		padding-left: 25px;
	}

	.logo-footer{
		display: none;
	}
	.m-footer{
		display: none;
	}
	.list{
		display: none;
	}
}

/* sm <= Medium (md) */
@media (max-width : 768px) {
	.ul1 li{
		font-size: 15px;
		margin-left: 5px;
		
	}
	.ul1 li a:hover{
		color: #fff;
		
	}

	.new-soc ul li a{
		color: var(--accent);
		font-size: 15px;
	}

	.new-soc ul li{
		margin-right: 5px;
	}
	.mobile-menu-1 .new-menu-nav-1{
		display: none;
	}
	
	.welcome-content{
		margin-top: 7%;
	}
	.au-coeur{
		font-size: 22px;
		text-shadow: 0px 1px 0px #fff;
	}
	.h1{
		font-size: 15px;
	}
	.welcome-content-all{
		margin-top: 10%;
	}
	.h1-all{
		font-size: 20px;
		text-shadow: 0px 1px 0px #fff;
	}
	.p_content{
		font-size: 15px;
	}
	.p_content a{
		font-size: 15px;
	}
	.contacts a{
		font-size: 13px;
		padding-left: 15px;
	}
	.portret img{
		margin: auto;
	}
	.prog-jpj .fermer {
		display: none;
	}

}

/* xs <= Small (sm) */
@media (max-width : 576px) {
	.new-menu-nav{
		display: none;
	}
	
	.mobile-menu-button, .mobile-menu-button-1 {
		display: block;
		width: 100%;
		margin: auto;
		z-index: 10000;
	}

	.mobile-menu{
		display: block;
		width: 100%;
		z-index: 100000;
	}
	.mobile-menu-1 .new-menu-nav-1{
		display: block;
		z-index: 1000000;
	}
	.mobile-menu-1 .new-menu-nav-1 .ul1{
		display: block;
		position: absolute;
		background-color: var(--blue);
		text-align: center;
		width: 100%;
		padding: 0;
		z-index: 1000000;
	}

	.mobile-menu-1 .new-menu-nav-1 .ul1 li{
		text-shadow: none;
	}
	.mobile-menu-1 .new-menu-nav-1 .ul2{
		position: relative;
		text-align: left;
		margin-left: 40%;
	}
	.mobile-menu-1 .new-menu-nav-1 .ul2 li{
		list-style-type: disc;
		margin: 0;
		text-shadow: none;
	}
	
	.new-header-social{
		position: relative;
		display: flex;
	}
	.new-soc{
		right: 0;
		position: absolute;
	}
	.slider-swiper{
		display: none;
	}
	.contacts a{
		display: block;
	}

	.cont-trek .col-md-6 {
    text-align: center;
  }
	.cont-trek .col-md-6 .circuit img {
   display: inline-block;
	 float: none;
  }

	.cont-trek .col-md-6 .circuit .h3 {
    display: inline-block;
		margin: 0;
	}
	.cont-trek .col-md-6 .circuit .h4 {
    display: inline-block;
		margin-left: 5px;
	}
	.mfp-close-btn-in .mfp-close {
    display: none;
  }
}


/* === MOBILE FIRST === */

/* Custom (xs) */
@media (min-width : 0) {

}

/* Small (sm) */
@media (min-width : 576px) {

}

/* Medium (md) */
@media (min-width : 768px) {

}

/* Large (lg) */
@media (min-width : 992px) {

}

/* Extra large (xl) */
@media (min-width : 1200px) {
	.text {
		font-size: 18px;
	}
}

/* Extra extra large (xxl) */
@media (min-width : 1400px) {
	.text {
		font-size: 22px;
	}
}