body {
    font-size: 11px;
}
.btn {
    font-size: 13px;
}
.forums p {
    line-height: 1.2em;
}
.forums.MainTable {
    width: 100%;
    padding-top: 140px;
    background-color: #f4f4f4;
}
.forums.MainTable img {
    width: 100%;
}
.forums.MainTable .topic-content img {
    width: auto;
}
ul.bullet {
    list-style: disc;
    padding: 0 0 0 2em;
}
ul.bullet li {

}
.MainTable .content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 1200px;
    min-height: 20vh;
    padding: 0 1%;
    margin: 5em auto 0;
    background-color: transparent;
}
/** content top **/
.content .top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-basis: 100%;
    margin: 1em 0;
}
.content .top .main {
    margin: 0;
}
.content .top .BreadCrumb {
    width: 34%;
    padding: 0 !important;
    margin: 1em 0;
}
.content .top .new-topic {
    display: flex;
    align-items: center;
    width: 34%;
}
.content .top .new-topic .btn {
    padding: 0;
    margin: 0 0 0 auto;
}
.content .top .new-topic .btn a {
    display: block;
    line-height: 1.2em;
    padding: 8px 20px 8px 15px;
    background-color: #7ec34d;
    color: #fff;
    border-radius: 5px;
    text-transform: uppercase;
}
.content .top .main .new-topic a:hover {
    text-decoration: none;
}


.content .top .search {
    display: flex;
    align-items: center;
    align-self: stretch;
    width: 28%;
}
.content .top .search .search-group {
    position: relative;
    width: 100%;
    margin: 0;
    border: 1px solid #999;
    border-radius: 5px;
    overflow: hidden;
    background-color: #fff;
}
.content .top .search .search-group input[type=text] {
    box-sizing: border-box;
    font-size: 14px;
    line-height: 1.7em;
    width: 100%;
    height: auto;
    padding: 5px 0 5px 35px;
    border: none;
    background-color: #fff;
}
.content .top .search .search-group button {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    font-size: 17px;
    padding: 7px 9px;
    margin: 0;
    border: none;
    cursor: pointer;
    background-color: #fff;
}
.content .top .search .search-group button .fa {
    color: #999;
}
/** end content top **/

/** content main **/
.content .main  {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap: wrap;
    width: 70%;
}
.all-tags .main {
    width: 100%;
}
.main {
    font-size: 14px;
    margin: 0 0 2em;

}
.main h2 {
    font-size: 16px;
}
.main p {
    margin: 1em 0;
}
/** end of main **/


/** h2 & h3 **/
.content .section h2.main {
    font-size: 14px;
    width: 100%;
    margin: 1em 0;
}
.catories h2,
.forums h2 {
    font-size: 18px;
    margin: 1em 0;
} 
.catories h3,
.forums h3 {
    font-size: 14px;
}
/** end h2 & h3 **/

/** override footer h3 **/
div.FooterResponsive H3 {
    font-weight: normal;
    margin: 3px 0 5px;
    text-align: left;
    font-size: 14px;
}
/** end override **/

/**sections**/
.section,
.catories .section {
    border-radius: 15px;
    background-color: #fff;
    margin: 0 0 1em;
    overflow: hidden;
}
.catories .section {
    padding: 15px;
}
.forums.details .page.section {
    border-radius: 0 0 15px 15px;
}
.section.comments {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding: 10px 20px;
}

.section p {
    line-height: normal;
    margin: 1em 0;
}
.section dl {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin: 1em 0;
}
.section dl dt {

}
.section dl dd {
    margin: 0 0 0 10px;
}
.section .section {
    padding: 10px 20px;
    margin: 0;
    border-radius: 0;
}
.forums.details .section > .section {
    border-bottom: 1px solid #666;
}
.clubs.forums.details .section > .section {
    clear: both;
}
.forums.details .section > .section:last-of-type {
    border-bottom: none;
}

