/* Media Queries
-------------------------------------------------------------- */
@media only screen and ( min-width: 991px) {
	#follow-scroll
{
	width: 500px;
	
	position:absolute;
	top: 0;
	left:5%;
	z-index:0;

	}

}
@media only screen and (max-width: 1366px) {
	#img_crayon{
	width:50%;
	height:auto;
position: absolute;
margin-top:1%;
left:70%;
	z-index:0;
}
#gomme
{width:50%;
	position:absolute;
	margin-top:8%;
	top:8%;
	left:70%;
	z-index:0;
	/*background: url(../img/illustrations/vinyl-groupe.png) no-repeat left 100%;*/
}
	
}

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

#gomme
{width:35%;
left:75%;
	
	}
}

@media only screen and (max-width: 500px) {
	
	#img_crayon{
		width:100%;
		position: absolute;
		margin-top:1%;
		left:70%;
		z-index:0;
	}

	
	#gomme
	{
	width:50%;
	position:absolute;
	margin-top:8%;
	top:5%;
	left:70%;
	z-index:0;
	/*background: url(../img/illustrations/vinyl-groupe.png) no-repeat left 100%;*/
	}
	
	.FontSpeTitre  {
    	font-size:180%;
	}
	
}

/* Smaller than standard 1200 */
@media only screen and (max-width: 1199px) {
	.flat-information .flat-information-wrap {
		padding: 30px;
		webkit-column-count: 1;
	    -moz-column-count: 1;
	    column-count: 1;
	}
	
	h3 { font-size: 30px;}
	
		.flat-newsletter-form .input-wrap-container .input-wrap {
		width: 70%;
	}
}

/* Smaller than standard 992 */
@media only screen and (max-width: 991px) {
	.btn-menu {
		display: block ;
	}

	.flat-information .flat-information-wrap {
		padding: 40px 15px 30px 15px;
	}

	.featured-images-in-header .header {
		position: relative;
	}

	.featured-images-in-header .header:hover {
		background-color: transparent;
	}

	.featured-images-in-header .page-title,
	.page-title-heading,
	.page-title.parallax7 {
		background-position: 100% !important;
		background-size: 100% auto !important;
    	background-position: 0 0 !important;
    	background-attachment: scroll !important;
	}

	.page-title .page-title-heading {
		width: 100%;
	}	

	.project-single.project-content-right {
		padding-top: 40px;
	}

	.blog .entry .feature-post {
		margin-left: 0;
		position: relative;
	}

	.blog .entry .entry-date {
		position: absolute;
		left: 15px;
		top: 15px;
	}

	.blog .entry .main-post {
		margin-left: 20px;		
	}

	.sidebar .widget {
		margin-bottom: 80px;
		position: relative;
	}

	.featured-images-in-header .menu-extra li > a {
		color: #333;
	}

	.switcher-container a.sw-click {
		display: none;
	}

	.page-title .page-title-heading {
	    padding: 0 10px;
	}

	.page-title .page-title-heading h1 {
	    font-size: 48px;
	    padding-top: 20px
	}

	.flat-about .page-title .page-title-heading h1 {
		padding-top: 60px
	}

	h3 { font-size: 35px;}

	.header .header-wrap .logo {
	    position: static;
	}

	.blog.sidebar-right .sidebar {
	     padding-left: 0; 
	}

	.blog.sidebar-left .sidebar {
	     padding-right: 0; 
	}

	.blog.blog-single.without-sidebar .post-wrap {
    	width: 100%;
	}
	
	.blog.blog-single.without-sidebar .post-wrap .entry .entry-content img.alignnone {
	    margin: 0;
	    width: 100%;
	}

	.three-columns .entry {
		width: 50%;
	}

	.four-columns .entry {
		width: 50%;
	}

	.five-columns .entry {
		width: 50%;
	}

	.shop-detail .summary {
	     margin-left:0; 
	}
	.shop-detail .images-shop-detail {
	    margin-right: 0;
	}

	.flat-divider.d100px {
		height: 60px;
	}

	.flat-divider.d50px {
		height: 25px;
	}

	.featured-images-in-header .page-title {
	    padding-top: 100px;
	    margin-bottom: 30px;
	}

	.page-title {
	    padding-bottom: 60px;
	}

	.sidebar .widget {
	    margin-bottom: 50px;
	}

	.woocommerce-content-top {
	    text-align: left;
	}

	.shop-detail .summary {
		padding: 0 15px;
	}
	
	.shop-detail .images-shop-detail-wrap{
		margin-left: -15px;
		margin-right: -15px;
	}

	/*.flat-row {
		padding: 60px 0 !important;
	}*/

	.about-gallery .about-gallery-wrap .img-box-gallery {
		width: 16.111111%;
	}
	
	.flat-client .img-box-client {
		margin:20px 20px;
	    max-width: 32.666667%;
	}
	.flat-client a{
		font-size: 50%;
	}

	#mainnav-mobi {
		display: none;
	}
	.bureau .post-wrap{
		width: 90%;
	}
	.bureau .post-wrap .entry .entry-content img.alignnone{
		margin:15px 0 15px 0;
	}
	.entry-wrapper{
		margin-bottom: 30px;
	}
	.flat-row.contact{
		padding:20px 0 20px 0 !important;
		margin-bottom: 30px;
	}
	.googlemaps{
		height: 400px;
	}
	.send-wrap{
	padding-right: 15px
	}
		.flat-footer .footer-content .container .row .col-md-2 img{
	width: 130px;
	height: auto;
	}


}

