/* Mobil - 768px */

@media (max-width: 768px) {

   /* HEADER */
   .sb-header > div:first-child {
      padding: 12px 15px!important;
   }

   .sb-logo img {
      max-width: 120px;
   }

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

   .sb-search-button {
      margin-left: 0;
   }
   .sb-language-button {
      margin-left: 10px;
   }
   .sb-menu-button {
      margin-left: 10px;
   }
   
   /* VIDEO */
   .sb-topbox {
      height: 400px;
   }
   .sb-topbox:before {
      opacity: 0;
      content: none;
   }
   .sb-topbox > div:first-child > div > div {
      height: 400px;
   }
   .sb-topbox-video,
   .sb-video-btn {
      display: none;
   }

   /* Google maps */
   .sb-google-maps-link {
      padding: 25px 20px;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
   }

   p.sb-google-maps-link-name {
      margin-bottom: 20px;
   }

   .sb-language-container {
      position: unset;
   }

   .google-translate-modal {
      width: 90%;
      margin: 34px 15px;
   }
   .google-translate-modal:before {
      right: 55px;
   }

   .google-translate-modal:after {
      right: 15px;
   }

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

   /* ObjectFit - Images */
   .sb-slick {
      max-height: 250px;
      height: 100%;
   }
   .sb-slick img {
      height: 224px!important;
   }
   .sb-slick p.sv-portlet-image-caption {
      font-size: 0.875rem;
   }

   /* KONTAKTPERSON */
   .sb-container .sv-custom-module {
      width: 100%;
   }

   /* Lediga lägenheter - Listor */
   .sb-list-for-apartments {
      padding: 12px;
   }
   .sb-list-for-apartments--available {
      top: -8px;
      right: 7px;
      padding: 1px 10px;
   }
   .sb-box > div > .sv-script-portlet {
      width: 100%;
   }
   
   .sb-objectlist .sv-decoration-content {
      padding: 5px 10px 10px;
   }

   .sb-box h2 {
      font-size: 1.8rem;
   }


   /* SÖK */
   input.sb-button-primary {
      min-width: 90px;
   }

   .sb-searchform-input {
      padding: 10px 100px 10px 10px;
   }

   /* Sökresultat */
   .sv-search-result li {
      padding: 20px!important;
   }

   .pagination .prev, .pagination .next {
      font-size: 0;
   }

   .pagination .prev:before, .pagination .next:before {
      content: "«";
      font-size: 1rem;
      display: block;
      float: left;
      padding: 0.3em 0.5em;
      min-width: 1em;
      text-align: center;
   }

   .pagination .prev:before {
      content: "«";
      font-size: 1rem;
   }

   .pagination .next:before {
      content: "»";
      font-size: 1rem;
   }

}