.topsection , .bottomSection{display: flex; flex-wrap:wrap; }
.bottomSection {flex-direction: row-reverse;}
.LeftSection{width:50%;background-repeat:no-repeat;background-size:cover;background-position:center; }
.RightSection{width:50%; display:flex; align-items:center;}

.topsection {-webkit-clip-path: polygon(0 0,100% 0,100% 59.8%,0 100%); clip-path: polygon(0 0,100% 0,100% 59.8%,0 100%);}
.topsection .RightSection { align-items: flex-start; background: #fff; }
.topsection .RightSection > div { margin-left: 109px; max-width: 500px; padding: 70px 20px 300px; }

.bottomSection {margin-top:-267px;/*-webkit-clip-path: polygon(0 38.8%,100% 0,100% 100%,0 100%); clip-path: polygon(0 38.8%,100% 0,100% 100%,0 100%);*/ }

.bottomSection .RightSection { align-items: center; justify-content: flex-end; }
.bottomSection .RightSection > div { max-width: 500px; margin-right: 86px; padding: 20px; margin-top: 280px; margin-bottom:70px; }


@media(max-width:1440px){
  .topsection .RightSection > div{margin-left:30px;padding:30px 20px 300px;}
  .bottomSection .RightSection > div{margin-right:30px;}
}
@media(max-width:1024px){
  .topsection .RightSection > div{margin-left:0px;padding:30px 20px 250px;}
  .bottomSection .RightSection > div{margin-right:0px;}
}
@media(max-width:768px){
  .topsection{clip-path:none;-webkit-clip-path:none;}
  .bottomSection{margin-top:0px;}
  .topsection .RightSection > div, 
  .bottomSection .RightSection > div{
    padding:30px 20px 50px;
    margin:0px;
  }
}
@media (max-width: 767px) {
  .topsection, 
  .bottomSection{
    display: block; 
  }
  .LeftSection, 
  .RightSection{
    width: 100%;
  }
}
@media(max-width:640px){
  .LeftSection{width:100%;height:270px;}
  .RightSection{width:100%;}
  .bottomSection .RightSection{justify-content:flex-start;order:2;}
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .bottomSection{margin-top:0px;}
  .topsection .RightSection > div{padding:70px 20px;}
  .bottomSection .RightSection > div{margin-top:0px;margin-bottom:0px;padding:70px 20px;}
}

@supports (-ms-accelerator:true) {
  .bottomSection{margin-top:0px;}
  .topsection .RightSection > div{padding:70px 20px;}
  .bottomSection .RightSection > div{margin-top:0px;margin-bottom:0px;padding:70px 20px;}
}