.nav nav{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 0;
}

.nav {
    padding: 0 8px;
}

.page_title {
    font-size: 16px;
    color: #333333;
}

.back-home {
    position: absolute;
    left: 0;
}

#personal_channel-main #main{
    background-color: #F4F4F4;
}

.page_header {
    background-color: #FFFFFF;
}

.page_body , .page_bodyII {
    max-width: 1235px;
    margin: 0 auto;
    padding: 17px 8px 50px;
}

.title_block {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.my_channel h2{
    font-size: 14px;
    color: #000000;
}

.edit::before{
    content: '';
    border-left: 1px solid #D9D9D9;    
    margin: 0 10px;
    height: 10px;
    display: inline-block;
}

.settings button {
    border: none;
    color: #FF8C00;
    font-size: 14px;
    cursor: pointer;
    background: transparent;
    padding: 0;
}

.class_block {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    column-gap: 8px;
    row-gap: 8px;
}

.class_block > * {
  flex-basis: calc(33.33% - 8px);
  text-align: center;
}

.class_btn {
    background-color: #FFFFFF;
    font-size: 14px;
    border-radius: 4px;
}

.btns {
    padding: 13px 47px;
    background-color: transparent;
    border: none;
    cursor: pointer;
}

@media screen and (max-width: 768px) {
    .btns {
        padding: 13px 8px;
    }
}