@media screen and (max-width: 1400px) {
	#xlogo a img{
		max-width: 200px;
	}
	.head-info .isorens img{
		max-width: 130px!important;
	}
	.isorens p{
		padding: 10px;
		font-size: 13px;
		top: 0;
	}
}
@media screen and (max-width: 1280px) {
	#xfooter img {max-width: 180px;}
	.sectionsbloc{
		display: flex!important;
	}
	#xlogo a img{
		max-width: 180px;
	}
	
	
}
@media screen and (max-width: 1024px) {
	.isorens p {
    top: -40px;
}
	
	.isorens-site{
		justify-content: center;
	}
	#xfooter{
		text-align: center;
	}
	#xfooter strong {
		padding-left: 0 !important;
		background: none;
		margin:2em 0;
	}
.head-info .isorens img {
	max-width: 120px!important;
}
	.home-row{
		display: block;
	}
	#navig{
		width: 100%;
		height: 100%;
		margin: auto;
	}

	#singlepage .slideparent .blocthumb {
		display: none !important;
	}

	.navigmenu .navbloctitle{
		display: none !important;
	}

	#singlepage #xpagechild li{
		margin-bottom: 0 !important;
	}
	.ckmenu-toogle{
		margin: auto;
		border-radius: 50%;
		box-sizing: border-box;
		transition:300ms all;
	}

	.navigtoogle.menuprimary:nth-child(2), .navigtoogle.menuprimary:last-child {border-radius: 0 !important;}

	#xlogo a img {max-width: 150px;margin: 1em 0;height:  auto;}
	#singlepage .ck_singlepage_content a.title_lk span.subtitle {font-size: 40px; }

	.navigmenu .navigtoogle .naviglink.lvl-0.traitfat::before{
		content:none;
	}
	#flags{
		justify-content: center;
	}

}
@media screen and (max-width: 570px) {
	#singlepage .ck_singlepage_content a.title_lk span.subtitle {font-size: 25px; }
}
@media screen and (max-width: 400px) {
	#singlepage .ck_singlepage_content a.title_lk span.subtitle {display: none; }
	#singlepage .tc_content{display: none !important;}
	.gallery.gallery-columns-4 .gallery-item {width: 95% !important;}
}

@media screen and (max-width: 720px) {
	h1{font-size: 2em !important;line-height: 120% !important;}
	h2{font-size: 1.8em !important;text-align: center;}
	h3{font-size: 1.5em !important;}
	h4{font-size: 1em !important;}
	h5{font-size: 0.9em !important;}
	h6{font-size: 0.8em !important;}

	.contentckslidergallery{width: 170px;right: 2em;padding: 30px 7px;}
	.blockslidecontent .gallery .gallery-item .gallery-icon a img{max-width: 70px;}
	.blockslidecontent .gallery .gallery-item{margin-bottom: 5px !important;}

	.sectionsbloc img{
		max-width: 100%;
	}
	.entry-summary{
		width: 90%;
		margin: 20px 5%;
	}

	/*** CUSTOM ***/
	#xfooter .footer-menu {display: block; }
}


@media screen and (max-width: 768px) {
	.sectionsbloc {
    display: block!important;
}
	.sectionsbloc .thumbsections{
		max-width: 600px;
	}
	.isorens-site{
		flex-direction:  column;
		align-items: center;
	}
	.isorens{
		margin-top: 50px;
	}
	.woocommerce ul.products{
		justify-content: center;
	}
	.slog::after{
		content:none;
	}
	.slogan-content #slogan-sub{
		font-size:3em;
	}
	
	#xlogo{
		width:auto;
	}
	.img_description h2{
		font-size:1.5em !important;
	}
	#xsections {
		padding: 0 !important;
		margin:0;
	}
	.sectionsbloc .thumbsections .blocthumb {
		text-align: center;
	}
	.sectionsbloc .thumbsections{
		margin: 0 auto !important;
	}
	.sectionsbloc.odd .contentsections {
		left: 0;
	}
	.sectionsbloc.even .contentsections {
		right: 0;
	}
	#xtext h1{
		text-align: center;
	}

	.titleckslider a{
		font-size: 2em !important;
		line-height: 1.2em;
		padding:20px;
		text-align: center;
	}
	.r-header{
		display: none;
	}
	#xactu{
		padding:0;
	}
	.home-img{
		min-height: 30vh;
		background-position:top;
	}
	article.hasthumb .imgUne {
		float: none !important;
		margin: auto;
		display: block;
	}
	article.hasthumb h1 {
		text-align: center !important;
		display: block !important;
		top: 0 !important;
		left: 0 !important;
		position: relative !important;
	}
	.gallery.gallery-columns-4 .gallery-item {
		width: 100% !important;
	}
	.page h1 {padding: 20px !important;}
	.slogan-content #slogantitle{
		text-align: center;
	}
	.contact-bloc{
		display: block !important;
	}
	.adresse-contact{
		max-width: 170px;
		display:  block;
	}
}




