/* Mobil - 960px */

@media (max-width: 960px) {

   /* Sidinnehåll */
   .sb-page-content {
      padding: 15px;
   }

   /* BUTTONS */
   .sb-button-circle {
      height: 40px;
      width: 40px;
      background-size: 24px;
   }

   .sb-search-button {
      background-size: 24px;
      margin-left: 30px;
   }

   .sb-search-button.is-open {

      background-size: 16px;
   }

   /* HEADER */
   .sb-logo img {
      max-width: 160px;
   }

   .sb-header .sv-layout {
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
   }

   .sb-topbox > div:first-child h1 {
      font-size: 250%;
   }

   .sb-topbox .sb-button-primary a, .sb-topbox .sb-button-secondary a {
      font-size: 0.875rem;
   }

   /* MENU */
   .sb-menu {
      position: fixed;
      right: 0px;
      top: 0px;
      display: none;
      width: 100%;
      height: 100%;
      z-index: 2;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      max-width: 300px;
      -webkit-box-shadow: rgba(0, 0, 0, 0.28) 0px 0px 10px;
      box-shadow: rgba(0, 0, 0, 0.28) 0px 0px 10px;
      -webkit-transform: translate(110%, 0px);
      -ms-transform: translate(110%, 0px);
      transform: translate(110%, 0px);
      background: #198282;
      margin: 0px;
      padding: 30px 0px;
      -webkit-transition: all 0.2s ease 0s;
      -o-transition: all 0.2s ease 0s;
      transition: all 0.2s ease 0s;
      overflow: auto;
   }

   .sb-menu.is-open {
      -webkit-transform: translate(0%, 0px);
      -ms-transform: translate(0%, 0px);
      transform: translate(0%, 0px);
   }

   .sb-menu .sb-close-menu {
      display: block;
   }

   .sb-menu ul {
      padding: 0;
      margin: 0;

      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
   }

   .sb-menu li {
      display: block;
      margin: 0px;
      width: 100%;
      position: relative;
   }

   .sb-menu ul li {
      display: block;
   }

   .sb-menu li a {
      display: block;
      width: 100%;
      padding: 15px;
      color: #fff;
      border: 0;
      font-size: 0.9375rem;
   }  
   .sb-menu li a:hover {
      color: #fff;
   }

   .sb-menu > ul > li.active > a {
      color: #fff;
      border: 0;
      font-weight: bold;
   }

   .sb-menu li.active > a {
      color: #fff;
      border: 0;
      font-weight: bold;
   }

   .sb-menu li.currentpage > a {
      color: #edffff;
      box-shadow: inset 10px 0 0 #edffff;
   }

   .sb-menu .toggle {
      display: block;
   }
   .sb-menu ul li .toggle {
      display: block;
      position: absolute;
      height: 53px;
      padding: 0 19px;
      background-size: 15px;
      right: 0;
      border: 0;
      background: transparent;
      top: 0;
      z-index: 1;
   }

   .sb-menu ul li .toggle:before {
      content: "";
      display: block;
      background-image: url('/images/18.2bd77e2f16adfd5ba703657/1560331355220/plus-white.svg');
      background-repeat: no-repeat;
      background-size: 12px;
      background-position: center;
      border-radius: 50%;
      height: 20px;
      width: 20px;
      border: 2px solid #fff;
      -webkit-transition: 0.2s;
      -o-transition: 0.2s;
      transition: 0.2s;
      -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      transform: rotate(0deg);
   }

   .sb-menu ul li .toggle.is-open:before {
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg);
      
      background-color: #fff;
      background-image: url('/images/18.2bd77e2f16adfd5ba70359b/1560331355148/plus-black.svg')
   }

   .sb-menu ul ul a {
      padding-left: 20px;
      background: #0d6d6d;
      font-size: 0.875rem;
   }
   .sb-menu ul ul li .toggle {
      height: 51px;
   }

   .sb-menu ul ul ul a {
      padding-left: 40px;
      
   }
   .sb-menu ul ul ul ul a {
      padding-left: 60px;
      background: #065050;
   }


   /* NYHETER */
   .sb-newsbox ul li {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%;
   }

   /* PUFFAR - BOX */
   .sb-box > .sv-decoration-content {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
   }
   .sb-box .sv-text-portlet,
   .sb-box > div > .sv-script-portlet {
      -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
      order: 2;
      padding: 15px 15px 30px;
   }
   .sb-box .sv-image-portlet img {
      position: relative;
      width: 100%;
      max-height: 240px;
      padding-right: 0;
   }


   .sb-box .sv-image-portlet  {
      width: 100%;
      flex: none;
   }
   .sb-box .sv-image-portlet img  {
      height: 200px;
   }
   .sb-box > .sv-decoration-content {
      flex-direction: column;
   }
   .sb-box .sv-text-portlet {
      flex: 1 1 1;
      width: 100%;
      height: 100%;
      flex-basis: auto;
   }
   .sb-box > div > :first-child.sv-image-portlet {
      padding-right: 0;
   }

   /* Lediga lägenheter - Listor */
   .sb-list-for-apartments-container {
      display: flex;
      flex-direction: column;
   }
   .sb-list-for-apartments-container h1 {
      text-align: center;
      margin-top: 10px;
      margin-bottom: 30px;
   }
   
   /* Breadcrumbs */
   .sb-breadcrumb {
      margin-bottom: 0;
   }
   
   /* Gå till toppen av sidan */
   #sb-top {
   	margin-top: 30px;
   }
}