/*
* @Author: boro
* @Date:   2017-09-10 00:48:15
* @Last Modified by:   boro
* @Last Modified time: 2018-02-21 14:55:26
*/

@media(max-width: 1600px){
	body .protection-des-rivera {
	    background-position: 65%!important;
	}
}

@media(max-width: 1400px){
	body .protection-des-rivera {
	    background-position: 73%!important;
	}
}

@media(max-width: 1300px){
	body .fp-slide-text-1{
		font-size: 30px;
		margin-bottom: 10px;
	}

	body .fp-slide-text-2{
		margin-bottom: 30px;
	}

	body .fp-slide-text-2 p{
		font-size: 32px;
		line-height: 35px;
	}

	body .fp-slide-text-3 h4{
		font-size: 16px;
		line-height: 20px;
		font-weight: 500;
		color: #fff!important;
		text-align: right!important;
	}

	body .fp-slide-text-3 p{
		font-size: 12px;
		line-height: 15px;
		font-weight: 300;
		text-align: right!important;
	}

	body .fp-slider-wrapper .slick-dots {
	    left: 70%;
	}
}

@media(max-width: 1200px){
	body .fp-slider-wrapper li.slide-item .slide-item-container {
	    width: 31%;
	}

	body .fp-slider-wrapper .slick-dots {
	    left: 72%;
	}

	body .protection-des-rivera {
	    background-position: 90%!important;
	}
}

@media(max-width: 1140px){
	body #mk-page-introduce,
	body .header-grid.mk-grid .fp-header-inner .fp-left, 
	body .header-grid.mk-grid .fp-header-inner .fp-right,
	body header .mk-classic-menu-wrapper > div:nth-child(1)
	body header .mk-classic-menu-wrapper > div:nth-child(3){
		display: none;
	}
	body header .mk-classic-menu-wrapper > div:nth-child(2){
		width: 100%;
	}

	body .mk-responsive-nav li a br{
		display: none;
	}

	body .fp-slider-wrapper .slick-dots {
	    left: 75%;
	}

	body .fp-slide-text-1 span {
	    font-size: 30px;
	    margin-left: 0px;
	}
	
	body .fp-slide-text-2 p {
	    font-size: 25px;
	}

	body .fp-slide-text-3 h4 {
	    font-size: 15px;
	    line-height: 18px;
	}

	body .fp-slide-text-3 p {
	    font-size: 12px;
	    line-height: 15px;
	}
}

@media(max-width: 1100px){
	
}

@media(max-width: 1024px){
	body .fp-slider-wrapper li.slide-item .slide-item-container{
		width: 80%;
		margin: 0 auto;
		justify-content: center;
	}

	body .fp-slider-wrapper .slick-dots{
		left: 77%;
	}
}

@media(max-width: 991px){
	body .protection-des-rivera .protection-des-rivera-text{
		background-color: rgba(255, 255, 255, 0.7);
	}

	body .protection-des-rivera .protection-des-rivera-text p{
		text-align: center;
	}

	body .fp-slider-wrapper .slick-dots{
		left: 78%;
	}
}

@media(max-width: 960px){

}

@media(max-width: 850px){
	body .tp-bullets{
		top: 100%!important;
		left: 50%!important;
		display: flex;
		justify-content: center;
		align-items: flex-end;
	}
}

@media(max-width: 768px){

	body p{
		font-size: 14px;
	}

	body .col-with-left-bg > .mk-grid > .wpb_column:nth-child(1),
	body .col-with-left-bg > .mk-grid > .wpb_column:nth-child(2),
	body .col-with-left-bg > .mk-grid > .wpb_column:nth-child(3){
		width: 100%;
	}

	body .special-bg-image{
		display: none;
	}

	body #mk-footer .mk-footer-holder{
		margin: 0px;
	}

	body #mk-footer .mk-footer-bg{
		top: 30px;
	}

	body .nos-engagement-inner{
		margin-bottom: 0px;
	}

	body .nos-engagement-inner > .mk-grid{
		background-color: rgba(250, 234, 222, 0.5);
	}

	body .nos-engagement-inner .mk-grid > .wpb_column:last-child{
		padding-left: 0px;
	}

	body .vc_btn3-container{
		text-align: center!important;
	}

	body .theme-page-wrapper .creations-d-emplois-text{
		padding-left: 30px;
		padding-right: 30px;
	}

	body .theme-page-wrapper .creations-d-emplois-text .vc_column_container:first-child p:before,
	body .theme-page-wrapper .creations-d-emplois-text .vc_column_container:last-child p:after{
		display: none;
	}

	body .theme-page-wrapper .creations-d-emplois-text .vc_column_container:first-child p,
	body .theme-page-wrapper .creations-d-emplois-text .vc_column_container:last-child p{
		padding: 0px;
	}

	body .fp-slider-wrapper .slick-prev,
	body .fp-slider-wrapper .slick-next{
		display: none!important;
	}

	body .fp-slider-wrapper .slick-dots {
	    right: 0px;
	    left: 0px;
	    top: 100%;
	}
}

@media(max-width: 600px){

	body .header-style-2 .header-logo a img{
		max-width: 180px;
	}

	body #mk-footer .mk-footer-holder{
		display: block;
	}

	body #mk-footer .mk-footer-bg{
		top: 90px;
	}

}

@media(max-width: 500px){
	
}