@media screen and (max-width: 1100px) {
    #ontop {display:none;}
}

@media screen and (max-width: 1000px) {
    .menucontainer, .box, article {width:730px;}
    .main, .box.comments {width: 610px;}
    .sidebar, .dropwidget {width: 100px;}
    .sidebar, #tagcloud {display: none;}
    .dropsidebar {display: block;}
    
    .widget.dropwidget {display: block; margin-left:0; padding-bottom:0; margin-bottom:10px; border: none;}
    .dropmenu ul.drop-list {position: absolute; top:0; right:100px; width: 300px; background: #fff; box-shadow: 0 1px 5px rgba(0,0,0,0.5); display: none; border-right:4px solid #7f9b30;}
    .dropmenu ul.post-list {padding: 5px 5px 5px 10px; width: 460px; border-right:4px solid #c59326;}
    .dropmenu ul.post-list li, .dropmenu ul.post-list li:nth-child(2n), .dropmenu ul.post-list li:first-child {margin-right:20px; }
    .dropmenu ul.post-list li:nth-child(3), .dropmenu ul.post-list li:nth-child(5) {clear: none;}
    .dropmenu ul.category-list li a {background: none;}
 
}

@media screen and (max-width: 768px) {
    .menucontainer, .box, article {width:450px;}
    .main, .box.comments, .post-list li.post {width: 100%; margin-top:0; margin-left:0;}
    .main {padding-right: 120px; box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
    .sidebar, .dropwidget {width: 100px;}
    #menu-menyu-ya-zdorov {display: none;}
    .dropsidebar.fixedsidebar {margin-left:350px;}
    .dropsidebar {display: block;}
    
    .widget.dropwidget {display: block; margin-left:0; padding-bottom:0; margin-bottom:10px; border: none;}
    .dropmenu ul.drop-list {position: absolute; top:0; right:100px; width: 300px; background: #fff; box-shadow: 0 1px 5px rgba(0,0,0,0.5); display: none; border-right:4px solid #7f9b30;}
    .dropmenu ul.post-list {padding: 5px 5px 5px 10px; width: 460px; border-right:4px solid #c59326;}
    .dropmenu ul.post-list li:nth-child(3), .dropmenu ul.post-list li:nth-child(5) {clear: none;}
    .dropmenu ul.post-list li:nth-child(2n) {margin-right:20px;}
    .dropmenu ul.category-list li a {background: none;}
    
    .widget.small-thumbs-list .post-list li:nth-child(2n+1) {clear: both !important;}
 
}

@media screen and (max-width: 480px) {
    body {padding: 0 30px;}
    .main {padding-right: 0;}
    .menucontainer, .box, article, .main, .box.comments {width:100%;}
    .dropsidebar, .headersocial, #menu-menyu-ya-zdorov, p.tagline {display: none;}
    .logo-box p.tagline {font-size: 10px;}
    header .logo-box {width: 100%;}
    header .logo-box .logo {margin-top: 10px;}
    .topcolors {width: 100%;}
}