/******************  News Slider Demo-11 *******************/
.post-slide11{
    background:#fff;
    margin:0 15px;
    box-shadow:0 1px 2px rgba(43,59,93,.3);
    margin-bottom:2em
}
.post-slide11 .post-img{
    position:relative
}
.post-slide11 .over-layer{
    background:rgba(0,0,0,.6);
    width:100%;
    height:100%;
    position:absolute;
    opacity:0;
    cursor:pointer;
    transition:all .3s ease 0s
}
.post-slide11:hover .over-layer{
    opacity:1
}
.post-slide11 .over-layer:after{
    content:"+";
    font-size:52px;
    color:#fff;
    position:absolute;
    top:31%;
    left:42%
}
.post-slide11 .post-img img{
    width:100%;
    height:auto
}
.post-slide11 .post-title{
    margin:25px 0 15px 0;
    padding:0 15px
}
.post-slide11 .post-title:before{
    /* content:"";
    border:5px solid #056839; */
    width:80%;
    display:block;
    margin-bottom:15px
}
.post-slide11 .post-title a{
    font-family: 'Prompt', sans-serif;
    font-size:16px;
    font-weight:700;
    color:#333;
    display:inline-block;
    text-transform:capitalize;
    transition:all .3s ease 0s
}
.post-slide11 .post-title a:hover{
    text-decoration:none;
    color:#056839
}
.post-slide11 .post-date{
    text-transform:capitalize;
    padding:0 15px;
    color:#e67e22;
    font-size:13px
}
.post-slide11 .post-date:before{
    margin-right:7px;
    color:#e67e22;
}
.owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{
    background:#63dce0;
}
.container-knowledge {
    display:block;
    margin:auto;
    width: 60%;
    margin-top:20px;
}

@media only screen and (max-width: 1000px) {
    .container-knowledge {
        width: 70%;
        margin-top:100px;
    }
}
@media only screen and (max-width: 700px) {
    .container-knowledge {
        width: 80%;
        margin-top:300px;
    }
}