@media only screen and (max-width: 700px) {
    .post-content.pageContent > div {
        max-width: 100%;
    }

    .header .logo {
        text-align: left;
        display: flex;
        justify-content: flex-start;
    }

    .header .social-holder a.mail.icon-1x {
        display: none !important;
    }
    
    .za_before_title{
        padding: 0px 25px;
		display:none;
    }

    .header .social-holder .social_header {
        display: inherit;
    }

    #intro-accueil .wpb_text_column.wpb_content_element, aside.ad_container_bottom.cf {
        padding: 0px 30px;
    }

    a#thb-button-6325f32eab106 {
        display: none;
    }
    
    .post.featured-style7 .post-title h4, .post.featured-style7 .post-title h4, .post.style1 .post-title h3, .post.style15 .content-side .post-title h2 {
        font-size: 1.4rem;
        line-height: 1.8rem;
    }

    body .mobile-toggle.small span {
        width: 30px;
        height: 4px;
    }
    
    body .mobile-toggle.small span:nth-child(1) {
        top: 8px;
    }
    
    body .mobile-toggle.small span:nth-child(3) {
        top: 16px;
    }

    .header.fixed .header_top>.row>.columns.medium-7 {
        text-align: left;
        justify-content: start;
        align-items: center;
    }
}

@media only screen and (min-width: 700px) and (max-width:991px) {
    body .header .logo .logoimg {
        max-height: 150px;
    }

    .header .logo {
        text-align: left;
        display: flex;
        justify-content: flex-start;
    }

    .header .social-holder a.mail.icon-1x {
        display: none !important;
    }

    .header .social-holder .social_header {
        display: inline-block;
    }
    
    .header .social-holder .social_header a {
        display: inline-block;
        float: left;
    }
    
    .post-content.pageContent > div {
        max-width: 100%;
    }

    .small-7.large-4.columns.logo.text-center {
        text-align: left;
        justify-content: start;
        align-items: center;
    }

    .post.carousel-style8 .featured-title .post-title h3 {
        font-size: 1rem;
    }

    .post.style7 .post-title h2 {
        font-size: 1rem;
        line-height: 1.4rem;
    }
    
    .post .post-content.small p {
        font-size: 13px;
        line-height: 18px;
    }
    
    .post-carousel.post-carousel-style6 .post .thb-post-top .post-date{
        display:none;
    }

    div#zs_accueil {
        min-width: 300px;
    }
    
    .wpb_column.columns.small-12.medium-9 {
        width: calc(100% - 300px);
        max-width: calc(100% - 300px);
    }
    
    .post.style1 .post-title h3 {
        font-size: 1rem;
        margin-bottom: 10px;
    }
    
    .post.style1.style1-bg .thb-post-style1-content {
        padding: 20px 0;
    }

    .post.style15 .content-side .post-title h2 {
        font-size: 1.2rem;
        line-height: 1.8rem;
    }
    
    #sb_instagram.sbi_col_5 #sbi_images .sbi_item {
        width: 22% !important;
    }

    .header.fixed .header_top>.row>.columns.medium-7 {
        text-align: left;
        justify-content: start;
        align-items: center;
    }

    #intro-accueil .wpb_text_column.wpb_content_element, .za_before_title, aside.ad_container_bottom.cf {
        padding: 0px 30px;
    }

    .post-detail .share-article{
        display: block;
    }

    body .post-detail .article-navigation .row .columns {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
    }
    
    #mobile-menu .brushTitle {
        display: none !important;
    }
}

@media only screen and (min-width: 995px) and (max-width:1190px) {
    body .header .logo .logoimg {
        max-height: 150px;
    }

    .header .logo {
        text-align: left;
        display: flex;
        justify-content: flex-start;
    }

    .header .social-holder .social_header {
        display: inline-block;
    }
    
    .header .social-holder .social_header a {
        display: inline-block;
        float: left;
    }
    
    .post-content.pageContent > div {
        max-width: 100%;
    }

    .small-7.large-4.columns.logo.text-center {
        text-align: left;
        justify-content: start;
        align-items: center;
    }

    .post.carousel-style8 .featured-title .post-title h3 {
        font-size: 1rem;
    }

    .post.style7 .post-title h2 {
        font-size: 1rem;
        line-height: 1.4rem;
    }
    
    .post .post-content.small p {
        font-size: 13px;
        line-height: 18px;
    }
    
    .post-carousel.post-carousel-style6 .post .thb-post-top .post-date{
        display:none;
    }

    div#zs_accueil {
        min-width: 300px;
    }
    
    .wpb_column.columns.small-12.medium-9 {
        width: calc(100% - 300px);
        max-width: calc(100% - 300px);
    }
    
    .post.style1 .post-title h3 {
        font-size: 1rem;
        margin-bottom: 10px;
    }
    
    .post.style1.style1-bg .thb-post-style1-content {
        padding: 20px 0;
    }

    .post.style15 .content-side .post-title h2 {
        font-size: 1.2rem;
        line-height: 1.8rem;
    }
    
    #sb_instagram.sbi_col_5 #sbi_images .sbi_item {
        width: 22% !important;
    }

    .header.fixed .header_top>.row>.columns.medium-7 {
        text-align: left;
        justify-content: start;
        align-items: center;
    }

    #intro-accueil .wpb_text_column.wpb_content_element, .za_before_title, aside.ad_container_bottom.cf {
        padding: 0px 30px;
    }

    .post-detail .share-article{
        display: block;
    }

    body .post-detail .article-navigation .row .columns {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
    }
    
    #mobile-menu .brushTitle {
        display: none !important;
    }
}

@media only screen and (min-width: 1200px)  and (max-width: 1370px){
    #infinite-article .post-detail-row > .row > .medium-4 {
        padding: 0 !important;
        max-width: 300px;
    }

    #infinite-article .post-detail-row > .row > .large-8 {
        -ms-flex: 0 0 calc(100% - 330px);
        flex: 0 0 calc(100% - 300px);
        max-width: calc(100% - 300px);
    }
	
	.post.style15 .content-side .post-title h2, .thb-block-grid.thb-block-grid-style1 .post.post-blockgrid-style1 h3 {
		font-size: 1.3rem;
		line-height: 1.5rem;
	}
	
	.post.post-blockgrid-style1 .featured-title {
		position: absolute;
		top: auto;
		bottom: 0px;
		left: 10%;
		z-index: 10;
		color: #fff;
		max-width: 80%;
		text-align: left;
	}
}