@media (max-width: 768px) {
    .no-flex-xs{
        display: block!important;
    }
    .pageContainer, .pageContent {
        padding: 10px;
    }

    .pageMargin{
        margin: 0px 10px;
    }

    .blocMargin{
        margin: 10px 0px;
    }

    .pagePadding{
        padding: 10px;
    }

    .searchPadding{
        padding: 0px 10px;
    }

    .mosaicElement {
        padding-top: 130px;
    }

    .borderWeb{
       margin:0px !important;
    }

    .oneVideo {
        margin: 20px 10px;
        width: calc(100% - 20px);
        height: calc(100vw * 0.52);
    }

    .twoVideo{
        height: calc(100vw * 0.42);
    }

    .productBloc{
        flex-wrap: wrap;
    }
    .productBloc .leftColProduct {
        margin-right: 10px
    }
    .productBloc .rightColProduct {
        padding-left: 10px;
        border-left: none;
    }
    .productBloc .rightColProduct .buttonBloc {
        align-self: center;
    }
    .productBloc .rightColProduct .buttonBloc .btn {
        padding: 12px;
        max-width: -moz-available;          /* WebKit-based browsers will ignore this. */
        max-width: -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */
        max-width: fill-available;
    }

    #faqAccordion blockquote{
        padding: 10px;
    }

    .hoverSession .fa-angle-right{
       font-size: 30px !important;
    }

    .listeSession #map_canvas{
       margin-top: 20px;
    }
    .schoolDetailImg{
        padding: 0px!important;
    }
    .schoolDetailContainer{
        padding: 10px;
    }
    .schoolDetailInfos{
        padding: 25px 10px;
        border: none;
    }

    #accountAccordion .panel
    {
        padding: 10px;
    }
}
@media (min-width: 768px) and (max-width: 992px) {
    .pageContainer, .pageContent {
        padding: 25px;
    }
    .pageMargin{
        margin: 0px 28px;
    }

    .blocMargin{
        margin: 28px 0px;
    }

    .pagePadding{
        padding: 17px;
    }

    .searchPadding{
        padding: 0px 20px;
    }
    .oneVideo {
        margin: 20px 35px;
        width: calc(100% - 70px);
        height: calc(100vw * 0.5);
    }
    .productBloc{
        flex-wrap: nowrap;
    }
    .productBloc .leftColProduct {
        margin-right: 28px
    }
    .productBloc .rightColProduct {
        padding-left: 28px;
        border-left: 1px solid #dadada;
    }

    #faqAccordion blockquote{
        padding: 17px;
    }

    #accountAccordion .panel
    {
        padding: 23px;
    }
}

@media (max-width: 991px) {
    .scoreDivider{
        border-bottom:1px solid #306993;
        border-right:none;
        text-align: center!important;
        padding : 27px!important;
    }
    .titreScore{
        padding: 0px 46px;
        min-height: 78px;
        display: flex;
        color: #306993;
        font-size: 1.6rem;
        text-align: right;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }
    .scoreCompte{
        padding: 0px
    }
    .loginTitle{
        min-height: 85px;
    }

    .login small {
        text-align: right;
    }
}

@media (min-width: 992px) {
    .pageContainer, .pageContent {
        padding: 56px;
    }

    .pageMargin{
        margin: 0px 56px;
    }

    .blocMargin{
        margin: 56px 0px;
    }

    .pagePadding{
        padding: 24px;
    }

    .searchPadding{
        padding: 0px 60px;
    }
    .titreScore{
        padding: 0px 46px;
        min-height: 178px;
        display: flex;
        color: #306993;
        font-size: 1.6rem;
        text-align: right;
        flex-direction: column;
        justify-content: center;
        align-items: flex-end;
    }
    .scoreDivider{
        border-bottom: none;
        border-right:1px solid #306993;
        padding : 0px 27px;
        text-align: right;
    }
    .scoreCompte{
        padding-left: 35px;
        padding-right: 15px;
    }
    .loginTitle{
        min-height: 123px;
    }
    .oneVideo {
        margin: 20px 60px;
        width: calc(100% - 120px);
        height: calc(1366px * 0.43);
        max-height: 700px;
    }

    .headerBanner .oneVideo{
        margin: 20px 12%;
        width: calc(100% - 24%);
    }

    .productBloc{
        flex-wrap: nowrap;
    }
    .productBloc .leftColProduct {
        margin-right: 56px
    }
    .productBloc .rightColProduct {
        padding-left: 56px;
        border-left: 1px solid #dadada;
    }
    .productBloc .rightColProduct .buttonBloc .btn {
        padding: 12px 50px;
    }
    #faqAccordion blockquote{
        padding: 24px;
    }
    #accountAccordion .panel
    {
        padding: 46px;
    }
}
@media (min-width: 1200px){
    #nav-wrapp a{
        padding: 0px 10px;
    }
    #nav-wrapp .dropdown-menu a {padding: .4rem 1.7rem;}
}
@media (max-width: 1199px){
    #nav-wrapp {
        margin: 0;
    }
    #nav-wrapp .dropdown-menu{
        box-shadow: none;
        padding: 5px;
    }
    #nav-wrapp .dropdown-menu a {padding: .4rem 2rem;}
    #nav-wrapp.smallHeader
    {
        margin: 0px;
    }
    #colLogo {
        display:none;
    }
    .navbar-header {
        float: none;
    }
    .navbar-header a{
        display:block;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
        background-color: #eff5fc;
        padding: 15px 0px;
        margin-top: 10px;
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-collapse > li > a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-header .textMenu {display: inline-block;}
    ul.dropdown-menu {width: 100% !important;}
    ul.dropdown-menu li{float: inherit !important;}
    #nav-wrapp {float: left!important;width: 100%;padding-left:0;}
    #nav-wrapp .nav{float: left!important;}
    .collapse.in{
        display:block !important;
        max-height: initial;
    }
    .searchForm{
        padding: 10px;
        height: 40px;
    }
    .searchField{
        width: 200px;
    }
    .searchField:focus {
        width: 270px;
    }
}

@media (max-width: 1366px) {
    .oneVideo {
        height: calc(100vw * 0.42);
    }
}
@media (min-width: 1366px) {
    .oneVideo {
        height: calc(1366px * 0.42);
    }
    .twoVideo {
        height: calc(783px * 0.38);
    }
}
@media (min-width: 769px) and (max-width: 1366px) {
    .twoVideo {
        height: calc(50vw * 0.42);
    }
}

@media (max-width: 576px) {
    .contactFilter, .summary{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}

@media (min-width: 577px) {
    .contactFilter, .summary{
        display: flex;
        flex-direction: row;
        align-items: center;
    }
}


/* WITNESSES */
 @media screen and (max-width:420px){
    .testimonials-pane {
        padding: 4px 14px 40px !important;
    }
    .witnessHomeQuote{
        max-height: 140px !important;
    }
    .listeSession #map_canvas{
        width:230px !important;
        margin-top: 20px;
    }
    .schoolDetailImg{
        padding: 0px!important;
    }
    .schoolDetailContainer{
        padding: 10px;
    }
     .schoolDetailInfos{
         padding: 25px 10px;
         border: none;
     }
}
@media screen and (min-width: 421px) and (max-width:515px) {
    .witnessHomeQuote{
        max-height: 160px !important;
    }
}

/*SEARCH MOBILE*/
@media (max-width:367px){
    .search-icon {
        margin-left: -10px;
    }

}

 /* FOOTER FOR MOBILE */
@media screen and (max-width:354px){
    footer#footer > .container > .row > .col-sm-6 > .footer-widget > div:first-child{min-height: 210px;}
}