@media only screen and (min-width: 992px) and (max-width: 1919px){
   .site-container {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    .logo {
        width: 10%;
        height: 65px;
        background-image: url("../IMG/logo_harter.svg");
        background-repeat: no-repeat;
        background-size: contain;
        cursor: pointer;
    }
    .home-menu {
        width: 83%;
        text-align: right;
    }
    .int-menu {
        width: 70%;
        margin-left: 5%;
    }
    .int-menu *{
        box-sizing: unset;
    }
    .home-slider .slick-slide img {
        width: 100%;
        height: auto;
        overflow: hidden;
    }
    .slider .slick-slide img {
        width: 100%;
        height: auto;
    }
    .home-menu .nav-item{
        padding-right: 75%;
    }
    .search-bar {
        font-size: 1.13vw;
        margin-left: -15%;
    }
    .int-menu .nav-item{
        padding-right: 6%;
    }
    .int-menu .nav-link{
        width: 100%;
        text-align: center;
    }
    .int-menu .navbar-nav{
        width: 100%;
        box-sizing: inherit;
    }
    .int-search-bar {
        font-size: 1.13vw;
        margin-left: -9%;
    }
    .logo, .home-menu, .search-bar, .int-menu, .int-search-bar {
        vertical-align: middle;
        display: inline-block;
    }
    .home-header {
        height: auto;
      	width: 100%;
        position: absolute;
        z-index: 1;
        padding: 2% 0 3% 10%;
    }
    .header {
        padding: 2% 0 3% 10%;
    }
    .home-menu .navbar-nav {
        padding-left: 60%;
        margin-top: 1%;
        width: 69%;
    }
    .home-header .row, .header .row{
        all: unset;
    }
    .home-slider {
        position: relative;
        padding-bottom: 5%;
    }
    .home-main-content {
        font-size: .87vw;
        padding-bottom: 10%;
        width: 50%;
        margin: 0 25% 0 25%;
    }
    .pages-int-mots{
        width: 78.75%;
        margin-left: 14%;
        margin-right: 7.25%;
        padding-top: 3%;
    }
    .pages-mots-gauche, .pages-mots-droite{
        width: 44.312169312169%;
    }
    .pages-mots-droite{
        margin-left: 5.6216931216931%;
    }
    .pages-mots-gauche{
        margin-right: 5.6216931216931%;
    }
    .projets-mots{
        display: flex;
    }
    .pages-int-mots .titre-projet{
        margin-bottom: 15%;
    }
    .titre-projet h3, .titre-projet p{
        font-size: 1.13vw !important;
        text-transform: uppercase;
    }
    .filtre-object img, .filtre-object h3{
        cursor: pointer;
    }
    .pages-int-mots .pages-mots-gauche .filtre-object:nth-child(odd) img{
        width: 100%;
        height: auto;
    }
    .pages-int-mots .pages-mots-gauche .filtre-object:nth-child(even) img{
        width: 100%;
        height: auto;
    }
    .pages-int-mots .pages-mots-droite .filtre-object:nth-child(odd) img{
        width: 100%;
        height: auto;
    }
    .pages-int-mots .pages-mots-droite .filtre-object:nth-child(even) img{
        width: 100%;
        height: auto;
    }
    .pages-int-mots a{
        color: #000;
    }
    .facet-row{
        text-transform: uppercase;
    }
    .mots-facets{
        width: 64.0625%;
        padding-bottom: 5%;
    }
    .facet-placeholder,.facet-placeholder .btn, .no-facets {
        font-size: 90% !important;
        letter-spacing: 1px;
    }
    .projets-mots .hidable{
        display: none;
    }
    .facet-true{
        border-bottom: 3px solid #000;
    }
    .facet-reset{
        padding-top: 3%;
        text-transform: uppercase;
    }
    .facet-reset a{
        font-size: 90%;
        letter-spacing: 1px;
    }
    .facet-placeholder .btn{
        padding: 0;
        border-radius: 0;
    }
    .facet-row{
        padding-bottom: 2%;
    }
    .no-facets{
        color: #918F8F;
    }
    .facet1 .facet-placeholder{
        padding: 0 9.91% 0 0 !important;
    }
    .facet2 .facet-placeholder{
        padding: 0  4.8% 0 0 !important;
    }
    .facet3 .facet-placeholder{
        padding: 0 6.26% 0 0 !important;
    }
    .facet4 .facet-placeholder{
        padding: 0 5.12% 0 0 !important;
    }
    .facet5 .facet-placeholder{
        padding: 0 4.30% 0 0 !important;
    }
    .facet6 .facet-placeholder{
        padding: 0 7.56% 0 0 !important;
    }
    .facet1, .facet2, .facet3, .facet4, .facet5, .facet6{
        display: flex;
        align-items: center;
    }
    .agence-main-content {
        font-size: .87vw;
        width: 56%;
        margin: 2% 29% 0 14%;
    }
    .agence-main-content h2{
        font-size: 1.29vw;
        padding-bottom: 1%;
    }
    .categories-main-content{
        width: 60%;
        font-size: .87vw;
        margin: 0 20%;
        padding-top: 4%;
    }
    .categories-main-content .categories-img img{
        width: auto;
        height: 400px;
        margin-bottom: 7%;
    }
    .categories-main-content .categories-img div:first-child p {
        padding-bottom : 5%
    }
    .categories-main-content h1, .categories-main-content h2 {
        font-size: 1.13vw;
        text-transform: uppercase;
    }
    .categories-main-content .categories-filtre strong{
        font-size: .77vw;
        text-transform: uppercase;
        letter-spacing: 1px;
    }
    .categories-main-content .categories-filtre em{
        font-size: .87vw;
        letter-spacing: 1px;
        font-style: initial;
    }
    .agence-art {
        font-size: .87vw;
        height: auto;
        width: 56%;
        margin: 0 29% 0 14%;
        padding-bottom: 15%;
    }
    .agence-art h2{
        font-size: 1.29vw;
    }
    .agence-art figure {
        padding-bottom: 5%;
        margin: 0;
    }
    .agence-art img {
    width: 100%;
    height: auto;
    }
    .agence-art figcaption{
        font-size: .77vw;
    }
    #c19 img {
        height: auto;
    }
    #c17, #c18 {
        padding-right: 6%;
    }
    .agence-content-left, .agence-content-left .frame {
        width: 100%;
        padding-right: 5%;
    }
    .agence-content-right, .agence-content-right .frame {
        width: 100%;
        padding-left: 5%;
    }
    .agence-art .frame-type-image {
        float: left;
    }
    .footer {
        float: left;
        padding-top: 0 !important;
        padding-bottom: 5%;
        padding-left: 10%;
        margin-top: auto !important;
    }
    .coordonees {
        font-size: .87vw;
    }
    .footer i {
        font-size: 1.5vw !important;
        padding: 0 10% !important;
    }
    .search-bar i, .int-search-bar i{
        font-size: 1vw !important;
        padding: 0 10px !important;
    }
    .mentions {
        font-size: .67vw !important;
    }
    .search-bar {
        margin-top: 1%;
    }
    .pages-int-projets {
        width: 50%;
        margin-left: 14.5%;
        margin-right: 36.25%;
        margin-bottom: 8%;
        padding-top: 3%;
    }
    .pages-int-projets table p{
        margin: 0 !important;
    }
    .pages-int table tbody tr:first-child td:nth-child(1) {
        width: 14% !important;
    }
    .pages-int table tbody tr:first-child td:nth-child(2) {
        width: 43% !important;
    }
    .pages-int table tbody tr:first-child td:nth-child(3) {
        width: 14% !important;
    }
    .pages-int table tbody tr:first-child td:nth-child(4) {
        width: 14% !important;
    }
    .pages-int table tbody tr:first-child td:nth-child(5) {
        width: 14% !important;
    }
    .pages-int table {
        border-top: 1px solid #000;
    }
    .navbar, .nav-link {
        padding-left: 2px !important;
        padding-right: 2% !important;
    }
    .nav-link {
        font-size: .74vw;
        letter-spacing: 1px;
    }
    .projets-images img {
        width: auto;
        height: 180px;
        float: left;
        padding-right: 20px;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    #c33 td {
        padding-bottom: 27px;
    }
    .pages-int-selection {
        width: 80%;
        margin-left: 10%;
        margin-right: 10%;
        padding-top: 3%;
    }
    .pages-int-selection .row{
        margin: 0;
    }
    .pages-int-selection a{
        all: unset;
    }
    .pages-int-blocgauche, .pages-int-blocdroite {
        width: 50%;
    }
    .pages-int-blocdroite{
        padding-left: 50px;
    }
    .filtre-object{
        padding-bottom: 30px;
    }
    .dropdown-menu{
        border: none;
        width: 500% !important;
        left: -225.75%;
    }
    .dropdown-menu a{
        font-size: .74vw;
        padding-right: 6%;
        letter-spacing: 1px;
    }
    .drop-show {
        display: block !important;
    }
    .pages-int-selection .pages-int-blocgauche .filtre-object:nth-child(4n+1) img{
        width: 100%;
        height: auto;
    }
    .pages-int-selection .pages-int-blocgauche .filtre-object:nth-child(4n+2) img{
        width: 100%;
        height: auto;
    }
    .pages-int-selection .pages-int-blocgauche .filtre-object:nth-child(4n+3) img{
        width: 100%;
        height: auto;
    }
    .pages-int-selection .pages-int-blocgauche :nth-child(4n+4) img{
        width: 100%;
        height: auto;
    }
    .pages-int-selection .pages-int-blocdroite .filtre-object:nth-child(4n+1) img{
        width: 100%;
        height: auto;
    }
    .pages-int-selection .pages-int-blocdroite .filtre-object:nth-child(4n+2) img{
        width: 100%;
        height: auto;
    }
    .pages-int-selection .pages-int-blocdroite .filtre-object:nth-child(4n+3) img{
        width: 100%;
        height: auto;
    }
    .pages-int-selection .pages-int-blocdroite .filtre-object:nth-child(4n+4) img{
        width: 100%;
        height: auto;
    }
    body{
        min-height: 100vh;
        display: flex;
        flex-direction: column;
    }
    body, html{
        overflow-x: hidden;
    }
    .random-content-int h2 {
        font-size: 1.24vw;
        padding-bottom: 3%;
    }
    .random-content-int img, .random-projects img{
        width: 100%;
        height: auto;
    }
    .random-content-int .filtre-object{
        display: inline-block;
        padding-bottom: 12%;
        margin-right: 4%;
        width: 28%;
        vertical-align: top;
    }
    .categories-filtre h2{
        font-size: 1.24vw;
        padding-top: 7%;
        padding-bottom: 5%;
    }
    .random-content{
        display: flex;
        padding-bottom: 15%;
    }
    .random-projects{
        width: 63%;
    }
    .random-projects a{
        color: #000;
    }
    .random-art{
        width: 32%;
        padding-left: 5%;
    }
    .random-art figcaption {
        text-transform: uppercase;
        font-size: 1.11vw;
    }
    .random-projects .filtre-object{
        display: inline-block;
        width: 45%;
        padding-bottom: 5%;
        vertical-align: top;
    }
    .random-projects .filtre-object:first-child {
        margin-right: 5%;
    }
    .random-art img{
        width: 100%;
        height: auto;
    }
    #slickid-5 .slick-next, #slicksync-5 .slick-next, #slickid-5 .slick-prev, #slicksync-5 .slick-prev {
        width: 50px;
        height: 50px;
    }
    #slickid-5 .slick-next, #slicksync-5 .slick-next{
        right: 40px !important;
    }
    #slickid-5 .slick-prev, #slicksync-5 .slick-prev{
        left: 40px !important;
        z-index: 100;
        transform: scaleX(-1);
    }
}
@media only screen and (min-width: 1337px) and (max-width: 1668px) {
    .mots-facets{
        width: 80% !important;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1336px) {
    .mots-facets{
        width: 108% !important;
    }
}
@media only screen and (min-width: 320px) and (max-width: 991px) {
    .mots-facets{
        width: 102% !important;
    }
    .facet1 .facet-placeholder{
        padding: 0 1.91% 0 0 !important;
    }
    .facet2 .facet-placeholder {
        padding: 0 1.8% 0 0 !important;
    }
    .facet3 .facet-placeholder {
        padding: 0 1.26% 0 0 !important;
    }
    .facet4 .facet-placeholder {
        padding: 0 1.12% 0 0 !important;
    }
    .facet5 .facet-placeholder {
        padding: 0 0.3% 0 0 !important;
    }
    .facet6 .facet-placeholder {
        padding: 0 3.56% 0 0 !important;
    }
}