@media screen and (max-width: 1280px) {
    .onlyOneVideo .padding-block{
        height: 85%;
    }
}
@media screen and (max-width: 768px) {
    .popupText {
        font-size: 14px;
    }
    .selectparcours.main .inner{
        padding-left: 5px;
        padding-right: 5px;
    }
    .mainmenu.open{
        display: none;
    }
    .popup-scrollable {
        margin-left:5px;
        margin-right:5px;
    }
    .selectparcours.main {
        line-height: 100%;
        max-height:70vh;
        width:83%;
    }
        

    .hideOnMobile{
        display: none;
    }
    .sheet-content, .sheet-description, .section-title{
        padding-left: 55px;
        padding-right: 55px;
    }
    .fancybox-skin{
        background-color: rgba(0,0,0,1) !important; 
    }   
    .subitem-container{
        display: none;
    }
    .itemleft{
        width: 90%;
    }
    .super-header{
        height: 63px;
        font-size: 13px;
    }
    .super-header .verybig{
        font-size: 15px;
        line-height: 35px;
    }
    .sub-header{
        top: 63px;
    }
    .subitem-container-responsive{
        display: inline-block;
        position: absolute;
        right: 0;
        top: -6px;
    }
    .topParcours{
        /* font-size: 16px; */
        height: 100%;
        line-height: 22px;
    }
    .topParcoursProgress{
        top: 70px;
    }
    .sub-item{
        padding-left: 2px;
        padding-right: 2px;
        font-size: 11px;
    }
    h1.abs-title{
        font-size: 17px;
    }
    .closeButton img{
        width: 15px;
        height: 15px;
        margin-top: 1px;
    }
    .menu-responsive{
        text-align: left;
        width: 100%;        
    }
    .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after, .hamburger-box {
        width:30px !important;
        padding: 0;
        
    }
    .hamburger-box{
        margin-right: 5px;
    }
    .blocs-container{
        /* padding-bottom: 40px; */
        position: relative;
    }
    .section-arrow{
        display: none;
    }
    .section-arrow.responsive{
        display: block;
        width: 50px;
        height: 50px;
        position: absolute;
        top:inherit;
        bottom: 48%;
    }        
    .card{
        width: 100%;
    }
    .itemright, .itemleft {
        padding: 15px;
        font-size: 14px;
        

    }
    /* .onlyOneVideo{
        display: block;
        height: 60%;
        margin-bottom: 20px;
    } */
    .onlyOneVideo .padding-block{
        height: 75%;
    }
    .selectparcours{
        /* font-size:0.9em;
        width: 90%;
        top: 90px; */
    }
    .selectparcours.intro .scrollable{
        padding-bottom: 10px;
    }
    .selectparcours.main{
        z-index: 2;
    }
    .selectparcours.intro .itemleft{
        padding-left: 0;
        padding-right: 0;
        padding-top: 10px;
        padding-bottom: 10px;
        margin: 0;
        outline:1px #000 solid;
        border:none;
    }
    .selectparcours.intro .itemleft:hover{
        outline:1px white solid;
        border:none;
    }
    .scrollable{
        max-height: 45vh;
    }
    .selectparcours.intro{
        font-size: 0.9em;
        margin-top: 5px;
        width: 80%;
        border: 1px solid white;
        top: 0;
        left: 10px !important;
        height: auto;
    }
    .bottom-popup{
        margin-top:15px;
    }
    .parcoursTitle{
        font-size: 20px;
    }
    .googleiframe{
        height: 40vh;
        /* width: 100%;
        margin-bottom: 20px;
        margin-top: 0vh; */
    }
    .teamUserContainer .card{
        margin-left: 0px;
        margin-right: 0px;
        margin-bottom: 20px;
    }
    .teamUserContainer video{
        margin-bottom: 20px;
        width: 100%;
    }

    .teamUserContainer .row{
        margin-left: 0px;
        margin-right: 0px;
    }
    
    .videoContainer iframe{
        height: 40vh;
        width: 100%;
        margin-bottom: 20px;
        margin-top:0vh;
    }
    .teamContainer .card{
        width:48%;
    }

    .logoText {
        font-size:10px;
    }
    .mCustomScrollBox{
		max-width: 96%;
	}
    
}

