@media (max-width: 1365px) { 

	/*header*/
	header .main-menu-flex ul li {
		margin-left: 15px;
	}

	header .socials {
		margin-left: 25px;
	}
	

}



@media (max-width: 1200px) { 

	/*header*/
	header .menu-hamb {
		display: flex;
	    align-items: center;
	    font-weight: bold;
	    font-size: 17px;
	    cursor: pointer;
	}

	header .main-menu {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh;
		overflow: auto;
		background: white;
		z-index: 99999999;
		display: none;
	}	

	header .main-menu-flex ul {
		flex-direction: column;
	}

	header .main-menu-flex ul li {
		margin-left: 0;
		margin: 10px 0;
	}

	header .menu-header-menu-container {width: 100%;}

	header .close-main-menu {
		display: block;
		position: absolute;
		top: 20px;
		right: 20px;
		color: var(--dark);
		cursor: pointer;
	}




    /*mordu*/

    .contact-mordu .container .right {
    	display: none;
    }

    .contact-mordu .container .left {
    	flex-direction: column;
    	align-items: center;
    	padding: 0;
    }

    .contact-mordu .container .left .text {
	    margin-right: 0;
	    width: 100%;
	    text-align: center;
	    margin-bottom: 27px;
	}

	.contact-mordu {
		padding: 46px 0 40px 0;
	}


}





@media (max-width: 991px) { 


	/* hp intro*/
	.hp-intro .container {text-align: center;}
	.hp-intro .cnt p {margin:0 auto;}
	.hp-intro {padding: 130px 0}


	/*about us*/
	.hp-camping-flex {
		flex-direction: column;
	}
	.hp-camping-flex .right {
		margin-left: 0;
		text-align: center;

	}
	.hp-camping-flex .left {
		width: 100%;
		order:2;
		margin-top: 56px;
		position: relative;
		padding-bottom: 64px;
	}

	.hp-camping-flex .left img {
		margin:0 auto;
		position: relative;
		z-index: 2;
	}

	.hp-camping:before {
		display: none;
	}

	.hp-camping-flex .left::before {
	    content: '';
	    background: url(../images/pattern.jpg);
	    width: 50%;
	    height: calc(100% + 25px);
	    position: absolute;
	    left: -15px;
	    top: -25px;
	    z-index: 1;
	}

	.hp-camping-flex .left img {
		max-width: 368px;
	}

	.hp-camping {
		padding-bottom: 0;
	}

	.hp-camping-flex .cnt {padding-top: 0;}



	/* tarifs */

	.tarifs {padding: 0;}

	.tarifs-flex {
		flex-direction: column;
	}
	.tarifs .container {padding: 0;}

	.tarifs-flex .left {
		padding-right: 0;
		background: url(../images/greenpattern.jpg) no-repeat;
		background-size: cover;
		padding: 85px 15px;
		text-align: center;
	}

	.tarifs-flex .right {
		background: url(../images/trees.jpg) no-repeat;
		background-size: cover;
		padding: 0 15px;
		padding-bottom: 87px;
		position: relative;
	}
    
    .tarifs-flex>div {
    	width: 100%;
    }

    .tarifs .backgrounds {
    	display: none;
    }

    .tarifs-flex .right .cnt {
    	width: 100%;
    	left:0;
    	top: -40px;
    	text-align: center;
    	padding: 65px 15px;
    	position: relative;
    	z-index: 10;
    }

    .tarifs-flex .right .cta {
    	text-align: center;
    	margin-top: 0;
    	position: relative;
    	z-index: 10;
    }




    .tarifs-flex .right:after {
	    content: '';
	    background: #0c5f81;
	    position: absolute;
	    left: 0;
	    top: 0;
	    width: 100%;
	    height: 100%;
	    opacity: .9;
	    mix-blend-mode: multiply;
	}


    /* FAQS */

    .faqs-wrapper .left-side-image {
    	display: none;
    }

    .faqs-wrapper .faqs {
    	width: 100%;
    	padding-left: 0;
    }

    .faqs > h2 {
    	text-align: center;
    }


    /* CONTACT FORM & RESERTVE */

    .reserve-contact-flex {
    	flex-direction: column;
    }

    .reserve-contact-flex>div {
    	width: 100%;
    	padding: 60px 40px;
    }


    .gallery-slider {
    	padding: 0 40px;
    }


    .gallery {
    	padding: 65px 0 69px 0;
    }

    /* MAP */



    .map-info {
    	position: relative;
    	display: flex;
   		flex-direction: column;
    }
    .map-info .map {
    	width: 100%;
    	height: auto;
    	object-fit: contain;
    	position: initial;
    	order:2;
    }

    .map-info .map img {object-fit: contain;}

    .map-info .cnt {
    	padding: 65px 0;
    	width: 100%;
	    text-align: center;
    }






}



