/**
Stylesheet: media.css
Template Version: 1.0
Cleio Theme Base by cleio.co
For responsive needs.
*/
.vn-fixed-paysnav { position: fixed; margin: 0 auto; z-index: 15; top: 30px; }

/* for 1140px or less */
@media screen and (max-width: 1140px) {
	.wrap,header,#guides-menu article,#lastvideo div iframe{width:95%;margin:0 auto;}
	#content article,#content #archive{float:right;width:70%;margin-left:5%;}
		#videos article,.page-id-5723 #content article{width:100%;float:none;}
	#sidebar{width:25%;}
	/*archives*/
	#archive .header{width:30%;margin-right:0;}
	#archive .text{float:right;width:70%;padding-left:20px;}

	/*article .auteur,article p,#page p,article h4,#page h4,article h5,#page h5,article ul,#page ul,article ol,#page ol,article img,#page img,.bloc-info,#letcomment,#bio,div.aligncenter,img.aligncenter,#page h3,article h3,blockquote,#postsnav .left,#reviewlist #map-container,.cleio-review-gallery,.ratings,.reviewlist-footer,.review-map,.review .attachment-thumbnail{margin-left:0;}
	article h2,#page h2,#post-intro{margin-left:100px;}
	.wp-caption-text{position:relative;left:auto;bottom:auto;width:auto;padding:10px 0;text-align:center;}
	.wp-caption img,div.alignleft img{float:none;}
	div.alignright,img.alignright{float:right;}
	div.alignleft{padding-left:0;}
	#bio p{margin-left:23px;}
	ul#cleio-countrylist-content li{width:19%!important;}
	img#country-header{margin-left:0!important;}
	.page h1{margin:0 auto 45px 0;}
*/
}

/* for 980px or less */
@media screen and (max-width: 980px) {
	#topwrap{background:none;}
	#content article,#content #archive{float:none;width:90%;}
	#sidebar{display:none;}
	#tagline div{text-align:left;}
	section#title h1{margin-top:40px;}
	section#title h2{margin-left:95px;}
	section#title .auteur{margin-left:0;}
	#instagram p{top:47%;}
	/*home*/
	#guide-nomade{background:none;background:#2e8794;}
	#la-une{width:100%;float:none;height:250px;}
	#news{width:100%;float:none;}
	#news ul{-webkit-column-count:2;-moz-column-count:2;column-count:2;}
	/*pages pays*/
	ul#cleio-countrylist-content li{width:25%!important;}
	ul#cleio-countrylist-content li img{width:auto;height:auto;}

}

/* for 890px or less */
@media screen and (max-width: 890px) {
	/*archive pages*/
	#archive .header{width:20%;margin-right:0;}
	#archive .text{width:80%;padding-left:20px;}
	#archive img{width:auto;height:auto;}
	#archive .only-text .text{width:100%;padding-left:15px;}
	/*home*/
	#derniers-articles .col h3{padding:40px 80px 15px 80px;}
	.home .col{width:50%;padding-left:20px;margin-bottom:20px;}
	/*guides*/
	.le-guide{width:100%!important;float:none;}
	.guide-left{margin-right:0;}
	.guide-right{margin-left:0;}
	.guide-col{width:50%;}
}

/* for 800px or less */
@media screen and (max-width: 800px) {
	#tagline{height:50px;}
	#tagline div span.tagmenu{display:block;width:100%;padding-left:0;}
	#comments{width:95%;}
	.yarpp-related li{width:130px;display:inline-block;margin:12px;vertical-align:top;}
	.yarpp-related img{width:130px;height:130px;margin-bottom:10px;}
	.menu-mobile-container{display:block;}
	.menu-main,#menu-item-5955 .sub-menu{display:none;}
	#instagram p{top:35%;}
	/*home*/
	#home-description{width:100%;float:none;padding:20px;}
	#guide-nomade{width:100%;border:0;clear:both;}
	.home #social p{width:100%;margin:0 40px;}
}

