﻿/*------------------------------------------------------------------
[Table of contents]

1. SHAREPOINT OVERRIDES
2. GLOBALA
3. STRUKTUR
4. TEXT-ELEMENT
5. BILDER
6. KNAPPAR
7. FORMULÄR
8. STEGINDIKATOR

-------------------------------------------------------------------*/

/* --------------------------- */
/* MEDIA QUERIES               */
/* --------------------------- */

/* Desktop och större */
@media (min-width:980px) {
    .desktop-only {
        display: block;
    }

    .mobile-only {
        display: none;
    }

    .tablet-only {
        display: none;
    }

    /* -------------------- */
    /* START: STRUKTUR      */
    /* -------------------- */
    .bootstrap .container-fluid.content,
    .bootstrap .container-fluid.footer {
        max-width: 1300px;
        margin: 0 auto;
        padding-left: 0;
        padding-right: 0;
        position: relative;
    }

    /* Startsida */

    .container-fluid .startpage-links5 .row-fluid .span3.startpage-link {
        width: 18%;
        width: calc(20% - 16px);
        margin-left: 20px;
    }
    .container-fluid .startpage-links5 .row-fluid .span3.startpage-link:first-child {
        margin-left: 0;
    }

    /* END: Startsida */

    /* #region Mina sidor */
    .container-fluid .myPageRightColBox div[data-widget="kontaktuppgifter"] .row-fluid .span5,
    .container-fluid .myPageRightColBox div[data-widget="kontaktuppgifter"] .row-fluid .span7 {
        width: 100%;
        margin-left: 0;
    }
    /* #endregion Mina sidor */

    /* #region Mina sidor Hyresavi */
    .container-fluid div[data-widget="avilista"] .Box.AviListItem .media-body > .row-fluid > .span4 > .row-fluid > .span4 {
        width: 34.914893617021277%;
    }

        .container-fluid div[data-widget="avilista"] .Box.AviListItem .media-body > .row-fluid > .span4 > .row-fluid > .span4:first-child {
            width: 28.914893617021277%;
        }

        .container-fluid div[data-widget="avilista"] .Box.AviListItem .media-body > .row-fluid > .span4 > .row-fluid > .span4:last-child {
            width: 31.914893617021277%;
        }
    /* #endregion Mina sidor Hyresavi */

    /* #region Sök ledigt */
    .container-fluid .search-go-to-object {
        float: right;
        position: relative;
        top: 30px;
        right: 20px;
    }

    .container-fluid .search-go-to-wrapper {
            /*background: #e3e3e3;
            border-left: 10px solid #a3a3a3;*/
            /*padding-left: 20px;*/
            margin-top: 20px;
    }

    .container-fluid .RowHeader span { 
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .container-fluid .Spreadsheet .RowHeader span.ObjektYta {
        padding-right: 16px;
    }

    .container-fluid .Spreadsheet .RowHeader span.ObjektHyra {
        padding-right: 20px;
        text-align: right;
    }

    .container-fluid .Spreadsheet .RowHeader span.ObjektPoang {
        text-align: right;
        padding-left: 0;
        padding-right: 2px;
    }


    .container-fluid .Spreadsheet span.ObjektOmrade {
        width: 21%;
    }
    .container-fluid .Spreadsheet span.ObjektAdress {

    }
    .container-fluid .Spreadsheet span.ObjektTyp {
        width: 14%;
    }
    .container-fluid .Spreadsheet span.ObjektYta {
        width: 8%;
    }
    .container-fluid .Spreadsheet span.ObjektHyra {
        width: 11%;
    }
    .container-fluid .Spreadsheet span.ObjektInflytt {
        padding-left: 20px;
    }
    .container-fluid .Spreadsheet span.ObjektPoang {
        width: 9%;
    }

    /* #endregion Sök ledigt */

    /* -------------------- */
    /* END: STRUKTUR        */
    /* -------------------- */
    /* -------------------- */
    /* START: TEXT-ELEMENT  */
    /* -------------------- */
    /* -------------------- */
    /* END: TEXT-ELEMENT    */
    /* -------------------- */
    /* -------------------- */
    /* START: BILDER        */
    /* -------------------- */
    /* -------------------- */
    /* END: BILDER          */
    /* -------------------- */
    /* -------------------- */
    /* START: KNAPPAR       */
    /* -------------------- */
    /* -------------------- */
    /* END: KNAPPAR         */
    /* -------------------- */
    /* -------------------- */
    /* START: FORMULÄR      */
    /* -------------------- */
    .container-fluid .centerContent {
        position: relative;
        left: -10%;
    }

    .container-fluid .extraActions {
        width: 50%;
        margin: 0 auto;
        position: relative;
        left: -10%;
    }

    .container-fluid .centerContent label {
        padding-top: 13px;
    }

    .container-fluid .centerContent .loginError {
        margin-left: 42.8%;
    }

    .container-fluid .form-inline input[type=password],
    .container-fluid .form-inline input[type=text],
    .container-fluid .form-inline input[type=date],
    .container-fluid .form-inline input[type=file],
    .container-fluid .form-inline input[type=tel],
    .container-fluid .form-inline input[type=email],
    .container-fluid .form-inline textarea,
    .container-fluid .form-inline .ms-inputBox,
    .container-fluid .form-inline select,
    .container-fluid .input-mini {
        width: 87%;
        width: calc(100% - 40px);
    }

    .container-fluid .form-inline .controls {
        width: 100%;
    }

    .container-fluid .form-inline #objektTyper {
        width: 97%;
        width: calc(100% - 12px);
    }

    /* -------------------- */
    /* END: FORMULÄR        */
    /* -------------------- */
    /* -------------------- */
    /* START: STEGINDIKATOR */
    /* -------------------- */
    /* -------------------- */
    /* END: STEGINDIKATOR   */
    /* -------------------- */

    /* =========================================================================== */

    .container-fluid .page-nav .page-sub-container {
        display: none;
    }

    .container-fluid .page-nav-primary {
        white-space: nowrap;
        max-width: 100%;
    }

        .container-fluid .page-nav-primary .page-nav-title {
            white-space: normal;
            max-width: 100%;
        }

    /* Mega menu */
    .bootstrap .container-fluid.top > .row-fluid {
    background: #ffffff;
    box-shadow: 0 12px 15px -10px rgba(40,40,40,0.3);
    -webkit-box-shadow: 0 12px 15px -10px rgba(40,40,40,0.3);
    -moz-box-shadow: 0 12px 15px -10px rgba(40,40,40,0.3);
    -o-box-shadow: 0 12px 15px -10px rgba(40,40,40,0.3);
    position: relative;
    z-index: 1;
    }
    .bootstrap .container-fluid.top nav.page-nav,
    .bootstrap .container-fluid.top .top-nav-wrapper .page-nav-upper-bar {
        float: none;
        margin: 0 auto;
        max-width: 1300px;
    }

    .bootstrap .container-fluid.top .page-nav-border {
        background: #ffffff;
    }

    .container-fluid .page-nav .page-nav-logo {
        background: url('../../Images/Stangastaden/Stangastaden_logo2.png');
        background-size: auto;
        position: relative;
        top: -25px;
    }

    .container-fluid .page-nav-upper-bar {
        /*border-bottom: 1px solid #BECBD7;*/
        width: 100%;
        background-color: #ffffff;
    }

    .container-fluid .top-nav-wrapper {
        background: -webkit-gradient(linear, left top, right top, color-stop(0.3, rgb(255,255,255)), color-stop(0.95, rgb(235,235,235)));
        background: -moz-linear-gradient(left bottom, rgb(255,255,255) 30%, rgb(220,220,220) 95% );
        background: linear-gradient(to right, rgb(255,255,255) 30%, rgb(220,220,220) 95%);
        padding-bottom: 2px;
    }

    .container-fluid .page-nav-search-icon {
        width: 10%;
        width: calc(50px);
        float: right;
        margin-right: calc(20px);
    }

    .container-fluid .page-nav-search {
        background: url('../../Images/Stangastaden/search.png');
        background-size: 16px;
        border: none;
    }

    .container-fluid .page-nav .page-nav-logo,
    .container-fluid .page-nav-search {
        background-repeat: no-repeat;
        background-position: center center;
        height: 35px;
        padding: 5px 0;
    }

    .container-fluid .page-nav-search {
        display: block;
    }

    .container-fluid .page-nav-search.no-arrow{
        font-size: 15px;
        padding: 10px 0;
        margin-top: 3px;
        height: 25px;
        background-position: 0 center;
        text-align: right;
    }

    .container-fluid .stangastaden-megamenu-content .wrapperMegaMenu {
        position: relative;
        z-index: 10;
        padding-left: 0;
        padding-right: 0;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .container-fluid .page-nav .page-nav-title,
    .container-fluid .page-nav .page-nav-logo {
        display: inline;
        cursor: pointer;
        position: relative;
        color: #1C1C1B;
        text-decoration: none;
        font-size: 14px;
        font-weight: normal;
        letter-spacing: 1px;
        font-family: "Oswald", arial,  helvetica, 'Trebuchet MS', verdana, sans-serif;
    }

    .container-fluid .page-nav .page-nav-logo {
        display: block;
        position: absolute;
        left: 30px;
        top: -35px;
        width: 200px;
        height: 50px;
        /* background-color: red; */
        background-size: contain;
    }

    .container-fluid .page-nav-container {
        height: 45px;
        width: auto;
        display: block;
        float: left;
        line-height: 45px;
        text-align: center;
        padding-left: 10px;
        padding-right: 10px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

        .container-fluid .page-nav-container.page-nav-item-logo {
            min-width: 250px;
        }

        .container-fluid .page-nav-container.page-nav-item-search {
            min-width: 30px;
        }

    .container-fluid .page-sub-container {
        text-align: left;
        max-width: 1300px;
        box-shadow: 0 5px 5px -2px rgba(50,50,50,0.3);
        -moz-box-shadow: 0 5px 5px -2px rgba(50,50,50,0.3);
        -webkit-box-shadow: 0 5px 5px -2px rgba(50,50,50,0.3);
    }

    .container-fluid .stangastaden-megamenu-item div {
        width: 100%;
        display: block;
    }

    .container-fluid .stangastaden-megamenu-item {
        display: inline;
    }

    .container-fluid .stangastaden-megamenu-content {
        width: 100%;
        display: none;
        position: absolute;
        left: 0;
        right: 0;
        top: 45px; /* Menyns höjd */
        margin: 0px auto;
        -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box; /* Firefox, other Gecko */
        box-sizing: border-box; /* Opera/IE 8+ */
    }

    .container-fluid .stangastaden-megamenu-title:not(.no-arrow) {
        padding-bottom: 16px;
    }

    .container-fluid .stangastaden-megamenu-title:not(.no-arrow):active {
        background: none;
    }

    .container-fluid li.active .page-nav-container > .page-nav-title {
        position: relative;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        /*color: #1c1c1b;*/
        color: #E30513;
    }

    .container-fluid li .page-nav-container > .page-nav-title:hover {
        color: #E30513;
    }

    .container-fluid li .page-nav-container > .page-nav-title.CurrentTopNode {
        color: #E30513;
    }

    .container-fluid li.active .page-nav-container > .page-nav-title:after
    /*.container-fluid .page-nav-title:not(.no-arrow):hover:after,*/
    /*.container-fluid .page-nav-title:not(.no-arrow):focus:after,*/
    /*.container-fluid .active .page-nav-title:not(.no-arrow):after*/ {
        content: url(../../Images/Stangastaden/megapil.png);
        position: absolute;
        z-index: 9000;
        width: 0;
        height: 0;
        margin-left: -5px;
        bottom: 4px;
        left: 49%;
        left: calc(50% - 10px);
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }
    /* End: Menu arrow */

    .container-fluid .wrapperMegaMenu .megaMenu .top-node {
        cursor: pointer;
        color: #1c1c1b;
        text-decoration: none;
        padding-bottom: 15px;
    }

        .container-fluid .wrapperMegaMenu .megaMenu .top-node a {
            cursor: pointer;
            color: #1c1c1b;
            text-decoration: none;
            padding: 6px 5px;
            display: block;
        }

            .container-fluid .wrapperMegaMenu .megaMenu .top-node a:hover,
            .container-fluid .wrapperMegaMenu .megaMenu .top-node a:focus {
                background-color: #FFDA62;
            }

    .container-fluid .wrapperMegaMenu .megaMenu .CurrentNode > a {
        background-color: #ffeec2;
    }

    .container-fluid .wrapperMegaMenu .megaMenu .top-node > li > a {
        font-weight: bold;
        text-transform: none;
    }

    .container-fluid .wrapperMegaMenu .megaMenu ul[data-level="1"] a {
        font-weight: normal;
        padding-left: 20px;
        text-transform: none;
    }

    .container-fluid .wrapperMegaMenu .megaMenu ul[data-level="2"] a {
        padding-left: 40px;
        text-transform: none;
    }

    .container-fluid .wrapperMegaMenu .megaMenu ul[data-level="3"] a {
        padding-left: 60px;
        text-transform: none;
    }

    .container-fluid .wrapperMegaMenu .megaMenu a {
        white-space: normal;
    }

    .container-fluid .stangastaden-megamenu-content .ms-webpart-zone {
        width: 100%;
        display: block;
    }

    .container-fluid .stangastaden-megamenu-content .wrapperMegaMenu .menu-part-wrapper-left {
        background: #FFCC00;
        display: block;
        width: 80%;
        float: left;
        min-width: 80%;
        max-width: 80%;
        box-shadow: inset 0 12px 15px -10px rgba(40,40,40,0.3);
        -webkit-box-shadow: inset 0 12px 15px -10px rgba(40,40,40,0.3);
        -moz-box-shadow: inset 0 12px 15px -10px rgba(40,40,40,0.3);
        -o-box-shadow: inset 0 12px 15px -10px rgba(40,40,40,0.3);
    }

    .container-fluid .stangastaden-megamenu-content .wrapperMegaMenu .menu-part-wrapper-right {
        background: #FFDA62;
        display: block;
        width: 20%;
        float: left;
        min-width: 20%;
        max-width: 20%;
        box-shadow: inset 0 12px 15px -10px rgba(40,40,40,0.3);
        -webkit-box-shadow: inset 12px 15px -10px rgba(40,40,40,0.3);
        -moz-box-shadow: inset 0 12px 15px -10px rgba(40,40,40,0.3);
        -o-box-shadow: inset 0 12px 15px -10px rgba(40,40,40,0.3);
    }

    .container-fluid .stangastaden-megamenu-content .wrapperMegaMenu .menu-part-wrapper-left .menu-part {
        width: 25%;
        min-width: 25%;
        max-width: 25%;
        float: left;
        box-sizing: border-box;
        border-left: 1px solid #d6a62a;
        margin-bottom: -2000px;
        padding-bottom: 2000px;
        padding-top: 20px;
        padding-left: 20px;
        padding-right: 20px;
        display: block;
        min-height: 10px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .container-fluid .stangastaden-megamenu-content .wrapperMegaMenu .menu-part-wrapper-left .menu-part:first-child {
        border-left: none;
    }

    .container-fluid .stangastaden-megamenu-content .wrapperMegaMenu .menu-part-wrapper-right .menu-part {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
        float: left;
        padding-top: 20px;
        padding-left: 20px;
        padding-right: 20px;
        display: block;
        min-height: 10px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }
    /* Per kolumn */
    .container-fluid .stangastaden-megamenu-content .wrapperMegaMenu .menu-part-wrapper-left,
    .container-fluid .stangastaden-megamenu-content .wrapperMegaMenu .menu-part-wrapper-right {
        width: 100%;
        float: left;
        margin-bottom: -2000px;
        padding-bottom: 2000px;
    }

    /* END: Mega meny */


    /* Top menu */
    .container-fluid .top-nav-wrapper .top-wrapper {
        width: auto;
        float: right;
    }
    .container-fluid .top-nav-wrapper .top-nav-main {
        position: relative;
    }

    .container-fluid .top-nav-wrapper .top-menu-social {
        /*width: 30%;*/
        width: 270px;
        padding-left: 20px;
    }

    .container-fluid .top-nav-wrapper .top-menu-anchors {
        /*width: 15%;*/
        width: 130px;
        text-align: left;
        white-space: nowrap;
        /*line-height: 30px;*/
        /*margin-left: 130px;*/
    }

    .container-fluid .top-nav-wrapper .top-menu-profile-info {
        /*width: 40%;*/
        width: auto;
    }

        .container-fluid .top-nav-wrapper .top-menu-desktop-wrapper .shopping-cart-count-wrapper {
            top: 7px;
            left: -8px;
        }

        .container-fluid .top-nav-wrapper .top-menu-desktop-wrapper .shopping-cart-count-wrapper .shopping-cart-count {
            font-size: 11px;
            position: relative;
            top: -7px;
        }

        .container-fluid .row-fluid .top-nav-wrapper .top-menu-desktop-wrapper .shopping-cart-count-wrapper.shopping-cart-products-exist {
            display: inline-block;
        }

        .container-fluid .row-fluid .top-nav-wrapper .top-menu-desktop-wrapper .shopping-cart-link .shopping-cart-count-wrapper:not(.shopping-cart-products-exist) {
            display: none;
        }
    /* END: Top menu */


        
    /* FRÅN DESKTOP min980 - OVAN ÄR FRÅN TABLET min767 */
    /* Top menu */
    .container-fluid .top-nav-wrapper div[data-widget="koerochprenumerationer@STD"] {
        max-width: 100%;
    }

        .container-fluid .top-nav-wrapper .shopping-cart-link a,
        .container-fluid .top-nav-wrapper .shopping-cart-link span {
            font-size: 10px;
            position: relative;
            top: -7px;
        }

        .container-fluid .top-nav-wrapper div[data-widget="koerochprenumerationer@STD"] .top-menu-profile-name {
            max-width: 170px;
        }
    /* END: Top menu*/

    /* Mega menu */

    .container-fluid .stangastaden-megamenu-content .menu-part.menu-part-five .ms-rtestate-field {
        font-weight: normal;
        text-transform: none;
        padding-bottom: 10px;
    }

    .container-fluid .stangastaden-megamenu-content .menu-part.menu-part-five {
        border-left: none;
        white-space: normal;
    }

    /* END: Mega menu */


}

/* Surfplattor och större */
@media (min-width:768px) {

    .bootstrap .displayDesktop .clearfix:before,
    .bootstrap .displayDesktop .clearfix:after {
        display: none;
    }

    /* Struktur */
    .bootstrap .container-fluid.content,
    .bootstrap .container-fluid.footer {
        /*position: relative;*/
    }

    .container-fluid .contentArea {
    }

    .bootstrap .container-fluid.content {
        padding-bottom: 50px;
    }

    .bootstrap .container-fluid .contentArea {
        padding: 0 20px;
        /*padding-top: 45px;*/
    }

    .bootstrap .container-fluid .leftMenu,
    .bootstrap .container-fluid .contentArea,
    .bootstrap .container-fluid .rightMenu {
        padding-top: 25px;
    }

    .bootstrap .container-fluid .rightMenu > .ms-webpart-zone {
        padding-right: 20px;
    }

    .bootstrap .container-fluid .contentArea.pageTopContent {
        padding-top: 0;
        margin-left: 0;
    }

    /* #region Startsida puffar */
    .container-fluid .startpage-puff .span12.fullwidthPuff .puff-wrapper {
        width: 100%;
        width: calc(100% + 40px);
        position: relative;
        left: 0;
        left: calc(-20px);
    }

    .container-fluid .startpage-puff .span12.fullwidthPuff .puff-wrapper .puff-title {
        padding: 0 20px;
        font-size: 32px;
    }

    .container-fluid .startpage-puff .span12.fullwidthPuff .puff-wrapper .puff-text {
        padding: 0 20px;
    }

    /* #endregion Startsida puffar */

    /* #region Puffar med knappar */
    .container-fluid .puff-buttons-wrapper {
        position: relative;
    }

    .container-fluid .puff-buttons-wrapper .puff-buttons-overlay {
        position: absolute;
        top: 50%;
        left: 50%;   
        transform: translate(-50%, -50%);

        width: 100%;
        text-align: center;
    }

    .container-fluid .puff-buttons-wrapper .puff-buttons-title {
        color: white;
        text-shadow: 1px 1px 4px rgba(20, 20, 20, 1);
    }

    .container-fluid .puff-buttons-wrapper .puff-buttons-row {
        margin-top: 20px;
    }

    .container-fluid .puff-buttons-wrapper .puff-buttons-row .btn {
        margin-left: 20px;
        margin-right: 20px;
    }

    /* #endregion Puffar med knappar */


    /* #regeion Sök ledigt */

    .container-fluid div[data-widget="objektfilter"] > form > .row-fluid:nth-child(2) {
        float: left;
        width: 66.666666%;
    }

    .container-fluid div[data-widget="objektfilter"] > form > .row-fluid:nth-child(2) > .span6 {
        width: 50%;
        float: left;
        margin: 0;
    }

    .container-fluid div[data-widget="objektfilter"] > form > .FilterButtons {
        float: right;
        width: 33.33333%;
    }
    /* #endregion Sök ledigt */

    /* #region Nyproduktion */
    .container-fluid .rightMenu .objectdetail {
        padding-top: 20px;
    }
    /* #endregion Nyproduktion */

    /* #region Mina sidor Redigera kontaktuppgifter */
    .container-fluid div[data-widget="redigerakontaktuppgifter"] .Box.Label {
        float: left;
        width: 48%;
        width: calc(50% - 10px);
        padding-left: 10px;
    }

    .container-fluid div[data-widget="redigerakontaktuppgifter"] #kontaktuppgifter {
        float: left;
        width: 50%;
        padding-left: 0;
    }

    .container-fluid div[data-widget="redigerakontaktuppgifter"] .Box.Label .BoxContent input,
    .container-fluid div[data-widget="redigerakontaktuppgifter"] .Box.Label .BoxContent select {
        width: 75%;
    }

    .container-fluid div[data-widget="redigerakontaktuppgifter"] .form-actions {
        clear: both;
    }

    .container-fluid div[data-widget="redigerakontaktuppgifter"] .FormComplex .rollHuvudsokande_antalVuxna_value {
        border-top: 1px solid #BECBD7;
        padding-top: 20px;
        margin-top: 70px;
    }

    .container-fluid div[data-widget="redigerakontaktuppgifter"] .Box.Label .BoxContent .FormGroup {
        margin-top: 40px;
    }

        .container-fluid div[data-widget="redigerakontaktuppgifter"] .Box.Label .BoxContent .FormGroup:first-child {
            margin-top: 0;
        }

    /* #endregion Mina sidor Redigera kontaktuppgifter */

    /* #region archive */

    .container-fluid .contentArea .archive-item-date {
        min-width: 100px;
        width: auto;
    }

    .container-fluid .contentArea .archive-item-article {
        width: 85%; /* fallback */
        width: calc(100% - 100px);
    }

    .container-fluid .contentArea .archive-button {
        margin-right: 15px;
    }
    /* #endregion archive*/

    /* #region Footer */
    .bootstrap .container-fluid.footer.footer-stangastaden .span3 .footer-columns p:last-child {
        position: absolute;
        bottom: 0;
        margin: 20px 0;
    }

    .bootstrap .container-fluid.footer.footer-kulturfastigheter .span5 .footer-columns p:last-child {
        position: absolute;
        bottom: 0;
        margin: 20px 0;
    }

    .bootstrap .container-fluid.footer .span12 {
        padding-bottom: 45px;
        padding-left: 120px;
    }

    /* #endregion Footer */

}

@media (min-width: 1150px) {
    .container-fluid .page-nav-container {
        padding-left: 25px;
        padding-right: 25px;
    }

    .container-fluid .page-nav-list:nth-child(2) .page-nav-container {
        padding-left: 10px;
    }

    .container-fluid .page-nav-list:first-child .page-nav-container {
        padding-left: 10px;
        position: relative;
    }
}

/* Specialfall desktop/landscape tablet */
@media (min-width: 1064px) and (max-width: 1200px) {
    /* Top menu */
    .container-fluid .top-nav-wrapper div[data-widget="koerochprenumerationer@STD"] {
        max-width: 100%;
    }
    /* END: Top menu*/

    .container-fluid .Spreadsheet span.ObjektTyp {
        width: 13%;
}
}

/* Surfplatta eller mindre */
@media (max-width: 979px) {

         /* #region Vänstermeny - FRÅN max766, borde vara längre ner... */
    /*.container-fluid .row-fluid .leftMenu {
        width: 70%;
        left: -70%;
    }*/
    /* #endregion Vänstermeny */

    .container-fluid .row-fluid .leftMenu {
        position: fixed;
        z-index: 10;
        left: -50%;
        top: 150px;
        width: 50%;
        bottom: 50px;
        transition: left .5s, top .5s;
        -webkit-transition: left .5s, top .5s;
        -moz-transition: left .5s, top .5s;
        background: #ffffff;
        display: none;
    }

        .container-fluid .row-fluid .leftMenu.open {
            left: 0;
            overflow-x: hidden;
            overflow-y: scroll;
            -moz-box-shadow: 2px 1px 8px #bbb;
            -webkit-box-shadow: 2px 1px 8px #bbb;
            box-shadow: 2px 1px 8px #bbb;
            -webkit-box-shadow: 7px 0 8px -4px rgba(40, 40, 40, 0.3);
            -moz-box-shadow: 7px 0 8px -4px rgba(40, 40, 40, 0.3);
            box-shadow: 7px 0 8px -4px rgba(40, 40, 40, 0.3);
        }

        .container-fluid .row-fluid .leftMenu .ms-webpart-chrome {
            position: absolute;
            /*overflow-y: scroll;
            overflow-x: hidden;*/
            height: auto;
            border-left: none;
            width: 100%;
        }

    .container-fluid .leftMenu .ms-WPBody > div > div > div {
        padding-left: 0;
    }

    .container-fluid .row-fluid .leftMenu.open .ms-webpart-chrome {
        
    }

    .container-fluid .leftMenu .top-node .child-node li a {
        /*border-bottom: 1px solid #e5e5e5;*/
    }

    .container-fluid .row-fluid .leftMenu .left-menu-handle {
        position: absolute;
        top: 70px;
        right: -36px;
        background: transparent;
        width: 36px;
        height: auto;
        float: left;
    }

        .container-fluid .row-fluid .leftMenu .left-menu-handle:hover {
            cursor: pointer;
        }

        .container-fluid .row-fluid .leftMenu .left-menu-handle img {
            margin: 0;
        }

        .container-fluid .row-fluid .leftMenu .left-menu-handle .shopping-cart-count-wrapper {
            height: 18px;
            width: 18px;
            position: relative;
            top: -15px;
            left: 3px;
            border-radius: 50%;
            background: #FFCC00;
            display: inline-block;
            line-height: 100%;
        }

        .container-fluid .row-fluid .page-nav .page-nav-shopping-cart:not(.shopping-cart-products-exist) {
            visibility: hidden;    
        }

        .container-fluid .row-fluid .page-nav .page-nav-shopping-cart.shopping-cart-products-exist {
            visibility: visible;
        }

        .container-fluid .row-fluid .left-menu-handle .shopping-cart-count-wrapper.shopping-cart-products-exist {
            display: inline-block;
        }

        .container-fluid .row-fluid .leftMenu .left-menu-handle .shopping-cart-count-wrapper:not(.shopping-cart-products-exist) {
            display: none;
        }

        .container-fluid .row-fluid .leftMenu .left-menu-handle .shopping-cart-count {
            font-size: 14px;
            position: static;
            background: transparent;
            padding: 0;
            text-align: center;
            display: block;
        }

    /* #region Startsida */
    .container-fluid .startpage-puff .StartPageImageContainer .StartPageImageText span {
        font-size: 40px;
        line-height: 50px;
    }

    .container-fluid .startpage-puff .StartPageImageContainer .StartPageImageText {
        position: absolute;
        bottom: 20px;
        left: 20px;
    }
    /* #endregion Startsida */

    /* #region Sök ledig bostad Detaljsida */
    .objectdetail .RightColBox {
        border-top: 2px solid #FFCC00;
    }

    .objectdetail div[data-widget ^= "objektinformation@"] dl {
        margin-top: 10px;
    }

    .objectdetail {
        margin-right: 0; 
    }

    /* #endregion Sök ledig bostad Detaljsida */

}

/* Surfplattor (portrait and landscape) ----------- */
@media (min-width: 967px) and (max-width: 1164px) {

    .container-fluid .Spreadsheet span.ObjektHyra,
    .container-fluid .Spreadsheet span.ObjektYta,
    .container-fluid .Spreadsheet span.ObjektInflytt {
        white-space: nowrap;
    }

    .container-fluid .Spreadsheet span.ObjektOmrade {
        width: 16% !important;
}

    .container-fluid .Spreadsheet span.ObjektAdress {
        width: 22%;
    }

    .container-fluid .Spreadsheet span.ObjektTyp {
        width: 14%;
    }

    .container-fluid .Spreadsheet span.ObjektYta {
        width: 8%;
    }

    .container-fluid .Spreadsheet span.ObjektPoang {
        width: 11%;
    }
}

/* Surfplattor (portrait and landscape) ----------- */
@media (min-width: 768px) and (max-width: 1064px) {
    /* Styles */
    .container-fluid .startpage-puff .puff-title {
        font-size: 20px;
    }
    .container-fluid .startpage-puff .span12.fullwidthPuff .puff-wrapper .puff-title {
        font-size: 26px;
    }

    .container-fluid .contentArea .archive-buttons .archive-button {
        clear: both;
        display: block;
        margin: 15px 0;
        text-align: left;
        width: 210px;
    }

    /* #region Footer */
    .bootstrap .container-fluid.footer .span12 {
        padding-left: 50px;
    }
    /* #endregion Footer */

    /* #region Sök ledigt */
    .container-fluid .Spreadsheet a.RowItem {
        background-position: calc(100% - 5px) 50%;  
    }

    .container-fluid .Spreadsheet span.ObjektHyra,
    .container-fluid .Spreadsheet span.ObjektYta,
    .container-fluid .Spreadsheet span.ObjektPoang {
        white-space: nowrap;
        text-align: right;
    }

    .container-fluid .Spreadsheet span.ObjektOmrade {
        width: 20%;
    }

    .container-fluid .Spreadsheet span.ObjektAdress {
        width: 23%;
    }

    .container-fluid .Spreadsheet span.ObjektTyp {
        width: 15%;
    }

    .container-fluid .Spreadsheet .RowHeader span.ObjektHyra {
        padding-right: 24px;
    }
    /* #endregion Sök ledigt */
}

/* Surfplattor (portrait and landscape) ----------- */
@media (min-width: 980px) and (max-width: 1064px) {

        .container-fluid .stangastaden-megamenu-content .wrapperMegaMenu .menu-part-wrapper-left {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
    }

    /* Per kolumn */
    .container-fluid .stangastaden-megamenu-content .menu-part {
        width: 25%;
        min-width: 25%;
        max-width: 25%;
        float: left;
        margin-bottom: -2000px;
        padding-bottom: 2000px;
        border-left: 1px solid #d6a62a;
        padding-left: 20px;
        padding-right: 20px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .container-fluid .stangastaden-megamenu-content .wrapperMegaMenu .menu-part-wrapper-right {
        border-right: 1px solid #d6a62a;
        display: none;
    }

    .container-fluid .stangastaden-megamenu-content .menu-part:nth-child(4) {
        border-right: 1px solid #d6a62a;
    }

    /* Top menu */
    .container-fluid .top-nav-wrapper div[data-widget="koerochprenumerationer@STD"] {
        max-width: 100%;
    }

    .container-fluid .top-nav-wrapper .top-menu-anchors a {
        margin: 0 4px;
        margin-left: 10px;
    }

    .container-fluid .top-nav-wrapper .top-nav .top-menu-inner {
        margin-right: 0;
    }

    /* END: Top menu*/

    /* Left menu */
    .container-fluid .row-fluid .leftMenu {
        top: 115px;
    }
    /* END: left menu */

}

/* Surfplattor */
@media (min-width:768px) and (max-width: 979px) {
    .tablet-only {
        display: block;
    }

    .desktop-only {
        display: none;
    }

    .mobile-only {
        display: none;
    }

    /* -------------------- */
    /* START: STRUKTUR      */
    /* -------------------- */

    /*
    .container-fluid .top-nav-wrapper .dropdown-menu > li > a {
        padding: 10px;    
    }

    .container-fluid .top-nav-wrapper .top-menu-desktop-wrapper .shopping-cart-link {
        margin: 0 10px;    
    }
        */
    .bootstrap .container-fluid {
        padding-left: 0;
        padding-right: 0;
    }

        .bootstrap .container-fluid.content {
            padding: 0;
        }

    .container-fluid .centerContent {
        width: 100%;
    }

    .container-fluid .contentArea {
        width: 99.9%;
        margin: 0;
        padding: 0;
    }

    .bootstrap .row-fluid .contentArea {
        width: 99.9%;
        margin-left: 0;
        margin-bottom: 20px;
    }

    .container-fluid .row-fluid .span3.rightMenu {
        width: 100%;
        margin-left: 0;
        padding-left: 20px;
    }

    /* #region loginForm */
    .container-fluid .loginForm .centerContent {
        width: 50%;
    }

    .bootstrap .loginForm .centerContent .row-fluid .span7 {
        width: 57.18232044198895%;
        margin-left: 2.7624309392265194%;
    }

    .container-fluid .loginForm .row-fluid .extraActions {
        padding-right: 15px;
    }
    /* #endregion loginForm */

    
    /* #region Sökresultat */
    .container-fluid .ms-srch-result .ms-srch-item-path,
    .container-fluid .ms-srch-result .ms-srch-item {
        width: inherit;
    }
    /* #endregion Sökresultat */

    /* -------------------- */
    /* END: STRUKTUR        */
    /* -------------------- */
    /* -------------------- */
    /* START: TEXT-ELEMENT  */
    /* -------------------- */

    /*.container-fluid .page-nav .page-nav-title {
        font-size: 13px;
    }

    .container-fluid .top-nav-wrapper a,
    .container-fluid .top-nav-wrapper span {
        font-size: 13px;
    }

    .container-fluid .wrapperMegaMenu a {
        font-size: 80%;
    }*/

    /* -------------------- */
    /* END: TEXT-ELEMENT    */
    /* -------------------- */
    /* -------------------- */
    /* START: BILDER        */
    /* -------------------- */

    .container-fluid .news-image-field .ms-rtestate-field img {
        max-height: 650px;
    }

    /* -------------------- */
    /* END: BILDER          */
    /* -------------------- */
    /* -------------------- */
    /* START: KNAPPAR       */
    /* -------------------- */
    /* -------------------- */
    /* END: KNAPPAR         */
    /* -------------------- */
    /* -------------------- */
    /* START: FORMULÄR      */
    /* -------------------- */

    .container-fluid .centerContent label {
        padding-top: 13px;
    }

    .container-fluid input[type=password],
    .container-fluid input[type=text],
    .container-fluid input[type=number],
    .container-fluid input[type=date],
    .container-fluid input[type=file],
    .container-fluid input[type=tel],
    .container-fluid input[type=email],
    .container-fluid textarea,
    .container-fluid .ms-inputBox,
    .container-fluid select,
    .container-fluid .input-mini {
        width: 80%;
        width: calc(100% - 30px);
    }

    .container-fluid .SliderWrapper {
        width: calc(100% - 40px);
    }

    .container-fluid .controls.input {
        width: 100%;
    }

    .container-fluid .Spreadsheet span.Col {
        float: left;
        display: block;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .container-fluid .Spreadsheet span.ObjektOmrade {
        width: 18%;
        text-align: left;
        padding-left: 0;
    }

    .container-fluid .Spreadsheet span.ObjektAdress {
        width: 23%;
        text-align: left;
        padding-left: 0;
    }

    .container-fluid .Spreadsheet span.ObjektYta {
        width: 9%;
    }

    .container-fluid .Spreadsheet .RowHeader span.ObjektYta {
        padding-right: 18px;
    }

    .container-fluid .Spreadsheet span.ObjektHyra {
        width: 10%;
        text-align: right;
        padding-left: 0;
    }

    .container-fluid .Spreadsheet .RowHeader span.ObjektHyra {
        padding-right: 21px;
    }

    .container-fluid .Spreadsheet span.ObjektTyp {
        width: 14%;
        padding-left: 8px;
    }

    .container-fluid .Spreadsheet span.ObjektInflytt {
        width: 13%;
    }

    .container-fluid .Spreadsheet .RowHeader span.ObjektPoang,
    .container-fluid .Spreadsheet .RowItem span.ObjektPoang {
        width: 11%;
        text-align: right;
        padding-right: 20px;
    }

    .container-fluid .Spreadsheet .RowHeader span.ObjektPoang {
        padding-right: 12px;
    }

    .container-fluid .Spreadsheet span.ObjektEgenskaper {
        width: 7%;
    }

    .container-fluid .centerContent .loginError {
        margin-left: 42.8%;
    }

    .container-fluid .loginForm {
        padding-left: 0;
        padding-right: 0;
    }

        .container-fluid .loginForm .span12 {
            margin-left: 0;
        }

    .container-fluid .centerContent .controls {
        width: 100%;
    }

        .container-fluid .centerContent .controls select {
            width: 100%;
        }

    /* -------------------- */
    /* END: FORMULÄR        */
    /* -------------------- */
    /* -------------------- */
    /* START: STEGINDIKATOR */
    /* -------------------- */
    .container-fluid .felanmalanStegMainCol {
        display: block;
    }

    .container-fluid .felanmalanStegRightCol {
        display: none;
    }
    /* -------------------- */
    /* END: STEGINDIKATOR   */
    /* -------------------- */
}

/* MENY - Surfplatta eller mindre */
@media (max-width:979px) {

    /* MEGA MENY */

    .container-fluid .page-nav .page-nav-header {
        display: none;
        position: relative;
        z-index: 20;
        -moz-box-shadow: 0 7px 8px -4px rgba(40, 40, 40, 0.3);
        -webkit-box-shadow: 0 7px 8px -4px rgba(40, 40, 40, 0.3);
        -o-box-shadow: 0 7px 8px -4px rgba(40, 40, 40, 0.3);
        box-shadow: 0 7px 8px -4px rgba(40, 40, 40, 0.3);
    }

        .container-fluid .page-nav .page-nav-header.fixed {
            position: fixed;
            top: 60px;
            left: 0;
            right: 0;
        }

    .container-fluid .page-nav .page-nav-phone {
        width: 100%;
        min-height: 60px;
        height: 60px;
        clear: both;
        float: left;
        position: relative;
        z-index: 100;
    }

        .container-fluid .page-nav .page-nav-phone.fixed {
            position: fixed;
            top: 0;
            -moz-box-shadow: 0 7px 8px -4px rgba(40, 40, 40, 0.3);
            -webkit-box-shadow: 0 7px 8px -4px rgba(40, 40, 40, 0.3);
            -o-box-shadow: 0 7px 8px -4px rgba(40, 40, 40, 0.3);
            box-shadow: 0 7px 8px -4px rgba(40, 40, 40, 0.3);
            background-color: #ffffff;
            transition: all 0.3s ease-in-out;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
        }

    .container-fluid .page-nav .page-nav-open {
        background-image: url('../../Images/Stangastaden/menu.png');
        background-repeat: no-repeat;
        background-position: 16px center;
        background-size: 16px;
        width: 30%;
    }
    .container-fluid .page-nav .page-nav-open.open {
        background-image: url('../../Images/Stangastaden/close.png');
    }

    .container-fluid .page-nav .page-nav-open .page-nav-toggle-menu {
        line-height: 60px;
        height: 100%;
        text-align: left;
        color: #1c1c1b;
        text-decoration: none;
        padding-left: 40px;
        display: inline-block;
    }
        .container-fluid .page-nav .page-nav-open .page-nav-toggle-menu:after {
            content: "Meny";
        }
        .container-fluid .page-nav .page-nav-open.open .page-nav-toggle-menu:after {
            content: "Stäng";
        }

    .container-fluid .page-nav .page-nav-logo {
        width: 35%;
        background: url('../../Images/Stangastaden/Stangastaden_logo2.png');
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 100px;
    }

    .container-fluid .page-nav-search {
        background: url('../../Images/Stangastaden/search.png');
        background-repeat: no-repeat;
        background-position: right 46px center;
        background-size: 16px;
        width: 20%;
        text-align: right;
        padding-right: 16px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

        .container-fluid .page-nav-search:hover {
            cursor: pointer;
        }

    .container-fluid .page-nav .page-nav-open,
    .container-fluid .page-nav-search,
    .container-fluid .page-nav .page-nav-logo,
    .container-fluid .page-nav .page-nav-shopping-cart {
        height: 60px;
        line-height: 60px;
        float: left;
        position: relative;
        z-index: 200;
    }

    .container-fluid .page-nav .page-nav-shopping-cart {
        width: 15%;
        background: url('../../Images/Stangastaden/varukorg.png');
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 28px;
        text-align: center;
    }

        .container-fluid .page-nav .page-nav-shopping-cart a {
            display: block;
            height: 60px;
        }

        .container-fluid .page-nav .page-nav-shopping-cart span {
            font-size: 12px;
        }

        .container-fluid .page-nav .page-nav-shopping-cart .shopping-cart-count-wrapper {
            width: 16px;
            height: 16px;
            position: relative;
            top: 15px;
            left: 14px;
        }

        .container-fluid .page-nav .page-nav-shopping-cart .shopping-cart-count-wrapper {
            top: 18px;
            left: 12px;
        }

            .container-fluid .page-nav .page-nav-shopping-cart .shopping-cart-count-wrapper .shopping-cart-count {
                font-size: 14px;
                position: relative;
                top: -3px;
            }

    .container-fluid .page-nav .page-nav-profile {
        width: 100%;
        clear: both;
    }

        .container-fluid .page-nav .page-nav-profile .top-menu-nav-phone {
            box-shadow: 0 7px 8px -4px rgba(40, 40, 40, 0.3);
        }

            .container-fluid .page-nav .page-nav-profile .top-menu-nav-phone a,
            .container-fluid .page-nav .page-nav-profile .top-menu-nav-phone span {
                padding: 20px 10px;
                height: 100%;
                display: block;
                border-top: 1px solid #d8d8d8;
                text-decoration: none;
                text-align: center;
                color: #1c1c1b;
                box-sizing: border-box;
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
            }


            .container-fluid .page-nav .page-nav-profile .top-menu-nav-phone .top-menu-logged-in .top-menu-profile-name {
                text-align: left;
                padding-left: 16px;
                width: 33%;
                float: left;
            }

            .container-fluid .page-nav .page-nav-profile .top-menu-nav-phone .top-menu-logged-in .current-points {
                width: 34%;
                float: left;
            }

            .container-fluid .page-nav .page-nav-profile .top-menu-nav-phone .top-menu-logged-in .top-log-out {
                text-align: right;
                padding-right: 16px;
                width: 33%;
                float: left;
            }


            .container-fluid .page-nav .page-nav-profile .top-menu-nav-phone .top-menu-not-logged-in > a {
                width: 50%;
                float: left;
            }

    .container-fluid .top-menu-phone {
        width: 100%;
        display: none;
        padding: 10px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-shadow: 0 7px 4px -5px rgba(40, 40, 40, 0.3), inset 0 7px 8px -4px rgba(40, 40, 40, 0.3);
        position: relative;
        z-index: 20;
    }

    .container-fluid .page-nav-profile > div {
        width: 100%;
    }

    .container-fluid div[data-widget="koerochprenumerationer@STD"] .top-menu-phone {
        background-color: #CED8E2;
    }

    .container-fluid .top-menu-phone > ul > li {
        padding: 10px 0;
    }

        .container-fluid .top-menu-phone > ul > li > a {
            text-decoration: none;
            color: #1c1c1b;
            font-weight: bold;
            text-transform: uppercase;
        }

    .container-fluid .stangastaden-megamenu-content .menu-part,
    .container-fluid nav .stangastaden-megamenu-title {
        width: 100%;
        text-align: left;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .container-fluid .stangastaden-megamenu-content .s4-wpcell-plain {
        border-top: 1px solid #b29000;
    }

    .container-fluid .stangastaden-megamenu-content .ms-PartSpacingVertical {
        display: none;
    }

    .container-fluid .stangastaden-megamenu-content .ms-webpart-chrome-fullWidth {
        min-width: 0;
    }

    .container-fluid .stangastaden-megamenu-content .ms-rtestate-field {
        width: 100%;
        float: left;
        display: block;
        padding: 0;
        padding-left: 10px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        line-height: 60px;
    }

    .container-fluid .page-nav-list .page-arrow {
        width: 10%;
        width: calc(60px);
        min-height: 60px;
        height: 60px;
        line-height: 60px;
        float: left;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        background-image: url(../../Images/Stangastaden/plusmegamenu.png);
        background-size: 25%;
        background-repeat: no-repeat;
        background-position: center center;
        border-left: 1px solid #b29000;
    }

    .container-fluid .page-nav-list.active .page-nav-container > .page-arrow,
    .container-fluid .page-nav-list .page-nav-container .page-arrow.openNavBranch {
        background-image: url(../../Images/Stangastaden/minusmegamenu.png);
    }

    .container-fluid .page-nav-list .page-arrow a {
        height: 100%;
        width: 100%;
        display: block;
    }

    .container-fluid .stangastaden-megamenu-content .menu-part:last-child {
        border-right: none;
    }

    .container-fluid .stangastaden-megamenu-content .wrapperMegaMenu {
        padding-bottom: 0;
        min-height: 0;
        position: relative;
        background: #FFDA62;
    }

    .page-nav .child-node.clearfix ul[data-level='2'] {
        display: block;
    }

    .container-fluid .page-nav .megaMenu {
        padding: 0 0;
    }

        .container-fluid .page-nav .megaMenu .ms-hide {
            display: none;
        }

    .container-fluid .page-nav .page-nav-container {
        min-height: 60px;
        border-bottom: 1px solid #b29000;
    }

    .container-fluid .page-nav .page-nav-list:last-child .page-nav-container {
        border-bottom: 0;
    }

    .container-fluid .page-nav .page-nav-title {
        line-height: 60px;
        font-weight: bold;
        display: block;
    }

    .container-fluid .page-nav .page-sub-container {
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        width: 100%;
        float: left;
        display: none;
    }

    .container-fluid .page-nav-primary .page-nav-list.active .page-sub-container {
        height: 100%;
    }

    .container-fluid .page-nav .page-arrow {
        position: relative;
    }

    .container-fluid .stangastaden-megamenu-item {
        background: #FFCC00;
        position: relative;
    }

    .container-fluid .page-nav-list:nth-child(2) .stangastaden-megamenu-item {
        box-shadow: inset 0 7px 8px -4px rgba(40, 40, 40, 0.3);
    }

    .container-fluid .page-nav .ms-rtestate-field img {
        max-width: 100%;
    }

    .bootstrap .page-nav {
        margin-bottom: 0;
        padding-left: 0;
        list-style: none;
    }

    .bootstrap .nav-header {
        padding: 0;
    }

    .container-fluid .page-nav-title {
        padding-left: 10px;
    }

    .bootstrap .page-nav:after {
        clear: both;
    }

    .container-fluid .megaMenu a.page-nav-has-subpages,
    .container-fluid .page-nav-primary .page-nav-container a.page-nav-title.stangastaden-megamenu-title {
        width: 90%;
        width: calc(100% - 60px);
        float: left;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .container-fluid .page-nav-primary {
        overflow-y: scroll;
    }

    .container-fluid .megaMenu .top-node {
        width: 100%;
        float: left;
    }

    .container-fluid .page-nav .page-nav-phone .page-nav-logo a {
        display: block;
        height: 60px;
    }

    .container-fluid .wrapperMegaMenu .megaMenu .top-node a {
        cursor: pointer;
        color: #1c1c1b;
        text-transform: none;
        text-decoration: none;
        line-height: 60px;
        padding: 0 10px;
        display: block;
    }

    .container-fluid .wrapperMegaMenu .megaMenu .top-node a {
        font-size: 15px !important;
    }

    .container-fluid .wrapperMegaMenu .megaMenu .CurrentNode > a {
        text-decoration: underline;
    }

    .container-fluid .wrapperMegaMenu .megaMenu ul[data-level="1"],
    .container-fluid .wrapperMegaMenu .megaMenu ul[data-level="2"],
    .container-fluid .wrapperMegaMenu .megaMenu ul[data-level="3"] {
        display: none;
    }

    .container-fluid .wrapperMegaMenu .megaMenu ul:not([data-level="0"]) {
        display: none;
    }

    .container-fluid .wrapperMegaMenu .megaMenu ul[data-level="0"] > li > a {
        text-transform: uppercase;
    }

    .container-fluid .wrapperMegaMenu .megaMenu ul[data-level="1"] > li > a {
        font-weight: bold;
    }

    .container-fluid .wrapperMegaMenu .megaMenu ul[data-level="2"] li a {
        padding-left: 20px;
    }

    .container-fluid .wrapperMegaMenu .megaMenu ul[data-level="3"] li a {
        padding-left: 30px;
    }

    .container-fluid .megaMenu ul.top-node ul > li {
        border-top: 1px solid #b29000;
    }

    .container-fluid .wrapperMegaMenu .megaMenu .top-node > li > a {
        font-weight: bold;
    }

    .container-fluid .wrapperMegaMenu .megaMenu .child-node > li {
        width: 100%;
    }

    .container-fluid .megaMenu ul[data-level='1'] li {
        background: #ffe596;
    }

    .container-fluid .megaMenu .child-node .PartialNode > a,
    .container-fluid .megaMenu .child-node .PartialNode > div {
        border-top: none;
    }

    .container-fluid .megaMenu .child-node .PartialNode:first-child > a,
    .container-fluid .megaMenu .child-node .PartialNode:first-child > div {
        border-top: none;
    }
    /* SLUT MEGA MENY */
}

/* Mobiltelefoner */
@media (max-width: 767px) {
    .mobile-only {
        display: block;
    }

    .tablet-only {
        display: none;
    }

    .desktop-only {
        display: none;
    }

    /* ------------------- */
    /* START: STRUKTUR     */
    /* ------------------- */
    body {
        padding: 0 0;
    }

    .bootstrap .row-fluid .contentArea {
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .container-fluid .Spreadsheet .RowHeader span {
        display: none;
    }

    .container-fluid #prenumerationChoices-STD .span6 .OmradeIOmradeContainer:nth-child(2n+1) {
        margin-right: 0;
        width: 100%;
    }

    .container-fluid #prenumerationChoices-STD .span6 .OmradeIOmradeContainer:nth-child(2n+2) {
        width: 100%;
    }

    .container-fluid .leftMenu > div > div > div > div > div {
        padding-left: 0;
    }

    /* #region Content */

    .container-fluid .contentArea .disabled,
    .container-fluid .rightMenu .disabled {
        display: none;
    }
    /* #endregion Content */

    /* #region Startsida */
    .container-fluid .startpage-puff .StartPageImageContainer .StartPageImageText span {
        font-size: 27px;
        line-height: 30px;
    }

    .container-fluid .startpage-puff .StartPageImageContainer .StartPageImageText {
        bottom: 10px;
    }

    .container-fluid .startpage-puff .StartPageImageContainer {
        width: calc(100% + 30px);
        left: calc(-15px);
    }

    /* onödigt lång selector pga override ... */
    .container-fluid.content .row-fluid .contentArea .startpage-puff .row-fluid div[class*=span].startpage-link {
        clear: none;
        width: 48%;
        width: calc(50% - 8px);
        margin: 0;
    }

    .container-fluid .row-fluid .span3.startpage-link:nth-child(2n) {
        margin-left: 2%;
        margin-left: calc(16px);
        float: right;
    }

    .container-fluid .row-fluid .span3.startpage-link:nth-child(3) a,
    .container-fluid .row-fluid .span3.startpage-link:nth-child(4) a {
        margin-top: 20px;
    }
    /* #endregion Startsida */

    /* #region Current news on start page */
    .container-fluid .startpage-puff .current-news-wrapper a.previous,
    .container-fluid .startpage-puff .current-news-wrapper a.next {
        display: inline-block;
        width: 40px;
        height: 30px;
        background-repeat: no-repeat;
        background-position: center bottom;
        background-size: initial;
    }

    .container-fluid .startpage-puff .current-news-wrapper a.previous {
        background: url(../../Images/Stangastaden/back_blue_active.png);
    }

    .container-fluid .startpage-puff .current-news-wrapper a.next {
        background: url(../../Images/Stangastaden/next_blue_active.png);
    }

    .container-fluid .startpage-puff .current-news-wrapper a.previous:hover {
        background: url(../../Images/Stangastaden/back_blue_hover.png);
    }

    .container-fluid .startpage-puff .current-news-wrapper a.next:hover {
        background: url(../../Images/Stangastaden/next_blue_hover.png);
    }

    .container-fluid .startpage-puff .current-news-wrapper a.previous.noMore {
        background: url(../../Images/Stangastaden/back_blue_inactive.png);
        cursor: default;
    }

    .container-fluid .startpage-puff .current-news-wrapper a.next.noMore {
        background: url(../../Images/Stangastaden/next_blue_inactive.png);
        cursor: default;
    }

    .container-fluid .startpage-puff .current-news-wrapper a.previous,
    .container-fluid .startpage-puff .current-news-wrapper a.next,
    .container-fluid .startpage-puff .current-news-wrapper a.previous:hover,
    .container-fluid .startpage-puff .current-news-wrapper a.next:hover,
    .container-fluid .startpage-puff .current-news-wrapper a.previous.noMore,
    .container-fluid .startpage-puff .current-news-wrapper a.next.noMore {
        background-repeat: no-repeat;
        background-position: center bottom;
        background-size: initial;
    }

    .container-fluid .startpage-puff .current-news-wrapper .abs-frontpage-anchors .pages {
        margin: 0 10px;
    }
    /* #endregion Current news on start page */

    .container-fluid form .form-inline .span4 {
        width: 99%;
        width: calc(100% - 2px);
    }

    /* #region Mina sidor */
    .container-fluid .myPageRightColBox {
         margin-right: 0; 
    }
    
    .container-fluid .myPageContent .row-fluid {
        border-bottom: none;
        padding-bottom: 0;
    }

        .container-fluid .myPageContent .row-fluid .span12 .ms-webpart-chrome > div > div > div,
        .container-fluid .myPageContent .row-fluid .span6 .ms-webpart-chrome > div > div > div {
            border-bottom: 1px solid #BECBD7;
            /*border-bottom: none;*/
            padding-bottom: 25px;
            margin-top: 10px;
        }

        .container-fluid .myPageContent .row-fluid .span12 {
            margin-top: 5px;
        }

    /* #endregion Mina sidor */

    /* #region Mina sidor Mina hyresavtal */
    .container-fluid .myLeasesContent div[data-widget="avtaluppsagningknapp"] {
        border-bottom: 1px solid #BECBD7;
    }

    .container-fluid div[data-widget="avilista"] .Box.AviListItem .media-body > .row-fluid > .span4 {
        width: 60.81196581196582%;
    }

        .container-fluid div[data-widget="avilista"] .Box.AviListItem .media-body > .row-fluid > .span4.BetalInfo {
            width: 36.623931623931625%;
        }
    /* #endregion Mina sidor Mina hyresavtal */

    /* #region archive */

    .container-fluid .contentArea .archive-item-date {
        width: 100%;
        clear: both;
    }

    .container-fluid .contentArea .archive-item-article {
        width: 100%;
    }

        .container-fluid .contentArea .archive-item-article header {
            margin: 5px 0;
        }

    .container-fluid .contentArea .archive-buttons {
        border-bottom: 3px solid #FFCC00;
    }

    .container-fluid .contentArea .archive-button {
        clear: both;
        display: block;
        margin: 15px 0;
        text-align: left;
        width: 210px;
    }
    /* #endregion archive*/


    /* #region Sök bostad */
    .container-fluid .search-view-wrapper {
        border-bottom: none;
    }

    .container-fluid .search-view-picker-wrapper,
    .container-fluid div[data-widget="objektsortering"] {
        float: left;
    }

    .container-fluid div[data-widget="objektsortering"] {
        width: 100%;
    }

        .container-fluid div[data-widget="objektsortering"] .btn-group {
            float: left;
            width: 100%;
        }

        .container-fluid div[data-widget="objektsortering"] .btn-group .btn {
            text-align: left;
        }

    .container-fluid .search-view-picker-wrapper {
        width: 100%;
        margin-bottom: 20px;
        border-bottom: 3px solid #FFCC00;
    }

    .container-fluid .search-left-column {
        width: 50%;
        margin: 0;
    }

        .container-fluid .search-left-column img {
            width: 95%;
            /*width: calc(100% - 20px);*/
            margin-right: 10px;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
        }

    .container-fluid .search-right-column {
        width: 50%;
        margin: 0;
        height: auto;
        min-height: 0;
        overflow: hidden;
    }

    .container-fluid .search-object-info-phone span {
        width: 100%;
        display: block;
        font-size: 14px;
    }

        .container-fluid .search-object-info-phone span.adress {
            font-size: 15px;
            font-weight: bold;
            font-family: "Oswald", arial,  helvetica, 'Trebuchet MS', verdana, sans-serif;
            text-transform: uppercase;
        }

        .container-fluid .search-object-info-phone span.omrade {
            font-size: 14px;
        }

        .container-fluid .search-object-info-phone span.typ {
            text-transform: lowercase;
        }

        .container-fluid .search-object-info-phone span.hyra,
        .container-fluid .search-object-info-phone span.typ,
        .container-fluid .search-object-info-phone span.yta,
        .container-fluid .search-object-info-phone span.inflyttningDatum,
        .container-fluid .search-object-info-phone span.poang {
            width: 50%;
            float: left;
        }

    .container-fluid .search-list-item .search-list-item-anchor {
        padding-bottom: 20px;
    }

    .container-fluid .search-right-column a {
        text-decoration: none;
    }

    .container-fluid .search-with-image ul.search-list {
        margin-top: 20px;
    }

    .container-fluid div.FilterButtons {
        margin-top: 0;
    }

    .bootstrap .container-fluid .leftMenu,
    .bootstrap .container-fluid .contentArea,
    .bootstrap .container-fluid .rightMenu {
        padding-top: 10px;
    }

    .bootstrap .container-fluid .contentArea.pageTopContent {
        padding-top: 0;
    }

    .objectdetail .objectnavigationwrapper {
        top: -40px;
    }
    /* #endregion Sök bostad */

    /* #region Mina sidor Hantera erbjudande, Ritsignering erbjudandelista */
    .container-fluid .Box.Erbjudande .ErbjudandeDetalj .Erbjudande .ErbjudandeSvar .btn {
        width: 40%;
    }

    .container-fluid .Box.Erbjudande .ErbjudandeDetalj .ErbjudandeEtikett {
        display: none;
    }

    .container-fluid .Box.Erbjudande .ObjektDetalj .ErbjudandeEtikett {
        display: block;
        text-align: left;
        margin-top: 10px;
    }

    /* #endregion Mina sidor Hantera erbjudande, Ritsignering erbjudandelista */

    /* #region Felanmälan */
    .container-fluid div[data-widget="felanmalanlista"] .Box.ArbetsorderListItem {
        padding-bottom: 70px;
    }

    .container-fluid div[data-widget="felanmalanlista"] .Box.ArbetsorderListItem .new-message {
        bottom: 15px;    
    }

    .container-fluid div[data-widget="felanmalanlista"] .Box.ArbetsorderListItem .BoxContent dl {
        margin-bottom: 10px;
    }

        .container-fluid div[data-widget="felanmalanlista"] .Box.ArbetsorderListItem .BoxContent dl.Avser,
        .container-fluid div[data-widget="felanmalanlista"] .Box.ArbetsorderListItem .BoxContent dl.Status {
            margin-bottom: 0;
        }

    .container-fluid div[data-widget="felanmalan.skapa.navigering"].pull-left,
    .container-fluid div[data-widget="felanmalan.skapa.navigering"].pull-right,
    .container-fluid div.form-actions.toErrorList.pull-right {
        float: none;
    }

    .container-fluid div[data-widget="felanmalan.skapa.navigering"] .form-actions {
        margin-bottom: 0;
        }

    .container-fluid div.form-actions.toErrorList {
        margin-top: 0;
    }

    .container-fluid div.form-actions.toErrorList a.btn {
        width: 100%;
    }

    /* #endregion Felanmälan */

    /* #region Sökresultat */
    .container-fluid .ms-srch-result .ms-srch-item-path,
    .container-fluid .ms-srch-result .ms-srch-item {
        width: inherit;
        overflow: hidden;
    }
    /* #endregion Sökresultat */

    /* #region Sök */
    .container-fluid .top-search-wrapper .search-container .search-button {
        float: right;
        height: 37px;
        padding-top: 11px;
        margin: 0;
        line-height: normal;
        width: inherit;
    }
    /* #endregion Sök */

    /* #region Sökförslag */
    ul.ui-menu li.ui-menu-item > a {
        font-weight: normal;
    }

    ul.ui-menu li.ui-menu-item > p {
        display: none;
    }
    /* #endregion Sökförslag */

    /* STARTSIDA */

    .container-fluid.content .row-fluid .contentArea .startpage-puff .row-fluid div[class*=span] {
        padding: 0;
        clear: both;
        width: 100%;
        margin-bottom: 20px;
    }

    .container-fluid .startpage-puff .row-fluid {
        margin: 0;
    }

    .container-fluid .row-flex {
        display: block;
    }

   
    /* END: STARTSIDA */

    /* FOOTER */
    .container-fluid .footer-columns {
        padding: 10px 0;
        border-top: 1px solid #1c1c1b;
    }

    .bootstrap .container-fluid.footer .footer-columns p > a {
        background-position: calc(100% - 15px) 50%;
    }

    .bootstrap .container-fluid.footer .footer-columns p:last-child > a {
        padding-right: 0;
    }

    .container-fluid .span3:first-child .footer-columns {
        border: none;
    }

    .bootstrap .container-fluid.footer .footer-columns h4 {
        border-bottom: none;
    }

    .bootstrap .container-fluid.footer .span12 {
        padding-top: 0;
    }
    /* END: FOOTER */

    /* #region Iframesida */
    .container-fluid .IFrameWrapper > .IFrameClass {
        height: 1360px;
    }
    /* #endregion Iframesida */

    /* ------------------- */
    /* END: STRUKTUR       */
    /* ------------------- */

    /* ------------------- */
    /* START: TEXT-ELEMENT */
    /* ------------------- */

    /* ------------------- */
    /* END: TEXT-ELEMENT   */
    /* ------------------- */

    /* ------------------- */
    /* START: BILDER       */
    /* ------------------- */
    .container-fluid .news-image-field .ms-rtestate-field img {
        max-height: 350px;
    }
    /* ------------------- */
    /* END: BILDER         */
    /* ------------------- */

    /* -------------------- */
    /* START: KNAPPAR       */
    /* -------------------- */
    .container-fluid a.btn,
    .container-fluid input.btn,
    .container-fluid .BackButton {
        padding: 15px 0;
        margin: 5px 0;
        width: auto;
        float: none;
        width: 100%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .container-fluid .Rensa,
    .container-fluid .Sok {
        padding: 10px 0;
    }

    .container-fluid .btn-primary:hover,
    .container-fluid .BackButton:hover,
    .container-fluid .btn-primary:focus,
    .container-fluid .BackButton:focus {
        background-color: #FFDA62;
    }

    /* #region Wide buttons */
    .container-fluid div[data-widget="redigerakontaktuppgifter"] .form-actions input.btn,
    .container-fluid div[data-widget="redigeralosenord"] .form-actions input.btn {
        width: 97%;
        width: calc(100% - 20px);
    }
    /* #endregion Wide buttons */

    /* #region Säga upp lägenhet */

    .container-fluid div[data-widget="avtal.uppsagning.signera"] .form-actions form {
        width: 100%;
    }

        .container-fluid div[data-widget="avtal.uppsagning.signera"] .form-actions form #testaccept {
            width: 100%;
            float: left;
        }

    .container-fluid div[data-widget="avtal.uppsagning.signera"] #testcancel {
        width: 100%;
    }
    /* #endregion Säga upp lägenhet */


    /* #region Logga in */
    .container-fluid div[data-widget="objektsortering"] .dropdown-toggle {
        padding-left: 10px;
    }
    /* #endregion Logga in */

    /* -------------------- */
    /* END: KNAPPAR         */
    /* -------------------- */


    /* -------------------- */
    /* START: FORMULÄR      */
    /* -------------------- */
    .container-fluid input[type=password],
    .container-fluid input[type=text],
    .container-fluid input[type=number],
    .container-fluid input[type=date],
    .container-fluid input[type=file],
    .container-fluid input[type=tel],
    .container-fluid input[type=email],
    .container-fluid textarea,
    .container-fluid .ms-inputBox,
    .container-fluid select,
    .container-fluid .input-mini {
        width: 90%;
        width: calc(100% - 10px);
        padding-left: 5px;
        min-width: 0;
    }

    .container-fluid .centerContent {
        width: 95%;
        width: calc(100% - 20px);
        background-color: #FFCC00;
        padding: 10px 10px;
        padding-bottom: 0;
        border: none;
        border-radius: 3px;
    }

        .container-fluid .centerContent label {
            float: left;
        }

    .container-fluid .loginForm {
        border: none;
        padding-top: 0;
    }

    .container-fluid .contentArea .loginForm .centerContent .error {
        text-transform: none;
        font-weight: normal;
        color: #E30513;
    }

    .container-fluid .contentArea .loginForm .centerContent .btn {
        background-color: #BF940A;
        color: #ffffff;
        box-shadow: 0 2px 4px -1px rgba(55,55,55,0.6);
        -webkit-box-shadow: 0 2px 4px -1px rgba(55,55,55,0.6);
        -moz-box-shadow: 0 2px 4px -1px rgba(55,55,55,0.6);
    }

    .container-fluid .contentArea .loginForm .centerContent .btn:hover {
        background-color: #98760F;
    }

    .container-fluid .extraActions a {
        float: left;
        margin: 10px 0;
    }

    .container-fluid #map_canvas {
        height: 350px;
        max-height: 350px;
        min-height: 350px;
    }

    .container-fluid #map_canvas .ObjektDetaljer dt,
    .container-fluid #map_canvas .ObjektDetaljer dd {
        width: 50%;
        float: left;
        line-height: 20px;
    }

    .container-fluid .Spreadsheet .RowItem span.ObjektOmrade,
    .container-fluid .Spreadsheet .RowItem span.ObjektAdress,
    .container-fluid .Spreadsheet .RowItem span.ObjektTyp,
    .container-fluid .Spreadsheet .RowItem span.ObjektInflytt,
    .container-fluid .Spreadsheet .RowItem span.ObjektEgenskaper,
    .container-fluid .Spreadsheet .RowItem span.ObjektYta,
    .container-fluid .Spreadsheet .RowItem span.ObjektHyra,
    .container-fluid .Spreadsheet .RowItem span.ObjektPoang {
        width: 50%;
        text-align: left;
        margin-top: 0;
    }

    .container-fluid .Spreadsheet .RowItem span.ObjektAntalIntresse:before {
        content: "Antal intr. ";
    }

    .container-fluid .Spreadsheet .RowHeader {
        background-color: transparent;
        border: none;
        padding: 0;
    }

    .container-fluid .Spreadsheet span.Col {
        padding-left: 0;
        min-height: 0;
        border: none;
    }

        .container-fluid .Spreadsheet span.Col:nth-child(2n+1) {
            clear: right;
            padding-left: 0;
        }

    .container-fluid .Spreadsheet a.RowItem {
        width: 100%;
        padding: 20px 0;
        background-image: url(../../Images/Stangastaden/pil.png);
        background-position: center right;
        background-repeat: no-repeat;
    }

    /* #region Lägenhetsunderhåll / HLU */   

    .container-fluid .Spreadsheet .HLUHeaderRow {
        display: none;
    }

    .container-fluid .Spreadsheet .HLUItemRow span.Col {
        width: 100%;
    }
    .container-fluid .Spreadsheet .HLUItemRow span.Col:before {
        width: 50%;
        font-weight: normal;
        display: block;
        float: left;
    }

    .container-fluid .Spreadsheet .HLUItemRow span.Col.HLUutrymme:before {
        content: "Rum";
    }

    .container-fluid .Spreadsheet .HLUItemRow span.Col.HLUnasta:before {
        content: "Nästa underhåll";
    }

    .container-fluid .Spreadsheet .HLUItemRow span.Col.HLUrabatt:before {
        content: "Rabatt kr/månad";
    }

    .container-fluid .Spreadsheet .HLUItemRow span.Col.HLUkostnadTidigarelagt:before {
        content: "Pris förtida underhåll";
    }

    .container-fluid .Spreadsheet .HLUItemRow span.HLUutrymme {
        font-weight: bold;
    }

    /* #endregion Lägenhetsunderhåll / HLU */   

    .container-fluid .messageForm input[type="submit"] {
        float: none;
        margin-right: 15px;
    }

    .container-fluid .messageForm .messageDetail .contact-item-wrapper {
        width: 100%;
    }
    /* -------------------- */
    /* END: FORMULÄR        */
    /* -------------------- */


    /* -------------------- */
    /* START: STEGINDIKATOR */
    /* -------------------- */
    .container-fluid ol.StegIndikator {
        float: left;
        margin: 0 auto;
        margin-bottom: 30px;
        clear: both;
    }

    .container-fluid .felanmalanStegMainCol {
        display: block;
    }

    .container-fluid .felanmalanStegRightCol {
        display: none;
    }

    .container-fluid .felanmalanStegMainCol div[data-widget="felanmalan.skapa.steg"] ol.StegIndikator,
    .container-fluid div[data-widget="registreringsteg"] ol.StegIndikator, 
    .container-fluid div[data-widget="avtal.uppsagning.steg"] ol.StegIndikator,
    .container-fluid div[data-widget="avtal.signering.steg"] ol.StegIndikator
    {
        float: left;
    }
    /* -------------------- */
    /* END: STEGINDIKATOR   */
    /* -------------------- */
}

/* Extra små skärmar */
@media (max-width: 480px) {

    /* #region Mina sidor Hyresavi */
    .container-fluid div[data-widget="avilista"] .Box.AviListItem .media-body > .row-fluid > .span4 {
        width: 100%;
    }

        .container-fluid div[data-widget="avilista"] .Box.AviListItem .media-body > .row-fluid > .span4.BetalInfo {
            width: 100%;
            position: static;
        }
    /* #endregion Mina sidor Hyresavi */


    /* #region Sök ledigt */
    .container-fluid .search-view-picker > div {
        clear: both;
        margin: 0;
        text-align: left;
    }
        /* #endregion Sök ledigt */

        .container-fluid .search-view-picker > div a {
            margin-top: 5px;
            margin-bottom: 5px;
            width: 100px;
            max-width: 100%;
        }
}

/* Specialfall */
@media (max-width: 535px) {

    /* #region Mina sidor Hyresavi */
    .container-fluid div[data-widget="avilista"] .Box.AviListItem .media > .row-fluid > .pull-left {
        float: none;
        display: block;
        margin-bottom: 10px;
    }
    /* #endregion Mina sidor Hyresavi */

}

@media (max-width: 726px) {

    /* #region Iframesida */
    .container-fluid .IFrameWrapper > .IFrameClass {
        height: 5050px;
    }
    /* #endregion Iframesida */

}

@media (min-width:1200px) {
    /* #region Mina sidor Hyresavi */
    .container-fluid div[data-widget="avilista"] .Box.AviListItem .media-body > .row-fluid > .span4 > .row-fluid > .span4 {
        width: 31.623931623931625%;
    }
    /* #endregion Mina sidor Hyresavi */
}

@media (min-width:980px) and (max-width:1050px) {
    /* #region Mina sidor Hyresavi */
    
    .container-fluid div[data-widget="avilista"] .AviListItem .BetalInfoInner strong {
        display: block;
    }
        
    /* #endregion Mina sidor Hyresavi */
}

/* --------------------------- */
/* SLUT: MEDIA QUERIES         */
/* --------------------------- */