@media (max-width: 600px) {

	header .logo {
	    height: calc(100% + 25px);
	    top: 0;
	}

	header .top-menu-links ul li {
		margin-left: 20px;
	}

}


@media (max-width: 480px) {

	.faq-item .question {flex-direction: column;}
	.faq-item .question p {margin-bottom: 5px;}
	.faq-item .answer {
		padding-right: 0;
		text-align: center;
	}



	.reserve-contact-flex>div {
		padding: 50px 20px;
	}



	.gallery-1 .gallery-slider {
		padding: 0;
	}

	.gallery-1 .gallery-slider arrow {
		top: unset;
	    bottom: -50px;
	    transform: none;
	}

	.gallery-1 .gallery-slider .gallery-slider-next {right: 0;}
	.gallery-1 .gallery-slider .gallery-slider-prev {left: 0;}





	/* mobile fonts / paddings changes */

	.hp-intro .cnt p {
		font-size: 16px;
		line-height: 22px;
		letter-spacing: -0.19px;
	}


	.hp-intro {
		padding: 67px 0 80px 0;
	}


	.hp-camping {
		padding: 0;
		padding-top: 37px;
	}

	.hp-camping-flex .left:before {
		width: calc(100% + 30px);
	}
	.hp-camping-flex .left {
		padding-bottom: 20px;
	}

	.hp-camping-flex .left img {max-width: 100%;}


	.infos-camping .cnt p {
		font-size: 14px;
		line-height: 18px;
	}

	.infos-camping .dec {
		font-size: 20px;
		line-height: 26px;
	}

	.tarifs-flex .left p, .tarifs-flex .right .cnt p {
		font-size: 16px;
		line-height: 26px;
	}

	.tarifs-flex .left h2 {
		font-size: 28px;
		line-height: 40px;
		letter-spacing: 1.4px;
	}



	.tarifs-flex .right .cnt {
		border:none;
		top: 0;
		padding: 0;
	}

	.tarifs-flex .right {
		padding: 56px 15px;
	}

	.tarifs-flex .right .cta {margin-top: 54px}

	.tarifs-flex .right .cnt h2 {
		font-size: 24px;
		line-height: 32px;
		margin-bottom: 44px;
		font-weight: 400;
	}	



	.dates {
		padding: 35px 0;
		background-position: top;
	}

	.dates h2 {
		font-size: 26px;
		line-height: 32px;
		font-weight: 400;
	}

	.dates p {
		font-size: 22px;
		line-height: 26px;
	}


	.copyright-flex {
		flex-direction: column;
	}
	.copyright-flex>p {margin-bottom: 15px;}




	header .top-menu-links ul li {
		margin-left: 10px;
	}

	header .top-menu-links ul li a {
		font-size: 11px;
		font-weight: 600;
	}

	header .main-menu-flex {padding: 15px 0;}



	#reglements-desc {font-size: 22px;}




	.reserve_new h3 {
		font-size: 20px;
		line-height: 24px;
	}

	.reserve_new p {
		font-size: 16px;
		line-height: 20px;
	}

	.reserve_new p a {display: block;}

}