/*Very small devices e.g iPhone 5s, 4s */

@media all and (min-width: 265px) and (max-width: 350px) {

    header {
        text-align: center;
    }

    main {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .card-img {
        display: none !important;
    }

    #home {
        background-color: transparent !important;
    }

    #card_home {
        background-image: none !important;
    }

    #operation_b {
        margin-top: 4rem !important;
        margin-bottom: 4rem;
    !important;
    }

    #service_b {
        margin-top: 1.35rem !important;
        margin-bottom: 1.35rem;
    !important;
    }

    #contact_b {
        margin-top: 1.25rem !important;
        margin-bottom: 1.25rem;
    !important;
    }


    .floating_card {
        display: flex;
    }


    #scientific_b {
        padding: 0 !important;
    }

    #bio {
        color: white;
        width: 100% !important;
        padding-left: 1rem !important;
        padding-right: 1rem !important;
        float: right;
        position: relative !important;
        text-align: center;
    }


    .carousel {
        width: 100% !important;
    }

    #crd {
        min-height: 300px;
    }


    #service-head {
        margin-right: 2rem;
    }

    #contact_b {
        margin-top: 2.50rem !important;
        margin-bottom: 2.50rem !important;
        background-image: none;
        padding-right: 0 !important;
    }

    #inside-contact {
        text-align: center !important;
        width: 100% !important;
    }

    #Publications {
        color: white;
        background-image: none !important;
    }

    #Publications a {
        color: white !important;
    }

    .footer {
        width: 100%;
        position: relative !important;
        right: 0;
        bottom: 0;
        left: 0;
        height: 100px;

    }

    .card-text1 {
        width: 100% !important;
    }

    .card-text2 {
        margin-right: -3rem !important;
    }


    #cbs {
        float: right;
        width: 100% !important;
    }

    #ops {
        position: relative;
    }

    .borders {
        border: 0 solid;
    }

    #footer {
        margin-top: 2rem !important;
    }

    .footer-img {
        height: 45px;
        width: 45px;
    }

}
@media all and (min-height: 320px) and (max-height: 414px) {
    header {
        text-align: center;
    }

    .card-img {
        display: none !important;
    }


    .card-text2 {
        margin-right: -3rem !important;
    }


    #card_home {
        background-position: 0 !important;
    }

    #Publications {
        background-position: 0 !important;
    }

    #cbs {
        float: right;
        width: 100% !important;
    }

    #ops {
        position: relative;
    }

    .borders {
        border: 0 solid;
    }


    .footer-img {
        height: 45px;
        width: 45px;
    }
}


/* iPhone and mainstream smartphone size*/
@media all and (min-width: 350px) and (max-width: 600px) {

    header {
        text-align: center;
    }

    #NavMenu:last-child {
        margin-bottom: 3rem !important;
    }

    main {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .big-screen-images {
        display: none;
    }

    .card-img {
        display: none !important;
    }

    .picto-card-texts {
        width: calc(100% - 3rem) !important;
    }

    #home {
        background-color: transparent !important;
    }

    #card_home {
        background-image: none !important;
    }

    #bio {
        width: 100% !important;
        padding-left: 1rem !important;
        padding-right: 1rem !important;
        float: right;
        position: relative !important;
        text-align: center;
    }

    .carousel {
        width: 100% !important;
    }

    .floating_card {
        display: flex;
    }


    #scientific_b {
        padding: 0 !important;
    }

    #operation_b {
        margin-top: 4.70rem !important;
        margin-bottom: 4.70rem !important;
    }

    #service_b {
        margin-top: 2.7rem !important;
        margin-bottom: 2.7rem !important;
    }

    #service-head {
        margin-right: 2rem;
    }

    #contact_b {
        margin-top: 2.50rem !important;
        margin-bottom: 2.50rem !important;
        background-image: none;
        padding-right: 0 !important;
    }

    #inside-contact {
        text-align: center !important;
        width: 100% !important;
    }

    #crd {
        min-height: 300px;
    }

    .card-text {
        width: 100% !important;
    }

    .card-text1 {
        width: 100% !important;
    }

    .card-text2 {
        margin-right: -3rem !important;
    }

    #Publications {
        color: white;
        background-image: none !important;
    }

    #Publications a {
        color: white !important;
    }


    #cbs {
        float: right;
        width: 100% !important;
    }

    #ops {
        position: relative;
    }

    .borders {
        border: 0 solid;
    }

    #footer {
        margin-top: 2rem !important;
    }

    .footer {
        width: 100%;
        position: relative !important;
        right: 0;
        bottom: 0;
        left: 0;
        height: 100px;

    }

    .footer-img {
        height: 45px;
        width: 45px;
    }

}

