@media only screen and (min-width: 1650px) {
    .leftBigcontentrightSmallContentMain h2 {
        max-width: 70%;
    }
    .subPageBanner .bannerImg{       
        width: 980px;
    }
		.homeBanner .bannerImg {
		  width: 1280px !important;
		}
    /* .homeBanner .bannerImg img{
        border-radius: 405px 0px 0 0;
    } */
    .newsDetailsTextBlock p {
        max-width: 1479px;
    }
    .smallvideoCol {
        padding: 32px 32px 76px 135px;
    }
    .smallvideoCol iframe{
        height: 476px !important;
    }
    .detsilsUl ul li{      
        margin-bottom: 37px;       
    }
    .detsilsUl ul li p{
        font-size: 24px; 
    }
    .eventDetailsContentRow .left {
        width: calc(100% - 810px);
    }
    .eventDetailsContentRow .right {      
        max-width: 810px;
    }
    .objectivesBlock {
        padding-right: 0;
    }
    .methodesBlock {
        padding-right: 0px;
    }
    .objectivesBlockInner ul li, .methodesBlockInner ul li, .methodesBlockInner p{       
        max-width: 770px;
    }
    .trainingCalendarColCard a {
        position: relative;
        left: 0px;
        bottom: 0px;
    }
    .trainingCalendarColCard .bottom h3{
        margin-bottom: 34px;
        font-size: 24px;
    }
    .eventDetailsContentRow {       
        padding: 0 0 0px;
    }
    .formationContinueRow {        
        padding: 50px 20px 0;
    }
    .formationContinueColInner a {        
        max-width: 664px;
    }
    .lesSpecialesSlider, .lesBasesSlider  {
        width: 100%;
        max-width: 1640px;
        margin: auto;
    }
    .lesSpecialesBlock .customSliderNav, .lesBasesBlock .customSliderNav {
        justify-content: center;
    }
    .trainingCalendarFilter .inputGroup {      
        width: 100%;
        max-width: 544px;
    }
    .trainingCalendarFilter a {        
        width: 100%;
        max-width: 345px;
    }
    .certificationWorkSlider .owl-nav {
        max-width: 1070px;
    }
    .trainingCalendarFilter a, .trainingCalendarFilter .form-control::placeholder{
        font-size: 24px;
    }
    .trainingCalendarFilter .form-control::placeholder{
        line-height: 1.1;
    }
    .trainingCalendarFilter a img, .trainingCalendarFilter .inputGroup .inputGroupLeft {
        width: 49px;
    }
    .trainingCalendarFilter .form-control {        
        height: 83px;
        padding: 15px 25px 15px 84px;
    }
    .trainingCalendarFilter .inputGroup .inputGroupRight {       
        top: 31px;
    }
    .lesBasesSlider.active #lesBasesSliderBlock, .lesSpecialesSlider.active #lesSpecialesSliderBlock {
        padding-left: 0px;
    }
}
@media only screen and (min-width: 1920px) {
    .subPageBanner h1 {       
        max-width: 816px;
    }
    .datepicker-dropdown {        
        width: 28%;
    }
    .datepicker-days .table-condensed{
        width: 100%;
    }
    .datepicker .old, .datepicker .day, .datepicker .new {
        height: 70px !important;
    }
    .lesSpecialesSlider, .lesBasesSlider {       
        padding-left: 160px;
    }
}
@media only screen and (min-width: 2000px) {
    .leftBigcontentrightSmallContentMain h2 {
        max-width: 70%;
    }
    .datepicker-dropdown {        
        width: 22%;
    }
    .datepicker-days .table-condensed{
        width: 100%;
    }
    .datepicker .old, .datepicker .day, .datepicker .new {
        height: 70px !important;
    }
    #actualitesSliderBlock .owl-nav {        
        max-width: 1280px;
    }
    .actualitesSliderContent h3 {       
        max-width: 90%;
    }
    .actualitesSliderContent p {
        max-width: 80%;
    }
    .newsDetailsContent .customContainer{
        max-width: 2500px;
        padding-left: 250px;
    }
    .newsDetailsTextBlock p {
        max-width: 1336px;
    }
    .newsDetailsTextBlockFull .left {
        width: 40%;
    }
    .newsDetailsTextBlockFull .right {
        width: 60%;
    }   
    /* .leftBigcontentrightSmallContentMain h2 {      
        max-width: 660px;
    }  */
    .leftBigcontentrightSmallContent {        
        padding: 80px 103px 80px 8px;
    }
    .leftBigcontentrightSmallContent .left {       
        padding-right: 250px;
    }
    .leftBigcontentrightSmallContent .right {       
        /* max-width: 370px; */
    }
    .upcomingCoursColInner .left{      
        max-width: 397px;
    }
    .upcomingCoursColInner .right {
        max-width: 390px;
    }
    .upcomingCoursColInner .right p {        
        padding-right: 149px;
    }
    .upcomingCoursColInner .right ul {
        padding-right: 165px;
    }
    .upcomingCoursColInner .middle {
        width: calc(100% - 787px);
        padding: 50px 30px 98px;
    }
    .upcomingCoursColInner .middle p{
        margin-bottom: 50px;
    }
    .upcomingCoursColLast .left {        
        max-width: 554px;
        padding-right: 144px;
    }
    .upcomingCoursColLast .right {
        width: calc(100% - 554px);
    }
    .upcomingCoursColLast .left::after {        
        font-size: 74px;       
        right: 53px;
    }    
    .carteCertificationBlock {
        padding: 115px 111px 115px 135px;
        max-width: 1914px;
    }
    .carteCertificationBlock p {
        font-size: 24px;
    }
    .certificationWorkSlider {        
        max-width: 1730px;
        margin: 0 auto;
    }
    .certificationWorkSlider .owl-nav {
        max-width: 980px;
    }
    .footertopNavcol {       
        max-width: 220px;
    }
    .footerSocial img {        
        width: 37px;
    }
    .testimonialSlider .owl-nav {      
        width: 60%;
        top: 20%;
        left: 50%;
        transform: translate(-50%, 0px);
    }
    .eventDetailsContent {
        position: relative;
    }
    .eventDetailsContent::after{
        content: "";
        display: block;
        top: 0;
        bottom: 0;
        background-color: #d5eadc;
        width: 50%;
        height: 100%;
        position: absolute;
        z-index: -1;
        right: 0;
        border-radius: 0 400px 0 0;
    }
    .eventDetailsContent .customContainer{
        max-width: 2000px;
    }
    .eventDetailsContentRow .right {      
        max-width: 1114px;
    }
    .eventDetailsContentRow .left {
        width: calc(100% - 1114px);
        padding-left: 0px;
    }
    .detsilsUl ul li {
        font-size: 24px;        
        margin-bottom: 37px;
    }
    .upcomingCoursSearch {
        max-width: 494px;
    }
    .courseDetailsBanner.subPageBanner .bannerImg img {
        right: 48%;
    }
    .subPageBanner.courseDetailsBanner h1 {
        max-width: 834px;
    }
    .smallvideoCol {
        padding: 32px 33px 76px 135px;
    }
    .smallvideoCol iframe{
        height: 476px !important;
    }
    .objectivesBlock {
        padding-right: 0;
    }
    .methodesBlock {
        padding-right: 0px;
    }
    .smallTeamCardCol .imgBlock {
        width: 200px;
        height: 200px;
    }
    .smallTeamBlock p {      
        max-width: 762px;
    }
    .trainingCalendarRow {       
        margin: 0 auto;
        max-width: 1484px;
    }    
    .aboutColInner h4{
        font-size: 32px;
    }
    .aboutColInner p{
        font-size: 24px;
    }
    .videoBlockRow {
        width: 100%;
        max-width: 1289px;
    }
    .videoBlockRow iframe{
        height: 789px;
    }
    .partnerDetailsRow .left {
        width: 32%;
    }
    .partnerDetailsRow .right {       
        width: 68%;
    }
    .partnerColInner {
        display: flex;
        justify-content: center;
    }
    .questionsBlock h2 {       
        margin-bottom: 90px;
    }
    .questionsBlock .customContainer {
        width: 100%;
        /* max-width: 100%; */
    }
    .questionsBlockInner::before{
        content: "";
        width: 60%;
        height: 100%;
        background-color: #d5eadc;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
    }
    .carteCertificationInner{
        position: relative;
    }
    .carteCertificationInner::before{
        content: "";
        width: 60%;
        height: 100%;
        background-color: #ededed;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
    }
    .questionsRow {       
        max-width: 2319px;
        /* padding: 61px 98px 61px 324px; */
    }
    .questionsRow .left {      
        max-width: 1012px;
    }
    .questionsRow .right h4{
        font-size: 48px;
    }
    .subPageBanner .bannerImg {       
        bottom: -357px;
        width: 1248px;
    }
    .footerRow .left {
        width: calc(100% - 500px);       
    }
    .footerRow .right {       
        max-width: 500px;
        padding: 27px 80px 73px 80px;
    }
    .carteCertification .container {
        /* max-width: 100%; */
    }   
    .newsletterSection .container{
        max-width: 100%;
        padding-right: 135px;
    } 
}
@media only screen and (min-width: 2300px) {
    #actualitesSliderBlock .owl-nav {        
        max-width: 1400px;
    }    
}