@media screen and (max-width: 768px) and (orientation:portrait) {
 .section-arrow.responsive{
        bottom: 1%;
    }
     .sheet-content, .sheet-description, .section-title{
        padding-left: 5px;
        padding-right: 5px;
    }
    .teamContainer .card{
        width:48%;
    }
}
@media screen and (max-width: 320px) {
    .sub-item{
        font-size: 10px;
    }
    .logoText {
        font-size:10px;
    }
    .sub-item.parcours-icon div{
        height: 50vh;
        left: -20vw;
        width: 95vw;
    }
    .sub-item.news-icon div{
        height: 50vh;
        left: -43vw;
        width: 95vw;
    }
    .selectparcours.main .inner{
        height: 64vh;
    }
    .selectparcours.main{
        overflow: scroll;
    }
    .selectparcours.main .itemleft{
        margin-bottom: 20px;
    }
}
@media screen and (min-width: 360px) and (max-width: 768px)  {
   .teamContainer  .card{
        width: 48%;
    }

    .logoText {
        font-size:10px;
    }
}

@media screen and (max-height: 500px) {
    .fancybox-wrap{
        /* top: 0px !important;
        padding-top: 30px !important; */
    }
    .bottomParcoursStepsContainer{
        bottom: -23px;
    }
    .selectparcours.main .inner{
        height: 64vh;
    }
    .selectparcours.main{
        overflow: scroll;
    }
    .selectparcours.main .itemleft{
        margin-bottom: 20px;
    }
    /* .googleiframe, .onlyOneVideo iframe {
        margin-top:0vh;
    } */

    .externallink {
        margin-top:0vh;
    }
}
/* @media screen and (max-height: 1200px) {
    .googleiframe, .onlyOneVideo iframe {
        margin-top:15vh;
    }
}
@media screen and (max-height: 900px) {
    .googleiframe, .onlyOneVideo iframe {
        margin-top:10vh;
    }
}

@media screen and (max-height: 700px) {
    .googleiframe, .onlyOneVideo iframe {
        margin-top:5vh;
    }
}


@media screen and (max-height: 500px) {
    .googleiframe, .onlyOneVideo iframe {
        margin-top:0vh;
    }
} */

@media screen and (max-width:450px) {
    .teamContainer .card{
        width:100%;
    }
}

@media screen and (min-width: 768px){
    .onlyOneVideo iframe, .googleiframe{
        padding-left: 10vw;
        padding-right: 10vw;
    }
    
}
@media screen and (min-width: 0px) and (max-width: 399px)  {
    .menu-responsive .sub-item span{
        font-size: 7px;
    }
}
@media screen and (min-width: 400px) and (max-width: 479px)  {
    .menu-responsive .sub-item span{
        font-size: 9px;
    }
}
@media screen and (min-width: 480px) and (max-width: 525px)  {
    .menu-responsive .sub-item span{
        font-size: 10px;
    }
}
 
@media screen and (min-width: 768px) and (max-width: 830px)  {
    .subitem-container{
        padding-right: 0px;
    }
    .subitem-container .sub-item span{
        font-size: 11px;
    }
    .subitem-container .sub-item{
        padding-left: 4px;
        padding-right: 4px;
    }
}
@media screen and (min-width: 831px) and (max-width: 900px)  {
    .subitem-container{
        padding-right: 0px;
    }
    .subitem-container .sub-item span{
        font-size: 13px;
    }
    .subitem-container .sub-item{
        padding-left: 4px;
        padding-right: 4px;
    }
}

@media screen and (min-width: 901px) and (max-width: 1024px)  {
    .subitem-container{
        padding-right: 0px;
    }
    .subitem-container .sub-item span{
        font-size: 14px;
    }
    .subitem-container .sub-item{
        padding-left: 8px;
        padding-right: 8px;
    }
 }