.forum-topic {
    padding: 10px;
}
/** end sections **/

/** section banner **/
.clubs .section .banner {
    display: flex;
    justify-content: space-around;
}
.clubs .section .banner p {
    margin: 0;
}
.clubs .section .banner a {

}
.clubs .section .banner a img{
    display: none;
}
.clubs .section .banner .main {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 49.5%;
    margin: 0 1% 0 0;
}
.clubs .section .banner .main a {
    display: block;
    width: 100%;
    height: 100%;
}
.clubs .section .banner .secondary {
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 49.5%;

    display: flex;
    flex-wrap: wrap;
}
.clubs .section .banner .secondary a {
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 49%;
    padding-top: 49%;
    margin: 0;
}
.clubs .section .banner .secondary a:nth-child(2n+1) {
    margin-right: 2%;
}
.clubs .section .banner .secondary a:nth-child(-n+2) {
    margin-bottom: 2%;
}
/** end section banner **/

/** catories **/
.catories {
    font-size: 14px;
}
.catories .section .total {
    margin: 1em 0 0;
    text-align: right;
}

.catories .section .item {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0 0 15px;
    margin: 0 0 15px;
    border-bottom: 1px solid #999;
}
.catories .section .item .item-img {	
    width: 260px;
    min-width: 260px;
    margin: 0 2% 0 0;
    overflow: hidden;
}
.clubs .catories .section .item .item-img {	
    width: 120px;
    min-width: 120px;
}
.catories .section .item .item-img a {
    display: block;
}
.catories .section .item .item-img.no-banner a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 10px;
    background-color: #f2f2f2;
}
.catories .section .item .item-img.item-img.no-banner a .name {
    display: block;
    width: 50%;
    text-align: center;
} 
.catories .section .item .item-img img {
    width: 100%;
    max-height: 120px;
    border-radius: 10px;
}
.catories .section .item .item-img.no-banner img {
    width: auto;
    margin: 0 0 0 auto;
}

.catories .section .item .item-details {
    flex-grow: 1;
}
.catories .section .item .item-details .details.heading {
    float: left;
}
.catories .section .item .item-details .details.heading .main {
    width: 200px;
    margin: 0 0 1em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.catories .section .item .item-details .details.heading .sub {
    margin: 0 0 1em;
}
.catories .section .item .item-details .details.state{
    float: right;
    margin: 0 0 1em;
}
.catories .section .item .item-details .details.state .date {
    margin: 0 0 1em;
}
.catories .section .item .item-details .details.state .interest{
    margin: 0 0 1em;
}
.catories .section .item .item-details .location {
    clear: both;
    margin: 0 0 1em;
}
/** end catories **/

/** forum-topic **/
.forum-topic {
    width: 100%;
    padding: 20px;
}
.forum-topic h1 {
    font-size: 20px;
    font-weight: normal;
    margin: 0.5em 0;
}
.forum-topic .date {
    margin: 0.5em 0;
}
.forum-topic .topic-content {
    margin: 0 0 20px;
}
.forum-topic .comments-footer {
    padding: 15px 0 0;
    margin: 0 10px;
    border-top: 1px solid #f4f4f4;
}
.forum-topic .comments-footer .like {
    margin: 0;
}
/** end forum topic **/


/** comments **
.comments-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 10px 0 0 10px;
}
.comments-footer .reply {
    background: url('../IMAGE/seo-events/bubble-line-grey.svg') no-repeat left center;
}
.comments-footer .like {
    background: url('../IMAGE/seo-events/heart-line-grey.svg') no-repeat left center;
    margin: 0 auto 0 0;
}
.comments-footer .reply-with-quote {
    background: url('../IMAGE/seo-events/quote-line-grey.svg') no-repeat left center;
    margin: 0 auto 0 0;
}
** end comments **/

/** user **/
.starter {
    display: flex;
    justify-content: flex-start;
    flex-grow: 1;
    margin: 10px 0;
    overflow: auto;
}
p.avator {
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    padding: 0;
    margin: 0 10px 0 0;
    overflow: hidden;
    border-radius: 50%;
}
.starter .details {
    flex-grow: 1;
}
.starter .details p {
    margin: 0.2em 0;
}
.starter .details p:first-of-type {
    margin: 0 0 0.2em;
}
/** end user **/

/** tags **/
.tags {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 1em;
}
.tags .tag {
    font-size: 12px;
    padding: 5px 10px;
    margin: 5px;
    white-space: nowrap;
    border-radius: 5px;
    background-color: #fff;
}
.catories .section .item .item-details .tags {
    display: flex;
    clear: both;
}
.category .tags {
   margin: 0; 
}
.catories .section .item .item-details .tags .tag,
.category .tags .tag,
.forum-topic .tags .tag {
    font-size: 12px;
    padding: 5px 10px;
    margin: 5px 5px;
    white-space: nowrap;
    border-radius: 5px;
    background-color: #f4f4f4;
} 
/** end tags **/


/** aside **/
.aside.section {
    align-self: flex-start;
    width: 28%;
    border-radius: 0;
    background-color: transparent;
}
.aside.section .section {
    padding: 15px;
    border-radius: 15px;
    background-color: #fff;
    margin: 0 0 1em;
}
.aside.section .header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 1.5em;
    margin: 0 0 1em;
}
.aside.section .tags-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 1em 0;
}
.aside.section .tags-header .tags-heading {
    margin: 0;
}
.aside.section .tags-header .view-all {
    margin: 0 0 0 10px;
}
.aside.section .tags-header .view-all a {
    padding: 5px 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-radius: 5px;
    color: #666;
    background-color: #fff;
}

