@media screen and (max-width: 1557px) {
    .homeBannerInner {        
        padding: 0% 8% 0 0%;
        max-width: 664px;
        margin-left: auto;
    }
    .newsColInner h4 {       
        padding: 20px 16px 20px 15px;
    }
    .footerBottom .right a {        
        margin-right: 12%;
        width: 26.5%;
    }
    .footerBottom .left {
        width: 40%;
    }
    .footerBottom .right {
        width: 60%;
    }
}
@media screen and (max-width: 1534px) {
.footerBottom .right a {    
    width: 29%;
}
.footerBottom .right a {
    margin-right: 5%;
}
}
@media screen and (max-width: 1365px) {
    .productCol {      
        padding: 20px 1.5%;
    }
    .productRow {      
        margin: 0 -1.5%;
    }
    .eventMainInner {
        width: 90%;
    }
    .footerBottom .right a {        
        margin-right: 5.2%;
    }
    .footerBottom .left {
        width: 42%;
    }
    .footerBottom .right {
        width: 58%;
    }
}
@media screen and (max-width: 1279px) {
    .newsSectionBlock, .footerContainer {
        width: 90%;
    }
    .productCol {      
        padding: 20px 1%;
    }
    .productRow {      
        margin: 0 -1%;
    }
    .commonBanner1Content {
        padding: 17.2% 24px 21.2% 92px;
    }
    .comonRow5Inner .left {        
        padding: 50px 46px;
    }
    .comonRow8Inner .left{
        padding: 50px 46px;
    }
    .comonRow6 .jarallax {      
        height: 460px;
    }    
    .eventMain {
        padding: 2% 24px;
    }
    .eventMainInner {
        width: 100%;       
    }
    .eventRow {        
        margin: 0 -8px 30px;
    }
    .eventCol {       
        padding: 10px 8px;
    }
    .jobDetailsMain {
        width: 100%;
    }
    .downloadPageInner {
        width: 100%;
    }
    .internationalTab {
        width: 100%;
    }
    .job-offersInner {       
        width: 100%;
    }
    .job-offers {
        padding: 5% 24px;
    }
    .missionRow2Inner{
        width: 100%; 
    }
    .missionRow2 {
        padding: 5% 24px 3%;
    }
    .newsSection {
        padding: 70px 24px 70px;
    }
    footer {       
        padding: 6% 24px 4%;
    }
    .comonRow3 .left, .comonRow3 .right{       
        height: auto;
    }        
}
@media screen and (max-width: 1200px) {
    .newsSectionBlock, .footerContainer {
        width: 100%;
    }
    .productCol{
        width: 50%;
    }
    .comonRow16 .left {        
        padding: 0px 64px;
    }
    .eventDetailsInner {
        width: 100%;
    }
    .evenementsVenirRowInner {
        width: 100%;
    }
}
@media screen and (max-width: 980px) {
    p{
        font-size: 21px;
        line-height: 1.3em;
    }
    .comonRow5 {
        padding: 50px 24px;
    }    
    .comonRow7 {
        padding: 50px 24px;
    }
    .headerRow .middle ul li::before{
        display: none;
    }
    .headerRow .middle ul li:nth-child(4), .headerRow .middle ul li:nth-child(5){
        display: block;
    }
    .headerRow .middle ul li:nth-child(4) a, .headerRow .middle ul li:nth-child(5) a{
        background-color: transparent;
    }
    .headerRow .middle {
        width: 100%;
        position: fixed;
        flex-wrap: wrap;
        background: #fff;
        top: 0;
        bottom: 0;
        z-index: 2;
        padding: 0 0;
        top: 89px;
        -webkit-transition: .5s ease-out;
        -moz-transition: .5s ease-out;
        transition: .5s ease-out;
        display: block;
        height: 0;
        overflow: auto;        
    }    
    .headerRow .middle.show {
        top: 89px;
        height: calc(100vh - 130px);
        border-top: 2px solid #49a42c;
    }
    .headerRow .right{
        display: none;
    }
    .mobileBtn{
        position: absolute;
        right: 25px;
        top: 20px;        
        display: block;
        background-color: transparent;
        width: 52px;
        height: 52px;
    }
    .headerRow .middle ul{
        display: none;
    }
    .headerRow .middle.show ul{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        padding: 5%;
    }
    .headerRow .middle ul li{
        width: 100%;
        padding: 0px 0px;
    }
    .headerRow .middle.show ul.subMenu{
        padding: 0% 10px 0 50px;
    }
    .headerRow .middle ul li a{
        font-size: 18px;
        font-weight: 600;
        padding: 16px 16px;
        display: block;
        background-color: rgba(0,0,0,.03);
        color: rgba(0,0,0,0.6);
    }    
    .headerRow .middle ul li ul.subMenu a{
        background-color: transparent;
        padding: 9px 0px;
    }
    .mobileBtn img:first-child{
        width: 22px;
    }
    .mobileBtn img:last-child{
        width: 50px;
    }
    .mobileBtnClose {
        display: none;
    }
    .homeBannerInner {      
        padding: 0% 0%;
    }   
    .newsCol {
        width: 50%;
        padding: 10px 8px;
    }
    .newsRow {        
        margin: 0 -8px;
    }
    .footerCol {
        width: 18%;
        padding: 10px 0px;
        margin-right: 3%;
    }
    .footerCol:first-child {
        width: 24%;        
    }
    .headerRow .middle .subMenu{
        display: block;
    }
    .subPageHeader{
        display: none;
    }
    .videoContainer {        
        width: 100%;
        max-width: 550px;
        margin: auto;
    }
    .protheseHancheRow9Inner .videoContainer iframe {
        height: 56vw;
    }
    .patientsRowButtonGroup{
        flex-direction: column;
    }
    .patientsRowButtonGroup a{
        margin-bottom: 30px;
    }
    .patientsRow2 .left, .patientsRow2 .right, .technologiesRow2 .left, .technologiesRow2 .right{
        width: 100%;
        max-width: 100%;
    }
    .technologiesBanner .subPageBannerInner h1{
        font-size: 42px;
    }
    .protheseHancheRow2Inner .left{
        width: 100%;
        margin-right: 0%;
        padding-right: 0px;
        padding-left: 0px;
        padding: 10px 0;
    }
    .protheseHancheRow2Inner .right {
        width: 100%;
        padding: 10px 0;
    }
    .protheseHancheRow3 .left{
        width: 100%;
        max-width: 100%;
        padding: 10px 24px;
    }
    .protheseHancheRow3 .right{
        width: 100%;
    }
    .protheseHancheRow9Inner .custCol {
        width: 100%;
        padding: 10px 0%;
    }
    .missionRow3 .left{
        width: 100%;
        max-width: 100%;
        padding: 10px 24px;
    }
    .missionRow3 .right{
        width: 100%;
    }
    .comonRow3 .left, .comonRow3 .right{
        width: 100%;
    }
    .comonRowButtonGroup{
        flex-direction: column;
    }
    .comonRowButtonGroup a{
        margin: 10px 0;
    }
    .comonRowButtonGroup {        
        padding: 20px 0 40px;
    }
    .comonRow2Inner h3 {
        font-size: 30px;
    }
    .comonRow3 .right, .educationPage .comonRow3 .right{
        height: auto;
    }   
    .comonRow3 .right.jarallaxRight{
        height: 66.7vw;
    }
    .locationListingColGrid{
        width: 50%;
    }
    .locationListingCol {       
        padding: 10px 7px;
    }
    .locationListingRow {        
        margin: 0 -7px;
    }
         
    .commonBanner1::before {       
        display: none;
    }
    .comonRow5Inner .left, .comonRow5Inner .right, .comonRow8Inner .left, .comonRow8Inner .right{
        width: 100%;
    }
   .comonRow8Inner .right img{      
        margin: auto;
        display: block;
        width: 100%;
    }
    .comonRow8Inner .left, .comonRow5Inner .left {
        padding: 50px 0px;
    }
    .commonBanner1Content {
        padding: 17.2% 24px 21.2% 34px;
    }
    .commonBanner1 .jarallax .commonBanner1Content{
        z-index: 4;
    }
    .commonBanner1 .jarallax::before{
        background-image: linear-gradient(90deg,#ffffff 40%,rgba(255,255,255,0.7) 100%);
        content: "";
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
    }
    .jarallxContent h3 {
        font-size: 50px;
    }
    .aprilBanner .jarallax-img {
        top: 19px !important;
    }
    .comonRow13Inner .left{
        width: 100%;
        margin-right: 0;
    }
    .comonRow13Inner .right{
        width: 100%;
        max-width: 320px;
        margin: auto;
    }
    .comonRow14Inner .left {
        width: 100%;
        padding: 50px 0px;
        margin-left: 0;
        margin-right: 0;
    }
    .comonRow14Inner .right{
        width: 100%;
        max-width: 400px;
        margin: auto;
    }
    .comonRow11InnerReverse .comonRow11Inner .left {
        margin-right: 0%;
        margin-left: 0%;
    }
    .comonRow12Inner .thirdBlock p {
        font-size: 22px;
    }
    .comonRow12Inner .thirdBlock h2 {
        font-size: 50px;
    }
    .comonRow12Inner .secondBlock {
        padding: 20px 0;
    }
    .comonRow13Inner .right .hoverBlockMain:hover > .hoverImg {        
        max-width: 200px;
    }
    .timeline .timeline-box, .timeline .timeline-launch {        
        padding: 10px;
    }
    .timeline .timeline-box .timeline-text {        
        width: calc(100% - 2px);        
        padding: 0 0px 0 6px;
    }
    .comonRow16 .left, .comonRow16 .right {
        width: 100%;
        height: auto;
    }
    .comonRow16 .left {        
        padding: 7.5vw 6.5vw;
    }    
    .loginBlockInner {        
        padding: 24px;
    }
    .loginBlock {       
        max-width: 430px;
    }
    .comonRowButtonGroup > div {
        width:100%;
        justify-content: center !important;
        display: flex;
    }
    .comonRow19Inner .left {
        width: 100%;
        margin-right: 0%;
        padding-right: 0px;
        padding-left: 0px;
    }
    .comonRow19Inner .right {
        width: 100%;       
    }
    .eventCol {   
        width: 50%;   
    }
    .eventDetailsContentCardInner {        
        padding: 30px 15px;
    }
    .eventDetailsRow1 h1{
        margin-top: 0vh;
    }
    .comonRow13InnerReverse .comonRow13Inner .right {
        margin-right: auto;
    }
    .footerBottom .right a {
        margin-right: 15.2%;
    }
    .newsSection {
        padding: 100px 24px 70px;
    }
    .comonRow11InnerReverse .comonRow11Inner .left {
        margin-right: 0%;
        margin-left: 0%;
        width: 100%;
    }
    .comonRow11Inner .right {
        width: 100%;
    }
    .contactPageInner {
        padding: 0 24px 100px;
    }
    .contactPageMain iframe {
        height: 300px !important;
    }
    .comonRow20 .secondBlock .imgBlock:nth-child(1){
        transform: none !important;        
        position: relative;
        left: 40px;
    }   
    .comonRow20 .secondBlock .imgBlock:nth-child(3){
        transform: none !important;  
        z-index: 3;
        position: relative;
        left: -40px;
    }
    .newsSectionBlock {        
        padding: 0 0px;
    } 
    .comonRow20 {
        padding: 50px 24px 100px;
    }
}
@media screen and (max-width: 850px) {
    .professionnelsMedicauxSlider .item {
        padding: 14% 5%;
    }
    .owl-nav button.owl-prev {
        left: 0;
    }
    .owl-nav button.owl-next {
        right: 0px;
    }
    .owl-nav button i {
        font-size: 30px;
    }
    .internationalList ul:nth-child(even) {
        background: transparent;
    }
    .internationalList ul:nth-child(odd) {
        background: transparent;
    }
    .internationalList ul li{
        width: 100%;       
        padding: 8px 8px;
    } 
    .internationalList ul li.Grey_Shadow{
        background-color: #eee;
    }   
    .comonRow9Inner {        
        padding: 40px;
    }
    .loginBlock {      
        margin: auto;
    }
    .comonRow11Inner .left h6 {      
        margin: 0 0 50px;
    }
}
@media screen and (max-width: 812px) {
.subPageBanner {    
    height: 350px;
    display: flex;
    padding: 140px 10% 100px !important;
}
.homeBannerInner h3 {   
    max-width: 500px;
}
.homeBannerInner p {  
    max-width: 500px;
}
.politiqueRow2 .imgBlock {
    width: 100%;
}
#cookie-law-info-bar .cli-bar-container .cli_cookie_close_button {  
    right: 10px;
    top: 6px;
}
}
@media screen and (max-width: 768px) {
    .timeline-box .imgBlock {       
        min-height: 173px;
        max-height: initial;
        height: auto;
    }
    .footerCol {
        width: 48%;
        padding: 10px 0px;
        margin-right: 0%;
    }
    .footerCol:first-child {
        width: 48%;        
    }
    .subPageBanner {
        background-image: linear-gradient(90deg,rgba(245,245,245,0.68) 0%,#ffffff 100%),url(../images/symbios_facade_4.jpg);
        padding: 17% 10%;
    }   
    .subPageBannerPatients {
        background-image: linear-gradient(90deg,rgba(245,245,245,0.68) 0%,#ffffff 100%),url(../images/symbios_patient.jpg);
    }
    .produitSolutionsBanner {        
        background-image: linear-gradient(90deg,rgba(245,245,245,0.68) 0%,#ffffff 100%),url(../images/symbios_produits_et_solutions.jpg);
    }
    .missionBanner {        
        background-image: linear-gradient(90deg,rgba(245,245,245,0.68) 0%,#ffffff 100%),url(../images/symbios_mission.jpg);
    }
    .protheseHancheBanner {        
        background-image: linear-gradient(90deg,rgba(245,245,245,0.68) 0%,#ffffff 100%),url(../images/symbios_patient_hanche_.jpg);
    }
    .protheseGenouBanner{
        background-image: linear-gradient(90deg,rgba(245,245,245,0.68) 0%,#ffffff 100%),url(../images/symbios_patient_genou.jpg);
    }    
    .histoireBanner{        
        background-image: linear-gradient(90deg,rgba(0,0,0,0.51) 16%,rgba(0,0,0,0.75) 100%),url(../images/symbios_jean_ple_00.png);
    } 
    .subPageBannerInner h1 {
        font-size: 42px;
    }
    .patientsRowButtonGroup {       
        padding: 40px 0 30px;
    }    
    .languesListRow{
        margin: 0 0;
    }
    .languesListCol {
        width: 100%;
        padding: 10px 0px;
    }
    .languesListCol ul{
        min-height: auto;
    }
    .timeline .row.timeline-left .timelineRoundAfter::after {
        left: 4px;
    }
    .timeline .row.timeline-right .timelineRoundAfter::after {
        left: 4px;
    }
    .timeline-right .ml-auto{
        margin-left: initial !important;
    }
    .timeline .row.timeline-left .col-md-6, .timeline .row.timeline-right .col-md-6{
        flex: 100%;
        max-width: 100%;
    }
    .comonRow7 .firstBlock {
        padding: 0 0 100px;
    }
    .comonRow7 .secondBlock .imgBlock .imganimation {       
        top: -23px;       
        left: 0px;
    }
}
@media screen and (max-width: 767px){    
    .politiqueRow4 .left, .politiqueRow4 .right{
        width: 100%;
        padding: 10px 0;
    }
    .politiqueRow3 {
        padding: 50px 24px;
    }
    .politiqueRow3Inner p{
        font-size: 21px;
    }
    .professionnelsMedicauxSlider .item{
        background-image: radial-gradient(circle at center,rgba(209,209,209,0) 0%,#b9b9b9 100%) !important;
    }
    .professionnelsMedicauxSlider .item h3 {        
        text-align: center;
    }
    .professionnelsMedicauxSlider .item p {        
        text-align: center;
    }
    .professionnelsMedicauxSlider .item a {        
        margin: auto;
    }
    .professionnelsMedicauxSlider .item p {
        font-size: 16px;
    }
    .professionnelsMedicauxSlider .item h3 {
        font-size: 37px;
    }
    .productCol{
        width: 100%;
        padding: 20px 0%;
    }
    .productRow {      
        margin: 0 0%;
    }    
    .actualitesPage {
        padding: 50px 24px 70px;
    }
    .newsColInner h4 {        
        padding: 20px 15px 20px 15 px;
    }
    .protheseHancheRow7 .imgBlock {
        width: 100%;
    }
    .missionRow2Inner .custRow {       
        margin: 0 -0px;
    }
    .missionRow2Inner .custCol {
        width: 100%;
        padding: 20px 0px 0;
    }
    .mapDiv iframe{
        height: 400px;
    }
    .locationListingColGrid {
        width: 100%;
    }
    .locationListingRow {
        margin: 0 0px;
    }
    .locationListingCol{
        padding: 10px 0;
    }
    .jarallxContent h3 {
        font-size: 40px;
    }
    .jarallxContent p {
        font-size: 20px;
    }  
    .comonRow9Inner {        
        padding: 15px 8px;
    }  
    .ressourcesTabRow .left, .ressourcesTabRow .right{
        width: 100%;
    }
    .ressourcesTabRow .right{
        padding: 20px 0 0;
    }
    .comonRow11Inner .left, .comonRow11Inner .right {
        width: 100%;
    }
    .comonRow11Inner .right{
        max-width: 320px;
        margin: auto;
    }
    .patientsRow3 h2 {       
        font-size: 22px;
    }
    .comonRow1Inner p {
        font-size: 20px;
    }
    .protheseHancheRow9Inner .custCol h3 {
        font-size: 22px;
    }
    .medicalProfessionalModalContent {
        padding: 10px;
    }
    .medicalProfessionalModalContent .medicalProfessionalModalButtonGroup a {        
        padding: 0.667em 9px;        
        font-size: 13px;
    }
    .eventRow{
        margin: 0 0px 30px;
    }
    .eventCol {   
        width: 100%;  
        padding: 10px 0; 
    }
    .professionnelsMedicauxSlider .item {
        padding: 22% 5%;
    }
    .eventColInner {        
        height: auto;
    }
    .footerBottom .left {
        width: 100%;
        text-align: center;
        padding: 0 0 10px;
    }
    .footerBottom .right {
        width: 100%;
        justify-content: center;
    }
    .footerBottom .right a {
        margin-right: 0;
        margin: 0 2% !important;
        width: auto;
    }
    .subPageBanner {       
        display: flex;
    }
    .videoContainer iframe {
        height: 50vw;
    }   
    .timeline .timeline-continue {      
        padding: 30px 0;
    } 
    .timeline .timeline-end::after {
        position: absolute;
        content: "";
        width: 3px;
        height: 100%;
        top: 0;
        left: 0%;
        margin-left: -1px;
        background: #e2e2e2;
    }
    .timeline .timeline-continue:last-child{
        padding: 0 0 0;
    }
    .timeline .timeline-box:last-child{
        padding: 10px 10px 0px 10px;
    }
    .politiqueRow4 .right img {       
        margin: initial;
    }
    .owl-nav button.owl-prev {
        display: block;
        left: 0px;        
    }    
    .owl-nav button.owl-next {
        display: block;
        right: 0px;        
    }
    .professionnelsMedicauxSlider:hover .owl-nav button.owl-prev {
        left: 0px;       
    }    
    .professionnelsMedicauxSlider:hover .owl-nav button.owl-next {
        right: 00px;        
    }
    .owl-nav button i {
        font-size: 40px;
    }
    .eventColInner .imgBlock {        
        max-height: initial;        
        height: auto;
    }
    .w3eden .media {
        flex-wrap: wrap;        
    }
    .w3eden .media-body {
        width: 100%;
        flex: 100%;
        padding: 0 0 10px;
    }
}
@media screen and (max-width: 650px) {
.subPageBanner {
    height: 418px;
}
}
@media screen and (max-width: 480px) {
    .footerCol {
        width: 100%;
        padding: 10px 10px;
        margin-right: 0%;
    }
    .footerCol:first-child {
        width: 100%;        
    }
    .newsCol {
        width: 100%;
        padding: 10px 8px;
    }
    .subPageBannerInner{
        max-width: 270px;
    }
    .politiqueBanner .subPageBannerInner h1{
        font-size: 40px;
    }
    .produitSolutionsRowButtonGroup{
        flex-direction: column;
    }
    .produitSolutionsRowButtonGroup a{
        width: 100%;
        max-width: 300px;
        margin: 0 0 20px;
        text-align: center;
        justify-content: center;
    }
    .protheseGenouRow10ButtonGroup a{
        margin: 10px 0 !important;
        margin-right: 0 !important;
        max-width: 320px !important;
        width: 100%;
        justify-content: center;
    }    
    .customTabs1.nav-tabs .nav-item{
        width: 100%;
    }
    .customTabs1.nav-tabs .nav-item .nav-link{
        text-align: center;
    }
    .acc__title p{       
        font-size: 20px;
        padding-right: 24px;
    }
    .acc__title::after {        
        top: 7px;
    }
    .comonRow4 h3 {       
        font-size: 22px;
    }
    .categoriesFilter .left {
        width: 100%;
        padding: 0 0 15px;
    }
    .categoriesFilter .right {
        width: 100%;
        display: flex;
        justify-content: flex-end;
    }
    .categoriesFilter .left select {       
        margin-right: 5px;
        font-size: 14px;
    }
    .categoriesFilter .left select:last-child {       
        margin-right: 0px;
    }
    .ressourcesTabRow .left .imgBlock img {
        max-width: 28px;
    }
    .ressourcesTabRow .left .contentBlock h4 {
        font-size: 16px;
        font-weight: normal;
    }
    .commonBanner1Content p {
        font-size: 18px;
    }
    .commonBanner1Content h1 {
        font-size: 40px;
    }
    .comonRow5Inner .left h6 {        
        font-size: 22px;
    }
    .comonRow10 .firstBlock .firstBlockInner h3 {
        font-size: 20px;
    }       
    .subPageBanner{
        height: 418px;
    }
    .newsColInner h4 {        
        min-height: auto;
    }
}

@media screen and (max-width: 395px) {    
    .footerBottom .right a {
        font-size: 15px;        
        margin-right: 5%;
    }
    .footerBottom .right{
        justify-content: flex-start;
    }
    .owl-dots {        
        bottom: 40px;
    }
}