@media(max-width:1020px) and (min-width:768px){
   body{min-width: 768px;}
   .width{max-width:768px;}
   header .logoarea{border:none;}
   ul.topmenu{margin-left:290px; line-height: 30px;}
   .rubricks{float:left; display: block; margin: 0 1% 20px 1%; width: 31%;}
   .mainpage.artbody p{clear: both;}
   .anotation p{clear:none !important;}
   footer{width:100%; box-sizing: border-box;}
   footer .width{overflow: hidden;}
   footer .first{border:none;}
   footer .second{margin:0; border:none;}
   footer .last{float:left;}
   .mainpage .slider{border-left:0;}
   .sidebar .widget, .sidebar .nav{display: none;}
  .bodycol {
    margin-right: 0;
    max-width: calc(100% - 320px);
}
   .zakaz_btn{float:none; margin: 10px auto 5px; display: block;}
   .breads ul{text-align: center;}
   body{
       max-width:100%;
   }
}
@media(max-width:767px){
    body{min-width: 300px;}
    .width{    max-width: 100%;
    display: flex;
    flex-flow: column-reverse;}
    header{height: auto; background: url(/img/headerBg.jpg) center center repeat;}
    header .logoarea{float:none; margin-top:0; border:none; margin-bottom: 10px; overflow: hidden;}
    ul.topmenu{margin:0; line-height: inherit; clear: both; padding:0; text-align: center;}
    ul.topmenu li{margin: 0 2px; font-size: 15px;}
    .anotation{margin-bottom: 0px;}
    .avaonmain{ width:100%; float:none; text-align: center;}
    .avaonmain img{display: block; margin:0 auto;}
    p.firstonmain{margin: 10px 0 !important;}
    .rightsearch span, .rightsearch .ya-site-form{display: none;}
    .rightsearch p span {display: block;}
    .slider{display: none;}
    .rubricks{width:100%; margin: 10px 0;}
    footer .first{width:100%; margin: 0 0 10px 0; border:none; padding:0;}
    footer em{margin-left:0}
    footer .second{width:100%; margin:0; padding:0 0 10px 0; border:none;}
    footer .last{width:100%; margin: 0 0 10px 0; padding:0;}
    .sidebar .widget, .sidebar .nav{display: none;}
    .bodycol{width:100%;}
    .topic .topicImg{width:100%; float:none;}
    .topic .topicImg img{width:100%; height: auto;}
    .topic .part{margin:0;}
    .artfooter .socshare{float:none; width:100%;}
    .artfooter .author{display: block; clear: both; margin-top:10px;}
    .articles .article{display: block;width:100%; margin: 0 0 10px 0;}
    footer .width{box-sizing: border-box;}
    .contacts_right{float:none; margin: 0 auto 10px; text-align: center;}
    .zakaz_btn{float:none; margin: 10px auto 5px; display: block;}
    .breads ul{text-align: center;}
    .teaser{width:100% !important; float:none; margin: 0 !important; box-sizing: border-box; padding:10px;}
}
@media(max-width:480px){
  .width{max-width:none;}
}