/* Шапка сайта */
@media screen and (max-width: 1250px) {
    #header_box {
        width: 100%;
        
        border-radius: 0;
    }
    
    #search-block {
        margin: 0 20px 0 0;
    }
    
    #menu_sorting {
        margin: 258px 20px 0 0;
    }
}
@media screen and (max-width: 1095px) {
    #header_background {
        width: 100%;
        height: 130px;
    }
    #header_logo {
        width: 267px;
    }
    
    /* Мобильное меню */
    nav {
        justify-content: center;
    }
    #menu-triger {
        display: block;
        margin: 0 0 0 20px;
    }
    #menu-popup {
        display: none;
        position: absolute;
        
        margin: 25px 0 0 0;
        left: -250px;
        padding: 14px 14px 9px 14px;
        
        max-width: 225px;
        border-radius: 0 0 5px 0px;
        background-color: rgba(34, 34, 34, 0.95);
        box-shadow: 2px 2px 5px -3px #000000;
        
        backdrop-filter: blur(1px)
    }
    #menu-popup {
        display: flex;
        flex-direction: column;
    }
    #menu-popup .link_button {
        margin: 0 0 5px 0;
    }
    #menu-popup .link_button a{
        padding: 0 12px 0 36px;
        display: flex;
    }
    #menu-popup .header_img {
        position: absolute;
        margin: 0 0 0 -30px;
    }
    #menu-popup .theporndude_img {
        position: absolute;
        margin: 0 0 0 -27px;
    }
    
    /* Кнопка закрытия меню */
    #menu-close {
        display: block;
    }
    
    /* Сортировка в мобильном меню (блок с языками, переводчиками, студиями и категориями) */
    #menu_sorting {
        position: relative;
        margin: 0;
        
        width: 100%;
    }
    #menu_sorting hr {
        display: block;
    }
    .sorting_box {
        margin: 0 0 5px 0;
        padding: 0;
        
        width: 100%;
        background-color: transparent;
        box-shadow: none;
        
        display: flex;
        flex-direction: column;
    }
    #menu_sorting .donut_button {
        display: block;
    }
    #menu_sorting .donut_button {
        display: flex;
    }
    .sorting_name {
        margin: 8px 0 0 0;

        font-size: 13px;
        color: #c4c4c4;
    }
    .sorting_item {
        width: 100%;
        background-color: transparent;
        
        color: #FFF;

        transition: 0.1s;
    }
    .sorting_item:hover {
        background-color: #535557;
    }
    
    #search-block {
        margin: 0;
        
        width: 267px;
    }
    #input-search {
        min-width: 267px;
    }
    
    #social_networks {
        display: flex;
        justify-content: space-between;
    }
	#social_networks2 {
        display: flex;
        justify-content: space-between;
    }
}
@media screen and (max-width: 400px) {
    #search-block {
        margin: 0 10px 0 55px;
        
        width: 100%;
    }
    #input-search {
        width: 100%;
        min-width: 100%;
    }
}
@media screen and (max-width: 307px) {
    #social_networks {
        width: 100%;
        
        justify-content: space-evenly;
    }
	#social_networks2 {
        width: 100%;
        
        justify-content: space-evenly;
    }
}



