/* -> 1200 */
@media (max-width: 1200px) {
}

/* -> 992 */
@media (max-width: 992px) {

    .msg-required {
        display: none;
    }

    #row-size .icon {
        font-size: 200%;
    }

    .footer .left {
        display: none;
    }

}

/* -> 767 */
@media (max-width: 767px) {

    #row-size .icon {
        font-size: 150%;
    }

    .home1-text-suite {
        display: none;
    }

    #selectedCardDialogModal .modal-dialog  {
        height: 380px;
    }

    #selectedCardDialogModal .modal-content {
        border-width: 11px;
        border-radius: 38px;
        height: 380px;
        width: 380px;
    }

    #selectedCardDialogModal .modal-content .front,
    #selectedCardDialogModal .modal-content .back {
        border-radius: 38px;
        background-size: 312px 312px;
    }

    #selectedCardDialogModal .modal-title {
        font-size: 150%;
    }

    #selectedCardDialogModal .modal-text {
        font-size: 140%;
        padding: 0 0.5em;
    }

    #selectedCardDialogModal .modal-footer button {
        margin: 0 3px;
        padding-left: 3px;
        padding-right: 3px;
    }

    #users th.mail, #users td.mail { display: none; }

    #seances th.dateat, #seances td.dateat { display: none; }

}

/* -> 576 */
@media (max-width: 576px) {

    #row-size .icon {
        font-size: 100%;
    }

    #seance_play .mycard  {
        margin: 3px;
        padding: 5px;
        border-width: 3px;
    }

    #cards th.text, #cards td.text { display: none; }

    #users th.mail, #users td.mail { display: none; }
    #users th.role, #users td.role { display: none; }

    #seances th.code, #seances td.code { display: none; }
    #seances th.dateat, #seances td.dateat { display: none; }

    .section-vp {
        padding-top: 40px;
        height: auto;
        min-height: auto;
        overflow: none;
    }
    .section-vp .container {
        height: auto;
        min-height: auto;
        margin-bottom: 0;
    }

    .nav-section {
        border: 1px solid #ccc;
    }

    .nav-section li {
        display: none;
    }

    .section-vp .container .title h2 {
        font-size: 1.2rem;
    }

    .section-vp h3 {
        font-size: 0.85rem;
    }

    .section-vp .container li {
        font-size: 0.85rem;
    }

    /* slide1 */
    #slide1.section-vp .ellipse {
        margin: 0.5em auto;
        padding: 1em 2em;
    }

    #slide1.section-vp .screen-center {
        justify-content: inherit;
    }
    #slide1.section-vp .container {
        margin-bottom: 0;
    }

    /* slide2 */
    #slide2.section-vp .ellipse {
        margin: 0.5em auto;
        padding: 1em 1em;
    }
    #slide2.section-vp .methods-msg1 {
        font-size: 100%;
    }
    #slide2.section-vp .frame {
        margin: 0;
        padding: 0.3em;
    }
    #slide2.section-vp .col-4 {
        padding-right: 5px;
        padding-left: 5px;
    }
    #slide2.section-vp p.frame-text {
        font-size: 80%;
    }
    #slide2.section-vp p.frame-method {
        font-size: 100%;
    }
    #slide2.section-vp .methods-msg {
        font-size: 90% !important;
        padding: 0.2em 0.4em;
    }

    /* slide3 */
    #slide3.section-vp .ellipse {
        margin: 0.5em auto;
        padding: 1em 1em;
    }
    #slide3.section-vp h3 {
        font-size: 0.8rem;
    }
    #slide3.section-vp .col-4 {
        padding-right: 5px;
        padding-left: 5px;
    }
    #slide3.section-vp div.ellipse {
        font-size: 0.85rem;
    }

    /* slide7 & slide8 */
    .section-vp .temoignage {
        font-size: 0.85rem;
    }

}


/* 768 -> */
@media (min-width: 768px) {

}