.aside.section h2,
.aside.section h3 {
    font-weight: normal;
}
.aside.section .all {
    float: right;
}
.aside.section .item {
    clear: both;
    margin: 0 0 1em;
    border-radius: 15px;
    background-color: #f4f4f4;
}
.aside.section .item a {
    color: #666;
}
.aside.section .item:last-child {
    margin: 0
}
.aside.section .item .item-img {
    width: 100%;
}
.aside.section .item .item-img img {
    width: 100%;
}
.aside.section .item .top,
.aside.section .item .bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
}
.aside.section .item .top .date {
    font-size: 14px;
}
.aside.section .item .top .location {
    font-size: 14px;
}
.aside.section.item .bottom .interested {
    font-size: 14px;
}
.aside.section.item .bottom  .names .name,
.aside.section .item .bottom  .names .hosted {
    display: block;
    font-size: 14px;
    font-style: normal;
}
.aside.section .item .bottom .edit .btn {
    color: #666;
    border-radius: 5px;
    background-color: #ccc;
}
.aside.section .item .bottom .go-to .btn {
    position: relative;
    width: 13px;
    height: 13px;
    padding: 10px 10px;
    line-height: 1em;
    text-align: right;
    box-sizing: content-box;
    border-radius: 50%;
    border: 1px solid #666;
    color: #666;
    background-color: transparent;
}
.aside.section .item .bottom .go-to .btn i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-40%, -50%);
}

.aside.section ul.boards,
.aside.section .help {
    margin: 0;
}
.aside.section .boards li,
.aside.section .help li {
    margin: 1em 0;
}
.aside.section .boards li:last-of-type,
.aside.section .help  li:last-of-type {
    margin-bottom: 0;
}

.aside.section .boards li .board {
    padding: 40px 20px 20px;
    border-radius: 5px;
}
.aside.section .boards li .board .title {
    font-size: 18px;
    margin: 0 0 0.5em;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.45);
}
.aside.section .boards li .board .sub {
    font-size: 14px;
    margin: 0;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.45);
}


.aside.section .help li .help-topic {
    padding: 20px 20px 20px 10px;
    border-radius: 5px;
    background-color: #f4f4f4;
}