/* Комиксы */
@media screen and (max-width: 1210px) {    
    #comix_directory {
        justify-content: flex-start;
    }
    .comix {
        margin: 0 1.66% 20px 1.66%;
        width: 30%;
    }
}
@media screen and (max-width: 1095px) {    
    #comix_directory {
        padding: 0 20px;
        
        justify-content: space-between;
    }
    .comix {
        margin: 0 0 20px 0;
        width: 23.5%;
    }
    
    /* Страница комикса */
    #comix_description {
        padding: 0 20px 0 20px;
    }
    #comix_box {
        padding: 0 20px 20px 20px;
        align-items: center;
    }
}
@media screen and (max-width: 970px) {
    #comix_directory {
        justify-content: flex-start;
    }
    .comix {
        margin: 0 1.66% 20px 1.66%;
        width: 30%;
    }
    #more_comics_directory li:last-child {
        display: none;
    }
    #more_comics_directory .comix-info-set li:last-child {
        display: block;
        display: flex;
    }
    #more_comics_directory .tags_ul li:last-child {
        display: block;
    }
    .comix_img {
    height: 103px;
    }
}
@media screen and (max-width: 585px) {   
    #comix_directory {
        padding: 0;
        
        justify-content: space-evenly;
    }
    .comix {
        margin: 0 0 20px 0;
        width: 45%;
    }
    #more_comics_directory #comix_directory {
        padding: 10px 0 0 0;
    }
	#more_comics_directory_1 #comix_directory {
        padding: 0px;
    }
    #more_comics_directory li:last-child {
        display: block;
    }
}
@media screen and (max-width: 430px) {   
    .comix {
        margin: 0 0 10px 0;
    }
    #more_comics_directory #comix_directory {
        padding: 0;
    }
	#more_comics_directory_1 #comix_directory {
        padding: 0;
    }
}
@media screen and (max-width: 355px) {    
    .comix {
        margin: 0 0 20px 0;
        width: 80%;
    }
}



