.itm-suggested-courses .wrapper{
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
    column-gap: 10px;
    row-gap: 10px;
}
.itm-suggested-courses .wrapper>a .top{
    width: calc(100% + 20px);
    margin-left: -10px;
    padding: 5px 10px;
    box-sizing: border-box;
    margin-bottom: 5px;
    color: #fff;
    background-color: var(--itm--primary);
    position: relative;
}
.itm-suggested-courses .wrapper>a .top i{
    margin-right: 5px;
}
.itm-suggested-courses .wrapper>a .top span{
    position: absolute;
    right: 10px;
}
.itm-suggested-courses .wrapper>a{
    flex:1;
    border: 1px solid var(--itm--primary);
    padding: 0 10px;
    margin: 0 5px;
    text-decoration: none;
    background-color: #f8f9fa;
}
.itm-suggested-courses .wrapper>a:first-child{
    margin-right: 0;
}
.itm-suggested-courses .wrapper>a:last-child{
    margin-left: 0;
}
.itm-suggested-courses .wrapper>a h4{
    margin: 10px 0 0 0;
}
.itm-suggested-courses .wrapper>a p{
    margin: 5px 0;
}
.itm-suggested-courses .wrapper>a p:not(:last-child){
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
}
.lecturer-courses.itm-suggested-courses .wrapper{
    flex-wrap: wrap;
    row-gap: 10px;
    column-gap: 10px;
}
.lecturer-courses.itm-suggested-courses .wrapper>a{
    flex: 1 0 20%;
    margin: 0;
}

.lecturer-details{
    display: flex;
    flex-wrap: wrap;
    column-gap: 15px;
}
.lecturer-details figure{
    flex:1 0 10%;
}
.lecturer-details div{
    flex:1 0 80%;
}
.lecturer-details h2{
    margin-top: 0;
}
@media only screen and (max-width: 1500px) {
    .itm-suggested-courses .wrapper > a{
        flex:1 0 30%!important;
    }
}
@media only screen and (max-width: 1250px) {
    .itm-suggested-courses .wrapper > a{
        flex:1 0 45%!important;
    }
}
@media only screen and (max-width: 800px) {
    .itm-suggested-courses .wrapper > a{
        flex:1 0 100%!important;
        margin: 0!important;
    }
    .lecturer-details figure,
    .lecturer-details div{
        flex:1 0 100%!important;
    }
    .itm-suggested-courses .wrapper {
        flex-direction: column;
        row-gap: 15px;
    }
}