@media only screen and (max-width: 2600px) {
}
@media only screen and (max-width: 2599px) {
}
@media only screen and (max-width: 2499px) {
}
@media only screen and (max-width: 2399px) {
}
@media only screen and (max-width: 2299px) {
}
@media only screen and (max-width: 1920px) {
}
@media only screen and (max-width: 1800px) {
    .subPageBanner h1 {        
        max-width: 723px;
    }
    .subPageBanner .bannerImg {
        right: 0;
        bottom: -393px;
        width: 605px;
        height: 790px;
    }
}
@media only screen and (max-width: 1799px) {
}
@media only screen and (max-width: 1700px) {
   
}
@media only screen and (max-width: 1699px) {
    

}
@media only screen and (max-width: 1600px) {
   
}
@media only screen and (max-width: 1599px) {
    .container {
        padding-left: 125px;
        padding-right: 125px;
    }
    .lesBasesSlider.active #lesBasesSliderBlock, .lesSpecialesSlider.active #lesSpecialesSliderBlock {
        padding-left: 125px;
    }
    .prochainsSlider.active #prochainsSliderBlock {
        padding-left: 125px;
    }
    .newsletterCol.left {
        padding: 0 15px 0 125px;
    }
    .newsletterFormBlock {      
        padding: 115px 298px 115px 125px;
    }
    .smallvideoCol{
        padding: 32px 125px 76px 125px;
    }
    .carteCertificationBlock {       
        padding: 115px 100px 115px 125px;
    }
    .textContent {
        padding: 87px 110px 87px 125px;
    }
    .eventDetailsContentRow .right {       
        padding: 140px 125px 140px 90px;
    }
    .partnerDetailsRow .left{        
        padding: 50px 125px;
    }
    .newsDetailsTextBlockFull{
        padding-left: 125px;
    }
    .newsDetailsTextBlock{
        padding: 0 125px 85px 125px;
    }
    .subPageBanner h1 {        
        max-width: 723px;
    }
    .whithoutimgbanner h1, .courseDetailsBanner h1{   
        max-width: 983px;
    }
}
@media only screen and (max-width: 1550px) {
   
}
@media only screen and (max-width: 1500px) {
   
}
@media only screen and (max-width: 1439px) {
    .container {
        padding-left: 90px;
        padding-right: 90px;
    }
    .lesBasesSlider.active #lesBasesSliderBlock, .lesSpecialesSlider.active #lesSpecialesSliderBlock {
        padding-left: 90px;
    }
    .prochainsSlider.active #prochainsSliderBlock {
        padding-left: 90px;
    }
    .newsDetailsTextBlock{
        padding: 0 90px 85px 90px;
    }
    .newsletterCol.left {
        padding: 0 15px 0 90px;
    }
    .newsletterFormBlock {      
        padding: 115px 298px 115px 90px;
    }
    .smallvideoCol{
        padding: 32px 90px 76px 90px;
    }
    .textContent {
        padding: 87px 130px 87px 90px;
    }
    .carteCertificationBlock {       
        padding: 115px 100px 115px 90px;
    }
    .eventDetailsContentRow .right {       
        padding: 140px 90px 140px 90px;
    }
    .partnerDetailsRow .left{        
        padding: 50px 90px;
    }
    .newsDetailsTextBlockFull{
        padding-left: 90px;
    }
    .lesBasesSlider .owl-carousel .item, .lesSpecialesSlider .owl-carousel .item {
        width: 300px;
    }
    .lesBasesSliderContent .left {
        max-width: 200px;
    }
}
@media only screen and (max-width: 1370px) {
     
}
@media only screen and (max-width: 1350px) {
    h1{
        font-size: 62px;       
    }
    h2{
        font-size: 42px;        
    }
    h3{
        font-size: 30px;        
    }
    h4{
        font-size: 24px;        
    }
    p{
        font-size: 20px; 
    }
    .container {
        padding-left: 60px;
        padding-right: 60px;
    }
    .lesBasesSlider.active #lesBasesSliderBlock {
        padding-left: 60px;
    }
    .prochainsSlider.active #prochainsSliderBlock {
        padding-left: 60px;
    }
    .newsDetailsTextBlock{
        padding: 0 60px 85px 60px;
    }
    .smallvideoCol{
        padding: 32px 60px 76px 60px;
    }
    .textContent {
        padding: 87px 130px 87px 60px;
    }
    .eventDetailsContentRow .right {       
        padding: 140px 60px 140px 90px;
    }
    .newsletterCol.left {
        padding: 0 15px 0 60px;
    }
    .newsletterFormBlock {      
        padding: 95px 298px 95px 60px;
    }
    .carteCertificationBlock {       
        padding: 95px 100px 95px 60px;
    }
    .newsDetailsTextBlockFull{
        padding-left: 60px;
    }
    .partnerDetailsRow .left{        
        padding: 50px 60px;
    }
    .mainNavBlock ul li a {
        font-size: 18px;
    }
    .actualitesSliderContent {       
        padding: 30px 20px 65px;
    }   
    .questionsRow {
        padding: 61px 66px 61px 55px;
    } 
    .questionsRow .right {
        padding-left: 90px;
    }
    .objectivesBlockInner, .methodesBlockInner {
        padding: 66px 60px 66px 60px;
    }
    .programmeBlock {
        padding: 66px 60px 66px 60px;
    }
    .smallTeamBlock {
        padding: 66px 60px;
    }
    .eventDetailsContentRow .right {
        padding: 140px 110px 140px 60px;
    }
    .lesBasesSlider .owl-carousel .item, .lesSpecialesSlider .owl-carousel .item {
        width: 280px;
    }
    .lesBasesSliderContent .left {
        max-width: 200px;
    }
}
@media only screen and (max-width: 1280px) {
    .aboutColInner {
        padding: 46px 44px 68px 44px;
        min-height: 600px;
    }
}
@media only screen and (max-width: 1279px) {
    .container {
        padding-left: 55px;
        padding-right: 55px;
    }
    .lesBasesSlider.active #lesBasesSliderBlock, .lesSpecialesSlider.active #lesSpecialesSliderBlock {
        padding-left: 55px;
    }
    .prochainsSlider.active #prochainsSliderBlock {
        padding-left: 55px;
    }
    h1{
        font-size: 52px;       
    }
    h2{
        font-size: 36px;        
    }
    h3{
        font-size: 24px;        
    }    
    .subPageBanner h1 {
        max-width: 593px;
    }
    .subPageBanner {       
        padding: 100px 0 169px;
    }
    .leftBigcontentrightSmallContent {        
        padding: 80px 50px 80px 50px;
    }
    .subPageBanner .bannerImg {      
        bottom: -263px;
        width: 515px;
        height: 690px;
    }
    .mainContent {       
        border-radius: 0 266px 0 0;
    }
    .upcomingCoursColInner .left {      
        max-width: 300px;
        padding: 33px 15px;
    }
    .upcomingCoursColInner .right {    
        max-width: 190px;
        padding: 50px 15px;
    }
    .upcomingCoursColInner .middle {
        width: calc(100% - 490px);
        padding: 50px 15px;
    }
    .upcomingCoursColLast .left{
        max-width: 430px;
    }
    .upcomingCoursColLast .left .leftInner {       
        padding: 27px 42px 40px;
    }
    .upcomingCoursColLast .right {
        width: calc(100% - 430px);      
        padding: 27px 30px 27px 30px;
    }
    .formationContinueRow {       
        padding: 50px 44px 0;
    }
    .formationContinue {
        padding: 66px 0;
    }
    .questionsRow {
        padding: 61px 55px 61px 55px;
    } 
    .questionsRow .right {
        padding-left: 50px;
        width: calc(100% - 700px);
    }
    .questionsRow .left {      
        max-width: 700px;
    }
    .partnerDetailsRow .right {
        padding: 49px 55px 95px 115px;
        width: 70%;
    }
    .partnerDetailsRow .left {
        padding: 50px 55px;
        width: 30%;
    }
    .objectivesBlockInner, .methodesBlockInner {
        padding: 66px 55px 66px 55px;
    }
    .programmeBlock {
        padding: 66px 55px 66px 55px;
    }
    .smallTeamBlock {
        padding: 66px 55px;
    }
 
    .eventDetailsContentRow .right {       
        padding: 140px 55px 140px 55px;
        border-radius: 0 268px 0 0;
    }
    .eventDetailsContentRow .right {       
        max-width: 540px;
    }
    .eventDetailsContentRow .left {
        width: calc(100% - 540px);
    }
    .newsDetailsTextBlock {
        padding: 0 55px 66px 55px;
    }
    .fullwidthModal .modal-body {
        padding: 53px 55px;
    }
    .footertopNavcol {
        margin-right: 76px;
        max-width: 37%;
        width: 100%;
        padding: 4px 0;
    }
}
@media only screen and (max-width: 1200px) {
    .mainNav .logoBlock{
        max-width: 135px;
    }
    .mainNavBlock {
        width: calc(100% - 135px);
    }
    .mainNavBlock ul li {
        margin-right: 10px;
    }
    .certificationSection {
        padding: 64px 0 120px;
    }
    .trainingCalendarCol {
        width: 50%;
    }
    .subPageBanner h1 {
        max-width: 493px;
    }
    .eventDetailsContentRow .right {       
        max-width: 500px;
    }
    .eventDetailsContentRow .left {
        width: calc(100% - 500px);
    }
}
@media only screen and (max-width: 1136px) {
    .lesBasesBlockTitle, .lesSpecialesBlockTitle{
        padding: 0 24px 54px;
    }
    .eventDetailsContentRow .right {       
        max-width: 450px;
    }
    .eventDetailsContentRow .left {
        width: calc(100% - 450px);
    }
}
@media only screen and (max-width: 1100px) {
    .certificationBlock{
        flex-wrap: wrap;
    }
    .certificationBlock .left {
        width: 100%;        
        flex-wrap: wrap;
    }
    .certificationBlock .left .box {
        width: 100%;
        padding-right: 0px;
        padding-bottom: 65px;
    }
    .certificationBlock .left .box .boxInner {
        position: relative;
        flex-direction: column-reverse;
        padding: 50px 18px 39px;
    }
    .certificationBlock .left .box .boxInner h1{
        position: absolute;
        left: 44px;
        bottom: 33px;
    }
    .certificationBlock .left .box .boxInner h4{
        margin: 0 0 0;
        min-height: initial;
    }
    .certificationBlock .left .box .boxInner img{
        margin-bottom: 15px;
    }
    .certificationBlock .left .box:first-child .boxInner {
        border-radius: 80px 0px 0px 0px;
    }
    .certificationBlock .left .box::after {        
        right: 97%;
        top: 88%;
    }
    .certificationBlock .right {
        width: 100%;
    }
    .certificationBlock .right .box .boxInner{
        flex-direction: row-reverse;
        justify-content: center;
        align-items: center;
        padding: 44px 20px 39px;
        border-radius: 0 0 80px 0;
    }
    .certificationBlock .right .box .boxInner h4 {
        margin: 0 0 0px;
    }
    .certificationBlock .right .box .boxInner img {       
        margin-right: 50px;
    }
    .formationTitle .left {       
        max-width: 95%;
        margin-right: 0px;
    }
    .formationTitle .left p{
        margin-bottom: 47px;
    }
    .formationRow {        
        margin: 0 0px;
    }
    .formationBlockCol {
        width: 100%;
        padding: 15px 0px;
    }
    .formationBlockCol:nth-child(1) .formationBlockColInner ul li a, .formationBlockCol:nth-child(2) .formationBlockColInner ul li a {
        padding: 30px 0 22px;
    }
    .formationBlockCol:nth-child(1) .formationBlockColInner ul li:first-child a, .formationBlockCol:nth-child(2) .formationBlockColInner ul li:first-child a{
        padding-top: 0px;
    }
    .formationBlockCol:nth-child(1) .formationBlockColInner ul li a i, .formationBlockCol:nth-child(2) .formationBlockColInner ul li a i{        
        font-size: 34px;
    }
    .formationBlockCol:nth-child(3) .formationBlockColInner{
        min-height: initial;
    }
    .formationBlockCol:nth-child(3) .formationBlockColInner a {        
        left: 0;
        bottom: -24px;
        position: absolute;
        border-radius: 0px 32px 32px 0px;
        background-color: #88c59d;
        font-size: 21px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.14;
        letter-spacing: 2px;
        color: #fff;
        width: 309px;
        height: 50px;
        padding: 0 10px 0 20px;
        justify-content: space-between;
        text-transform: uppercase;
    }
    .formationBlockCol:nth-child(3) .formationBlockColInner a i{
        font-size: 34px;
    }
    .formationBlockCol:nth-child(3) .formationBlockColInner a i {
        margin-right: 0px;
    }
    .formationBlockColInner .title h4{
        font-size: 36px;
    }
    .formationBlockCol:nth-child(1) .formationBlockColInner .title img {        
        width: 44px;
    }
    .formationBlockCol .formationBlockColInner .title img {        
        width: 44px;
    }
    .formationSection {        
        padding: 104px 0 138px;
    }
    #prochainsSliderBlock .content h3{
        min-height: 66px;
    }
    .upcomingCoursColInner .left {
        max-width: 240px;
    }
    .upcomingCoursColInner .middle {
        width: calc(100% - 430px);
    }
    .formationContinueRow {
        padding: 50px 0px 0;
    }
    .questionsRow .right{
        display: none;
    }    
    .teamCardColInner {
        padding: 42px 40px 24px;
    }
    .eventDetailsContentRow .right {       
        max-width: 400px;
        padding: 140px 45px 140px 25px;
    }
    .eventDetailsContentRow .left {
        width: calc(100% - 400px);
    }
    .detsilsUl ul li {
        font-size: 14px;       
        margin-bottom: 15px;
    }
    .certificationBlock .left .box:last-child::after{
        color: #88c59d;
    }
    .certificationBlock .left .box:last-child .boxInner {
        border-radius: 0 0px 0 0;
    }
    .formationBlockCol:nth-child(1) .formationBlockColInner ul li a span, .formationBlockCol:nth-child(2) .formationBlockColInner ul li a span {
        font-size: 20px;
    }
    .formationBlockColInner {      
        min-height: 580px;
        border-radius: 0 0px 80px 0;
    }
    .formationBlockCol:nth-child(1) .formationBlockColInner, .formationBlockCol:nth-child(2) .formationBlockColInner{
        border-radius: 0 80px 0px 0;
        padding: 40px 37px 24px;
    }
    .formationBlockCol:nth-child(3) .formationBlockColInner{
        padding: 40px 37px 24px;
    }
    .formationBlockCol:nth-child(3) .formationBlockColInner p{
        font-size: 20px;
    }
    .formationBlockColInner .title {       
        justify-content: flex-start;
    }
    .footertopNavcol {
        margin-right: 50px;       
    }
}
@media only screen and (max-width: 1024px) {
    .teamCardCol{
        width: 50%;
    }
}
@media only screen and (max-width: 1023px) {
    .upcomingCoursColInner .left {
        max-width: 100%;
    }
    .upcomingCoursColInner .middle {
        width: calc(100% - 0px);
        background-color: #d5eadc;
        padding: 30px 15px;
    }
    .upcomingCoursColInner .right{
        max-width: 100%;
        background-color: #fff;
        padding: 30px 15px;
    }
    .upcomingCoursSection{
        background-color: #ededed;
        padding: 38px 0 120px;
    }
    .upcomingCoursColInner .right p{
        text-align: center;
    }
    .upcomingCoursColInner .right ul li{
        text-align: center;
    }
    .upcomingCoursColInner .right ul {
        margin: 32px auto 0;
        max-width: 160px;
    }
}
@media only screen and (max-width: 991px) {
    .subPageBanner{
        height: auto;
        min-height: initial;
    }
    .subPageBanner .bannerImg img{
        display: none;
    }
    .subPageBanner .bannerImg {        
        width: 175px;
        height: 290px;
    }
    .calendrierformationsrow {        
        margin: 0 0px;
    }
    .calendrierformationsrow .calendrierformationsCol {
        width: 100%;
        padding: 15px 0px;
    }
    .mainNav .logoBlock {
       display: none;
    }
    .headerTop .logoBlock{
        max-width: 135px;
        display: block;
		width:100%;
    }
    .headerTop {        
        justify-content: space-between;
        position: relative;
    }
    .userHead {
        display: none;
    }
    .mobileNav{
        display: flex;
        flex-direction: column;
        height: 34px;
        background-color: transparent;
        border: none;
        justify-content: space-between;
        position: absolute;
        right: 0;     
        width: 51px;   
        transition: all .5s;
        padding: 0;
    }
    .mobileNav.active_Cross span:nth-child(2){
        display: none;
    }
    .mobileNav.active_Cross span:nth-child(1){
        transform: rotate(315deg) ;
        position: absolute;
        left: 0%;
        top: 50%;     
        -webkit-transition: .2s ease-out;
        -moz-transition: .2s ease-out;
        transition: .2s ease-out;
    }
    .mobileNav.active_Cross span:nth-child(3){
        transform: rotate(40deg);
        position: absolute;
        right: 0%;
        top: 50%; 
        -webkit-transition: .2s ease-out;
        -moz-transition: .2s ease-out;
        transition: .2s ease-out;
    }
    .mobileNav span{
        width: 51px;
        height: 6px;
        display: block;
        background-color: #88c59d;
    }
    .globalSeach {        
        margin-right: 94px;
    }
    .mainNavBlock {
        width: 100%;
        position: fixed;
        height: calc(100vh - 120px);
        right: -100%;
        top: 120px;
        background-color: #073543;
        z-index: 5;
        padding: 0 55px;
        -webkit-transition: .2s ease-out;
        -moz-transition: .2s ease-out;
        transition: .2s ease-out;
    }
    .mainNavBlock.show{
        right: 0;        
    }
    .mainNavBlock ul {
        display: flex;
        flex-direction: column;
    }
    .mainNavBlock ul li{
        margin-right: 0px;
        margin-bottom: 24px;
    }
    .mainNavBlock ul li a{
        display: block;
        text-align: right;
    }
    .homeBanner {        
        height: auto;
        padding: 80px 0 123px;
    }
    .homeBanner .bannerImg img{
        display: none;
    }
    .homeBanner .bannerImg {       
        bottom: -130px;
        width: 179px;
        height: 150px;
        overflow: hidden;
        background: #073543;
        z-index: -1;
    }
    .mainContent {       
        border-radius: 0 130px 0 0;
    }    
    #prochainsSliderBlock .imgBlock {        
        margin-bottom: 0px;
        height: auto;
    }
    #prochainsSliderBlock .imgBlock img {        
        height: auto;
        object-fit: contain;
        width: 100%;
    }
    #prochainsSliderBlock .content {
        padding: 30px 35px 60px;
        background-color: #d5eadc;
    }
    #prochainsSliderBlock .content + a.btnGreen{
        top: -26px;
        width: 285px;
    }  
    #prochainsSliderBlock .content + a.btnGreen span{
        width: 100%;
        justify-content: space-between;
    }  
    .actualitesSlider .item {
        padding: 0 0 30px;
        max-width: 554px;
        margin: auto;
    }
    .actualitesSection {
        background-color: #fff;
        padding: 66px 0;
    }
    .actualitesSliderContent {        
        background-color: #d5eadc;
    }
    #actualitesSliderBlock .owl-nav {       
        position: absolute;
        top: 50%;
        transform: translate(0px, -50%);
    }    
    .calendrierformationsCol.left .box h2 {        
        margin: 0 0 28px;
    }
    .newsletterRow{
        display: none;
    }
    .newsletterSection {        
        padding: 0px 0 30px;
        background-color: #d5eadc;
    }
    .newsletterFormBlock {
        padding: 55px 55px 0px 55px;
        border-radius: 0 0px 0px 0;
        top: 0;
    }
    .formGroup {
        margin: 0 0 15px;
    }
    .customSliderNav {        
        padding: 30px 0 0;
    }
    .footerRow .left {
        width: calc(100% - 0px);
        padding-right: 0;
    }
    .footerRow .right {       
        max-width: 100%;
    }
    .footerRow {        
        position: relative;
    }
    .footertopNav {     
        padding: 0 0 24px;
    }
    .footerbottomNav {       
        position: absolute;
        bottom: 0;
        z-index: 5;
        width: 100%;
        padding: 0 32px 25px;
    }
    .administratorSection {
        padding: 66px 0 66px;
    }
    .leftBigcontentrightSmallContent .left, .leftBigcontentrightSmallContent .right {
        width: 100%;
        padding: 15px 0px;
    }
    .leftBigcontentrightSmallContent {
        padding: 20px 0px 20px 0px;
        margin: 0 0;
    }
    .leftBigcontentrightSmallContentMain h2, .leftBigcontentrightSmallContent .left, .leftBigcontentrightSmallContent .right{
        text-align: center;
    }
    .carteCertificationBlock {
        padding: 0px 55px 0px 55px;
        background: #fff;
    }
    .carteCertificationBlock .title h2{
        text-align: center;
    }
    .carteCertificationBlock .title{
        justify-content: center;
    }
    .carteCertificationBlock .title img{
        display: none;
    }
    .carteCertificationBlock p{
        text-align: center;
    }
    .carteCertificationBlock a{
        margin: auto;
        display: flex;
        width: max-content;
    }
    .upcomingCoursColLast .left {
        max-width: 100%;
        padding-right: 0px;
        padding-bottom: 80px;
    }
    .upcomingCoursColLast .right {
        width: calc(100% - 0px);
        padding: 27px 30px 27px 30px;
    }
    .upcomingCoursColLast .left .leftInner {
        border-radius: 61px 0 0px 0px;
    }
    .upcomingCoursColLast .right {
        border-radius: 0 0 61px 0;
    }
    .upcomingCoursColLast .left::after {        
        top: 90%;
        right: 50%;
        transform: translate(0%, -50%);
    }
    .upcomingCoursColLast .right h2, .upcomingCoursColLast .right p{
        text-align: center;
    }
    .upcomingCoursColLast .right img{
        margin: auto;
        display: block;
    }
    .upcomingCoursCol::after {        
        left: 50%;
        transform: translate(-50%, 0px);
        bottom: 11px;
    }
    .certificationWork {        
        padding: 40px 0 60px;
    }
    .certificationWorkSlider .owl-nav {        
        max-width: 260px;        
        top: 0px;
    }
    .certificationWorkSlider .customSliderNav .sliderNav {
        position: relative;
    }
    #certificationWorkSliderBlock .item, #testimonialSliderBlock .item {      
        max-width: 400px;
        margin: auto;
    }
    .certificationWorkSlider {
        padding: 40px 0 0;
    }
    .testimonialSlider .owl-nav {       
        width: 100%;
        top: 40px;
        position: relative;
    }
    .formationContinue h2{
        font-size: 28px;
        text-align: center;
    }
    .formationContinueRow{
        margin: 0 0;
    }
    .formationContinueCol{
        width: 100%;
        padding: 15px 0;
    }
    .eventDetailsContentRow .right {       
        border-radius: 0 118px 0 0;
    }
    .eventDetailsContentRow .left {
        width: calc(100% - 350px);
    }
    .eventDetailsContentRow .right {
        max-width: 350px;
    }
    .textContent {
        padding: 87px 50px 87px 60px;
    }
    .smallTeamCard {      
        margin: 0 0px;
    }
    .smallTeamCardCol {
        width: 100%;
        padding: 15px 0;
    }
    .newsDetailsTextBlockFull {
        padding-left: 55px;
        flex-wrap: wrap;
    }
    .newsDetailsTextBlockFull .left {
        width: 100%;
    }
    .newsDetailsTextBlockFull .right {
        width: 100%;
        padding-left: 0px;
        padding-top: 24px;  
    }   
    .prochainsRow {      
        margin: 0 -15px;        
    } 
    .prochainsCol {       
        padding: 20px 15px;
    }
    .fullModalwithbgtransparent .modal-body .teamModalBlock {
        padding: 32px 30px 32px 30px;      
        border-radius: 0 60px 0 0;
    }
    .contactModalBodyRow .left {        
        padding-right: 60px;
    }
    .fullwidthModal .modal-body {
        padding: 40px 24px;
    }
    .newsletterFormBlock h2{
        display: block;
        color: #073543;
        font-size: 24px;
        text-align: center;
        margin-bottom: 60px;
    }
    .fullwidthModal .btn-close {      
        right: 14px;
        top: 14px;
    }
    .contactModalBody h2{
        text-align: center;
    }
    .certificationWorkSliderContent {
        padding: 30px 14px 85px 14px;
    }
    .certificationWorkSliderContent p {
        display: block;
    }
    #certificationWorkSliderBlock .item a.btnGreen {
        display: inline-flex;
        padding: 8px 7px 8px 15px;
        font-size: 18px;
        font-weight: bold;
    }
    #certificationWorkSliderBlock .item a.btnGreen i {
        margin-left: 10px;
    }
    #certificationWorkSliderBlock .item a.btnGreen img{
        width: 25px;
        filter: brightness(0) invert(1);
        margin-right: 8px;
    }
    .certificationWorkSliderContent h4 {       
        margin-bottom: 46px;
    }
}
@media only screen and (max-width: 850px) {
    .partnerDetailsRow .left{
        display: none;
    }
    .partnerDetailsRow .right {
        width: 100%;
        border-radius: 0px 61px 0px 0px;
        padding: 49px 24px 95px 24px;
    }
    .questionsBlock {
        padding: 66px 0 66px;
        background-color: #d5eadc;
    }
    .questionsRow {
        padding: 0px 24px 40px 24px;
    }
    .partnerDetails {
        padding: 0 0 0px;
    }
    .contactModalBodyRow .left {
        padding-right: 20px;
    }
    #prochainsSliderBlock .content {
        padding: 30px 24px 60px;
    }
    .certificationBlock .left .box::after{
        right: 96%;
    }
    .lesBasesSliderContent .right {      
        padding-left: 25px;
    }    
    .trainingCalendarColCard {
        padding: 45px 20px 52px 20px;
    }
    .trainingCalendarColCard a {       
        left: 20px;
    }    
    .trainingCalendarColCard a.btnGreen i {
        margin-left: 10px;
    }
    .testimonialSlider .owl-nav {
        top: 50%;
        transform: translate(-50%,-50%);
        position: absolute;
    }
    #prochainsSliderBlock.owl-carousel .owl-stage .item {
        display: block;
    }
    .lesBasesSlider .owl-carousel .mid-active .item {
        width: 740px;
    }
    .lesBasesSliderContent .right p, .lesBasesSliderContent .right ul, .lesSpecialesSliderContent .right p, .lesSpecialesSliderContent .right ul{
        display: block;
    }
}
@media only screen and (max-width: 768px) {
    .upcomingCoursColInner .right a{
        display: flex;
        position: absolute;
        left: 0;
        bottom: -23px;
        width: 97%;
    }
    .upcomingCoursColInner .middle a{
        display: none;
    }
    .upcomingCoursColInner .right{
        position: relative;
        padding: 30px 15px 50px;
    }
    .upcomingCoursColInner .right p{
        font-size: 18px;
    }
    .upcomingCoursColInner .right a span{
        justify-content: space-between;
        display: flex;
        width: 100%;
        font-size: 21px;
        font-weight: 600;
    }
    .upcomingCoursColInner .left img{
        display: none;
    }
    .upcomingCoursColInner .left h3{
        margin: 0;
        font-size: 18px;
    }
    .upcomingCoursColInner .left{
        flex-direction: row;
        align-items: center;
        padding: 33px 15px 0;
        border-radius: 60px 0 0 0;
    }
    .upcomingCoursColLast .right img{
        display: none;
    }
    .upcomingCoursColLast .right p {
        margin-bottom: 0;
    }
    .upcomingCoursColInner .left h1{
        margin: 0 8px 0 0;
        font-size: 24px;
    }
    .upcomingCoursColInner .middle p{
        text-align: center;
    }
    .carteCertificationBlock {
        padding: 0px 24px 0px 24px;
    }
    .carteCertificationBlock a{
        width: 100%;
        font-weight: 600;
        padding: 8px 5px 8px 20px;
    }
    .carteCertificationBlock a span{
        width: 100%;
        justify-content: space-between;
    }
    .carteCertificationBlock a.btnGreen i {
        margin-left: 0px;
    }
    .carteCertificationBlock .title h2 {      
        max-width: 190px;
    }
    .prochainsSlider.active #prochainsSliderBlock {
        padding-left: 0px;
    }
    #prochainsSliderBlock .item {
        width: 100%;
    }
    .certificationBlock .left .box::after {
        right: 95%;
    }
    .actualitesSlider .item {       
        max-width: 94%;
    }
    .footerRow .left .footertopNav{
        display: none;
    }
    .prochainsSlider {
       padding-left: 55px;
       padding-right: 55px;
    }
    .actualitesSlider{
        padding-left: 10px;
        padding-right: 10px;
    }
    .actualitesSlider .item {
        padding-left: 25px;
        padding-right: 25px;
    }
    .lesSpecialesSliderContent .left {
        max-width: 100%;
    }
    .lesSpecialesSliderContent .right {
        width: calc(100% - 0px);
    }
}
@media only screen and (max-width: 767px) {   
    .prochainsSlider {
        padding-left: 24px;
        padding-right: 24px;
    }
    .container {
        padding-left: 24px;
        padding-right: 24px;
    }
    h1{
        font-size: 28px;       
    }
    h2{
        font-size: 28px;        
    }
    h3{
        font-size: 16px;        
    } 
    p{
        font-size: 14px;
    }
    .btnGreen {
        padding: 8px 10px 8px 20px;        
        font-size: 21px;
    }
    .btnGreen i {
        margin-left: 30px;
        font-size: 34px;
    }
    .certificationSection h2 {
        margin: 0 0 38px;
    }
    .formationSection {
        padding: 66px 0 66px;
    }
    .formationBlockColInner {
        min-height: 450px;
    }
    .formationBlockCol:nth-child(1) .formationBlockColInner ul li a span, .formationBlockCol:nth-child(2) .formationBlockColInner ul li a span {
        font-size: 14px;
    }
    .homeBanner {      
        padding: 20px 0 40px;
    }
    .homeBanner h1, .homeBanner p {
        margin-bottom: 15px;
    }
    .calendrierformationsCol.right .box ul li a h4{
        font-size: 18px;
    }
    .calendrierformationsCol.right .box ul li a {       
        padding: 22px 0 11px;
    }
    .calendrierformations {
        padding: 66px 0;
    }
    .calendrierformations .title h5, .formationSection h2{
        font-size: 24px;
    }
    #prochainsSliderBlock .content {
        padding: 30px 24px 60px;
    }
    #prochainsSliderBlock .content h3 {
        min-height: initial;
        margin-bottom: 15px;
        font-size: 22px;
    }
    .calendrierformationsCol.left .box{
        position: relative;
        padding: 45px 15px 46px 15px;
    }
    .calendrierformationsCol.left .box a.btnGreen{
        position: absolute;
        left: 0;
        bottom: -20px;
        font-size: 21px;
        padding: 8px 10px 8px 20px;
    }
    .calendrierformationsCol.left .box a.btnGreen i{
        margin-left: 10px;
        font-size: 34px;
    }
    .calendrierformationsrow .calendrierformationsCol.left{
        padding-bottom: 127px;
    }
    .calendrierformationsCol.left .box a.btnGreen span{
        width: 100%;
        justify-content: space-between;
    }
    .calendrierformationsCol.left .box .datebox {
        padding: 0 0 20px;
    }
    .actualitesSlider {
        padding-left: 10px;
        padding-right: 10px;
    }
    .formationBlockColInner .title {        
        padding: 0 0 24px;
    }
    .newsletterFormBlock {
        padding: 66px 24px 66px 24px;
        top: 0;
    }
  
    .newsletterFormsubmit .btnGreen{
        padding: 9px 20px;
        width: 100%;
        font-size: 21px;
        font-weight: bold;
    }
    .newsletterFormsubmit .btnGreen span{
        width: 100%;
        justify-content: space-between;
    }
    .newsletterFormsubmit {      
        min-height: 62px;
    }
    .footertopNavcol {
        margin-right: 0;
        max-width: 100%;
        width: 100%;
        padding: 0 0 15px;
    }    
    .footerbottomNav {      
        padding: 0 15px 25px;
        flex-direction: column;
        align-items: flex-start;
    }
    .footerbottomNav ul{
        flex-direction: column;
        align-items: flex-start;
    }
    .footerbottomNav ul li{
        margin-bottom: 7px;
    }
    .footerbottomNav p {       
        margin: 0 0px 7px 0;
    }
    .formationSection h2 {        
        margin: 0 0 8px;
        text-align: center;
    }
    .formationTitle .left h3 {        
        text-align: center;
    }
    .formationTitle .left p {
        margin-bottom: 10px;
        text-align: center;
    }
    .formationTitle .right{
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .certificationBlock .left .box::after {
        right: 91%;
    }
    .certificationBlock .left .box .boxInner h1 {       
        left: 21%;
        bottom: 100px;
    }
    .certificationBlock .right .box .boxInner {
        flex-direction: column-reverse;
        border-radius: 0 0 0px 0;
    }
    .certificationBlock .right .box .boxInner img {
        margin-right: 0px;
        width: 79px;
        margin-bottom: 3px;
    }
    .certificationBlock .left .box:last-child .boxInner {
        border-radius: 0 0px 80px 0;
    }
    .certificationSection h2{
        text-align: center;
    }
    .certificationTitle h3, .certificationTitle p{
        text-align: center;
        max-width: 100%;
    }
    .mainContent {
        border-radius: 0 70px 0 0;
    }
    .mainNavBlock {        
        padding: 0 24px;
    }    
    .certificationButton{
        justify-content: center;
    }
    .subPageBanner {
        padding: 20px 0 55px;
    }
    .certificationWorkSliderContent {
        padding: 30px 15px 55px 15px;
    }
    #certificationWorkSliderBlock .owl-item.active.center .certificationWorkSliderContent h4{
        margin-bottom: 50px;
        text-align: center;
    }
    #certificationWorkSliderBlock .owl-item.active.center p, #certificationWorkSliderBlock .owl-item.active.center p a{
        text-align: center;
        display: block;
    }
    #certificationWorkSliderBlock .owl-item.active.center p a{
        margin-bottom: 22px;
    }
    .testimonial {
        padding: 66px 0;
    }
    .certificationWorkSliderContent h6{
        text-align: center;
    }
    .certificationWork h2 {
        padding: 0 24px;
        max-width: 250px;
        margin: auto;
    }
    .testimonialSliderBlockContent h2{
        font-size: 32px;
    }
    .textContent h2, .textContent p{
        text-align: center;
    }
    .upcomingCoursSearch p {
        border-bottom: none;
        font-weight: bold;
        font-size: 18px;
        text-align: center;
    }    
    .upcomingCoursColInner .left h3{
        font-size: 18px;
    }
    .upcomingCoursCol:first-child .upcomingCoursColInner .left {
        border-radius: 60px 0 0 0;
    }
    .upcomingCoursColLast .right {        
        border-radius: 0 0 60px 0px;
    }
    .formationContinueRow {
        padding: 0px 0px 0;
    }
    .trainingCalendarSlider{
        display: block;
    }
    .trainingCalendarRow{
        display: none;
    }
    .trainingCalendarFilter{
        display: none;
    }
    #trainingCalendarSliderBlock .item{
        padding: 50px 0;
    }
    .trainingCalendarColCard .bottom p img{
        width: 18px;
    }
    .trainingCalendarColCard .top h2, .trainingCalendarColCard .top h4, .trainingCalendarColCard .bottom p, .trainingCalendarColCard .bottom h3{
        text-align: center;
        justify-content: center;
    }
    .trainingCalendarColCard a {
        position: absolute;
        left: 0;
        bottom: -19px;
        width: 100%;
        font-weight: 600;
        font-size: 20px;
    }
    .smallvideoCol iframe{
        height: 468px !important;
    }
    .subPageBanner h1 {
        max-width: 228px;
    }
    .formationContinueColInner p{
        text-align: center;
    }
    .lesBasesBlockTitle .content p {
        max-width: 240px;
        margin: 0 auto;
    }
    .carteCertificationBlock a.transparentBtn {       
        font-size: 21px;
    }
    .aboutBlock h2{
        text-align: center;
    }
    .aboutColInner h4{
        text-align: center;
    }
    .aboutColInner p{
        text-align: center;
        margin: 0 auto;
        max-width: 240px;
    }
    .aboutColInner a.btnGreen{
        font-size: 17px;
        font-weight: 600;
    }
    .aboutColInner a.btnGreen i {
        margin-left: 0px;
    }
    .trainingCalendarColCard a span{
        justify-content: space-between;
        width: 100%;
    }
    .trainingCalendar {
        background-color: #ededed;
        padding: 66px 0 66px;
    }
    .lesSpecialesBlock .customSliderNav, .lesBasesBlock .customSliderNav {        
        padding: 50px 24px 0;
    }
    .lesSpecialesBlock {
        padding: 66px 0;
    }
    .lesBasesBlock{
        padding: 0 0 66px;
    }
    .lesSpecialesBlockTitle .content, .lesBasesBlockTitle .content{
        width: calc(100% - 0px);
    }
    .lesSpecialesBlockTitle .content h2, .lesSpecialesBlockTitle .content p, .lesBasesBlockTitle .content h2, .lesBasesBlockTitle .content p{
        text-align: center;
    }
    .lesSpecialesBlockTitle .imgblock, .lesBasesBlockTitle .imgblock{
        display: none;
    }
    .lesSpecialesBlockTitle .content h2 img, .lesBasesBlockTitle .content h2 img{
        width: 60px;
        margin-right: 10px;
        display: inline-block;
    }
    
    .carteCertification {
        padding: 66px 0 66px;
    }
    .formationContinueColInner a {       
        padding: 0px 27px;       
        font-size: 24px;
        text-align: left;
        margin-bottom: 12px;
    }
    .formationContinue .container{
        padding-left: 0px;
        padding-right: 0px;
    }
    .formationContinueRow .formationContinueCol:nth-child(1){
        padding: 15px 24px;
    }
    .teamMobileSlider, .teamMobileSliderTwo{
        display: block;
    }
    .teamCardColInner h4 a img {       
        width: 20px !important;
        display: inline-block !important;
    }   
    .teamCardColInner .teamEmail {      
        margin-bottom: 30px;
    }
    .teamCardColInner {
        padding: 42px 35px 24px;
        height: auto;
    } 
    .teamCardColInner .bottom a {
        left: 30px;
    }
    .teamCardRow{
        display: none;
    }
    .aboutSection .container{
        padding-left: 0px;
        padding-right: 0px;
    }
    .aboutRow {      
        margin: 0 0px;
    }
    .aboutCol {
        width: 100%;
        padding: 15px 0px;
        margin-bottom: 70px;
    }
    .aboutCol:last-child{
        margin-bottom: 0px;
    }    
    .aboutColInner{
        padding: 46px 24px 68px 24px;
        min-height: initial;
    }
    .aboutBlock h2{
        text-align: center;
    }
    .aboutSection {
        padding: 66px 0;
    }
    .teamCard {
        padding: 66px 0;
    }
    .questionsBlock h2{
        text-align: center;
    }
    .questionsFormsubmit button{
        min-width: initial;
    }
    .partnerRow{
        display: none;
    }
    .partnerSlider{
        display: block;
    }
    .sliderNav {       
        padding: 0 40px;
    }
    .customSliderNav .owl-nav button, .customSliderNav .owl-dots button {        
        padding: 0 3px;
    }
    .aboutColInner a{
        min-width: initial;
        width: 88%;
        bottom: -19px;
        left: 24px;
    }
    .aboutColInner a span{
        width: 100%;
        display: flex;
        justify-content: space-between;
    }
    .videoBlock {        
        padding: 0px 0;
    }
    .videoBlock .container{
        padding-left: 0px;
        padding-right: 0px;
    }
    .videoBlockRow iframe{
        height: 468px !important;
    }
    .partner h2 {       
        margin-bottom: 60px;       
    }
    .partnerDetailsRow .right h3{
        font-size: 26px;
        text-align: center;
    }
    .partnerDetailsRow .right p{
        text-align: center;
    }
    .partnerDetailsRow .right a{
        text-align: center;
        display: block;
        font-size: 14px;
    }
    .grid-sizer, .grid-item {
        width: 100%;
        padding: 0 0px 30px 0px;
    }
    .newsArticles {
        padding: 66px 0;
    }
    .eventDetailsContentRow .right {
        display: none;
    }
    .eventDetailsContentRow .left {
        width: calc(100% - 0px);
        height: auto;
        margin: 0px 0;
    }
    .textContent {
        padding: 66px 24px 66px 24px;
    }
    .textContent ul li {
        max-width: 100%;
        font-size: 14px;        
    }
    .smallvideoCol {
        padding: 32px 0px 76px 0px;
    }
    .objectivesBlock, .methodesBlock {
        padding-right: 0;
    }
    .objectivesBlockInner, .methodesBlockInner {
        padding: 66px 32px 66px 24px;
        border-radius: 0 60px 0 0;
    }
    .objectivesBlockInner ul {
        padding-left: 17px;
    }
    .methodesBlockInner h2 {       
        margin-bottom: 23px;
    }
    .methodesBlockInner p, .methodesBlockInner h5 {
        text-align: center;
    }
    .smallTeamBlock {
        padding: 66px 24px;
    }
    .objectivesBlockInner ul {
        margin-bottom: 36px;
    }
    .objectivesBlockInner ul li{
        font-size: 14px;
    }
    .programmeBlock {
        padding: 30px 24px 30px 24px;
    }
    .trainingCalendarColCard .bottom h3 {
        font-size: 24px;
    }
    .upcomingCoursSearchLeft{
        display: block;
        padding: 0 24px;
    }
    .newsDetailsTextBlock {
        padding: 0 24px 66px 24px;
    }
    .newsDetailsTextBlockFull {
        padding-left: 24px;
    }
    .prochainsRow {      
        margin: 0 -0px;        
    } 
    .prochainsCol {       
        padding: 20px 0px;
        width: 100%;
    }
    .prochainsColInner .imgBlock {
        height: auto;
        max-height: 350px;
    }
    .prochainsColInner .content{
        height: auto;
    }
    .detsilsUlRight{
        display: none;
    }
    .detsilsUlLeft{
        display: block;
        padding: 66px 24px 0;
    }
    .peopleBlock .imgBlock {
        width: 122px;
        height: 122px;       
        margin-right: 19px;
    }
    .peopleBlock {       
        padding: 0 0 30px;
    }
    .fullModalwithbgtransparent .modal-body .teamModalBlock {
        padding: 32px 24px 32px 24px;
    }
    .fullModalwithbgtransparent .btn-close {
        right: 30px;
        top: 30px;
    }
    .lesBasesSlider .owl-item.active.center .lesBasesSliderContent {
        padding: 24px 24px 24px 24px;
    }
    .contactModalBodyRow .right{
        display: none;
    }
    .contactModalBodyRow .left {
        width: calc(100% - 0px);
        padding-right: 0px;
    }
    .formationBlockCol .formationBlockColInner ul li a span {      
        white-space: normal;
        text-overflow: initial;
        overflow: initial;
    }
    .formationBlockColInner .title, .calendrierformations .title, .prochainsSection .title{
        align-items: flex-start;
    }
    .calendrierformations .title img, .prochainsSection .title img{
        position: relative;
        top: 5px;
    }
    .actualitesSliderContent h6, .actualitesSliderContent h3, #actualitesSliderBlock .owl-item.active.center p{
        text-align: center;
    }
    .prochainsSlider{
        padding-left: 24px;
        padding-right: 24px;
    }
    .detsilsUl ul li {       
        align-items: center;
    }
    .detsilsUl ul li img {        
        top: 0px;
    }
    .objectivesBlockInner h2, .programmeBlock h2, .methodesBlockInner h2, .smallTeamBlock h2, .smallTeamBlock p{
        text-align: center;
    }
    .programmeBlock ul {
        margin-bottom: 0px;
    }
    .methodesBlockInner ul li{
        font-size: 14px;
    }
    .methodesBlockInner h5{
        font-size: 18px;
    }
    .programmeBlock ul li{
        font-size: 14px;
    }
    #prochainsSliderBlock .content + a.btnGreen {      
        font-size: 21px;        
        padding: 8px 10px 8px 20px;
    }   
    #prochainsSliderBlock .content + a.btnGreen i {        
        font-size: 34px;
    }
    #actualitesSliderBlock .owl-item.active.center a{
        font-size: 21px;       
        padding: 8px 10px 8px 20px;
    }    
    #actualitesSliderBlock .owl-item.active.center a i {        
        font-size: 34px;
    }

    .pd-top-120 {
        padding-top: 66px !important;
    }

    .lesBasesBlockTitle, .lesSpecialesBlockTitle {
        padding: 0 0px 54px;
    }
    .lesSpecialesBlock {        
        background-color: #ededed;
    }
    .lesSpecialesSliderContent {       
        background-color: #ededed;
    }
    .lesSpecialesBlock {
        padding: 24px 0 0;
    }    
    .lesBasesBlock {
        padding: 0 0 0px;
    }
    .lesBasesBlock .customSliderNav {
        justify-content: center;
        padding: 0px 24px 50px;
        background-color: #d5eadc;
    }
    .lesSpecialesBlock .customSliderNav{
        padding: 0px 24px 50px;
        background-color: #ededed;
    }   
    .lesBasesBlock .customSliderNav .owl-dots button span {    
        background-color: #fff;
    }
    .lesBasesBlock .customSliderNav .owl-dots button.active span {
        background-color: #88c59d;
    }
    .lesBasesSlider .owl-item.active.center .lesBasesSliderContent .left h3, .lesSpecialesSlider .owl-item.active.center .lesSpecialesSliderContent .left h3 {
        font-size: 26px;
        text-align: center;
    }
    .lesBasesSlider .owl-item.active.center .lesBasesSliderContent .left p, .lesSpecialesSlider .owl-item.active.center .lesSpecialesSliderContent .left p{
        text-align: center;
        font-size: 18px;
        margin: 0 0 0;
    }
    .lesBasesSlider .owl-item.active.center .lesBasesSliderContent .left a, .lesSpecialesSlider .owl-item.active.center .lesSpecialesSliderContent .left a {       
       display: none;
    }
    .lesBasesSliderContent .right a.btnGreen, .lesSpecialesSliderContent .right a.btnGreen {
        display: flex;
        font-weight: 600;
        margin: 24px auto 0;
    }
    .lesBasesSliderContent .right{       
        align-items: center;
    }
    .lesBasesSliderContent .right .middle div, .lesSpecialesSliderContent .right .middle div{
        display: flex;
        justify-content: center;
        max-width: 300px;
        margin: auto;
    }
    .lesBasesSliderContent .right .middle img, .lesSpecialesSliderContent .right .middle img{
        display: block;
        width: 120px;
        margin-right: 15px;
    }   
    .lesBasesSliderContent .left, .lesSpecialesSlider .owl-item.active.center .lesSpecialesSliderContent .left {       
        max-width: 100%;
    }
    .lesBasesSliderContent, .lesSpecialesSliderContent{
        flex-wrap: wrap;
        height: auto;
        width: 100%;
        max-width: 100%;
    }
    .lesBasesSliderContent .right, .lesSpecialesSlider .owl-item.active.center .lesSpecialesSliderContent .right {
        width: calc(100% - 0px);
        padding-left: 0px;
        align-items: center;
    }
    .lesBasesSliderContent .right .top, .lesSpecialesSliderContent .right .top{
        display: none;
    }
    .lesBasesSliderContent .right .middle, .lesSpecialesSliderContent .right .middle {
        padding-top: 28px;
        width: 100%;
        max-width: 269px;
        margin: 0 auto;
    }
    .lesBasesSlider .owl-item.active.center .lesBasesSliderContent .right p, .lesSpecialesSlider .owl-item.active.center .lesSpecialesSliderContent .right p{
        font-size: 14px;
        margin-bottom: 24px;
    }
    .lesBasesSliderContent .right ul li, .lesSpecialesSliderContent .right ul li{
        text-align: right;
    }
    .lesBasesSlider .owl-item.active.center .lesBasesSliderContent .right ul, .lesSpecialesSlider .owl-item.active.center .lesSpecialesSliderContent .right ul{
        max-width: 260px;
        width: 100%;
    }
    .lesBasesSliderContent .right ul li span, .lesSpecialesSliderContent .right ul li span {        
        font-size: 28px;
    }
    .lesSpecialesBlock .customSliderNav, .lesBasesBlock .customSliderNav {
        justify-content: center;
    }
    .lesBasesSliderContent .right .bottom img, .lesSpecialesSliderContent .right .bottom img{
        display: none;
    }
    .lesBasesSlider.active #lesBasesSliderBlock, .lesSpecialesSlider.active #lesSpecialesSliderBlock {
        padding-left: 0px;
    }
    .lesBasesSlider .owl-carousel .mid-active .item, .lesSpecialesSlider .owl-carousel .mid-active .item, .lesBasesSlider .owl-carousel .item, .lesSpecialesSlider .owl-carousel .item {
        width: 100%;
        height: auto;
    }
    .lesBasesSlider #lesBasesSliderBlock .owl-stage-outer, .lesBasesSlider #lesBasesSliderBlock {
        height: auto;
    }
    .lesBasesSlider .owl-item.mid-active .lesBasesSliderContent .left a, .lesSpecialesSlider .owl-item.mid-active .lesSpecialesSliderContent .left a{
        display: none;
    }
    .lesSpecialesSlider .owl-item.mid-active .lesSpecialesSliderContent .right {
        width: calc(100% - 0px);
        padding-left: 0px;
        align-items: center;
    }
    .lesSpecialesSlider #lesSpecialesSliderBlock .owl-stage-outer, .lesSpecialesSlider #lesSpecialesSliderBlock {
        height: auto;
    }
    .aboutCol:last-child .aboutColInner {
        border-radius: 0 50px 0 0;
    }
    .lesBasesSliderContent .left p{
        display: block;
    }
    .lesBasesSliderContent .left h3 {
        margin-bottom: 15px;
    }
    .lesSpecialesSliderContent .left p{
        display: block;
    }
    .lesSpecialesSliderContent .right ul{
        width: calc(100% - 120px);
    }
    .lesBasesSlider.active #lesBasesSliderBlock{
        background-color: #d5eadc;
    }
}

