/* Smartphones (portrait and landscape)*/
@media all and (min-width : 319px) and (max-width : 767px) {

    .responsive-menu:not(.open) .menu-menu-responsive-container {
        display: none;
    }

    .responsive-menu.open .menu-menu-responsive-container {
        display: block;
    }

    .responsive-menu ul {
        display: none;
    }

    .responsive-menu {
        text-align: center;
        margin: 0;
        display: block;
        width: 100%;
        position: fixed;
        background-color: #FFF;
        z-index: 4000;
        top: 0;
        left: 0;
    }

    .page-template-home .responsive-menu {
        background-color: #000;

    }

    .responsive-menu.open .trigger {
        background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 38.8 38.8"><path d="M8 31 31 8M8 8l23 23" style="fill:none;stroke:%231a1a1a;stroke-width:2;stroke-miterlimit:10"/></svg>') no-repeat;
    }

    .responsive-menu .trigger {
        display: block;
        cursor: pointer;
        background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 38.8 38.8"><path d="M4 8h31M4 19h31M4 31h31" style="fill:none;stroke:%231a1a1a;stroke-width:2;stroke-miterlimit:10"/></svg>') no-repeat;
        position: absolute;
        left: 39px;
        z-index: 3000;
        margin: 20px 0;
        width: 19px;
        height: 19px;
    }

    .page-template-home .responsive-menu .trigger {
        background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 38.8 38.8"><path d="M8 31 31 8M8 8l23 23" style="fill:none;stroke:%23fff;stroke-width:2;stroke-miterlimit:10"/></svg>') no-repeat;
    }

    .page-template-home .responsive-menu.open .trigger {
        background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 38.8 38.8"><path d="M4 8h31M4 19h31M4 31h31" style="fill:none;stroke:%23fff;stroke-width:2;stroke-miterlimit:10"/></svg>') no-repeat;
    }

    .responsive-menu.open .trigger {}

    .responsive-menu ul {
        display: block;
        padding: 0 40px;
        height: 100vh;
    }

    .responsive-menu ul li {
        display: block;
        width: 100%;
        padding: 15px 0;

    }

    .responsive-menu ul li:first-child {
        padding-top: 100px;
    }

    .responsive-menu ul li:last-child {
        padding-bottom: 60px;
    }

    .responsive-menu ul li a {
        color: #000;
        font-size: 150%;
        width: 100%;
    }

    .responsive-menu ul li.current_page_item a {
        color: #000;
        font-size: 150%;
        width: 100%;
        font-family: 'figginssans';
        font-weight: 700;
    }

    .responsive-search .content-responsive-search {
        display: none;
    }

    .responsive-search {
        text-align: center;
        margin: 0;
        width: 100%;
        position: fixed;
        background-color: #FFF;
        z-index: 3000;
        top: 0;
        left: 0;
    }


    .responsive-search.open .trigger {
        background: url('../img/loupe.svg') no-repeat;
    }

    .responsive-search .trigger {
        display: block;
        cursor: pointer;
        background: url('../img/loupe.svg') no-repeat;
        position: absolute;
        right: 39px;
        z-index: 3000;
        margin: 20px 0;
    }

    .responsive-search .content-responsive-search {
        padding: 0 40px;
        background-color: #FFF;
        height: 100vh;
    }

    .page-template-home .responsive-search {
        text-align: center;
        margin: 0;
        width: 100%;
        position: fixed;
        background: none;
        z-index: 3000;
        top: 0;
        left: 0;
    }

    .responsive-search .content-responsive-search-home {
        padding: 0 40px;
        height: 100vh;
        padding-top: 100px;
    }

    .responsive-search .content-responsive-search form {
        padding-top: 100px;
    }

}