/* --------------------------- RESPONSIVE STYLES ---------------------------*/
@media only screen and (max-width: 350px)
{
}

@media only screen and (min-width: 500px)
{
    .insta_posts .posts
    {
        flex-direction: row;
    }

    .insta_posts .post
    {
        display: none;
        margin-left: 10px;
        margin-right: 10px;
    }

    .insta_posts .post:nth-child(1),
    .insta_posts .post:nth-child(2)
    {
        display: block;
    }
}

@media only screen and (min-width: 600px)
{  
    .ph_logo a img.logo
    {
        height: 100px;
    }

    #sitenav
    {
        margin-left: -350px;
        width: 350px;
    }

    .page_link
    {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .page_link a
    {
        margin-top: 0px;
    }

    .pf_img
    {
        background-image: url(../../../medias/images/footer/carousel_900px.jpg);
    }

    .pf_end
    {
        flex-direction: row;
    }

    .pf_end br
    {
        display: none;
    }

    .pf_end .txt_sep
    {
        display: initial;
    }

    .pf_end .cookies,
    .pf_end .copyright
    {
        margin-bottom: 0px;
        margin-top: 0px;
        padding-left: 20px;
        padding-right: 20px;
        text-align: left;
        width: 50%;
    }

    .pf_end .copyright
    {
        text-align: right;
    }

    .pf_end .cookies p,
    .pf_end .copyright p
    {
        margin-left: 0px;
    }

    .thumbs_list .list
    {
        align-items: flex-start;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
    }

    .thumbs_list .list .thumb_item
    {
        box-sizing: border-box;
        width: 50%;
    }

    .thumbs_list .list .thumb_item .sep
    {
        display: none;
    }
    
    .thumbs_list .list .thumb_item:nth-child(4n)
    {
        padding-left: 30px;
        padding-right: 0px;
    }
    
    .thumbs_list .list .thumb_item:nth-child(4n+2)
    {
        padding-left: 0px;
        padding-right: 30px;
    }
    
    .thumbs_list .list .sep_row.even
    {
        display: block;
    }
    
    .thumbs_list .list .sep_row.even:first-child
    {
        display: none;
    }

    .gallery_list .list
    {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
    }

    .gallery_list .list .img_item.landscape
    {
        height: calc((100vw - 20vw) / 2 * 9 / 13);
        width: calc((100vw - 20vw) / 2);
    }
    
    .gallery_list .list .img_item.portrait
    {
        height: calc(((100vw - 20vw) / 2 * 13 / 9) - 12px);
        width: calc((100vw - 20vw) / 2);
    }
}

@media only screen and (min-width: 750px)
{
    .insta_posts .post:nth-child(3)
    {
        display: block;
    }
}

@media only screen and (min-width: 800px)
{
    .ph_title p
    {
        font-size: 22px;
        line-height: 22px;
    }

    .ph_nav
    {
        left: 9px;
        top: 9px;
    }
    
    .ph_nav img
    {
        height: 34px;
        width: 34px;
    }

    #sitenav
    {
        margin-left: -360px;
        width: 360px;
    }
    
    .page_banner
    {
        height: 45vh;
    }

    .cookies_msg_box .ctn .cmds
    {
        border-left: solid 1px #323232;
    }
    
    .slideshow .slider .btn
    {
        height: 48px;
        width: 48px;
    }
    
    .slideshow .slider .btn img
    {
        width: 24px;
    }
}

@media only screen and (min-width: 900px)
{ 
    .pf_img
    {
        background-image: url(../../../medias/images/footer/carousel_1200px.jpg);
    }
}

@media only screen and (min-width: 1000px)
{ 
    .ph_logo a img.logo
    {
        height: 120px;
    }

    .page_content .full
    {
        flex-direction: row;
        justify-content: flex-start;
        margin-left: auto;
        margin-right: auto;
        max-width: 1200px;
        width: 86%;
    }

    .page_content .full > .ln_sep
    {
        display: none;
    }

    .page_content .half
    {
        padding-left: 3%;
        padding-right: 3%;
        width: 50%;
    }

    .page_content > .title.lessmt,
    .page_content .half > .title.lessmt
    {
        margin-top: 55px;
    }

    textarea.input_form
    {
        height: 300px;
    }
}

@media only screen and (min-width: 1200px)
{
    .ph_title p
    {
        font-size: 24px;
        line-height: 24px;
    }

    .pf_img
    {
        background-image: url(../../../medias/images/footer/carousel_1800px.jpg);
    }

    .thumbs_list .list
    {
        margin-left: auto;
        margin-right: auto;
        max-width: 1200px;
    }

    .thumbs_list .list .thumb_item
    {
        width: calc(100% / 3);
    }

    .thumbs_list .list .thumb_item:nth-child(6n)
    {
        padding-left: 30px;
        padding-right: 0px;
    }
    
    .thumbs_list .list .thumb_item:nth-child(6n+2)
    {
        padding-left: 0px;
        padding-right: 30px;
    }
    
    .thumbs_list .list .thumb_item:nth-child(6n+4)
    {
        padding-left: 15px;
        padding-right: 15px;
    }
    
    .thumbs_list .list .sep_row
    {
        display: none !important;
    }
    
    .thumbs_list .list .sep_row.sep_0
    {
        display: block !important;
    }
    
    .thumbs_list .list .sep_row:first-child
    {
        display: none !important;
    }

    .gallery_list .list
    {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
    }

    .gallery_list .list .img_item.landscape
    {
        height: calc((100vw - 20vw) / 3 * 9 / 13);
        width: calc((100vw - 20vw) / 3);
    }
    
    .gallery_list .list .img_item.portrait
    {
        height: calc(((100vw - 20vw) / 3 * 13 / 9) - 16px);
        width: calc((100vw - 20vw) / 3);
    }
}

@media only screen and (min-width: 1400px)
{
    .page_content > .content,
    .page_content > .title
    {
        margin-left: calc(50% - 600px);
        margin-right: calc(50% - 600px);
        width: 1200px;
    }

    .gallery_list .list
    {
        -moz-column-count: 4;
        -webkit-column-count: 4;
        column-count: 4;
    }

    .gallery_list .list .img_item.landscape
    {
        height: calc((100vw - 20vw) / 4 * 9 / 13);
        width: calc((100vw - 20vw) / 4);
    }
    
    .gallery_list .list .img_item.portrait
    {
        height: calc(((100vw - 20vw) / 4 * 13 / 9) - 10px);
        width: calc((100vw - 20vw) / 4);
    }
}

@media only screen and (min-width: 1800px)
{
    .pf_img
    {
        background-image: url(../../../medias/images/footer/carousel_2400px.jpg);
    }
}
/* --------------------------- RESPONSIVE STYLES ---------------------------*/