/*Other handheld devices*/
@media all and (min-width: 600px) and (max-width: 700px) {


    header {
        text-align: center;
    }

    #NavMenu:last-child {
        margin-bottom: 3rem !important;
    }

    main {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .big-screen-images {
        display: none;
    }

    .card-img {
        display: none !important;
    }

    .picto-card-texts {
        width: calc(100% - 3rem) !important;
    }

    #home {
        background-color: transparent !important;
    }

    #card_home {
        background-image: none !important;
    }

    #bio {
        width: 100% !important;
        padding-left: 1rem !important;
        padding-right: 1rem !important;
        float: right;
        position: relative !important;
        text-align: center;
    }

    .carousel {
        width: 100% !important;
    }

    .floating_card {
        display: flex;
    }


    #scientific_b {
        padding: 0 !important;
    }

    #operation_b {
        margin-top: 4.70rem !important;
        margin-bottom: 4.70rem !important;
    }

    #service_b {
        margin-top: 2.7rem !important;
        margin-bottom: 2.7rem !important;
    }

    #service-head {
        margin-right: 2rem;
    }

    #contact_b {
        margin-top: 2.50rem !important;
        margin-bottom: 2.50rem !important;
        background-image: none;
        padding-right: 0 !important;
    }

    #inside-contact {
        text-align: center !important;
        width: 100% !important;
    }

    #crd {
        min-height: 300px;
    }

    .card-text {
        width: 100% !important;
    }

    .card-text1 {
        width: 100% !important;
    }

    .card-text2 {
        margin-right: -3rem !important;
    }

    #Publications {
        color: white;
        background-image: none !important;
    }

    #Publications a {
        color: white !important;
    }


    #cbs {
        float: right;
        width: 100% !important;
    }

    #ops {
        position: relative;
    }

    .borders {
        border: 0 solid;
    }

    #footer {
        margin-top: 2rem !important;
    }

    .footer {
        width: 100%;
        position: relative !important;
        right: 0;
        bottom: 0;
        left: 0;
        height: 100px;

    }

    .footer-img {
        height: 45px;
        width: 45px;
    }
}


/*Tablet size territory*/
@media all and (min-width: 700px) and (max-width: 800px) {

    header {
        text-align: center;
    }

    main {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .card-img {
        display: block !important;
    }

    #pichome {
        display: none !important;
    }

    #home {
        background-color: transparent !important;
    }

    #card_home {
        background-image: none !important;
    }

    #bio {
        color: white;
        width: 100% !important;
        padding-left: 1rem !important;
        padding-right: 2rem !important;
        float: right;
        position: relative !important;
        text-align: center;
    }

    #operation_b {
        margin-top: 2rem !important;
        margin-bottom: 2rem;
    !important;
    }

    #service_b {
        margin-top: 5.35rem !important;
        margin-bottom: 5.35rem;
    !important;
    }

    #contact_b {
        margin-top: 5.85rem !important;
        margin-bottom: 5.85rem;
    !important;
    }


    #service-head {
        margin-right: 2rem;
    }

    #contact_b {
        margin-top: 2.50rem !important;
        margin-bottom: 2.50rem !important;
        background-image: none;
        padding-right: 0 !important;
    }

    #inside-contact {
        text-align: center !important;
        width: 100% !important;
    }

    #Publications {
        color: white;
        background-image: none !important;
    }

    #Publications a {
        color: white !important;
    }

    .footer {
        width: 100%;
        position: relative !important;
        right: 0;
        bottom: 0;
        left: 0;
        height: 100px;

    }

    #picserv {
        display: none !important;
    }

    .floating_card {
        display: flex;
    }


    #h_beat img {
        height: 30% !important;
    }

    #scientific_b {
        padding: 0 !important;
    }


    #crd {
        min-height: 300px;
    }

    .card-text {
        width: 100% !important;
        font-size: 18px !important;
    }

    .card-text1 {
        width: 100% !important;
    }

    .card-text2 {
        margin-right: -3rem !important;
    }


    #scientific_card {
        -ms-flex: 0 0 33.333333% !important;
        flex: 0 0 33.333333% !important;
        max-width: 33.33333% !important;
        min-height: 350px;
    }


    #cbs {
        float: right;
        width: 100% !important;
    }

    #ops {
        position: relative;
    }

    .borders {
        border: 0 solid;
    }

    #footer {
        margin-top: 2rem !important;
    }

    .footer-img {
        height: 45px;
        width: 45px;
    }
}