.aside.section .help li .help-topic .title {
    font-size: 16px;
    padding: 0 0 0 15px;
    margin: 0 0 0.5em;
    background: url(../IMAGE/svg/forward-arrow-grey.svg) no-repeat 0px 5px;
    background-size: 15px 11px;
}
.aside.section .help li .help-topic .sub {
    font-size: 14px;
    padding: 0 0 0 15px;
    margin: 0;
}
/** end aside **/



/** comments **/
.comments h2 {
    font-size: 14px;
}
.comments ul {
    width: 100%;
    margin: 0;
}
.comments ul li {
        display: flex;
        align-items: stretch;
        justify-content: space-between;
        margin: 10px 0;
        overflow: auto;
}
.comments .comments-list {
    padding: 0 0 0 46px;
}
.comments .comments-list {
    margin: 0;
}

.comments .avator {
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    padding: 0;
    margin: 0 10px 0 0;
    overflow: hidden;
    border-radius: 50%;
}
.comments .avator a {
    display: block;
    width: 100%;
    height: 100%;
}
.comments .avator img {
    width: 100%;
    height: 100%;
}

.comments .details {
    flex-grow: 1;
    width: 50%;
}

.comments .details .bubble {
    position: relative;
    padding: 6px 10px 8px;
    border-radius: 10px;
    background-color: #ebedf0;
}
.comments .details .bubble p, 
#reply .reply-to .bubble p {
    margin: 0;
    color: #000;
}
.comments .details .bubble img, 
#reply .reply-to .bubble img {
    width: auto;
}
.comments .date, 
#reply .date {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 12px;
    height: auto;
    line-height: 1.5em;
}
.details .bubble .comment, 
#reply .reply-to .bubble .comment {
    margin: 0.5em 0;
}
.comments-footer {
    display: flex;
    justify-content: left;
    align-items: center;
    margin: 10px 10px 0;
}
.comments-footer p {
    padding: 0;
    margin: 0 5% 0 0;
    text-transform: capitalize;
    background-position: left;
    background-repeat: no-repeat;
    background-size: contain;
}
.comments-footer .reply {
    background-image: url('../image/seo-forums/bubble-line-grey.svg');
}
.comments-footer .like {
    margin: 0;
    background-image: url('../image/seo-forums/heart-line-grey.svg');
}
.comments-footer .reply-with-quote {
    background-image: url('../image/seo-forums/quote-line-grey.svg');
    margin: 0 auto 0 0;
}
.comments-footer .report {
    margin: 0;
}
.comments-footer .share {
    margin: 0 auto 0 0;
}

.comments-footer .reply a,
.comments-footer .like a,
.comments-footer.reply-with-quote a,
.comments-footer .report a,
.comments-footer .share a {
    padding: 0 0 0 30px;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #333;
}
.comments-footer .share a i { 
    font-size: 18px;
}
/** end comments **/

/** forums topics **/
div.topics {
    flex-basis: 48.5%;
    padding: 20px 0;
    margin: 0 0 1em;
    border-radius: 10px;
    background-color: #FFF;
}
div.topics.hot {
    flex-basis: 100%;
}
.topics .header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    padding: 0 10px;
    margin: 0 0 1em;
}
.topics.full .header {
    border-left: 2px solid #7ec34d;
}

