@media (max-width: 603px){
    #menu.navbar-default {
        background-color: rgba(0, 0, 0, 0.79);
        }
    #portfolio li.pull-right, #portfolio li.pull-left {
        margin-top: 10px;
        float: none !important;
        text-align: center;
        display: block;
    }
    label{
        float: none !important
    }
    .pull-left.fnav,
    .pull-right.fnav {
        float: none !important;
        text-align: center;
    }

    .hover-bg .hover-text {
        padding: 12% 10%;
    }
}


@media (max-width: 360px){
    .hover-bg .hover-text {
        padding: 22% 10%;
    }
}

@media screen and (max-width: 769px) {
    #home .content img, #arrow-down{
        display:none;
    }
    .content {
        padding: 40% 0 0;
    }
    #solutions .hover-bg .hover-text>h4{
        opacity: 1;
        -webkit-backface-visibility:hidden;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    #solutions .hover-bg .hover-text>i{
        opacity: 1;
        -webkit-backface-visibility:hidden;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
    #solutions .hover-bg .hover-text{
        opacity: 0;
    }
    #solutions .hover-bg .hover-text .description{
        opacity: 0;
    }
    #arrow-down {
        bottom:90px;
    }
    .isotope-item {
        right:0px;
    }
    .navbar-fixed-top {
        background-color: #222222 !important;
        padding: 0 !important;
    }
    #sous-domaines .page-item:first-child {
        margin-top:-80px;
    }
    #sous-domaines .page-item .detail .description {
        opacity: 1!important;
    }
    #sous-domaines .page-item .detail .description {
        height: initial;
    }
    #sous-domaines .page-item .custom-container .description > div {
        top: 0;
        transform: translate(0, 0);
    }
}

@media screen and (min-width: 769px) {
    #sous-domaines .page-item {
        margin-top:-80px;
    }
}

@media screen and (orientation : landscape) {
    .content {
        padding: 15% 0 0;
    }
}

@media screen and (min-width: 768px) and (max-width:992px){
    .overlay-other .content .back-button {
        left: calc(50% - 360px)!important;
    }
}

@media screen and (min-width: 992px) and (max-width: 1200px){
    .overlay-other .content .back-button {
        left: calc(50% - 470px)!important;
    }
}

@media screen and (min-width: 1200px) {
    .overlay-other .content .back-button {
        left: calc(50% - 570px)!important;
    }
}

@media screen and (max-width: 600px) {
    .overlay-other .content .back-button {
        bottom:10px;
    }
}