/* Tablet Landscape */
 @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {

}

/* Tablet Portrait Size */
@media only screen and (min-width: 768px) and (max-width: 991px) {
	
}

/* All Mobile Sizes */
@media only screen and (max-width: 767px) {
	
	.flat-row {
		padding: 40px 0 !important;
	}

	.project-single .project-content,
	.comment-respond .comment-infor,
	.flat-contact-form .input-wrap-container .input-wrap {
		width: 100%;
	}

	.comment-respond .comment-infor,
	.flat-contact-form .input-wrap-container .input-wrap {
		float: none;
	}

	.comment-respond .comment-infor {
		margin-right: 0;
	}

	.comment-respond .comment-infor {
		padding-right: 0;
	}

	.tp-banner-container .tp-caption.sfr.flat-box_slide.start {
	    display: none;
	}

	.flat-about .page-title .page-title-heading h1 {
		padding-top: 40px
	}

	.about-ericchavet .ericchavet-content {
	    padding-top: 20px;
	    webkit-column-count: 1;
	    -moz-column-count: 1;
	    column-count: 1;
	    -webkit-column-gap: 0;
	    -moz-column-gap: 0;
	    column-gap: 0;
	}

	.flat-client .img-box-client {
		margin: 20px 20px;
	    max-width: 32.666667%;
	}
	.flat-client a{
		font-size: 70%;
	}
	.bureau .post-wrap{
		width: 90%;
	}
	.bureau .post-wrap .entry .entry-content img.alignnone{
		margin:15px 0 15px 0;
	}
	.entry-wrapper{
		margin-bottom: 30px;
	}
	.flat-row.contact{
		padding:20px 0 20px 0 !important;
		margin-bottom: 30px;
	}
	.googlemaps{
		height: 400px;
	}
	.send-wrap{
	padding-right: 15px
	}
		.flat-footer .footer-content .container .row .col-md-2 img{
	width: 130px;
	height: auto;
	}



}

@media only screen and (max-width: 640px) {
	.widget_instagram .instagram-thumb ul.thumbnails.jr_col_3 li {
	    width: 47.5% ;
	}

	.two-columns .entry {
		width: 100%;
	}

	.three-columns .entry {
		width: 100%;
	}

	.four-columns .entry {
		width: 100%;
	}

	.five-columns .entry {
		width: 100%;
	}

	.tp-banner-container .tp-banner .caption_slider { 
		position: relative;
		visibility: hidden !important;
	}

	.flat-divider.d100px {
		height: 30px;
	}

	.flat-divider.d50px {
		height: 15px;
	}

	.project-single .project-gallery-list .project-item.w2{
		width: 100%
	}

	.featured-images-in-header .page-title {
	    padding-top: 30px;
	    margin-bottom: 15px;
	}

	.page-title {
	    padding-bottom: 30px;
	}	

	.blog .entry {
	     margin-bottom: 0; 
	}

	.shop-detail .summary {
		width: 100%;
		float: left;
		padding: 0 10px;
	}

	.shop-detail .images-shop-detail-wrap{
		margin-left: -10px;
		margin-right: -10px;
	}

	.flat-about .page-title .page-title-heading h1 {
		padding-top: 30px
	}
	
}

