@media screen and (max-width: 1919px) { .card { width: calc(100%/ 3 - 1rem); -webkit-box-flex: 0; -ms-flex: 0 0 calc(100%/ 3 - 1rem); flex: 0 0 calc(100%/ 3 - 1rem); max-width: calc(100%/ 3 - 1rem); } .navbar__logo>img { width: 128px; } .menu__li { margin-right: 1.25rem; } .account { width: 11rem; } .search { width: 11.5rem; } } @media ( max-width : 1679px) { .search { width: 11.5rem; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; margin: 0 .5rem; } .language { margin-right: 0; } #header .quick-search { width: 50%; margin: 0 } .description .sidebar--right { width: 100%; } .description .content__wrapper { width: calc(100% - 15.5rem); } #header .menu { margin-left: 0; display: block; } } @media screen and (max-width: 1584px) { .content { width: calc(100% - 15.5rem); } } @media screen and (max-width: 1410px) { .navbar { padding: 1rem; } .navbar__logo { margin-bottom: 1rem; } /*.menu { width: calc(100% - 168px); margin-bottom: 1rem; }*/ .menu__ul { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .menu__li { margin-right: 0; margin-left: 1.25rem; } .events { margin-left: auto; } .navbar__logo>img { margin-right: 0; } .search { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; width: 50%; margin-right: 1rem; margin-left: 0; } .navbar__logo>img { width: 168px; } /* #header .quick-search { width: 11.5rem; } */ } @media ( max-width : 1279px) { #header .events { margin-left: 1rem; margin-right: 1.5rem; } #header .user-panel { margin-left: 0; margin-right: 0; } #header>a, #header>div { margin-left: auto; } } @media screen and (max-width: 1280px) { .main__new { padding: 1rem; } .main__popular { padding: 1rem; } .content { width: calc(100% - 15.5rem); } .sidebar--right { width: 100%; } .main__about { padding: 2rem 0; margin: 0; } .empty { display: none; } .language { margin-right: 0; } .navbar__logo>img { margin-right: 0; } } @media screen and (max-width: 1185px) { #header .quick-search { width: 100%; } #show_preliminary { width: 100% !important; } } @media screen and (max-width: 1104px) { #header .events { margin-left: 1rem; margin-right: 1.5rem; } #header .user-panel { margin-left: 0; margin-right: 0; } } @media screen and (max-width: 1150px) { .navbar__logo>img { width: 168px; } /*.menu { width: calc(100% - 185px); }*/ } @media screen and (max-width: 1050px) { .navbar__logo>img { width: 168px; } .comment-likes { position: relative !important; margin-top: 1rem; display: flex !important; align-items: center !important; justify-content: space-between !important; width: 20% !important; } .comment-likes>.btn-like { margin-left: 1rem; } /*.menu { width: calc(100% - 185px); }*/ } @media screen and (max-width: 991px) { .sidebar--right { width: calc(50% - 1rem); } .footer__top .footer__container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .footer__logo { margin-bottom: 2rem; } /*.menu { width: calc(100% - 170px); }*/ .userMessage_block-label { display: block; } .userMessage_block-label>textarea { width: 100% !important; } #moderation_btn { margin-left: 0; } .menu__ul { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .menu__li { margin-right: 0; margin-left: 1.25rem; } /*.language, .account, .sign { margin-top: 1.5rem; }*/ .events { margin: 2rem 1.5rem .5rem 0; margin-left: auto; margin-top: .5rem; } .footer__categories { max-width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; } .footer__logo-img { width: 100%; } .content { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; width: 100%; } .sidebar--left { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; width: 100%; margin-right: 0; } .search { width: 100%; max-width: 100%; margin: .5rem 0; } .navbar__logo { margin-bottom: 0rem; } /*.menu { margin-bottom: 0rem; }*/ .content__wrapper { width: 100%; } } @media screen and (max-width: 969px) { #header .quick-search { margin: 0; } } @media screen and (max-width: 768px) { .burger { display: block; margin-left: calc(100% - 198px);; padding: 20px 0; border: none; } .burger__line { margin: 0 0 0 auto; } .menu__ul { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .menu__li { margin-left: 1rem; margin-bottom: 1rem; } .about__img { width: 40%; margin-left: 10px; } .footer__categories { -ms-flex-wrap: wrap; flex-wrap: wrap; } .footer__category { min-width: 120px; margin-bottom: 1rem; width: 120px; } .footer__container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .footer__copyright { margin-bottom: 1rem; } .cards { margin: 0; } .card__top { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .new__top-left { width: 100%; margin-bottom: 1rem; } .new__top-right { width: 100%; } .header2 { font-size: 1.25rem; } } @media screen and (max-width: 767px) { .card { width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-left: 0; margin-right: 0; } .account { width: 8.5rem; } .card__info { min-height: 0; } .sidebar--left { width: 100%; margin-right: 0; } .sidebar--right { width: 100%; } .subtop__info-ul { width: 100%; flex-wrap: wrap; } .subtop__info-ul>li { margin-bottom: .5rem; } #header .btn-menu, #header .menu ul { display: block !important; } #header .menu { padding-left: 0; margin-left: 0; display: none; width: 100%; } .d-flex { display: flex !important; } .subtop__social-ul { padding-left: 0; } .subtop__social-ul>li { margin-left: 0; } .subtop__social-ul>div { flex-wrap: wrap; } .logo { width: 80% !important; } .comment-likes { position: relative !important; margin-top: 1rem; display: flex !important; align-items: center !important; justify-content: space-between !important; width: 20% !important; } .comment-likes>.btn-like { margin-left: 1rem; } #comments { overflow-x: auto } .comment-form>.row>.col-xl-3 { flex: 0 0 100%; max-width: 100%; } .comment-form { width: 50vw; } .versionTypeFilter { margin-top: 1.5rem; margin-bottom: 1.5rem; } #comments-block>.comment-form>.row>.col-xl-3 { flex: 0 0 100%; max-width: 100%; } #comments-block>.comment-form>.row>.col-xl-9 { flex: 0 0 100%; max-width: 100%; } #comments-block>.comment-form { width: auto; } .anonim-comment-form { flex-wrap: wrap; width: 100%; } .anonim-comment-form>.form-field { margin-bottom: 1rem; } } @media screen and (max-width: 500px) { #header .quick-search { width: 100%; margin: 0; } } @media screen and (max-width: 387px) { .subtop__info-ul { width: 100%; flex-wrap: wrap; } .subtop__info-ul>li { margin-bottom: .5rem; } #header .quick-search { width: 15rem; } }