@media all and (min-width: 800px) and (max-width: 1000px) {

    header {
        text-align: center;
        font-size: 16px !important;
    }

    .card-img {
        display: block !important;
    }

    #home {
        background-color: transparent !important;
        display: flex !important;
    }

    #card_home {
        background-image: none !important;
    }

    #bio {
        color: white;
        width: 100% !important;
        padding-left: 1rem !important;
        float: right;
        position: relative !important;
        text-align: center;
    }


    #card_home {
        display: inline-block !important;
    }

    .card-text {
        text-align: justify;
        width: 100% !important;
        font-size: 17px !important;
    }

    .card-text1 {
        width: 100% !important;
    }

    #operation_b {
        display: flex !important;
    }

    #details {
        text-align: center !important;
    }

    .card-text2 {
        margin-right: -3rem !important;
        font-size: 18px !important;
    }


    #service-head {
        margin-right: 2rem;
    }

    #contact_b {
        margin-top: 2.50rem !important;
        margin-bottom: 2.50rem !important;
        background-image: none;
        padding-right: 0 !important;
    }

    #inside-contact {
        text-align: center !important;
        width: 100% !important;
    }

    #Publications {
        color: white;
        background-image: none !important;
    }

    #Publications a {
        color: white !important;
    }

    .footer {
        width: 100%;
        position: relative !important;
        right: 0;
        bottom: 0;
        left: 0;
        height: 100px;

    }


    #picserv img {
        width: 80%;
        right: 10% !important;
    }

    #cbs {
        width: 50% !important;
    }

    #ops {
        position: relative;
    }

    #scientific_card {
        -ms-flex: 0 0 33.333333% !important;
        flex: 0 0 33.333333% !important;
        max-width: 33.33333% !important;
        min-height: 350px;
    }

    .borders {
        border: 0 solid;
    }


    .footer-img {
        height: 45px;
        width: 45px;
    }
}

/*iPad portraits*/
@media all and (min-width: 768px) and (max-width: 768px) {

    header {
        text-align: center;
    }

    main {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .card-img {
        display: block !important;
    }

    #pichome {
        display: none !important;
    }

    #home {
        background-color: transparent !important;
    }

    #operation_b {
        margin-top: 2rem !important;
        margin-bottom: 2rem;
    !important;
    }

    #service_b {
        margin-top: 5.35rem !important;
        margin-bottom: 5.35rem;
    !important;
    }

    #contact_b {
        margin-top: 5.85rem !important;
        margin-bottom: 5.85rem;
    !important;
    }


    #picserv {
        display: none !important;
    }

    .floating_card {
        display: flex;
    }


    #h_beat img {
        height: 30% !important;
    }

    #scientific_b {
        padding: 0 !important;
    }

    #bio {
        padding-left: 1rem;
        padding-right: 2rem !important;
        float: right;
        position: relative !important;
        text-align: center;
    }

    #crd {
        min-height: 300px;
    }

    .card-text {
        width: 100% !important;
        font-size: 18px !important;
    }

    .card-text1 {
        width: 100% !important;
    }

    .card-text2 {
        margin-right: -3rem !important;
    }


    #scientific_card {
        -ms-flex: 0 0 33.333333% !important;
        flex: 0 0 33.333333% !important;
        max-width: 33.33333% !important;
        min-height: 350px;
    }


    #cbs {
        float: right;
        width: 100% !important;
    }

    #ops {
        position: relative;
    }

    .borders {
        border: 0 solid;
    }

    #footer {
        margin-top: 2rem !important;
    }

    .footer-img {
        height: 45px;
        width: 45px;
    }


}

@media all and (min-width: 834px) and (max-width: 834px) {


    header {
        text-align: center;
    }


    #pichome img {
        padding-top: 3rem;
        width: 90% !important;
    }

    #home {
        background-color: transparent !important;
        display: flex !important;
    }

    #bio {
        padding-left: 1rem;
        float: right;
        position: relative !important;
        width: 50% !important;
    }


    #card_home {
        display: inline-block !important;
    }

    .card-text {
        text-align: justify;
        width: 100% !important;
        font-size: 17px !important;
    }

    .card-text1 {
        width: 100% !important;
    }


    #details {
        text-align: center !important;
    }

    .card-text2 {
        margin-right: -3rem !important;
        font-size: 16px !important;
    }


    #picserv img {
        width: 80%;
        right: 10% !important;
    }

    #cbs {
        width: 50% !important;
    }

    #ops {
        position: relative;
    }

    #scientific_card {
        -ms-flex: 0 0 33.333333% !important;
        flex: 0 0 33.333333% !important;
        max-width: 33.33333% !important;
        min-height: 350px;
    }

    .borders {
        border: 0 solid;
    }


    .footer-img {
        height: 45px;
        width: 45px;
    }

}

