
  #infographicsSection{background:#fff!important}.thumbnail{position:relative;height:390px;overflow:hidden;border:1px solid #dfdfdf}.thumbnail .txt-content{border-bottom:1px dotted #ccc}p.para-heading,.carousel-caption p{color:#fff}aside .caption{margin-bottom:0}div#infographicsSection{background-color:#f1f1f1}.infographic-tile>.thumbnail{padding:0}.infographic-tile>.thumbnail:hover{cursor:pointer}.infographic-tile img{margin:0}.infographic-tile .caption{padding:10px;min-height:225px}.infographic-tile>.thumbnail:hover img{opacity:.2}.infographic-tile>.thumbnail .caption p:first-child{height:auto!important}@media (min-width: 769px) and (max-width: 1340px){.infographic-tile .caption{min-height:245px}.infographic-tile{width:33%}.modal-dialog{top:5%;width:600px!important}}@media (min-width: 1341px){.margin-aside{width:auto}.infographic-tile{width:20%}.modal-dialog{top:5%}}@media (max-width: 768px){.infographic-tile{width:50%}.row.infograph-tiles .clearfix{display:inline-block}}@media (min-width: 320px) and (max-width: 767px) and (orientation: portrait){.infographic-tile{width:100%}}.infograph.newsletter form .form-control{width:92%;height:34px}div#myModal_infograph .txt-content p{font-size:11px;max-height:140px;overflow-y:auto;padding:3px}

@media only screen and (max-width: 600px) {
        #deepi {
             "width:30%";
            }
            .infographic-tile {
                width: none;
            }
}

.thumbnail {
    height: 100%;
}