/* Основной контент */
@media screen and (max-width: 1220px) {
    .horizontal_advertising {
        justify-content: space-evenly;
    }
    #block_3 {
        display: none;
    }
}
@media screen and (max-width: 850px) {
    #uc_and_captchabox {
        flex-direction: column;
    }
    #username_and_commenttextarea {
        margin: 0; 
    }
    #captcha_box {
        width: 100%;
        
        flex-direction: row;
    }
    #captcha_img {
        margin: 0 10px 0 0;
        
        width: 100%;
        height: 70px;
    }
    #reloadcaptcha {
        min-width: 160px;
    }
}
@media screen and (max-width: 725px) {
    /* Страница комикса */
    #comix_description {
        padding: 0;
        flex-direction: column;
        align-items: center;
    }
    .left_box {
        margin: 0;
        
        width: 267px;
    }
    .right_box {
        padding: 20px 20px 0 20px;
        box-sizing: border-box;
        
        background: linear-gradient(180deg, #242424 0%, rgba(36, 36, 36, 0) 100%);
        box-shadow: 0 0 5p -3px #000000;
    }
    #comix_cover_img {
        width: 267px;
    }
    
    /* Предупреждение */
    #caution_box {
        font-size: 12px;
    }
    #caution_box img {
        height: 30px;
    }
    
    /* Капча */
    #captcha_img {
        margin: 0 0 10px 0;
    }
    #captcha_box {
        flex-direction: column;
    }
    #reload_and_reg {
        flex-direction: row;
    }
    #reloadcaptcha {
        margin: 0 10px 0 0;
    }
}
@media screen and (max-width: 673px) {
    #reload_and_reg {
        flex-direction: column;
    }
    #reloadcaptcha {
        margin: 0 0 10px 0;
    }
}
@media screen and (max-width: 620px) {
    #block_1 {
        width: 100%;
        
        display: flex;
        justify-content: center;
    }
    #block_2 {
        display: none;
    }
}
@media screen and (max-width: 600px) {
    #top_box {
        flex-direction: column;
        align-items: center;
    }
    #top_box #comment_form_box {
        margin: 0 0 20px 0;
    }
    #captcha_box {
        flex-direction: row;
    }
    #captcha_img {
        margin: 0 10px 10px 0;
    }
    #reload_and_reg {
        flex-direction: column;
    }
    #reloadcaptcha {
        margin: 0 0 10px 0;
        
        min-width: 160px;
    }
    #reloadcaptcha_img {
        margin: 0 5px 0 0;
    }
    #captcha_button_text {
        display: block;
    }
    #comix_box {
        padding: 0 0 20px 0;
    }
    #caution_box {
        margin: 0 20px 20px 20px;
    }
    #comment_form_box {
        border-radius: 0;
    }
    #comment_form_box .box_name {
        padding: 5px 20px;
        border-radius: 0;
    }
    #comment_form {
        padding: 0 10px 10px 10px;
    }
    
    /* error */
    #coment_message {
        font-size: 12px;
        
        text-align: start;
        flex-direction: row;
    }
    #support_img {
        margin: 0 8px 0 0;

        height: 30px;
    }
    
    #comment_box {
        border-radius: 0;
    }
    #comment_box .box_name {
        padding: 5px 20px;
        border-radius: 0;
    }
    
    #comix_box .info_box {
        padding: 0 10px;
    }
}
@media screen and (max-width: 1095px) {
    #main_box {
        margin: 0;
    }
    
    .horizontal_advertising_box {
        padding: 0 0 20px 0;
    }
    .horizontal_advertising {
        border-radius: 0;
    }
    
    #left_column {
        margin: 0;
    }
    #sorting_block_box {
        padding: 0 0 20px 0;
    }
    #site_pages {
        padding: 15px 0 35px 0;
    }
    
    /* Правая колонка */
    #right_column {
        min-width: 0.01px;
    }
    #right_column .sorting_box {
        display: none;
    }
    #right_column #more_comics_directory {
        display: none;
    }
    
    /* Рекомендуем */
    header #more_comics_directory {
        display: none;
    }
    #more_comics_directory {
        margin: 0;
            
        border-radius: 0;
    }
    #more_comics_directory .box_name {
        border-radius: 0;
    }
    
    /* Блоки */
    .bloc_box {
        padding: 0 20px 0 20px;
    }
    .tags_box {
        padding: 0 20px 0 20px;
    }
    .section_box {
        padding: 0 20px 20px 20px;
    }
    
    .error {
        font-family: Roboto-Medium;
    }
    
    #page_num_box {
        padding: 0 0 20px 0;
    }
}
@media screen and (max-width: 770px) {
    
    /* Блоки */
    .bloc p {
        font-size: 13px;
    }
}   
@media screen and (max-width: 550px) {   
    
    /* Блоки */
    .bloc_box {
        padding: 0;
    }
    .bloc {
        padding: 10px 20px 0 20px;
        
        border-radius: 0;
    }
}
@media screen and (max-width: 520px) {
    #site_pages li {
        margin: 2px 2px;
        
        min-width: 23px;
        height: 23px;
    }
    #site_pages li.nav-piont {
        min-width: 2px;
    }
}
@media screen and (max-width: 450px) {
    #captcha_box {
        flex-direction: column;
    }
    .tags_box #search-block {
        width: 100%;
        
        display: flex;
        justify-content: center;
    }
}
@media screen and (max-width: 380px) {
    #maillink_andcopybutton {
        flex-direction: column;
    }
    #maillink_andcopybutton .bloc_link {
        margin: 0 0 10px 0;
    }
    #translator_text a {
        font-size: 13px
    }
}



/* Подвал сайта */
@media screen and (max-width: 910px) {
    #footer_box {
        margin: 0 5%;
    }
    #footer_box_main {
        justify-content: space-between;
    }
    .footer_about_us {
        max-width: 100%;
    }
}
@media screen and (max-width: 570px) {
    #footer_box {
        width: 310px;
    }
    #footer_box_main {
        flex-direction: column;
    }
}
@media screen and (max-width: 300px) {
    #footer_logo {
        width: 80%;
    }
}

/* Кнопка наверх */
@media screen and (max-width: 1466px) {
    .inTop {
        width: 70px
    }
}
@media screen and (max-width: 1380px) {
    .inTop_box {
        display: none;
    }
}



@media screen and (max-width: 480px) {
#otziv{
	height: 34px;
	width: 90%;
	font: bold 14px Century Gothic;
	padding: 5px;
	position: fixed;
	left: 2px;
    top: 90%;
	display: none;
}
#otziv-krest{
	position: absolute;
	margin-top: -2%;
    margin-left: 94%;
	cursor: pointer;
	color: white;
}
}