@media screen and (max-width: 480px) {

	.contentckslidertext{margin: 0;display: none;}
	.contentckslidergallery{position: relative;width: 100%;top: 0;right: 0;padding: 0;background: none;height: initial;}
	.nextckslider a, .nextckslider a:hover{
		display: block;
	}
	#calltoaction strong{
		font-size: 1.4em;
		line-height:  1.1;
	}

}

@media screen and (max-width: 768px) and (min-width: 480px){
	.btn-cta{
		display:block;
	}
	.titleckslider{
		text-align: center;
	}
}

@media screen and (max-width:768px){
	#xheader{
		display: block;
		min-height: auto;
	}
	.bloc-youtube,.bloc-contact{
	  padding: 1em;
	}
	.custom-row{
		display: block;
	}
	#presta-title{
		font-size:1.8em;
		background-image:url(../images/icons/arrowdown.svg);
		background-size:30px;
		background-position:right 20px center;
	}
	.home #xprestations .listpageul li{
		flex-basis:100%;
		max-width:100%;
	}
	.slog-cta{
		display: block;
	}
	.footer-img{
		max-width: 200px;
		left:50%;
		transform: translateX(-50%);
	}
	.blockslidecontent{
		max-width:100%;
		align-items:center;
		margin:2em;
		padding: 40px;
		clip-path:none;
	}
	.header-visu{
		padding: 0;
		justify-content: center;
	}
	ul.footer-menu li{
		margin-bottom:20px;
		display:  block;
	}
	.img_description{
		flex-basis:100% !important;
		max-width:100% !important;
	}
	.nohome article.hasthumb h1{
		margin-top:0 !important;
		color: #fff;
		text-shadow: 0 0;
	}
	.contact-wrap{
		max-width: 100%;
		margin-left: 0;
		text-align:  center;
	}
	.form_contact{
		margin:0;
	}
	
	.sectionsbloc{
		display:block;
		padding:0 !important;
	}
	.sectionsbloc .contentsections{
		padding:1.5em !important;
		max-width: 100%;
	}
	.sectionsbloc .contentsections a.button{
		float:none;
		text-align: center;
		align-self: center;
	}

	.sectionsbloc .thumbsections,.sectionsbloc .contentsections{
		width:100%;
		margin: 0;
	}
	.sectionsbloc h2{
		text-align: center;
	}
	#xprestations{
		flex-direction:  column;
	}
	#xprestations .liresuite{
		text-align: center;
	}
	.nohome #xprestations *{
		text-align: center;
	}
	#arrow-ck{
		display: none;
	}
	.slogan-content{
		border:0px;
		margin:0 auto;
		max-width:  100%;
		padding: 2em;
		text-align: center;
		position: relative;
		right: 0;
		bottom:0;
	}
	.slogan-content .button{
		display:block;
		text-align: center;
		margin: 1.5em auto;
		max-width: 200px;
	}
	.slogan-btn{
		text-align: center;
	}
	.slogan-content::before{
		content:none;
	}


}
@media screen and (max-width:1024px){
	.footer-nav{
		display: block;
	}
	#xcontact{
		background:none;
	}
	.row{
		display: block;
	}
	#xnav{
		position: absolute;
		top:0;
		left:0;
		margin: 0;
	}
	.thumbtitle{
		margin: 0;
	}
	#xinfocontact{
		margin:0;
	}
	.navigmenu .navigtoogle {
		margin:0;
	}
	.adressehead p{
		padding-left: 23px;
	}
	.home #xprestations::before,	.nohome #xcontent::before{
		content:none;
	}
	.navigmenu .naviglink.lvl-1{
		color: #555;
		text-shadow: 0 0;
	}
	.adressehead p, .head-info span{
		color:#777;
	}
	/* ------------------------- */
	/* INFO SLIDE */
	/* ------------------------- */

	.head-info{
	  opacity: 0;
	  visibility: hidden;
	  position:  fixed;
	  right: 0;
	  top: 0;
	  z-index: 99999;
	  max-width: 320px;
	  height: 100vh;
	  transform: translateX(100%);
	  transition: 750ms all ease-in-out;
	  border-left: 1px solid rgba(143, 54, 120, 0.1);
	}
	#info-close{
		border:2px solid rgba(238, 238, 238, 0.2);
	  padding: 1em;
	  color:#e22426;
	  text-transform: uppercase;
	  display: block;
	  font-size: 20px;
	  cursor:pointer;
	  transition:250ms background ease-in-out;
	  width:20px;
	  height:20px;
	  font-family: sans-serif;
	}
	#xheader .visu-menu{
		flex-direction: column;
		background: none;
		height: inherit;
	}

}
@media screen and (min-width:768px){
	.nohome article.hasthumb h1{
		font-size: 2em;
	}
	.article_content h1{
		margin: 10px 40px;
	}
}