/* for 670px or less */
@media screen and (max-width: 670px) {
	h1{font-size:42px;font-site:4.2rem;}
	#openmap{display:none;}
	.yarpp-related li{width:200px;display:inline-block;margin:12px;vertical-align:top;}
	.yarpp-related img{width:200px;height:200px;margin-bottom:10px;}
	#postcta .cols{width:100%;overflow:hidden;margin:20px 0 0 0;}
	#postcta .left{padding-right:0;float:none;width:70%;margin:0 auto 40px auto;}
	#postcta .right{padding-left:0;float:none;}
	#postcta .left p,#postcta .left div{margin-bottom:5px;width:100%;}
	/*pages pays*/
	h1.country-title{margin:0 auto!important;font-size:42px;font-site:4.2rem;}
	h1.country-title div{background:none;padding:30px 0;text-align:center;}
	ul#cleio-countrylist-content li{width:33.3%!important;}
	/* mobile menu*/
	.menu-main,.menu-page ul{display:none;} /*hide screen nav*/
  	.menu-mobile-container{display:inline-block;} /*show mobile nav*/
  	/*home*/
  	#vu-sur,#map-home,.back-to-top{display:none;}
  	#derniers-articles .col h3{padding:40px 40px 15px 40px;}
  	#news ul{-webkit-column-count:1;-moz-column-count:1;column-count:1;}
  	#la-une{height:280px;}
  	.instagram-pics li{width:25%;}
  	#instagram p{top:42.5%;}
  	/*guides*/
  	.guide-col{width:100%;}
  	/*videos*/
	.video{width:100%;}
}

/* for 480px or less */
@media screen and (max-width: 480px) {
	#tagline{height:80px;padding-left:20px;}
	#tagline div span.tagdesc{display:none;padding-top:5px;}
	#tagline div span.tagmenu{padding-top:3px;}
	#tagline ul{position:relative;text-align:left;right:0;top:0;padding-top:5px;font-size:20px;font-size:2rem;}
	h1 div{background:none;display:inline-block;padding:0;}
	.auteur{display:none;}
	#content article,#content #archive{width:95%;margin:0 auto;}
	article h2,#page h2,#post-intro,#captcha{margin-left:0;}
	article p,article h3,article h4,article h5,article ul,article ol,.ratings,.reviewlist-footer{margin-left:0;}
	section#title h2{margin-left:8px;}
	blockquote{margin-right:0;}
	.wp-caption{width:100%;}
	div.aligncenter,img.aligncenter{margin-left:0;}
	#bio{clear:both;overflow:hidden;position:relative;padding-top:40px;}
	#bio img{position:relative;}
	#bio div{float:none;margin-left:0;}
	#bio p{margin-left:0;}
	#postsnav .left,#postsnav .right{width:100%;}
	#postsnav .left{margin-bottom:5px;}
	.cols2{-webkit-column-count:1;-moz-column-count:1;column-count:1;}
	/*archive pages*/
	#archive h2{margin-left:0;}
	#archive .location{padding-top:0;}
	/*country page*/
	#cleio-country-intro img{width:100%!important;float:none;margin-bottom:20px;}
	#cleio-country-intro p{padding-left:0;}
	#cleio-country-map #map-container{display:none;}
	h1.country-title{font-size:32px;font-site:3.2rem;}
	ul#cleio-countrylist-content li{width:100%!important;}
	/*country list*/
	#cleio-countrylist-map{display:none;}
	.cleio-country{width:50%!important;margin:0 0 20px 0!important;}
	/*reviews*/
	#reviewlist #map-container{display:none;}
	.review img.attachment-thumbnail{width:100%!important;height:auto;margin-bottom:20px;}
	.cleio-review-gallery a{width:33.3%;}
	/*home*/
	#derniers-articles{margin-left:0;}
	#derniers-articles .col h3{padding:40px 100px 15px 100px;}
	.home .col{width:100%;padding-left:0;}
}

/* for 450px or less */
@media screen and (max-width: 450px) {
	h1{font-size:32px;font-site:3.2rem;}
	/*archive pages*/
	#archive .header,#archive .header img,#archive .text{width:100%;}
	#archive .text,#archive .only-text .text{padding-left:0;}
	#archive .header img{margin-bottom:20px;}
	#erreur404 #searchform,.search-no-results #searchform{width:100%;}
	/*home*/
	.home-auteur{display:block;float:none;margin:0 auto 20px auto;}
	.home-intro{margin-left:0;padding-top:10px;text-align:center;}
	#derniers-articles .col h3{padding:40px 40px 15px 40px;}
	#instagram p{top:37.5%;}
}