.blog.inaction article > div .img-intro-left img {

width: 100%;
margin: 0px !important;
margin-left: 0px !important;
z-index: 999 !important;
}

.blog.inaction article > div .img-intro-left {
position: relative;
z-index: 999 !important;
}

.blog.inaction article > div .img-intro-left:hover  {
opacity: 0.1;
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;
}


.blog.inaction article > div {
position: relative !important;
height: 350px !important;
}


.blog.inaction article > div h2 {
color: #ffffff !important;
width: calc (100% - 20px);
height: 50px;
padding-left: 10px;
padding-right: 10px;
padding-top: 5px;
padding-bottom: 5px;
background: #777777;
margin-bottom: 0px;
line-height: 18px;
}

.blog.inaction article > div h2 a {
font-size: 15px;
font-weight: bold;
color: #ffffff !important;
text-shadow: none !important;
}


.blog.inaction article > div .text {
position:absolute;
width: calc (100% - 10px);
padding: 5px;
top:45px;
font-size: 13px !important;
height: 200px;
margin-top: 15px;
z-index: 200 !important;
overflow: hidden;
}

.blog.inaction article > div .text .shortdesc {
height: 160px !important;
float:left;
}

.blog.inaction article > div .text.media {
text-shadow: 1px 1px #ffffff;
}


.blog.inaction article .readmore {
color: #00978F;
width: calc(100% - 10px) !important;
font-weight: normal;
padding: 5px;
float:left;
z-index: 200 !important;
}

@media (max-width: 600px) and (min-width: 440px) {
.blog.inaction article > div {
position: relative !important;
height: 450px !important;
}
}

@media (max-width: 836px) and (min-width: 600px) {

.blog.inaction article > div .img-intro-left img { 

width: 345px !important;
height: 230px !important;
overflow: hidden;
margin: 0px !important;
margin-left: 0px !important;
z-index: 999 !important;
}

}

.blog.inaction .category-desc {
margin-bottom: 40px;
}