@media screen and (max-width:480px){

	.sectionsbloc h2{
		text-align: center;
		font-size: 1.8em !important;
	}

	#xprestations .tc_excerpt{
		width: 100%;
	}

	.nohome #xprestations .liresuite a{
		position: static;
		max-width:  100%;
		font-size: 13px;
	}
	.gallery.gallery-columns-3 .gallery-item{
		width: 100%;
	}
}

@media screen and (max-width:1024px){
	.ckmenu{
		height:100%;
		width: 100%;
		z-index: 99999;
	}
	.ckinfo-nav{
		background: none;
		display:  block;
		transition:  800ms all ease-in-out;
		padding:  0;
	}
	.navigmenu .navdown{
		background: none;
		padding-left:1.5em;
		width:  100%;
	}
	#info-toogle{
		display: block;
		background-image:  url(../images/icons/info.svg);
		background-size: 40px;
		background-repeat:  no-repeat;
		background-position:  center;
		height: 75px;
		width: 75px;
		cursor:  pointer;
		position: absolute;
		top:0;
		right:0;
		z-index: 2;
	}
	.head-info{
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
		border-bottom: 0;
		background: #f8f8f8;
		padding: 0;
	}

	.ckmenu{
		height:100%;
		width: 100%;
		z-index: 99999;
	}


	#xheader .tellink{
		text-align: left;
		/*margin: 0 auto;*/
		float: none;
		margin-left: 2em;
	}
	.adressehead, #horaires, .sociblock{
		margin: 10px 0 10px 2em;
	}
	.tellink a{
		color: #777;
	}
	.sociblock a svg{
		fill:  #777;
	}
	.menu-slide .share-buttons{
		padding: 0;
	}
	.slogan-content .tellink{
		text-align: center !important;
		max-width: 200px;
	}
	.navigmenu .navdown{
		background: none;
		padding-left:1.5em;
		width:  100%;
	}
	.navigmenu .navdown::before{
	content:none;
	}
}

@media screen and (max-width:768px) {
	
}
@media screen and (min-width:768px) and (max-width:1024px){
	.home #xprestations .listpageul li{
		flex-basis:50%;
		max-width: 50%;
	}
	.slogan-content{
		text-align: center;
		margin:12em auto;
	}
	.slog-cta{
		justify-content: center;
	}
}
