@media only screen and (max-width: 900px) {
  * { box-sizing:border-box; }
  html, body {
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    overflow-x:hidden !important;
  }
  body { background:#f5f5f6; }
  img { max-width:100%; height:auto; }

  hgroup, #logo, #wrap, .container, #content-sidebar-wrap, #content, #sidebar, #footer, #footer .container {
    width:100% !important;
    max-width:100% !important;
  }


 #scontent {
    width:100% !important;
    max-width:100% !important;
  }
  
  
  
  hgroup { padding:0 10px; }
  #logo {
    left:auto !important;
    height:auto !important;
    margin: 25px 0 0 0 !important;
    padding: 1px 0 !important;
    display:block;
  }
  #logotype, #logoright, #phone {
    float:none !important;
    display:block;
    text-align:center;
    height:auto !important;
  }
  #logotype { margin:0 auto 8px !important; }
  #logotype img { width:60px; margin:0 auto; }
  #logoright { padding:0 !important; line-height:1.35 !important; }
  #logoright a { font-size:26px !important; line-height:1.2; display:inline-block; }
  #phone { margin-top:10px; }
  #phone p { margin:8px 0 0 0 !important; font-size:14px !important; line-height:1.4 !important; }

  div[style*="width: 970px"] {
    width:100% !important;
    margin:0 auto !important;
    position:relative !important;
    padding:0 10px;
  }

  .container {
    width:100% !important;
    margin:0 auto !important;
    padding:0 !important;
  }

  .column, .columns, .container .five.columns, .container .eleven.columns,  .seleven.scolumns {
    float:none !important;
    display:block !important;
    width:100% !important;
    margin:0 !important;
  }

  #content-sidebar-wrap { padding:12px 0 !important; }
  #content { margin:0 !important; }
  #scontent { margin:0 !important; }
  #sidebar { margin-top:14px !important; }
  body.left-sidebar #content, body.left-sidebar #sidebar { float:none !important; }
  #scontent { float:none !important; }
  body.left-sidebar #sidebar ul { margin:0 !important; }

  .post.single { margin-bottom:16px; }
  .entry-title, .entry-title a {
    margin:0 0 12px 0 !important;
    font-size:24px !important;
    line-height:1.25 !important;
  }

  .blocks, .main-content, .comment, .article, .widget-container {
    margin:0 0 12px 0 !important;
    border-radius:8px;
  }

  .blocks, .main-content { padding:14px !important; }
  .blocks p {
    margin:0 0 12px 0 !important;
    line-height:1.6 !important;
    font-size:14px !important;
  }
  .blocks img {
    float:none !important;
    display:block;
    margin:0 auto 12px auto !important;
    width:100% !important;
    max-width:300px !important;
  }

  .main-content p, .main-content a, .comment p, .article p, .widget-container li, .widget-container span {
    font-size:14px !important;
    line-height:1.6 !important;
  }
  .main-content h2 {
    font-size:20px !important;
    line-height:1.3 !important;
    margin:0 0 14px 0 !important;
  }
  .main-content h3, #comments h3 {
    font-size:18px !important;
    line-height:1.3 !important;
    margin:14px 0 !important;
  }

  .catalog { padding:0 !important; margin:0 0 14px 0 !important; }
  .catalog table, .catalog tbody { display:block; width:100%; }
  .catalog tr {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
    width:100%;
    margin-bottom:10px;
  }
  .catalog td {
    display:block;
    width:100% !important;
    padding:0 !important;
  }
  .catalog img {
    width:100% !important;
    max-width:none !important;
    border-width:1px !important;
  }

  #comments, #articles {
    float:none !important;
    width:100% !important;
    margin:14px 0 0 0 !important;
  }
  .comment, .article { padding:10px 12px !important; }
  .comment p, .article p {
    margin:6px 0 0 0 !important;
    padding:6px 0 0 0 !important;
  }
  .article a {
   
    display:inline-block;
    margin:10px 0 0 0 !important;
  }

  .widget-container { padding:0 0 10px 0 !important; }
  .widget-container hr { margin:0 !important; }
  .widget-title {
    margin:0 !important;
    padding:12px !important;
    font-size:18px !important;
    line-height:1.3;
  }
  .widget-container ul {
    margin:0 !important;
    padding:10px 12px !important;
    list-style:none !important;
  }
  .widget-container li, .widget-container span {
    margin-left:0 !important;
    padding-top:6px !important;
  }

  .info-baner {
    margin:0 !important;
    width:100% !important;
    max-width:260px;
  }

  #footer { margin-top:14px !important; padding:14px 10px !important; }
  #footer .container { padding:0 !important; }

  .clear { clear:both; width:100%; height:0; }
}

@media only screen and (max-width: 560px) {
  #logoright a { font-size:22px !important; }
  .entry-title, .entry-title a { font-size:21px !important; }
  .catalog tr { grid-template-columns:1fr; }
  .blocks, .main-content, .comment, .article { padding:12px !important; }
}