/* (1366x768) WXGA Display */

@media (min-width: 1201px) and (max-width: 1400px) {
    .logo-desk {
        margin: 0 auto;
    }

    .bbox-right {
        margin-left: 0px;
        float: none;
    }

    .bbox-left .text-box-inner,
    .bbox-right .text-box-inner {
        left: 0;
        top: 0;
        padding: 50px 30px 50px 30px;
    }

    .left-av .inner-av,
    .bgbman {
        background-position-x: 0px;
    }
}

@media (min-width: 904px) and (max-width: 1200px) {

    .logo-desk {
        margin: 0 auto;
    }

    .ipdprh {
        width: 50%
    }

    .ipdprf {
        width: 100%
    }

    [class*="col-"] {
        margin-bottom: 15px;
    }

    .logo-mobile {
        display: none;
    }

    .left-av .inner-av,
    .bgbman {
        background-position-x: 0px;
    }

    .bbox-left .text-box-inner,
    .bbox-right .text-box-inner {
        left: 0;
        top: 0;
        padding: 50px 30px 50px 30px;
    }

    .stroke-card-bg {
        align-items: center;
        justify-content: center;
    }

    .green-wrp {
        display: flex;
        flex-wrap: nowrap !important;
        flex-direction: column;

    }

    .txt-desc-wrapper {

        padding: 30px 25px;

    }

    .bbox-left {
        float: none;
    }




    .bbox-right {
        margin-left: 0;
        float: none;
    }

    .sub {
        width: 20%;
    }

    .stroke-card-wide {
        display: flex;
        flex-wrap: wrap;

    }

    .stroke-card-bg {
        margin-bottom: 0px !important;
    }

    .txt-desc-wrapper .desc-txt {
        font-size: 17px;

    }


    .elt-hero {
        flex-wrap: nowrap !important;
        flex-direction: column;

    }

    .elt-hero .col-md-6 {
        width: 100%;
    }

}


/*tablette*/

@media (min-width: 768px) and (max-width: 991px) {
    .logo-desk {
        margin: 0 auto;
    }

    .left-av .inner-av,
    .bgbman {
        background-position-x: 0px;
    }

    .stroke-card-bg {
        align-items: center;
        justify-content: center;
    }

    .green-wrp {
        display: flex;
        flex-wrap: nowrap !important;
        flex-direction: column;

    }

    .txt-desc-wrapper {

        padding: 30px 25px;

    }

    .bbox-left {
        float: none;
    }

    .bbox-left .text-box-inner,
    .bbox-right .text-box-inner {
        left: 0;
        top: 0;
        padding: 50px 30px 50px 30px;
    }

    .split-card-wrapper {
        flex-wrap: wrap;
        background-color: rgba(255, 255, 255, 0.4);
        text-align: center;
    }

    .picto-bg-wrapper {
        flex-grow: 1;
        justify-content: center;
        padding: 1px 15px;
        width: 100%;

    }

    .bbox-right {
        margin-left: 0;
        float: none;
    }

    .sub {
        width: 100%;
    }

    .stroke-card-wide {
        display: flex;
        flex-wrap: wrap;

    }

    .stroke-card-bg {
        margin-bottom: 0px !important;
    }

    .green-wrp:before {
        content: url(../img/caret-top.svg);
        width: 23px;
        position: absolute;
        margin: 0 auto;
        left: 0;
        right: 0;
        top: -16px;
    }

    .elt-hero {
        flex-wrap: wrap !important;

    }

    .elt {
        display: block;
    }

    [class*="col-"] {
        margin-bottom: 15px;
    }



}




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

    .logo-desk {
        margin: 0 auto;
    }

    .mobile-step {
        width: 85%;
    }

    .left-av .inner-av,
    .bgbman {
        background-position-x: 0px;
    }

    .bbox-left {
        float: none;
    }

    .bbox-left .text-box-inner,
    .bbox-right .text-box-inner {
        left: 0;
        top: 0;
        padding: 50px 30px 50px 30px;
    }

    .split-card-wrapper {
        flex-wrap: wrap;
        background-color: rgba(255, 255, 255, 0.4);
        text-align: center;
    }

    .picto-bg-wrapper {
        flex-grow: 1;
        justify-content: center;
        padding: 1px 15px;
        width: 100%;

    }

    .bbox-right {
        margin-left: 0;
        float: none;
    }

    .sub {
        width: 100%;
    }

    .stroke-card-wide {
        display: flex;
        flex-wrap: wrap;

    }

    .stroke-card-bg {
        margin-bottom: 0px !important;
    }

    .green-wrp:before {
        content: url(../img/caret-top.svg);
        width: 23px;
        position: absolute;
        margin: 0 auto;
        left: 0;
        right: 0;
        top: -16px;
    }

    .logo-mobile {
        width: 300px;
    }

    .elt-hero {
        flex-wrap: wrap !important;

    }


    .elt {
        display: block;
    }

    [class*="col-"] {
        margin-bottom: 15px;
    }
}