@media only screen and (max-width: 650px) {
    .comingCoursColInner .left {
        border-radius: 60px 0 0 0;
    }
    .leftBigcontentrightSmallContent .right {      
        /* max-width: 240px; */
        margin: 0 auto;
    }
    .upcomingCoursColInner .right ul li span {
        font-size: 32px;
    }
    .certificationWorkSliderContent h4{
        text-align: center;
    }
    .certificationWorkSliderContent p a, .certificationWorkSliderContent p {
        text-align: center;
    }
    .certificationWorkSliderContent p{
        font-size: 14px;
    }
    #certificationWorkSliderBlock .item a {
        display: inline-flex;
    }
    .formationContinueColInner a i{
        margin-left: 34px;
    }
    .formationContinueColInner a:nth-child(2) i, .formationContinueColInner a:last-child i{
        color: #fff;
    }
    .trainingCalendarColCard {
        padding: 45px 15px 82px 15px;
        max-width: 300px;
        margin: auto;
    }
    .trainingCalendarColCard .top {
        padding: 0 0 20px;
    }
    
    #prochainsSliderBlock .content + a.btnGreen{       
        width: 276px;
    } 
    .formationBlockColInner .title h4 {
        font-size: 24px;
    }
    .formationBlockCol:nth-child(3) .formationBlockColInner p {
        font-size: 14px;
        text-align: center;
    }
    .formationBlockCol .formationBlockColInner .title img {
        width: 28px;
    }
    .formationBlockCol:nth-child(1) .formationBlockColInner .title img {
        width: 28px;
    }
    .formationBlockCol:nth-child(1) .formationBlockColInner ul li a, .formationBlockCol:nth-child(2) .formationBlockColInner ul li a{
        padding: 19px 0 14px;
    }
    .formationBlockCol .formationBlockColInner .title img{
        position: relative;
        top: 0px;
    }
    .formationBlockCol:nth-child(3) .formationBlockColInner .title img{
        top: 4px;
    }
    .actualitesSlider .item {       
        max-width: 400px;
    }
    #actualitesSliderBlock .owl-item.active.center .actualitesSliderContent h3 {
        font-size: 14px;
        margin: 0 0 20px;
    }
    .actualitesSliderContent a {       
        bottom: -19px;
    }
    .actualitesSliderContent {
        padding: 30px 45px 65px;
    }
    .formationBlockCol:nth-child(3) .formationBlockColInner a {
        left: 0;
        bottom: 0;
        position: relative;
        border-radius: 0px 32px 32px 0px;
        background-color: transparent;
        font-size: 18px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.14;
        letter-spacing: 2px;
        color: #88c59d;
        width: max-content;
        height: auto;
        padding: 0 20px;
        justify-content: center;
        margin: auto;
    }
    .formationBlockCol:nth-child(3) .formationBlockColInner a i {
        margin-left: 5px;
        font-size: 34px;
    }
    .formationBlockCol:nth-child(3) .formationBlockColInner {
        padding: 40px 20px 24px;
        border-radius: 0;
    }
    .formationBlockCol:nth-child(1) .formationBlockColInner, .formationBlockCol:nth-child(2) .formationBlockColInner {       
        padding: 40px 20px 24px;
    }
    .footerRow .right {        
        padding: 0px 15px 73px 15px;
        height: 450px;
        background-color: transparent;
    }
    .globalSeach {
        margin-right: 54px;
    }
    .globalSeach {
        display: block;
        max-width: 40px;
        position: relative;
    }
    .globalSeach input{
        display: none;
    }
    .globalSeach.active input{
        display: block;
        position: absolute;
        width: 230px;
        right: 0;
        top: 30px;
        z-index: 2;
        padding: 7px 16px 7px 16px;
    }
    .globalSeach button {       
        top: -16px;
        left: -3px;
    }
    .globalSeach button i{
        font-size: 34px;
    }
    
    
}

