/* Table of Contents:
  1. Tablet portrait
  2. Mobile landscape
  3. Mobile portrait
*/
.switcher {
  display: none;
}
/*==========================================================================
1. Tablet portrait
===========================================================================*/
@media (max-width: 995px) {
  body {
    min-width: 320px;
  }
  .field-name-field-main-image img {
    width: 100%;
    height: auto;
  }
  body.front #liftbox {
    width: 454px;
  }
  .region-content .block-views .views-row {
    width: 196px;
  }
  .page-page-404 .panel-col-first {
    font-size: 200px;
  }
  .switcher {
    display: inline-block;
  }
  #backtotop {
    display: none !important;
  }
  #header {
    padding-top: 30px;
  }
  .logo-wrapper {
    padding: 19px 0 19px 19px;
  }
  .region-menu {
    padding-right: 19px;
  }
  #superfish-1 > li > a {
    padding: 38px 15px 37px;
  }
  #superfish-1 > li ul {
    top: 97px;
  }
  #block-views-welcome-message-block h1 {
    padding-right: 0;
  }
  #block-views-welcome-message-block .views-field-field-image {
    margin-bottom: 5px;
  }
  .block__contacts {
    width: 493px;
  }
  .block__contacts .address,
  .block__contacts .phone,
  .block__contacts .email {
    display: block;
    margin-right: 0;
  }
  #block-follow-site {
    width: 175px;
  }
  #block-views-solutions-block .views-row {
    width: 223px;
  }
  #page-contacts .panels-flexible-row-last .panel-pane {
    width: 341px;
  }
  body.front .block-facebook-pull {
    width: 235px;
  }

  body.section-meilla-toissa #block-meillatoissa-meillatoissa-feed {
    width: 100%;
    position: static;
    clear: left;
    margin-bottom: 36px;
    padding-bottom: 32px;
    border-bottom: 2px solid #d6d6d6;
  }
}
/*==========================================================================
2. Mobile landscape
===========================================================================*/
@media (max-width: 767px) {
  html body.admin-menu {
    margin-top: 52px !important;
  }
  body.section-kampanjat .region-content .views-row {
    float: left;
    width: 49%;
    clear: none !important;
  }
  body.section-kampanjat .region-content .views-row-odd {
    margin-right: 2%;
    clear: both;
  }
  body.section-kampanjat .region-content .views-row-even {
    margin-right: 0 !important;
  }
  body.front #liftbox {
    width: auto;
  }
  .region-content .block-views .views-row {
    width: auto;
    margin: 0 0 30px;
    float: none;
  }
  #superfish-1 {
    display: none;
  }
  .select-menu {
    display: block !important;
    width: 100%;
  }
  .comment-wrapper {
    overflow: visible;
  }
  .user-picture {
    margin-bottom: 12px;
  }
  .views-field-field-portfolio-image {
    pointer-events: none;
  }
  .panel-2col .panel-col-first,
  .panel-2col .panel-col-last {
    float: none;
    width: 100%;
  }
  .panel-2col .panel-col-first .inside,
  .panel-2col .panel-col-last .inside {
    margin: 0;
  }
  .page-page-404 .panel-col-first {
    font-size: 150px;
    line-height: 150px;
    text-align: left;
  }
  .filter-help {
    float: none;
    margin-bottom: 15px;
    padding-top: 0;
  }
  .logo-wrapper {
    float: none;
    padding: 30px 19px 30px 19px;
    text-align: center;
  }
  #header {
    max-height: inherit;
    margin-bottom: 20px;
  }
  #header .navigation {
    margin-bottom: 0;
  }
  .region-menu {
    float: none;
    padding: 0 19px 19px;
  }
  #flexslider-1 .flex-caption {
    bottom: 30px;
    font-size: 36px;
    letter-spacing: -1px;
    line-height: 36px;
    right: 20px;
    width: 180px;
  }
  #content {
    margin-bottom: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-bottom: 30px;
  }
  .sidebar {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 20px;
  }
  .block__contacts {
    float: none;
    margin: 0 0 30px;
    width: auto;
  }
  #block-follow-site {
    float: none;
    width: auto;
  }
  .region-footer-top .block-menu-block li {
    margin-left: 20px;
  }
  #block-views-solutions-block .views-row {
    float: none;
    margin: 0 0 20px;
    width: auto;
  }
  #page-contacts .panels-flexible-row-last .panel-pane {
    float: none;
    margin: 30px 0 0;
    width: auto;
  }
  body.front #liftbox,
  body.front .block-facebook-pull {
    margin-bottom: 30px;
    float: none;
  }
  body.front #liftbox {
    max-width: 260px;
  }
  body.front #block-facebook-pull-facebook-pull-default {
    max-width: 298px;
    width: 100%;
  }
}
/*==========================================================================
3. Mobile portrait
===========================================================================*/
@media (max-width: 479px) {
  html body.admin-menu {
    margin-top: 76px !important;
  }
  #header {
    max-height: inherit;
    margin-bottom: 20px;
  }
  .region-content .views-row,
  .region-content .views-row {
    float: none !important;
    width: auto !important;
    margin-right: 0 !important;
  }
  .node-teaser .field-type-image,
  .node-employee .field-type-image {
    float: none;
    margin: 0 0 20px;
    max-width: inherit;
    width: auto;
  }
  #comments .comment .comment-wrapper {
    overflow: visible;
  }
  #comments .indented {
    margin-left: 0;
  }
  .page-tracker #main-wrapper .content {
    overflow-x: scroll;
  }
  .page-tracker #main-wrapper .content table.sticky-header {
    display: none !important;
  }
  .page-forum #forum {
    overflow-x: scroll;
  }
  .page-forum #forum td.forum .icon {
    float: none;
    margin: 0 0 5px;
  }
  .page-page-404 #search-block-form {
    width: 300px;
  }
  .field-name-field-testi-image {
    float: none;
    margin: 0 0 20px;
    max-width: inherit;
  }
  #flexslider-1 .flex-caption {
    color: #000000;
    font-size: 30px;
    letter-spacing: 0;
    padding: 15px 15px 40px;
    position: static;
    text-align: center;
    width: auto;
  }
  #flexslider-1 .flex-caption a:hover {
    color: #828387;
  }
  #block-views-welcome-message-block .views-field-field-image {
    float: none;
    margin: 0 0 20px;
    max-width: 100%;
    width: auto;
  }
  .region-footer-top .block-menu-block li {
    margin: 0 15px 5px 0;
  }
  .region-footer-top .block-menu-block li:last-child {
    margin-right: 0;
  }
  body.front #liftbox,
  body.front .block-facebook-pull {
    margin-bottom: 30px;
    float: none;
  }
  body.front .block-facebook-pull {
    width: 100%;
  }
}