.topics .header h2 {
    flex-basis: 50%;
    font-size: 18px;
    font-weight: normal;
    margin: 0;
}
.topics .header h2 .sub-info {
    display: block;
    font-size: 12px;
}
.topics .header h2 .sub-info span:first-of-type {
    margin: 0 10px 0 0;
}
.topics .header h2 .sub-info span {
    text-overflow: ellipsis;
    white-space: nowrap;
}
.topics .header .view-all,
.topics .header .new-topic {
    margin: 0 0 0 10px;
}
.topics .header .new-topic  {
    margin: 0 0 0 auto;
}
.topics .header .view-all a,
.topics .header .new-topic a {
    padding: 5px 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-radius: 5px;
    color: #666;
    background-color: #f4f4f4;
}
.topics .body {
    padding: 0 12px;
}
.sub-forums {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    line-height: 1.2em;
    /*padding: 0 0 10px;*/
    padding: 0;
    margin: 1em 0;
    /*border-bottom: 1px solid #999;*/
}
.sub-forums dt,
.sub-forums dd {
    font-weight: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.sub-forums dd {
    margin: 0 0 0 1%;
    color: #2871A5;
}
.sub-forums .index {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    width: 90%;
}
.sub-forums .index li {
    margin: 0 5px;
}
ul.topics.full {
    padding: 1em 0 0;
    margin: 0;
    border-top: 1px solid #999;
}
ul.topics.full li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #f4f4f4;
}
ul.topics.full li:last-of-type {
    border-bottom: none;
}
ul.topics li .starter {
    display: flex;
    justify-content: flex-start;
    flex-basis: 48%;
    flex-grow: 1;
    margin: 10px 0;
    overflow: auto;
}
ul.topics li > .state,
ul.topics li .latest {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-grow: 1;
}
ul.topics li > .state {
    flex-basis: 10%;
    margin: 0 1%;
}
ul.topics li .latest {
    flex-basis: 20%;
}
ul.topics li .avator {
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    padding: 0;
    margin: 0 10px 0 0;
    overflow: hidden;
    border-radius: 50%;
}
ul.topics li .avator a {
    display: block;
    width: 100%;
    height: 100%;
}
ul.topics li .details {
    flex-grow: 1;
}
ul.topics li .details p {
    margin: 0.2em 0;
}
ul.topics li .details .title {
    font-size: 16px;
    margin: 0 0 0.2em;
}
ul.topics li .details .intro {
    font-size: 14px;
}
ul.topics li .details .detail-footer {
    font-size: 12px;
}
ul.topics li .details .detail-footer .replies {
    margin-right: 1em;
}
ul.topics li .state p {
    margin: 0;
    text-align: right;
    flex-basis: 50%;
}
ul.topics li .state p span  {
    display: block;
}
ul.topics li .state p .no {
    font-size: 18px;
}
ul.topics li .state p .label {
    font-size: 12px;
    font-weight: normal;
    text-transform: capitalize;
    padding: 0;
    text-align: right;
    color: #666;
}
ul.topics li .details .date {
    color: #2871A5;
}
ul.topics li .details .date .val {
    color: #666;
}
ul.topics li .latest {
    
}
ul.topics li .latest .details {
    font-size: 12px;
    text-align: right;
}
ul.topics li .latest .avator {
    margin: 0 0 0 10px;
}
/** end forums topics **/

/** forums tags **/
.tags-group {

}
.tags-group dl {

}
.tags-group dl dt {

}
.tags-group > dl > dd {
    display: flex;
    flex-wrap: wrap;
    padding: 0 0 10px;
    margin: 0 0 1em;
    border-bottom: 1px solid #999;
}

.tags-group > dl > dd dl {
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    font-weight: normal;
    width: 28%;
    padding: 0 0 0.5em;
    margin: 0.5em 10px;
    border-bottom: 1px solid #f4f4f4;
}

.tags-group > dl > dd dl dt {
    font-weight: normal;
}
.tags-group > dl > dd dl dd {
    font-weight: normal;
}

/** pagination **/
.pagination,
p.pagination {
    display: block;
    text-align: right;
    margin: 1em 0 0 auto;
}
.header .pagination {
    margin: 0;
}
.pagination .which {
    display: inline-block;
    line-height: 1em;
    margin: 0 5px 0 0;
}
.pagination .which span {
    display: inline-block;
    line-height: 1em;
}
.pagination a {
    display: inline-block;
    line-height: 1em;
    padding: 0 0 3px;
    margin: 0 5px;
    color: #999;
}
.pagination a.pre,
.pagination a.next {
    color: #666;
}
.pagination a.on {
    color: #666;
    border-bottom: 2px solid #7ec34d;
}
/** end pagination **/


