@media screen and (min-width: 768px) {
    /**************** Header */

    .language {
        float: right;
    }

    .top-menu {
        float: right;
        margin-right: 120px;
    }

    .top-menu-label {
        float: left;
        display: inline;
        text-align: left;
    }

    .wrapper-dropdown-1 {
        left: 0;
    }

    /**************** Homepage */
    .hp-slide {
        display: grid;
        grid-template-columns: 1fr 1fr;
        padding-top: 15px;
    }

    .hp-left-navigation { order: 0; }
    .hp-right-navigation { order: 1; }
    .hp-slide .img-left { order: 2; }
    .hp-slide .img-right { order: 3; }

    .hp-right-navigation {
        margin: 0;
    }

    .hp-slide .img-right {
        margin-left: 35px;
    }

    /***************** Slider */
    .img-left {
        float: left;
        margin-left: 35px;
    }

    .img-right{
        float:right;
    }

    /******************* Popup */
    .popup-page {
        display: block;
    }

    /******************* Pierre */
    .pierre {
        margin-top: 0;

        background: none repeat scroll 0 0 #FFFFFF;
        box-shadow: 0 0 3px 2px #939A93;
        display: none;
        padding-bottom: 40px;
        padding-left: 30px;
        padding-right: 15px;
        position: absolute;
        top: 62px;
        right: 0;
        width: 645px;
        z-index:999;
        margin-left:-310px;
    }

    .pierre h3 {
        font-size: 72px;
        padding-left: 0;
        margin-bottom: 45px;
        line-height: 90px;
    }

    .close-btn {
        display: block;
    }

    .pierre .content-popup h3 {
        max-width: 400px;
    }

    /************* Association */

    .content-association {
        padding: 0 0 20px 0;
        border-bottom: 1px dashed #343434;
        margin-right: 100px;
    }

    /************* Grant */

    .page_grant .content-popup h3 {
        max-width: 450px;
    }

    .grant-application-form, .grant-content, .grant-images {
        display: block;
        max-width: 625px;
        box-sizing: border-box;
    }

    .page_grant .grant-content {
        padding: 0;
    }

    .grant-application-form {
        margin: 0 20px 40px 0;
    }

    .page_grant .grant-images {
        /* margin-top: 40px; */
    }

    .grant-image-description {
        padding: 5px 0;
    }

    .grant-image-meta {
        padding: 0;
    }

    /************* Books */

    .pierre .page_book h3 {
        max-width: none;
    }

    .page_book {
        max-width: 620px;
        padding-top: 0;
    }

    .book_item {
        padding: 0 0 20px 0;
    }

    /********** Book purchase inquiry */


    .book-purchase-inquiry-form {
        padding: 0;
    }

    .book-purchase-inquiry .content-popup h3 {
        max-width: 520px;
        font-size: 32px;
        line-height: 1.4;
        margin-bottom: 10px;
    }

    .book_form {
        max-width: 520px;
    }

    .book_form .wpforms-field-container {
        grid-template-columns: 1fr 1fr;
    }

    .book_form .wpforms-field-container > div:nth-child(1),
    .book_form .wpforms-field-container > div:nth-child(2),
    .book_form .wpforms-field-container > div:nth-child(7),
    .book_form .wpforms-field-container > div:nth-child(8),
    .book_form .wpforms-field-container > div:nth-child(13) {
        grid-column: 1 / -1;
    }

    /******************* Prints */

    .page_prints .content-popup > h3 {
        max-width: 430px;
    }

    .page_prints .prints {
        max-width: 620px;
    }

    .page_prints .flexslider {
        margin-bottom: 60px;
    }

    /*************** Bio */

    .page_bio {
        padding: 15px 0 15px 15px;
    }

    .page-bio-content {
        grid-template-columns: 1fr 1fr;
    }

    .alexan-right {
        padding-top: 20px;
    }

    .page_bio > h2 {
        margin-top: 30px;
    }

    /*************** Footer */

    .logo{
        margin-left:30px;
    }

    /**************** Works */

    .works-description {
        border-bottom: 1px dashed black;
    }

    .work-sub {
        padding: 20px;
    }

    .work-sub .list-work .item  img {
        width: 100%;
        height: auto;
    }

    .work-sub > h2 {
        padding: 0;
    }

    .work-sub .list-work {
        grid-template-columns: 1fr 1fr;
        grid-gap: 35px;
    }

    /*************** Work category */

    .work-item .list-items {
        grid-template-columns: repeat(2, 1fr);
        margin-top: 30px;
    }

    .work-items .work-item {
        margin-bottom: 30px;
    }

    /**************** Work single */

    #slider_show {
        grid-template-columns: 1fr 185px;
    }

    .single-work > h2 {
        padding: 20px 30px;
    }

    .content-single-work {
        padding: 20px 30px;
    }
}

@media screen and (min-width: 1024px) {
    /******************* Pierre */
    .pierre {
        width: 750px;
    }

    /******************* Works */

    .work-sub {
        margin-left: 36px;
    }

    /**************** Work category */

    .work-item .list-items {
        grid-template-columns: repeat(4, 1fr);
    }

    .work-item .item-image {
        height: 130px;
    }

    /***************** Work single */

    .content-single-work {
        padding: 20px 0;
    }
}