@media only screen and (max-width: 568px) {
	.page-title .page-title-heading h1 {
	    font-size: 35px;
	    padding-top: 10px;
	}

	.flat-divider.d100px {
		height: 20px;
	}

	.flat-divider.d50px {
		height: 10px;
	}

	.featured-images-in-header .page-title {
	    padding-top: 10px;
	    margin-bottom: 10px;
	}

	.page-title {
		padding-top: 40px;
	    padding-bottom: 30px;
	}
	
	.blog .entry {
	     margin-bottom: 0; 
	}

	.flat-about .page-title .page-title-heading h1 {
		padding-top: 10px
	}

	.flat-row {
		padding: 30px 0 !important;
	}

	.about-gallery .about-gallery-wrap .img-box-gallery {
		width: 33.111111%;
	}

	.flat-client .img-box-client {
	    max-width: 79h3
	    .666667%;
	}
	
	.page-title.style1 .breadcrumbs ul li.active span.FontSpe {
	font-size: 150%;
	letter-spacing: 1px;
	}
	.bureau .post-wrap .entry .entry-title{
		font-size: 28px;
		margin : 10px 0 10px 0;
	}
	.bureau .post-wrap{
		width: 95%;
	}
	.bureau .post-wrap .entry .entry-content img.alignnone{
		margin:10px 0 10px 0;
	}
	.bureau .post-wrap .entry .entry2col-content{
	padding-top: 10px;
	webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
	}
	.controlnav-folio.show .project-filter{
		margin: 15px 0;
		font-size:85%;
	}
	.flat-row.about-gallery{
		margin-bottom: 40px;
	}
	.flat-row.contact{
		margin-bottom: 30px;
	}
	.googlemaps{
		height: 600px;
	}
	.send-wrap{
	padding-right: 5px
	}
	.flat-footer .footer-content .container .row .col-md-2 img{
	width: 100px;
	height: auto;
	}
	.flat-footer .footer-content h1 {
	font-size:15px;
	font-family: "Tex Gyre Adventor-bold" ,bold ,sans-serif;
	/*font-weight: 700;*/
	font-style: normal;
	line-height: 1.2;
	margin:0;
	}
	.flat-footer .footer-content .social-links {
    margin: 10px 0 18px 0;
	}
	.flat-footer .footer-content .social-links a{
		margin:0 2px;
	}
	.flat-footer .footer-content .social-links a i {
    font-size: 32px;
	}
	.flat-newsletter-form .input-wrap-container .input-wrap{
		width: 100%;
		padding: 0 ;
	}
	.flat-footer .footer-content .send-wrap {
		float: right;
		width: 100%;
		padding: 0 !important;
	}
	.flat-footer .footer-content .flat-newsletter-form .send-wrap input.submit{
		width: 100%;
		height: 30px;
		line-height: 28px;
	}
	.flat-footer .footer-content .copyright  {
    text-align: center;
    margin:15px 0 10px 0;
    font-size: 80%;
    width:100%;
	}
	.flat-footer .footer-content .copyright span{
		margin: 2px 2px;
	}
	.flat-footer .footer-content .copyright .nom_footer, .adresse_footer, .cp_footer, .tel_footer, .email_footer{
		display: inline-block;
		width: 100%;
	}



}

/* Mobile Landscape Size */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	
}

/* Mobile Portrait Size */
@media only screen and (max-width: 479px) {
	
}

@media (max-width: 320px) {	
	.flat-divider.d100px {
		height: 10px;
	}

	.woocommerce-content-top .widget.widget_price_filter .price_slider_wrapper {
	     overflow: visible; 
	}

	.woocommerce-content-top .widget.widget_price_filter .price_slider_wrapper .price_slider {
	    top: 50px;
	}

	.woocommerce-content-top .widget.widget_price_filter .price_slider_wrapper .price_slider_amount .price_label {
	    margin-left: 0; 
	    margin-bottom: 20px;
	}

	.flat-row {
		padding: 20px 0 !important;
	}

	.about-gallery .about-gallery-wrap .img-box-gallery {
		width: 49.111111%;
	}

	.flat-client .img-box-client {
	    max-width: 79.666667%;
	}

	.header .header-wrap .logo {
		padding-left:30px;
	}
	
	.page-title.style1 .breadcrumbs ul li.active span.FontSpe {
	font-size: 150%;
	letter-spacing: 1px;
	}
	.bureau .post-wrap .entry .entry-title{
		font-size: 28px;
		margin : 10px 0 10px 0;
	}
	.bureau .post-wrap{
		width: 95%;
	}
	.bureau .post-wrap .entry .entry-content img.alignnone{
		margin:10px 0 10px 0;
	}
	.bureau .post-wrap .entry .entry2col-content{
	padding-top: 10px;
	webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
	}
	.controlnav-folio.show .project-filter{
		margin: 15px 0;
		font-size:85%;
	}
	.flat-row.about-gallery{
		margin-bottom: 40px;
	}
	.flat-row.contact{
		margin-bottom: 30px;
	}
	.googlemaps{
		height: 600px;
	}
	.send-wrap{
	padding-right: 5px
	}
	.flat-footer .footer-content .container .row .col-md-2 img{
	width: 100px;
	height: auto;
	}
	.flat-footer .footer-content h1 {
	font-size:15px;
	font-family: "Tex Gyre Adventor-bold" ,bold ,sans-serif;
	/*font-weight: 700;*/
	font-style: normal;
	line-height: 1.2;
	margin:0;
	}
	.flat-footer .footer-content .social-links {
    margin: 10px 0 18px 0;
	}
	.flat-footer .footer-content .social-links a{
		margin:0 2px;
	}
	.flat-footer .footer-content .social-links a i {
    font-size: 32px;
	}
	.flat-newsletter-form .input-wrap-container .input-wrap{
		width: 100%;
		padding: 0 ;
	}
	.flat-footer .footer-content .send-wrap {
		float: right;
		width: 100%;
		padding: 0 !important;
	}
	.flat-footer .footer-content .flat-newsletter-form .send-wrap input.submit{
		width: 100%;
		height: 30px;
		line-height: 28px;
	}
	.flat-footer .footer-content .copyright  {
    text-align: center;
    margin:15px 0 10px 0;
    font-size: 80%;
    width:100%;
	}
	.flat-footer .footer-content .copyright span{
		margin: 2px 2px;
	}
	.flat-footer .footer-content .copyright .nom_footer, .adresse_footer, .cp_footer, .tel_footer, .email_footer{
		width: 100%;
	}
}