#nav-trigger {
    display: none;
    text-align: left;
    background-color: #f9f9f9;
}
/* Мои примочки */

#menu_strelka{
    position: absolute;
    left: calc(50% - 12px);
    display: inline-block;
    color: #3f3f3f;
    font-family: TextLight;
    font-size: 14px;
    cursor: pointer;
    text-align: left;
    height: 15px;
    width:20px;

}


/* Панель мобильного меню */
#nav-trigger #menu_name {
    display: inline-block;
    white-space: nowrap; /* Отменяем перенос текста */
    overflow: hidden; /* Обрезаем содержимое */
    text-overflow: ellipsis; /* Многоточие */
    /* верхнее правое нижнее левое */
    padding: 16px calc(50% + 20px) 16px 1em;
    background-color: #f9f9f9;
    color: #3f3f3f;
    font-family: TextLight;
    font-size: 14px;
    cursor: pointer;
    text-align: left;
    height: 50px;
    width:100%;
}

#nav-trigger #menu_name:after {
    /* стрелка закрытого меню */
    /* дополнительный сонтент content: ""; */
    display: inline-block;
    content: "";
     }
#nav-trigger #menu_name:hover {
    background-color: #f9f9f9; }
#nav-trigger #menu_name.open:after {
    /* стрелка открытого меню */
    content: "";
     }

menu {
    margin-bottom: 10px;
}

menu#nav-main {
    background-color: #FFFFFF;
    padding: 0px 0; }
menu#nav-main ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: center; }
menu#nav-main li {
    display: block;
    padding: 0px 0;
    margin: 0 5px;
}
menu#nav-main li:last-child {
    border-right: none; }
menu#nav-main a {
    color: #3f3f3f;
    text-align: left;
    font-family: TextLight;
    font-size: 14px;
    display: block;
    padding: 16px 0px;
    min-height: 50px;
    margin-left: 50px;
    margin-right: 50px;
    border-bottom: solid 1px #e8e8e8;
}
menu#nav-main a:hover {
    background-color: #FFFFFF;
    color: #3f3f3f; }

menu#nav-mobile {
    position: relative;
    display: none;
}
menu#nav-mobile ul {
    display: none;
    list-style-type: none;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    background-color: #f9f9f9;
}

/* мобльное меню */
menu#nav-mobile li {
    display: block;
    padding: 0px 0;
    margin: 0 5px;
}


/* Пункт меню но только без ссылки */
#li_theme_name {
    color: #CCCCCC;
    text-align: left;
    font-family: TextLight;
    font-size: 14px;
    display: block;

    height: 50px;
    padding-left: 50px;
    padding-right: 50px;
    border-bottom: solid 0px #e8e8e8;

}
#li_empty_line{
    color: #3f3f3f;
    text-align: left;
    font-family: TextLight;
    font-size: 10px;
    display: block;
    padding: 10px 0px;
    height: 5px;
    margin-left: 50px;
    margin-right: 50px;
    border-bottom: solid 0px #e8e8e8;
}
.li_no_border {
    border-bottom: solid 0px #e8e8e8;
}

menu#nav-mobile li:last-child {
    border-bottom: none; }
menu#nav-mobile a {
    color: #3f3f3f;
    text-align: left;
    font-family: TextLight;
    font-size: 14px;
    display: block;
    padding: 16px 0px;
    min-height: 50px;
    margin-left: 50px;
    margin-right: 50px;
    border-bottom: solid 1px #e8e8e8;
}
menu#nav-mobile a:hover {
    background-color: #f9f9f9;
    color: #3f3f3f; }

/* секция меню сортировки
   и основная секция (для контента) */
.sectiond_main_content{
    display: block;
    width: 100%;
}

.sectiond_sort_menu {
    display: block;
    margin: 0px;
    padding: 0px;
    width: 100%;
}


/* ----- */
/* Блоки популярной темы */
/* ----- */
/* Общий див */
.sort_memu_theme_container {
    display: block;
    width: 100%;
    padding: 0.5em;
}


.sort_memu_theme_title {
    display: block;
    width: 100%;
    font-family: TextLight;
    font-size: 12px;
    color: #B2b2b2;
    /* верхнее правое нижнее левое */
    padding: 0.5em 0.5em 0.25em 0.5em;
}

/* Имя темы */
.sort_memu_theme_name{
    display: block;
    width: 100%;
    padding: 0.5em;
}
/* Изображение */
.sort_memu_theme_image{
    display: block;
    width: 100%;
}

/* =Media Queries
-------------------------------------------------------------- */
/* При повороте экрана для планшетов, показыва меню справа */
/* iPad mini 1024?768 */
@media all and (max-width: 1020px) {
    #nav-trigger {
        display: block; }

    menu#nav-main {
        display: none; }

    menu#nav-mobile {
        display: block; }

    /* ПОПУЛЯРНАЯ ТЕМА */
    /* падинг для отображения в мобильном меню */
    .sort_memu_theme_container{
        /* верхнее правое нижнее левое */
        padding: 0.5em 50px 1.5em 50px;
    }
    .sort_memu_theme_title{
        /* верхнее правое нижнее левое */
        padding: 0.5em 0em 0.25em 0em;
    }
    .sort_memu_theme_name{
        padding: 0;
    }
    /* Убираю изображение популярной темы */
    .sort_memu_theme_image{display: none;}
}


@media all and (min-width: 1020px) {
    #nav-main {
        /*
        position: fixed;
        z-index: 1000;
        */
    }

    /* уменьшаем меню и перемешаем его направо */
    .sectiond_main_content {display: inline-block; float: left; width: 75%; margin-top: 0.5em;}
    .sectiond_sort_menu {display: inline-block; float: right; width: 25%; margin-top: 1em;padding-right: 1em;}
}