@media screen and (max-width: 1031px) {
    body
    {
        width: 1030px;
    }
}

@media screen and (max-width: 1024px) {
    .container {
        width: 970px;
        padding: 0px 15px;
    }
    #home .outer {
        right: -240px;
    }
    #fonctionnalites .item-fonction {
        width: 310px;
    }
    #application .right-container{
        width: 510px;
    }
    #application .right-container img {
        width: 650px;
    }
    #clients .item-client,
    #clients .item-client div {
        width: 310px;
    }
    #soutien .left-container, #soutien .right-container {
        width: 485px;
    }
}


@media screen and (max-width: 768px) {

    body
    {
        width: 100%;
    }

    .container {
        width: 320px;
        padding: 0px 10px;
    }

    .xs-none
    {
        display: none !important;
    }

    #home {
        padding-bottom: 50px;
    }

    #home h1{
        line-height: 38px;
        font-size:28px;
    }

    header .nav-header .connexion {
        margin-right: 0px;
    }

    #home .inner {
        width: 100%;
        padding-bottom: 50px;
    }

    #home .demo-button {
        width: 100%;
    }

    #home .outer {
        width: 100%;
        padding: 35px 0px 0px;
        height: 200px;
        margin-top: 0px;
    }

    #home .scroll-down {
        left:50%;
        margin-left: -30px;
        bottom:-80px;
    }

    #application .left-container {
        width:100%;
    }

    #application .right-container {
        width:100%;
        margin-top: 40px;
    }

    #application .right-container span{
        display: block;
        position: relative;
        top:auto;
        left: auto;
    }
    #application .right-container span img{
        width: 100%;
    }
    #application .right-container span p{
        width: 100%;
        text-align: center;
        font-size: 15px;
    }
    #application .slick-next
    {
        right:30%;
        top:95%;
        width: 35px;
        height: 35px;
    }
    #application .slick-prev
    {
        left:30%;
        top:95%;
        width: 35px;
        height: 35px;
    }

    #application .slick-next::before,
    #application .slick-prev::before
    {
        width: 20px;
        background: #2E3437 none repeat scroll 0% 0%;
        border-radius: 50%;
        padding: 5px;       
    }

    #application .slick-dots
    {
        text-align: center;
    }

    #application .slick-dots li {
        border:0px solid #fff;
        line-height: auto;
        width: 30px;
        text-align: center;
        display: inline-block;
        float: none;
        padding: 0px;
        margin:0px;
    }

    #application .slick-dots li button::before{
        font-size: 30px;
        color:#2E3437;
    }
    #application .slick-dots li.slick-active button::before{
        color:#27889B;
    }

    #fonctionnalites .container {
        padding:0px;
        width:100%;
    }

    #fonctionnalites h2 {
        float: none;
        margin: auto;
        width:320px
    }

    #fonctionnalites .items {
        width: 100%;
        float: left;
        margin-top: 55px;
    }

    #fonctionnalites .item-fonction {
        margin-right: 0px;
        margin-bottom: 0px;
        width: 50%;
        height: 150px;
        border-top:0px solid rgb(175, 175, 175);
        border-left:0px solid rgb(175, 175, 175);
        padding:10px;

    }

    #fonctionnalites .item-fonction.f1,
    #fonctionnalites .item-fonction.f3,
    #fonctionnalites .item-fonction.f5,
    #fonctionnalites .item-fonction.f7 {
        border-left:0px;
    }


    #fonctionnalites .item-fonction.f7,
    #fonctionnalites .item-fonction.f8
    {
        border-bottom:0px solid rgb(175, 175, 175);
    }

    #fonctionnalites .item-fonction h3 {
        font-size: 16px;
    }

    #departements #home-map {
        width:320px;
        height: 320px;
        margin-left: 0px;
    }

    #departements #home-map svg{
        width:100%;
        height: auto;
        margin-left: 0px;
    }

    #departements #home-map .tooltip
    {
        width:100%;
        text-align: center;
    }

    #departements #home-map .tooltip:after{
        content: '';
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -8px;
        width: 0; height: 0;
        border-top: 0px solid #fff;
        border-right: 0px solid transparent;
        border-left: 0px solid transparent;
    }

    .content-footer .container,
    #contact .container {
        width:320px;
    }

    .content-footer .content-footer-item {
        width: 100%;
    }


    .popup
    {
        position: fixed;
    }
    .popup-video
    {
        width:280px;
        height:214px;
    }
    .popup-video iframe
    {
        width:260px;
        height:194px;
    }

    .popup-video .text
    {
        display: none;
    }

}