.about-video-wrap
{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.block-about-ifc
{
background:#00ade4;
color: #fff;
width: 50%;
float: left;
padding:25px;
}
.block-about-ifc .views-row
{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
vertical-align: middle;
align-items: center;
height: 100%;
}
.block-about-ifc .views-row,
.block-about-ifc .view-content,
.block-about-ifc .view
{
height:100%;
}
.block-about-ifc .views-row .image-field
{
margin-right:10px;
}
.about-details .about-title
{
font-size:26px;
font-weight:600;

}
.about-details .about-description
{
font-size:16px;
margin-top:25px;
overflow: hidden;

}
.about-details .about-description p{
  padding: 0;
}
.about-details .readmore
{
font-size:12px;
margin-top:30px;
text-align:left;
}
.readmore a
{
font-size: 12px;
border: 1px solid #fff;
height: 30px;
width: 110px;
text-align: center;
display: inline-block;
color: #fff;
line-height: 26px;
margin: 0 auto;
}


.path-frontpage .about-details-wrapper > span{
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  vertical-align: middle;
  align-items: center;
}


@media only screen and (max-width : 1200px) {
    .about-video-wrap{

    }
    .about-video-wrap > .component-ifc-video{
      width:50%;
    }

    .about-video-wrap .component-about-ifc{
      width:50%;
    }
    .block-ifc-video *{
      height:100%;
    }
    .about-video-wrap{
      padding-left:15px;
      padding-right:15px;
    }
}
@media only screen and (max-width : 991px) {

  /*.about-video-wrap > .component-ifc-video{
    width:300px;
  }

  .about-video-wrap .component-about-ifc{
    width:calc( 100% - 300px );
  }*/
}
@media only screen and (max-width : 767px) {
  .about-details .about-title {
        font-size: 24px;
        line-height:30px;
        font-weight: 600;
    }
    .block-about-ifc .views-row,
     .block-about-ifc .view-content,
     .block-about-ifc .view{
       height:auto;
     }
     .about-video-wrap{
       display:block;
     }
     .about-video-wrap .component-about-ifc,
     .about-video-wrap > .component-ifc-video{
       border:none;
       margin-bottom:20px;
       width:100%;
     }
     .block-ifc-video .video-field iframe{
       height:250px;
     }
}
@media only screen and (max-width : 576px) {

     .block-about-ifc .views-row .image-field{
       width:100%;
       text-align: center;
     }
      .block-about-ifc .views-row .image-field img{
        max-width:80px;
      }
     .block-about-ifc .views-row{
       display:block;
     }

    .block-ifc-video *{
      height:auto;
    }

}