.m-d.expand-list{
    margin: 0;
    padding: 0;
}
.m-d.expand-list > li{
    list-style-type: none;
    padding: 15px 0;
    border-bottom: 1px solid #FFF;
    position: relative;
/*    max-width: 80%; */
}
.m-d label[class^="tab"]:hover{
    cursor: pointer;
}
.m-d input{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.m-d input[class^="tab"]{
    width: 100%;
    height: 40px;
    position: absolute;
    left: 0;
    top: 0; 
}
.m-d input[class^="tab"]:hover{
    cursor: pointer;
}
.m-d label[class^="tab"]{
    font-family: "Rajdhani";
    font-weight: normal;
    font-size: 1.5em;
}
.m-d .content{
    height: auto;
    max-height: 0;
    /*max-width: 300px;*/
/*    background: yellow;*/
    overflow: hidden;
    transform: translateY(20px);
    transition: all 180ms ease-in-out 0ms; 
}

* {
  box-sizing: border-box;
}

.column {
  float: left;
  padding: 10px;
}

@media screen and (max-width: 600px) {
  .column {
    width: 100%;
  }
} 

.left {
  width: 45%;
}

.right {
  width: 55%;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

.column img {
    width: 100%;
    height: 100%;
    object-fit: scale-down;
}

.m-d li[data-md-content="100"] input[class^="tab"]:checked ~ .content{
    max-height: 100px;
    transition: all 150ms ease-in-out 0ms;
}
.m-d li[data-md-content="200"] input[class^="tab"]:checked ~ .content{
    max-height: 200px;
    transition: all 200ms ease-in-out 0ms;
}
.m-d li[data-md-content="300"] input[class^="tab"]:checked ~ .content{
    max-height: 300px;
    transition: all 250ms ease-in-out 0ms;
}
.m-d li[data-md-content="400"] input[class^="tab"]:checked ~ .content{
    max-height: 400px;
    transition: all 250ms ease-in-out 0ms;
}
.m-d li[data-md-content="500"] input[class^="tab"]:checked ~ .content{
    max-height: 500px;
    transition: all 250ms ease-in-out 0ms;
}
.m-d li[data-md-content="600"] input[class^="tab"]:checked ~ .content{
    max-height: 600px;
    transition: all 250ms ease-in-out 0ms;
}
.m-d li[data-md-content="700"] input[class^="tab"]:checked ~ .content{
    max-height: 700px;
    transition: all 300ms ease-in-out 0ms;
}
.m-d li[data-md-content="800"] input[class^="tab"]:checked ~ .content{
    max-height: 800px;
    transition: all 300ms ease-in-out 0ms;
}
.m-d li[data-md-content="900"] input[class^="tab"]:checked ~ .content{
    max-height: 900px;
    transition: all 300ms ease-in-out 0ms;
}
.m-d li[data-md-content="1000"] input[class^="tab"]:checked ~ .content{
    max-height: 1000px;
    transition: all 350ms ease-in-out 0ms;
}
.m-d li[data-md-content=""] input[class^="tab"]:checked ~ .content{
max-height: 1000px;
transition: all 250ms ease-in-out 0ms;
}
.m-d input[class^="tab"]:checked ~ .content{
    margin-bottom: 20px;
}

.m-d .open-close-icon{
    display: inline-block;
    position: absolute;
    right: 20px;
    transform: translatey(2px);
}
.m-d .open-close-icon i{
    position: absolute;
    left: 0;
}
.m-d .open-close-icon .fa-chevron-down{
    transform:rotate(-180deg);
    transition: transform 150ms ease-in-out 0ms;
}
.m-d input[class^="tab"]:checked ~ .open-close-icon .fa-chevron-down{
    transform: rotate(0deg);
    transition: transform 150ms ease-in-out 0ms;
}