@media screen and (max-width: 1024px) {
    .width-25,
    .width-33,
    .width-33:nth-child(3n) { width: 50% }
    .width-50,
    .width-75,
    #menu-button{ width: 100%; }
    #site-wrapper { margin-top: 100px; }
    #socials { right: 0; }
    #category-info { padding-top: 0; width: 100%; }
    .main-menu { width: 100%; }
    .cmn-toggle-switch span { width: 60px; }
    .post-short-info .hover { opacity: 1; background: rgba(0,0,0,0.3) }
}
@media screen and (max-width: 640px) {
    #choose { height: 160px; }
    #choose > div { width: 25%; height: 80px; }
    #choose #button { clear: both; width: 100% }
    #procenti tr th:first-child,
    #procenti tr td:first-child { display: none; }
    #procenti tr td,
    #procenti tr th {
        padding: 4px !important;
        width: 25% !important;
        text-align: center;
    }
    #procenti tr td:nth-child(2) img {
        max-width: 80px;
    }
    .width-25,
    .width-33 { width: 100% !important }
    .page-content,
    .page-comment,
    .comment,
    #post-content footer,
    #category-info { padding: 30px; }
    .page-title { margin-left: 30px; }
}