/*Small pc/landscape tablet size*/
@media all and (min-width: 1000px) and (max-width: 1260px) {


    header {
        text-align: center;
    }


    #pichome img {
        padding-top: 3rem;
        width: 90% !important;
    }

    #home {
        background-color: transparent !important;
        display: flex !important;
    }

    #card_home {
        background-position: 0 !important;
    }

    #bio {
        padding-left: 1rem;
        position: relative !important;
    }


    #card_home {
        display: inline-block !important;
    }

    .card-text {
        text-align: justify;
        width: 100% !important;
        font-size: 17px !important;
    }

    .card-text1 {
        width: 100% !important;
    }

    #Publications {
        background-position: 0 !important;
    }

    #operation_b {
        font-size: 19px !important;
    }


    #details {
        text-align: center !important;
    }

    .card-text2 {
        margin-right: -3rem !important;
        font-size: 16px !important;
    }


    #picserv img {
        width: 80%;
        right: 10% !important;
    }

    #cbs {
        width: 50% !important;
    }

    #ops {
        position: relative;
    }

    #scientific_card {
        -ms-flex: 0 0 33.333333% !important;
        flex: 0 0 33.333333% !important;
        max-width: 33.33333% !important;
        min-height: 350px;
    }

    .borders {
        border: 0 solid;
    }


    .footer-img {
        height: 45px;
        width: 45px;
    }
}

@media all and (min-width: 1024px) and (max-width: 1024px) {

    header {
        text-align: center;
    }


    #pichome img {
        padding-top: 3rem;
        width: 90% !important;
    }

    #home {
        background-color: transparent !important;
        display: flex !important;
    }

    #card_home {
        background-position: 0 !important;
    }

    #bio {
        padding-left: 1rem;
        position: relative !important;
    }


    #card_home {
        display: inline-block !important;
    }

    .card-text {
        text-align: justify;
        width: 100% !important;
        font-size: 17px !important;
    }

    .card-text1 {
        width: 100% !important;
    }

    #Publications {
        background-position: 0 !important;
    }

    #details {
        text-align: center !important;
    }

    .card-text2 {
        margin-right: -3rem !important;
        font-size: 16px !important;
    }


    #picserv img {
        width: 80%;
        right: 10% !important;
    }

    #cbs {
        width: 50% !important;
    }

    #ops {
        position: relative;
    }

    #scientific_card {
        -ms-flex: 0 0 33.333333% !important;
        flex: 0 0 33.333333% !important;
        max-width: 33.33333% !important;
        min-height: 350px;
    }

    .borders {
        border: 0 solid;
    }


    .footer-img {
        height: 45px;
        width: 45px;
    }
}

/*Desktop sizes*/
@media all and (min-width: 1260px) and (max-width: 1400px) {


    header {
        text-align: center;
    }

    #pichome img {
        padding-top: 3rem;
        width: 90% !important;
    }

    #home {
        background-color: transparent !important;
        display: flex !important;
    }

    #card_home {
        background-position: 0 !important;
    }

    #bio {
        padding-left: 1rem;
        position: relative !important;
    }


    #card_home {
        display: inline-block !important;
    }

    .card-text {
        text-align: justify;
        width: 100% !important;
    }

    .card-text1 {
        width: 100% !important;
    }


    .card-text2 {
        margin-right: -3rem !important;
    }

    #Publications {
        background-position: 0 !important;
    }


    #picserv img {
        width: 80%;
        right: 10% !important;
    }

    #cbs {
        width: 50% !important;
    }

    #ops {
        position: relative;
    }

    #scientific_card {
        -ms-flex: 0 0 25% !important;
        flex: 0 0 25% !important;
        max-width: 25% !important;
        min-height: 350px;
    }

    .borders {
        border: 0 solid;
    }

    #operation_b {
        margin-top: 4rem !important;
        margin-bottom: 4rem;
    !important;
    }

    #service_b {
        margin-top: 1.35rem !important;
        margin-bottom: 1.35rem;
    !important;
    }

    #contact_b {
        margin-top: 1.25rem !important;
        margin-bottom: 1.25rem;
    !important;
    }

    #details {
        text-align: center !important;
    }

    .footer-img {
        height: 45px;
        width: 45px;
    }
}

@media all and (min-width: 1400px) and (max-width: 1836px) {


}