@media screen and (max-width: 1024px) {

    .catories .section .item {
        flex-wrap: wrap;
    }
    .catories .section .item .item-img {
        width: 100%;
        margin: 0 0 5px;
    }
    .clubs .catories .section .item .item-img {
        width: 120px;
        margin: 0 2% 0 0;
    } 
    .catories .section .item .item-img img {
        max-height: 289px;
    } 
    .catories .section .item .item-details .details.heading .main,
    .catories .section .item .item-details .details.heading .sub,
    .catories .section .item .item-details .details.state,
    .catories .section .item .item-details .details.state .date {
        margin: 0 0 5px;
    }

}
@media screen and (max-width: 960px) {
    .content .top .BreadCrumb {
        width: 34%;
    }
    .content .top .new-topic {
        width: 34%;
    }
    .content .top .search {
        width: 28%;
    }
    .MainTable .content .main {
        width: 100%;
    }
    .aside.section {
        width: 100%;
    }
    .aside.section ul.boards, .aside.section .help {
        margin: 0;
        display: flex;
        flex-wrap: wrap;
        align-content: stretch;
    }
    .aside.section .boards li, .aside.section .help li {
        flex-grow: 1;
        margin: 0.5em 1.5% 0.5em 0;
    }
    .aside.section .boards li:last-of-type {
        flex-basis: 32%;;
        flex-grow: 0;
    }
    /*
    .MainTable .content .top .main {
        width: 65%;
    }
    .content .top .search {
        width: 34%;
    }
    */
}

@media screen and (max-width: 809px) {
    .aside.section .boards li:last-of-type {
        flex-basis: 48.5%;
        flex-grow: 0;
    }
}
@media screen and (max-width:682px) {
    .topics .header .pagination {
        margin: 1em 0 0;
    }
}

@media screen and (max-width: 670px) {
    div.topics {
        flex-basis: 100%;
    }
    ul.topics li > .state, ul.topics li .latest {
        display: none;
    }
 }
@media screen and (max-width: 542px) { 
    .aside.section .boards li:last-of-type {
        flex-basis: auto;
        flex-grow: 1;
    }
}
@media screen and (max-width: 520px) {
    .section.comments .comments-footer p {
        line-height: 1.2em;
        padding: 0 0 0 23px;
        margin: 0 2% 0 0
    }
    .section.comments .comments-footer .reply-with-quote {
        padding: 0 0 0 26px;
    }
    .section.comments li .reply a, 
    .section.comments li .like a, 
    .section.comments .reply-with-quote a, 
    .section.comments .report a {
        font-size: 12px;
    }
}

@media screen and (max-width: 480px) {
    .content .top {
        flex-wrap: wrap;
    }
    .content .top .BreadCrumb {
        width: 100%;
    }
    .content .top .new-topic {
        width: auto;
        margin: 0 1% 0 0;
    }
    .content .top .search {
        flex-grow: 1;
        width: auto;
    }
}
@media screen and (max-width: 447px) {
    .catories .section .item .item-details .tags {
        flex-wrap: wrap;
    }
    .catories .section .item .item-details .tags .tag,
    .catories .section .item .item-details .tags .tag:first-child,
    .catories .section .item .item-details .tags .tag:last-child {
        margin-top: 5px;
        margin-bottom: 5px;
    }


    .forums .section .banner{
        flex-wrap: wrap;
     }
     .forums .section .banner .main {
        flex-basis: 100%;
        margin: 0 0 2%;
     }
     .forums .section .banner .main a {
         padding-bottom: 100%;
     }

}
@media screen and (max-width: 360px) {
    .catories .section .item .item-details .details.heading {
        float: none;
    }
    .catories .section .item .item-details .details.state {
        float: none;
    }
}