@media screen and (max-width: 1279px) {
    .bloc-banner > .container {
        text-align: initial;
    }

    div.block-speciality > div.control {
        display: none;
    }

    div.block-speciality > a.navbar-burger-treatment {
        display: inline-block;
    }

    .nav-pagination nav.pagination {
        width: 50%;
    }

}

@media screen and (min-width: 1088px) {
    .navbar {
        padding: 0 4%;
    }

    .navbar-start {
        display: none !important;
    }

}

@media screen and (max-width: 1088px) {
    .navbar-end {
        display: none;
    }

    .container-website > .title {
        font-size: 2.5rem;
    }

    .block-login {
        width: 85vw;
    }
}


@media screen and (max-width: 968px) {
    .--card-website {
        width: 46%;
    }

    .bloc-banner > .container {
        padding: 10% 8%;
    }

    .container > .block-speciality {
        margin: 15px 1%;
    }

}

@media screen and (max-width: 768px) {
    #searchTitle {
        font-size: 2.4rem !important;
    }

    .error-illustration {
        padding-top: 1rem;
        width: 30vh;
    }

    .error-right-part {
        align-items: flex-start;
    }

    .--card-website {
        width: 75%;
        margin: 6% 12.5%;
    }

    .--card-website {
        width: 75%;
        margin: 6% 12.5%;
    }

    .section-doctor-website {
        margin: 2rem;
    }

    .container-website > .title {
        font-size: 2rem;
    }

    .breadcrumb {
        margin: 0 1rem;
    }

    .block-signup {
        width: 80vw;
    }

    .content-block-signup {
        padding: 35px 20px;
    }

    .content-block-login {
        padding: 35px 20px;
    }
}

@media screen and (max-width: 622px) {
    #searchTitle {
        font-size: 2.2rem !important;
    }

    .block-login {
        width: 100vw;
    }

    .block-signup {
        width: 100vw;
    }
}

@media screen and (max-width: 450px) {
    .--card-website {
        width: 100%;
        margin: 6% 0.5%;
    }

    .title.is-5 {
        font-size: 1.1rem;
    }
}

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

    body > div.container[role="main"] {

        padding : 25rem 1rem 3rem;
    }

}