#left-side { float:left; width:555px; }
#right-side { float:right; width:376px; padding:29px 0 0 16px; border-top:0; border-left:1px solid #d8dadb; }

#banner { position:relative; overflow:hidden; margin:0 0 15px 0; background:#68696c; color:#fff; }
#banner ul { width:230px; height:330px; padding:0; margin:0; }
#banner ul li .body-div {
    overflow:hidden; 
    position:relative;
    background:#424143;
    z-index: 2;
}
#banner ul li .body-div h2 { 
    padding:3px 13px 3px 13px; 
    margin:0; 
    height:24px;
    background:#68696c;
    border-bottom:1px solid #999a9d; 
    color:#fff;
    text-transform:capitalize;
    cursor:pointer;
    vertical-align:top;
  font:bold 10px/normal Arial, Helvetica, sans-serif;
}
#banner ul li .content-div { overflow:hidden; padding:0; }
#banner ul li .content-div div { padding:20px 13px 10px 13px; }
#banner ul li .content-div h6 { margin:0 0 5px 0; font-size:10px; color:#fff; }
#banner ul li .content-div h3 { margin:0 0 10px 0; font-weight:normal; font-size:26px; line-height:26px; color:#fff; }
#banner ul li .content-div p { margin:0 0 15px 0; color:#fff; }
#banner ul li .content-div div.description-text { margin:0 0 15px 0; padding:0; color:#fff; text-align: justify; font-size: 12px;}
#banner ul li .content-div div.description-text div { margin:0; padding:0; }
#banner ul li .content-div a { font-weight:bold; font-size:10px; text-transform:uppercase; color:#7e90b0; }
#banner ul li .image-div { position:absolute; top:0px; right:0px; width:77%; height: 100%;}
#banner ul li .image-div img{ width: 100%; height: 100%; object-fit: cover;}
@media(max-width:480px)
{
    #banner {height: 455px;}
    #banner ul{position: absolute; width:100%; z-index: 2; bottom:0; height: 270px; }
  
    #banner ul li .image-div{width:100%; height: 185px; top: -185px; z-index: 3}
}