@media only screen and (max-width: 590px) {
   
}
@media only screen and (max-width: 525px) {
}
@media only screen and (max-width: 480px) {    
    .actualitesSlider .item {       
        max-width: 90%;
    }    
    #certificationWorkSliderBlock .item, #testimonialSliderBlock .item {
        max-width: 280px;      
    }
    .peopleBlock .imgBlock{
        width: 112px;
        height: 112px;       
        margin-right: 10px;
    }
    .peopleBlock .contentBlock{
        width: calc(100% - 112px);
    }
    .actualitesSlider .item {
        padding-left: 5px;
        padding-right: 5px;
    }
    .actualitesSlider {
        padding-left: 5px;
        padding-right: 5px;
    }
    .calendrierformationsrow .calendrierformationsCol.left {
        padding-bottom: 45px;
    }
}
@media only screen and (max-width: 450px) {   
    .peopleBlock{
        flex-wrap: wrap;
    }
    .peopleBlock .imgBlock{            
        margin-right: 0px;
        margin: 0 auto;
    }
    .peopleBlock .contentBlock{
        width: calc(100% - 0px);
        padding: 15px 0 0;
    }
    .peopleBlock .contentBlock h5, .peopleBlock .contentBlock h6 {        
        text-align: center;
    }
    .peopleBlock .contentBlock a{
        display: block;
        text-align: center;
        margin: 10px 0 0;
    }
}
@media only screen and (max-width: 400px) {
    #prochainsSliderBlock .content + a.btnGreen {      
        font-size: 21px;
        width: 100%;
        padding: 8px 10px 8px 20px;
    }
    #prochainsSliderBlock .content + a.btnGreen span{
        width: 100%;
        justify-content: space-between;
    }
    #prochainsSliderBlock .content + a.btnGreen i {        
        font-size: 34px;
    }
    #actualitesSliderBlock .owl-item.active.center a{
        font-size: 21px;
        width: 100%;
        padding: 8px 10px 8px 20px;
    }
    #actualitesSliderBlock .owl-item.active.center a span{
        width: 100%;
        justify-content: space-between;
    }
    #actualitesSliderBlock .owl-item.active.center a i {        
        font-size: 34px;
    }
}
@media only screen and (max-width: 380px) {
    
}
@media only screen and (max-width: 360px) {
   
}
@media only screen and (max-width: 320px) {
}