@media only screen and (min-width: 320px) and (max-width: 991px){
   .site-container {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    .home-logo, .home-menu, .search-bar, .int-menu, .int-search-bar{
        display: inline-block;
        vertical-align: middle;
    }
    .slick-dots{
        display: none;
    }
    .home-menu, .int-menu{
        width: 100%;
    }
    .home-logo{
        width: 68%;
        padding: 5% 0 3% 5%;
    }
    .logo {
        width: 100%;
        height: 65px;
        background-image: url("../IMG/logo_harter.svg");
        background-repeat: no-repeat;
        background-size: contain;
        cursor: pointer;
        background-position: left;
    }
    .navbar-toggler{
        border: none;
    }
    /*.int-menu .navbar, .home-menu .navbar{
        display: flex !important;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: center !important;
    }*/
    .home-menu .show{
        transition-duration: .5s;
    }
    .home-slider .slick-slide img {
        width: 100%;
        height: auto;
        overflow: hidden;
    }
    .slider .slick-slide img {
        width: 100%;
        height: auto;
    }
    .search-bar {
        font-size: 20px;
        width: 64px;
    }
    .int-menu .nav-link{
        width: 100%;
        text-align: center;
    }
    .int-menu .navbar-nav{
        width: 100%;
        box-sizing: inherit;
    }
    .int-search-bar {
        font-size: 20px;
    }
    .home-header {
        height: auto;
      	width: 100%;
        z-index: 1;
        padding-bottom: 15px;
    }
    .header{
        padding-bottom: 30px;
    }
    /*header .home-menu .navbar-nav, .header .int-menu .navbar-nav {
        margin-top: -1%;
    }*/
    .home-menu .navbar-nav, .int-menu .navbar-nav {
        z-index: 1;
    }
    .home-menu .navbar, .int-menu .navbar{
        padding: 0;
        display: flex;
        justify-content: center;
    }
    .home-header .row, .header .row{
        all: unset;
    }
    .home-slider {
        position: relative;
        padding-bottom: 5%;
    }
    .home-main-content {
        font-size: 14px;
        padding-bottom: 10%;
        width: 80%;
        margin: auto;
    }
    .pages-int-mots{
        width: 78.75%;
        margin-left: 14%;
        margin-right: 7.25%;
        padding-top: 3%;
    }
    .pages-mots-droite{
        margin-left: 5.6216931216931%;
    }
    .pages-mots-gauche{
        margin-right: 5.6216931216931%;
    }
    .pages-int-mots .titre-projet{
        margin-bottom: 15%;
    }
    .titre-projet h3, .titre-projet p{
        font-size: 60%;
        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: 7%;
    }
    .facet-placeholder,.facet-placeholder .btn {
        font-size: 70%;
        letter-spacing: 1px;
    }
    @media (max-width: 620px) {
        .facet-placeholder,.facet-placeholder .btn, .no-facets {
            font-size: 60% !important;
        }
        .facet-reset a{
            font-size: 70% !important;
        }
    }
    @media (max-width: 414px) {
        .facet-placeholder,.facet-placeholder .btn, .no-facets {
            font-size: 59% !important;
        }
        .facet-reset a{
            font-size: 59% !important;
        }
    }
    .projets-mots .hidable{
        display: none;
    }
    .facet-true{
        border-bottom: 2px solid #000;
    }
    .facet-reset{
        padding-top: 5%;
        text-transform: uppercase;
    }
    .facet-reset a{
        font-size: 80%;
        letter-spacing: 1px;
    }
    .facet-placeholder .btn{
        padding: 0;
        border-radius: 0;
    }
    .facet-row{
        padding-bottom: 4%;
    }
    .no-facets{
        color: #918F8F;
    }
    .facet1 .facet-placeholder{
        padding: 0 9.91% 0 0;
    }
    .facet2 .facet-placeholder{
        padding: 0  4.8% 0 0;
    }
    .facet3 .facet-placeholder{
        padding: 0 6.26% 0 0;
    }
    .facet4 .facet-placeholder{
        padding: 0 5.12% 0 0;
    }
    .facet5 .facet-placeholder{
        padding: 0 4.30% 0 0;
    }
    .facet6 .facet-placeholder{
        padding: 0 7.56% 0 0;
    }
    .facet1, .facet2, .facet3, .facet4, .facet5, .facet6{
        display: flex;
        align-items: center;
    }
    .agence-main-content {
        font-size: 14px;
        width: 90%;
        margin: auto;
    }
    .agence-main-content h2{
        font-size: 16px;
        padding-bottom: 1%;
    }
    .categories-main-content{
        width: 90%;
        font-size: 14px;
        margin: auto;
        padding-top: 4%;
    }
    .categories-main-content .categories-img img{
        width: 100%;
        height: auto;
        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: 15px;
        text-transform: uppercase;
    }
    .categories-main-content .categories-filtre strong{
        font-size: 13px;
        text-transform: uppercase;
        letter-spacing: 1px;
    }
    .categories-main-content .categories-filtre em{
        font-size: 14px;
        letter-spacing: 1px;
        font-style: initial;
    }
    .agence-art {
        font-size: 14px;
        height: auto;
        width: 90%;
        margin: auto;
        padding-bottom: 15%;
    }
    .agence-art h2{
        font-size: 16px;
    }
    .agence-art figure {
        padding-bottom: 5%;
        margin: 0;
    }
    .agence-art img {
    width: 100%;
    height: auto;
    }
    .agence-art figcaption{
        font-size: 14px;
    }
    #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%;
    }
    .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: 14px;
    }
    .footer i {
        font-size: 20px !important;
        padding: 0 10% !important;
    }
    .search-bar i, .int-search-bar i{
        font-size: 16px !important;
        padding: 0 10px !important;
    }
    .mentions {
        font-size: 14px !important;
    }
    .pages-int-projets {
        width: 90%;
        margin: auto;
        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%;
    }
    .pages-int table tbody tr:first-child td:nth-child(2) {
        width: 43%;
    }
    .pages-int table tbody tr:first-child td:nth-child(3) {
        width: 14%;
    }
    .pages-int table tbody tr:first-child td:nth-child(4) {
        width: 14%;
    }
    .pages-int table tbody tr:first-child td:nth-child(5) {
        width: 14%;
    }
    .pages-int table {
        border-top: 1px solid #000;
    }
    .nav-link {
        font-size: 14px;
        letter-spacing: 1px;
    }
    .projets-images img {
        width: auto;
        height: 180px;
        float: left;
        padding-right: 20px;
        padding-bottom: 20px;
    }
    #c33 td {
        padding-bottom: 27px;
    }
    .pages-int-selection {
        width: 90%;
        margin: 0 5%;
        padding-top: 3%;
    }
    .pages-int-selection a{
        all: unset;
    }
    .pages-int-selection .row{
        margin: 0;
    }
    .pages-int-blocdroite{
        padding-left: 50px;
    }
    .dropdown-menu{
        border: none;
    }
    .dropdown-menu a{
        font-size: 13px;
        padding-bottom: 2%;
        letter-spacing: 1px;
    }
    .dropdown-menu.show a{
        display: flex;
        justify-content: center;
    }
    .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: 17px;
        padding-bottom: 3%;
    }
    .random-content-int img, .random-projects img{
        width: 100%;
        height: auto;
    }
    .random-content-int .filtre-object{
        display: inline-block;
        width: 32%;
        padding: 5% 2% 5% 0;
        vertical-align: top;
    }
    .categories-filtre h2{
        font-size: 17px;
        padding-top: 7%;
        padding-bottom: 5%;
    }
    .random-content{
        padding-bottom: 15%;
    }
    .random-projects{
        width: 100%;
    }
    .random-projects a{
        color: #000;
    }
    .random-art{
        width: 100%;
    }
    .random-art figcaption {
        text-transform: uppercase;
        font-size: 15px;
    }
    .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{
        height: auto;
    }
    @media only screen and (max-width: 500px) {
        .random-art img{
            width: 100%;
        }
    }
    @media only screen and (max-width: 500px) {
        .random-content-int .filtre-object{
            width: 100%;
            padding-bottom: 5%;
            vertical-align: top;
        }
    }
    /*---Standar Hamburger Menu (3 separate elements)---*/

    .navbar-toggler {
        border: none;
        background: transparent !important;
    }

    .navbar-toggler:hover {
        background: transparent !important;
    }

    .navbar-toggler .icon-bar {
        height: 2px;
        width: 22px;
        border-radius: 1px;
        display: block;
        background-color: #B6B6B6;
        -webkit-transition: all 0.2s;
        transition: all 0.2s;
    }

    .navbar-toggler .icon-bar+.icon-bar {
        margin-top: 4px;
    }
    /*---Animation menu (create X)---*/
    .navbar-toggler.x .icon-bar:nth-of-type(1) {
        -webkit-transform: translateX(3px) rotate(45deg);
        /* Safari 3-8 & Chrome 4-35 & Opera 15-22 */
        -ms-transform: translateX(3px) rotate(45deg);
        /* IE 9 */
        -moz-transform: translateX(3px) rotate(45deg);
        /* Firefox 3-15 */
        -o-transform: translateX(3px) rotate(45deg);
        /* Opera 10-14 */
        transform: translateX(3px) rotate(45deg);
        -webkit-transform-origin: 10% 10%;
        -ms-transform-origin: 10% 10%;
        -moz-transform-origin: 10% 10%;
        -o-transform-origin: 10% 10%;
        transform-origin: 10% 10%;
    }

    .navbar-toggler.x .icon-bar:nth-of-type(2) {
        opacity: 0;
        filter: alpha(opacity=0);
        /* For IE8 and earlier */
        -moz-opacity: 0;
        /* Older Firefox 1 */
    }

    .navbar-toggler.x .icon-bar:nth-of-type(3) {
        -webkit-transform: translateX(3px) rotate(-45deg);
        -ms-transform: translateX(3px) rotate(-45deg);
        -moz-transform: translateX(3px)rotate(-45deg);
        -o-transform: translateX(3px) rotate(-45deg);
        transform: translateX(3px) rotate(-45deg);
        -webkit-transform-origin: 10% 90%;
        -ms-transform-origin: 10% 90%;
        -moz-transform-origin: 10% 90%;
        -o-transform-origin: 10% 90%;
        transform-origin: 10% 90%;
    }

    .navbar-toggler.x.collapsed .icon-bar:nth-of-type(1) {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
    }

    .navbar-toggler.x.collapsed .icon-bar:nth-of-type(2) {
        opacity: 1;
        filter: alpha(opacity=100);
        -moz-opacity: 1;
    }

    .navbar-toggler.x.collapsed .icon-bar:nth-of-type(3) {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
    }


    /*---To center elements of the navbar (mobile)---*/

    .navbar-brand {
        font-size: 1rem;
    }


    /*---Custom AnimateCSS mobile menu items---*/

    .nav-item {
        -webkit-animation-duration: 0.8s;
        /* Chrome 3-42 & Safari 4-8 & Opera 15-29 */
        -moz-animation-duration: 0.8s;
        /* Firefox 5-15 */
        -o-animation-duration: 0.8s;
        /* Opera 12-14 */
        animation-duration: 0.8s;
    }
    /*.nav-item .nav-link{
        color: #fff !important;
    }*/
        .home-menu #navbarText{
            height: 20vh !important;;
        }
        /*#navbarText{
            background-color: #000;
        }*/
        .animated {
            /*CSS transitions*/
            -o-transition-property: none !important;
            -moz-transition-property: none !important;
            -ms-transition-property: none !important;
            -webkit-transition-property: none !important;
            transition-property: none !important;
            /*CSS transforms*/
            -o-transform: none !important;
            -moz-transform: none !important;
            -ms-transform: none !important;
            -webkit-transform: none !important;
            transform: none !important;
            /*CSS animations*/
            -webkit-animation: none !important;
            -moz-animation: none !important;
            -o-animation: none !important;
            -ms-animation: none !important;
            animation: none !important;
        }
        #navbarText {
            height: auto;
        }
    #slickid-5 .slick-next, #slicksync-5 .slick-next, #slickid-5 .slick-prev, #slicksync-5 .slick-prev {
        width: 30px;
        height: 30px;
    }
    #slickid-5 .slick-next, #slicksync-5 .slick-next{
        right: 20px !important;
    }
    #slickid-5 .slick-prev, #slicksync-5 .slick-prev{
        left: 20px !important;
        z-index: 100;
        transform: scaleX(-1);
    }
}
.slick-dots{
    display: none !important;
}