.navSupScrollTop {
    visibility: hidden;
    opacity: 0;
    position: fixed;
    bottom: 0.3em;
    left: 0.3em;
    width: 3em;
    height: 3em;
    background-color: #ff0000;
    background-size: contain;
    cursor: pointer;
    box-shadow: rgba(0,0,0,0.5) 0 0 5px;
    -moz-transition: opacity .25s linear, visibility .1s linear;
    -webkit-transition: opacity .25s linear, visibility .1s linear;
    -o-transition: opacity .25s linear, visibility .1s linear;
    transition: opacity .25s linear, visibility .1s linear;
    z-index: 1000;
    border: 2px solid #fff;
    border-radius: 50%;
}

    .navSupScrollTop.is-active {
        visibility: visible;
        opacity: 1;
    }
/* Default (desktop) */
.box-secondary.box.secondary.object-documents {
    width: 100%;
}

form {
    width: 100%;
}
/** Desktop RWD 1279px-980px**/
@media (min-width: 980px) and (max-width: 1279px) {

    div.global-authorization,
    div.siteHeader,
    div.siteMain,
    div.siteFooter,
    div.siteInfo {
        width: 100%;
        margin: 0 auto;
    }

    div.siteHeader-container,
    div.siteMenu-container,
    div.siteMain-container,
    div.siteFooter-container {
        padding: 0 20px;
        box-sizing: border-box;
    }

    div.siteTopLinks-inner {
        width: 100%;
        padding-right: 0;
    }

    .col100 .slider img, .col100 .slider-container img,
    div.siteMenu-container,
    ul.topmenu,
    div.siteMain-container div.siteMain div.siteContentFull div.slider-container.col100,
    .col100 .slider, .col100 .slider-container,
    .col75 img {
        max-width: 100%;
    }

    div.siteFooter .col33 {
        width: 31%;
    }

    div.col33.ingangar {
        width: 31.4%;
    }

    ul.topmenu li {
        margin-right: 20px;
    }

        ul.topmenu li a {
            font-size: 17px;
        }

        ul.topmenu li.last {
        }

            ul.topmenu li.last a {
            }

    div.siteFooter-container {
        padding: 30px;
        box-sizing: border-box;
    }

    ul.topmenu li {
        margin: 0;
    }

    ul.topmenu {
        width: auto;
        margin: 0 auto;
        text-align: left;
        float: right;
        display: inline-block;
        position: relative;
        top: 27px;
        right: 30px;
        display: none;
    }

    div.siteTopLinks-container {
        padding-right: 30px;
        box-sizing: border-box;
    }

    div.HemmaFintHeaderImg {
        margin: 0 auto;
        width: 100%;
    }

        div.HemmaFintHeaderImg img {
            width: 100%;
        }

    div.global-language {
        position: relative;
    }

    body.default div.siteMain-container {
        padding-top: 0;
        padding-bottom: 0;
        margin-top: 0
    }

    .handheld-menu > .handheldTopMenu {
        display: block;
    }

    div.handheld-menu.top {
        height: 6em;
    }

        div.handheld-menu.top ul.handheldTopMenu li.collapsed div.expand-button i.fa.fa-bars,
        div.handheld-menu.top ul.handheldTopMenu li.expanded div.collapse-button i.fa.fa-bars {
            background: #fff;
            border-radius: unset;
            padding: 0;
            color: #1C1917;
            top: 0.85em;
            position: absolute;
            right: 0.85em;
        }

    .fa-navicon:before, .fa-reorder:before, .fa-bars:before {
        content: "\f0c9";
        font-size: 28px;
    }

    .handheld-menu {
        display: block;
        position: relative;
        z-index: 8000;
    }

        .handheld-menu .handheldTopMenu, .handheldTopMenu.nojs {
            position: relative;
            z-index: 2000;
            background: #fff;
            border-radius: 0;
            padding: 1.25em;
            box-sizing: border-box;
        }

            .handheld-menu .handheldTopMenu li, .handheldTopMenu.nojs li {
                position: relative;
                z-index: 2000;
            }

            .handheld-menu .handheldTopMenu a,
            .handheld-menu .handheldTopMenu span {
                font-weight: normal;
                font-size: 16px;
                font-weight: 300;
                padding-left: 0.6em;
                color: #000;
                border: none;
                text-transform: uppercase;
            }

            .handheld-menu .handheldTopMenu a {
                display: block;
            }

            .handheld-menu .handheldTopMenu > li:first-of-type,
            .handheldTopMenu.nojs > li:first-of-type {
                border: none;
            }

            /*.handheld-menu .handheldTopMenu ul li > ul li > ul li, .handheldTopMenu.nojs ul li > ul li > ul li {
        border-bottom: 1px solid #fff;
    }*/
            .handheld-menu .handheldTopMenu .expanded ul {
                padding-left: 0;
                width: 100%;
            }

                .handheld-menu .handheldTopMenu .expanded ul li a {
                    padding-left: 1em;
                    display: block;
                }

                .handheld-menu .handheldTopMenu .expanded ul li ul li a {
                    padding-left: 2em;
                    display: block;
                    font-weight: 300;
                    font-size: 16px;
                    text-transform: none;
                }

                .handheld-menu .handheldTopMenu .expanded ul li ul li ul li a {
                    padding-left: 3em;
                    display: block;
                }

                .handheld-menu .handheldTopMenu .expanded ul li ul li ul li ul li a {
                    padding-left: 4em;
                    display: block;
                }

                .handheld-menu .handheldTopMenu .expanded ul li ul {
                    background: #f2f2f2;
                    overflow: hidden;
                }

                    .handheld-menu .handheldTopMenu .expanded ul li ul li ul {
                        background: #e7e7e7;
                        overflow: hidden;
                    }

                        .handheld-menu .handheldTopMenu .expanded ul li ul li ul li ul li {
                            background: #d0d0d0;
                            overflow: hidden;
                        }

            .handheld-menu .handheldTopMenu .expand-button, .handheld-menu .handheldTopMenu .collapse-button {
                color: #005aa0;
                padding-top: 0.615em;
                font-size: 2em;
            }

            .handheld-menu .handheldTopMenu ul li:last-child, .handheldTopMenu.nojs ul li:last-child {
                margin: 0;
            }

    .handheldTopMenu ul li:hover, .handheldTopMenu ul ul li:hover, .handheldTopMenu ul ul ul li:hover, .handheldTopMenu ul ul ul ul li:hover, .handheldTopMenu ul ul ul ul ul li:hover {
        background: transparent !important;
    }

    .handheld-menu .handheldTopMenu div.expand-button,
    .handheld-menu .handheldTopMenu div.collapse-button {
        position: absolute;
        top: 0;
        right: 0;
        width: 70px;
        height: 100%;
        text-align: right;
        padding: 0.615em;
        color: #1C1917;
        box-sizing: border-box;
    }

    .handheld-menu .handheldTopMenu ul div.expand-button,
    .handheld-menu .handheldTopMenu ul div.collapsed-button {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        width: auto;
        height: auto;
        text-align: left;
    }

    .icon-minus-sign-alt:before,
    .icon-plus-sign-alt:before {
        content: "\f078";
        color: #818700;
        font-family: FontAwesome;
        font-size: 0.8em;
    }

    div.siteHeader-container, div.siteMain-container, div.siteFooter-container, div.siteFooter, div.siteAuthor-container, siteToplinks-container,
    div.siteTopLinks-container, div.global-authorization, div.siteInfo, div.siteTopLinks-inner {
        margin: 0 auto;
        width: 100% !important;
    }

    div.siteTopLinks-inner {
        height: 33px;
    }

    div.global-authorization {
        z-index: 8001;
        right: 6em;
    }

    div.siteHeader-container {
        border: 0;
    }

        div.siteHeader-container h1 {
            background: none;
            padding: 0;
            text-indent: 0;
        }

    div.siteHeader, div.siteMain, div.siteFooter, div.siteToplinks {
        width: auto;
        padding: 0;
    }

    div.siteHeader-container-wrapper {
        position: relative;
    }

    div.siteHeader {
        height: auto;
        margin-bottom: 0px;
        border-bottom: none;
        padding: 0;
    }

    div.siteLogo img {
        width: 8em;
        position: absolute;
        top: 0;
    }

    div.siteLogo {
        float: left;
        position: absolute;
        top: 1.275em;
        left: 1.85em;
        z-index: 10000;
    }

}

/** Desktop RWD < 980px **/
@media (min-width: 980px) {
}

/* Tablet and phone */
@media (max-width: 979px) {

    .handheld-menu .handheldTopMenu .expanded ul li.selected a {
        color: #f00;
    }

    div.search_area {
        width: 100%;
    }

        div.search_area .search_field {
            position: relative;
            top: 0;
            left: 0;
        }

    iframe {
        width: 100%;
    }

    body.lagenhetslista ul.horizontal li.col33 {
        width: 100%;
    }
}

/* Tablet */
@media (min-width: 481px) and (max-width: 979px) {
    body {
        padding: 0;
        box-sizing: border-box;
    }

    form {
        padding: 0;
    }

    ul.topmenu {
        display: none;
    }

    div.siteSidebar {
        display: none;
    }

    div.siteContent {
        width: 99% !important;
    }

    div.handheld-menu.top {
        height: 6em;
    }

        div.handheld-menu.top ul.handheldTopMenu li.collapsed div.expand-button i.fa.fa-bars,
        div.handheld-menu.top ul.handheldTopMenu li.expanded div.collapse-button i.fa.fa-bars {
            background: #fff;
            border-radius: unset;
            padding: 0;
            color: #1C1917;
            position: absolute;
            right: 0.85em;
        }

    .fa-navicon:before, .fa-reorder:before, .fa-bars:before {
        content: "\f0c9";
        font-size: 28px;
    }

    .handheld-menu {
        display: block;
        position: relative;
        z-index: 8000;
    }

        .handheld-menu .handheldTopMenu, .handheldTopMenu.nojs {
            position: relative;
            z-index: 2000;
            background: #fff;
            border-radius: 0;
            padding: 1.25em;
            box-sizing: border-box;
        }

            .handheld-menu .handheldTopMenu li, .handheldTopMenu.nojs li {
                position: relative;
                z-index: 2000;
            }

            .handheld-menu .handheldTopMenu a,
            .handheld-menu .handheldTopMenu span {
                font-weight: normal;
                font-size: 16px;
                font-weight: 300;
                padding-left: 0.6em;
                color: #000;
                border: none;
                text-transform: uppercase;
            }

            .handheld-menu .handheldTopMenu a {
                display: block;
            }

            .handheld-menu .handheldTopMenu > li:first-of-type,
            .handheldTopMenu.nojs > li:first-of-type {
                border: none;
            }

            /*.handheld-menu .handheldTopMenu ul li > ul li > ul li, .handheldTopMenu.nojs ul li > ul li > ul li {
        border-bottom: 1px solid #fff;
    }*/
            .handheld-menu .handheldTopMenu .expanded ul {
                padding-left: 0;
                width: 100%;
            }

                .handheld-menu .handheldTopMenu .expanded ul li a {
                    padding-left: 1em;
                    display: block;
                }

                .handheld-menu .handheldTopMenu .expanded ul li ul li a {
                    padding-left: 2em;
                    display: block;
                    font-weight: 300;
                    font-size: 16px;
                    text-transform: none;
                }

                .handheld-menu .handheldTopMenu .expanded ul li ul li ul li a {
                    padding-left: 3em;
                    display: block;
                }

                .handheld-menu .handheldTopMenu .expanded ul li ul li ul li ul li a {
                    padding-left: 4em;
                    display: block;
                }

                .handheld-menu .handheldTopMenu .expanded ul li ul {
                    background: #f2f2f2;
                    overflow: hidden;
                }

                    .handheld-menu .handheldTopMenu .expanded ul li ul li ul {
                        background: #e7e7e7;
                        overflow: hidden;
                    }

                        .handheld-menu .handheldTopMenu .expanded ul li ul li ul li ul li {
                            background: #d0d0d0;
                            overflow: hidden;
                        }

            .handheld-menu .handheldTopMenu .expand-button, .handheld-menu .handheldTopMenu .collapse-button {
                color: #005aa0;
                padding-top: 0.615em;
                font-size: 2em;
            }

            .handheld-menu .handheldTopMenu ul li:last-child, .handheldTopMenu.nojs ul li:last-child {
                margin: 0;
            }

    .handheldTopMenu ul li:hover, .handheldTopMenu ul ul li:hover, .handheldTopMenu ul ul ul li:hover, .handheldTopMenu ul ul ul ul li:hover, .handheldTopMenu ul ul ul ul ul li:hover {
        background: transparent !important;
    }

    .handheld-menu .handheldTopMenu div.expand-button,
    .handheld-menu .handheldTopMenu div.collapse-button {
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        width: 70px;
        text-align: right;
        padding: 0.615em;
        color: #1C1917;
        box-sizing: border-box;
    }

    .handheld-menu .handheldTopMenu ul div.expand-button,
    .handheld-menu .handheldTopMenu ul div.collapsed-button {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        width: auto;
        height: auto;
        text-align: left;
    }

    .icon-minus-sign-alt:before,
    .icon-plus-sign-alt:before {
        content: "\f078";
        color: #818700;
        font-family: FontAwesome;
        font-size: 0.8em;
    }

    div.siteHeader-container, div.siteMain-container, div.siteFooter-container, div.siteFooter, div.siteAuthor-container, siteToplinks-container,
    div.siteTopLinks-container, div.global-authorization, div.siteInfo, div.siteTopLinks-inner {
        margin: 0 auto;
        width: 100% !important;
        padding: 0;
    }

    div.siteTopLinks-inner {
        height: 33px;
    }

    div.global-authorization {
        /*        display:none;
        visibility:hidden;*/
    }
        div.global-authorization a {
            color: #000;
        }

    div.global-unauthorized-register, div.global-authorized-mypages, div.global-authorized-logout, div.global-rss {
        display: none;
        visibility: hidden;
    }

    div.global-authorization > div.global-language {
        position: absolute !important;
        display: block !important;
        z-index: 8001;
        right: 3.125em;
        left: auto;
        top: -0.965em;
    }

    div.global-authorization div.global-unauthorized-login a {
        position: absolute;
        z-index: 11000;
        right: 11.35em;
        background: #fff;
        padding: 0 1.625em 0 0;
        height: 1.6em;
        border-radius: 0;
        top: -0.32em;
        border: none;
    }

    div.global-unauthorized-login a:before {
        content: url(../Img/user.svg);
        display: inline;
        position: absolute;
        padding-right: 1em;
        background: #fff;
    }

    div.global-unauthorized-login a:hover:before {
        content: url(../Img/user-hover.svg);
        display: inline;
        position: absolute;
        padding-right: 1em;
        background: #fff;
    }

    div.global-authorization a,
    div.global-authorization div.global-unauthorized-login a {
        color: #000;
        width: 0em;
        overflow: hidden;
        display: block;
    }
    div.siteHeader-container {
        border: 0;
    }

        div.siteHeader-container h1 {
            background: none;
            padding: 0;
            text-indent: 0;
        }

    div.siteHeader, div.siteMain, div.siteFooter, div.siteToplinks {
        width: auto;
        padding: 0;
    }

    div.siteHeader-container-wrapper {
        position: relative;
    }

    div.siteHeader {
        height: auto;
        margin-bottom: 0px;
        border-bottom: none;
        padding: 0;
    }

    div.siteToplinks {
        height: auto;
        padding: 0;
    }

    div.siteLogo img {
        width: 8em;
        position: absolute;
        top: 0;
    }

    div.siteLogo {
        float: left;
        position: absolute;
        top: 1.275em;
        left: 1.85em;
        z-index: 10000;
    }

    div.search_area {
        right: 1.25em;
        top: 6.5em;
        padding: 0;
    }

        div.search_area .search_field {
            width: 92%;
            display: none;
            height: 38px;
            font-size: 15px;
        }

    div.siteContentFull {
        position: relative;
        padding-top: 0;
        float: left;
    }

    div.siteMain {
        padding-bottom: 0;
        position: relative;
        float: left;
        padding: 0 2em;
        width: 100%;
        box-sizing: border-box;
    }

    div.ImageTextStyles {
        height: auto;
        margin-bottom: 0;
    }

        div.ImageTextStyles.Image {
            margin-top: 0;
        }

        div.ImageTextStyles.Text a {
            line-height: 24px;
        }

    div.col100.ListAvailable {
        width: 100%;
        height: 260px !important;
        margin-bottom: 20px;
    }

        div.col100.ListAvailable span.numero {
            font-size: 60px;
        }

        div.col100.ListAvailable a {
            font-size: 17px;
            line-height: 21px;
        }

    div.col25.logincontrol {
        width: 100%;
        margin-bottom: 20px;
    }

        div.col25.logincontrol div.box-inner div.loginarea p input {
            width: 100% !important;
            padding: 0;
        }

        div.col25.logincontrol div.box-inner {
            box-sizing: border-box;
            padding: 30px;
        }

    div.siteFooter-container {
        overflow: visible;
        float: left;
        margin-top: 3em;
    }

    div.news-area div.col33.news h3 {
        font-size: 18px;
        line-height: 24px;
    }

    div.col100.contactareaimg a img.img {
        max-width: 1440px;
        position: relative;
        left: 0;
        margin-bottom: 0;
        width: 100%;
        height: auto !important
    }

    div.col33.contactbox.alignleft,
    div.col33.contactbox.alignright {
        width: 48%;
        margin: 0;
        float: left !important;
        height: auto !important;
    }

    div.col33.contactbox:nth-of-type(2n+2) {
        float: left;
    }

    div.col100.contactus {
        margin-bottom: 20px;
    }

    div.col100.promo a div.col33.promobox div.promobox-container {
        padding: 20px;
        text-align: center;
    }

    div.col100.promo a div.col33.promobox {
        width: 100%;
    }

    span.push-text {
        font-size: 18px;
    }

    div.siteFooter {
        width: 100% !important;
        position: relative;
        top: unset;
        padding: 40px;
        box-sizing: border-box;
        text-align: center;
        float: left;
    }

        div.siteFooter .col25 {
            width: 100% !important;
            padding: 0 0;
            box-sizing: border-box;
            margin-top: 0;
            margin-bottom: 3em !important;
            float: left;
        }

        div .siteFooter ul.social-links {
            font-size: 23px;
            top: auto;
            right: auto;
            width: 100%;
        }

    siteFooter ul.social-links li {
        display: inline-block;
        float: none;
        width: 100%;
        padding: 10px;
        margin: 0;
        text-align: left;
    }

    div.siteInfo ul, div.siteInfo ul li {
        text-align: center;
        font-size: 13px;
    }

    .col50 img,
    div.col100.puff {
        height: auto !important;
    }

    div.col100.new-project a img.puffimg {
        display: block;
        width: 100%;
        margin-bottom: 20px;
    }

    div.siteFooter .col25.alignleft {
        margin: 0;
    }

    table.col75 tbody tr td.col50.alignleft {
        margin: 0;
        padding: 0;
    }

    ul.quickfilter li {
        width: 44%;
    }

    ul.quickfilter span.minValue {
        width: 85%;
    }

    .col100 .slider, .col100 .slider-container {
        width: auto;
        position: relative;
        margin: 0;
    }

    .slider-container {
        margin: 0;
    }

    .slider, .slider-container, .slides {
    }

    .slider-inner {
        height: auto;
    }

    .slider {
        height: auto !important
    }

    div.ImageTextStyles.Text {
        bottom: auto;
        color: #222;
        font-size: 16px;
        font-weight: 300;
        line-height: 26px;
        padding: 3%;
        position: absolute;
        width: 91%;
        right: 4%;
        box-sizing: border-box;
        bottom: 10%;
    }

    div.ImageText div.sliderTitle {
        font-size: 21px;
        line-height: 24px;
        margin-bottom: 10px;
    }

    div.ImageTextStyles.Text a {
        line-height: 23px;
        font-size: 15px;
    }


    div.ImageText div.sliderTitle {
        font-size: 24px;
        line-height: 28px;
        margin-bottom: 10px;
    }

    div.news-area {
        margin-top: 0;
        float: left;
    }

    div.siteContent .col25 .box {
        width: 100%;
    }

    .col25.sideBar .gridlist {
        width: 100% !important;
        margin-bottom: 20px;
    }

    ul.thumbnail-list {
        width: 100%;
    }

    .thumbnail-container ul.thumbnail-list li {
        clear: unset !important;
    }

    .thumbnail-container ul.thumbnail-list li {
        margin: 0 !important;
    }

    ul.thumbnail-list img {
        margin: 9px;
    }

    #ctl00_ctl01_DefaultSiteContentPlaceHolder1_Col1_divDetails ul.form li.label {
        clear: left;
        width: 100%;
    }

    #ctl00_ctl01_DefaultSiteContentPlaceHolder1_Col1_divDetails ul.form li.textvalue {
        border-bottom: 1px solid #ccc;
    }

    div.page-col50 ul.grid li.left {
        text-align: center;
        float: none;
    }

    div.page-col50 ul.grid li.right {
        width: 100%;
        padding-left: 240px;
        text-align: center;
        padding-top: 14px;
    }

    div.image-big img {
        width: 97%;
    }

    div.siteContent .col25 .box.object-interest {
        width: 100%;
        height: auto !important;
    }

    div.areatext {
        width: 69%;
        float: left;
    }

    div.areaimg {
        width: 29%;
        float: right;
        overflow: hidden;
        margin-top: 52px;
    }

        div.areaimg img {
            width: 100%;
            float: right;
        }

    div.areatext h3 {
        width: 100%;
    }

    .col100 .slider, .col100 .slider-container {
        width: auto;
        position: relative;
    }

    .dynamic-map img {
        max-width: 1070px !Important;
    }

    .col75 .dynamic-map span.close a img {
        width: auto !Important;
    }

    .col75 .dynamic-map .area-img img {
        width: auto !Important;
    }

    div.news-area div.col33.news a img {
        max-width: 220px;
        float: left;
        margin-right: 20px;
    }

    div.news-area div.col50.news a img {
        width: 100%;
    }


    div.newsBox {
        padding: 0;
        text-align: left;
    }

    span.newsdate {
        font-size: 14px;
        margin-bottom: 0px;
    }


    .col75 img {
        max-width: 100%;
    }

    table.col75 tbody tr td.col50.alignleft {
        margin: 0;
        padding: 0;
    }

    div.newsBox {
        height: auto !important;
    }


    h1.pagetitle, h2.pagetitle {
        font-size: 42px;
        line-height: 52px;
        margin: 0 0 20px 0;
        letter-spacing: -1px;
        margin-bottom: 20px;
    }

    .dynamic-map img {
        max-width: 700px !Important;
    }

    .col75 .dynamic-map span.close a img {
        width: auto !Important;
    }

    .col75 .dynamic-map .area-img img {
        width: auto !Important;
    }

    div.siteContent table.col75 td.col25 {
        width: 29.33%;
        padding: 2%;
    }

        div.siteContent table.col75 td.col25 p {
            font-size: 13px;
        }

    .embed-video {
        margin-top: 30px;
    }

    div.entry-top a {
        text-align: left;
    }

    div.col100.ingangar h3 {
        width: auto;
        float: left;
        position: relative;
        top: auto;
        transform: unset;
        line-height: 28px;
    }

    div.ingangar p {
        width: 100%;
        margin: 15px 0 0;
    }

    div.col100.ListAvailable {
        height: 300px !important;
    }

    div.col25.logincontrol {
        height: auto !important;
    }

    body.default div.siteMain-container {
        margin-top: 0;
    }

    div.col25.projectlanding a img.puffimg {
        height: auto !important;
    }

    div.col25.projectlanding div.box-inner.column {
        height: unset !important;
    }

    div.HemmaFintHeaderImg {
        margin: 0 auto;
        width: 100%;
    }

        div.HemmaFintHeaderImg img {
            width: 100%;
        }

    div.col50.hemmafintlanding .box-inner {
        height: auto !important;
    }

    div.hemmafint-linkcontainer {
        margin-bottom: 30px;
    }

    .page-col75 div.interest-objectinfo {
        height: auto;
        width: 96%;
    }

    div.interest-image {
        float: left;
        width: 100%;
        padding: 0;
        overflow: hidden;
        border: 1px solid #d0d0d0;
        margin-right: 10px;
        text-align: center;
        height: auto;
    }

    div.col33.ingangar {
        width: 100%;
    }

    div.col100.articleleed {
        width: 100%;
        margin-left: 0;
    }

        div.col100.articleleed .col100 .content {
            width: 100%;
            padding: 0 2em 2em;
            box-sizing: border-box;
        }

    div.news-area div.col33.news {
        width: 100%;
    }

    div.col100.aboutstartpage a.entry-container-link div.entry-container img.img.show {
        height: auto !important;
        margin-bottom: 2em;
    }

    div.siteBreadcrumbs {
        display: block;
        padding: 0 2em;
        box-sizing: border-box;
        width: 100%;
    }

    div.col100.contactstartpage div.bostaden-map {
        width: 100%;
        margin-bottom: 2em;
    }

    div.col100.contactstartpage ul.faq-list {
        width: 85%;
    }

    div.col100.articleleed {
        padding: 2em 0 0;
    }

        div.col100.articleleed.tenant div.col100.articleleed-content a div.content {
            width: 100%;
        }

            div.col100.articleleed.tenant div.col100.articleleed-content a div.content img {
                margin-bottom: 2em;
                height: auto !important;
            }

            div.col100.articleleed.tenant div.col100.articleleed-content a div.content p.articleleed-link {
                padding-bottom: 0;
            }

    div.entry-container {
        margin-top: 2em;
    }

        div.entry-container img.img.show {
            margin-bottom: 2em;
            height: auto !important;
            width: 100%;
        }

    div.col50.contactinfo {
        width: 100%;
    }

        div.col50.contactinfo.column {
            width: 100%;
            height: auto !important;
        }

    div.col100.contactinfo-content {
        margin: 0 0% 4em;
    }

    div.col100.contactstartpage ul.faq-list {
        width: 100%;
    }

        div.col100.contactstartpage ul.faq-list li.question {
            width: 87%;
        }
}
/* Phone */
@media (max-width: 480px) {
    body {
        padding: 0;
        box-sizing: border-box;
    }

        body.default div.ImageTextStyles.Image img.desktop {
            display: none;
        }

        body.default div.ImageTextStyles.Image img.mobile {
            display: block;
            margin-bottom: 20px;
        }

    form {
        padding: 0;
    }

    ul.topmenu {
        display: none;
    }

    div.siteSidebar {
        display: none;
    }

    div.siteContent {
        width: 99% !important;
    }

    div.handheld-menu.top {
        height: 6em;
    }

        div.handheld-menu.top ul.handheldTopMenu li.collapsed div.expand-button i.fa.fa-bars,
        div.handheld-menu.top ul.handheldTopMenu li.expanded div.collapse-button i.fa.fa-bars {
            background: #fff;
            border-radius: unset;
            padding: 4px 0;
            color: #1C1917;
            position: absolute;
            right: 0.85em;
        }

    .fa-navicon:before, .fa-reorder:before, .fa-bars:before {
        content: "\f0c9";
        font-size: 28px;
    }

    .handheld-menu {
        display: block;
        position: relative;
        z-index: 8000;
    }

        .handheld-menu .handheldTopMenu, .handheldTopMenu.nojs {
            position: relative;
            z-index: 2000;
            background: #fff;
            border-radius: 0;
            padding: 1.25em;
            box-sizing: border-box;
        }

            .handheld-menu .handheldTopMenu li, .handheldTopMenu.nojs li {
                position: relative;
                z-index: 2000;
            }

            .handheld-menu .handheldTopMenu a,
            .handheld-menu .handheldTopMenu span {
                font-weight: normal;
                font-size: 16px;
                font-weight: 300;
                padding-left: 0.6em;
                color: #000;
                border: none;
                text-transform: uppercase;
            }

            .handheld-menu .handheldTopMenu a {
                display: block;
            }

            .handheld-menu .handheldTopMenu > li:first-of-type,
            .handheldTopMenu.nojs > li:first-of-type {
                border: none;
            }

            /*.handheld-menu .handheldTopMenu ul li > ul li > ul li, .handheldTopMenu.nojs ul li > ul li > ul li {
        border-bottom: 1px solid #fff;
    }*/
            .handheld-menu .handheldTopMenu .expanded ul {
                padding-left: 0;
                width: 100%;
            }

                .handheld-menu .handheldTopMenu .expanded ul li a {
                    padding-left: 1em;
                    display: block;
                }

                .handheld-menu .handheldTopMenu .expanded ul li ul li a {
                    padding-left: 2em;
                    display: block;
                    font-weight: 300;
                    font-size: 16px;
                    text-transform: none;
                }

                .handheld-menu .handheldTopMenu .expanded ul li ul li ul li a {
                    padding-left: 3em;
                    display: block;
                }

                .handheld-menu .handheldTopMenu .expanded ul li ul li ul li ul li a {
                    padding-left: 4em;
                    display: block;
                }

                .handheld-menu .handheldTopMenu .expanded ul li ul {
                    background: #f2f2f2;
                    overflow: hidden;
                }

                    .handheld-menu .handheldTopMenu .expanded ul li ul li ul {
                        background: #e7e7e7;
                        overflow: hidden;
                    }

                        .handheld-menu .handheldTopMenu .expanded ul li ul li ul li ul li {
                            background: #d0d0d0;
                            overflow: hidden;
                        }

            .handheld-menu .handheldTopMenu .expand-button, .handheld-menu .handheldTopMenu .collapse-button {
                color: #005aa0;
                padding-top: 0.615em;
                font-size: 2em;
            }

            .handheld-menu .handheldTopMenu ul li:last-child, .handheldTopMenu.nojs ul li:last-child {
                margin: 0;
            }

    .handheldTopMenu ul li:hover, .handheldTopMenu ul ul li:hover, .handheldTopMenu ul ul ul li:hover, .handheldTopMenu ul ul ul ul li:hover, .handheldTopMenu ul ul ul ul ul li:hover {
        background: transparent !important;
    }

    .handheld-menu .handheldTopMenu div.expand-button,
    .handheld-menu .handheldTopMenu div.collapse-button {
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        width: 70px;
        text-align: right;
        padding: 0.615em;
        color: #1C1917;
        box-sizing: border-box;
    }

    .handheld-menu .handheldTopMenu ul div.expand-button,
    .handheld-menu .handheldTopMenu ul div.collapsed-button {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        width: auto;
        height: auto;
        text-align: left;
    }

    .icon-minus-sign-alt:before,
    .icon-plus-sign-alt:before {
        content: "\f078";
        color: #818700;
        font-family: FontAwesome;
        font-size: 0.8em;
    }

    div.siteHeader-container, div.siteMain-container, div.siteFooter-container, div.siteFooter, div.siteAuthor-container, siteToplinks-container,
    div.siteTopLinks-container, div.global-authorization, div.siteInfo, div.siteTopLinks-inner {
        margin: 0 auto;
        width: 100% !important;
        padding: 0;
    }

    div.siteTopLinks-inner {
        height: 33px;
    }

    div.global-authorization {
        /*        display:none;
        visibility:hidden;*/
    }

        div.global-authorization a {
            color: #000;
        }

    div.global-unauthorized-register, div.global-authorized-mypages, div.global-authorized-logout, div.global-rss {
        display: none;
        visibility: hidden;
    }

    div.global-authorization > div.global-language {
        position: absolute !important;
        display: block !important;
        z-index: 8001;
        right: 3.125em;
        left: auto;
        top: -0.965em;
    }

    div.global-authorization div.global-unauthorized-login a {
        position: absolute;
        z-index: 11000;
        right: 11.35em;
        background: #fff;
        padding: 0 1.625em 0 0;
        height: 1.6em;
        border-radius: 0;
        top: -0.32em;
        border: none;
    }

    div.global-unauthorized-login a:before {
        content: url(../Img/user.svg);
        display: inline;
        position: absolute;
        padding-right: 1em;
        background: #fff;
    }

        div.global-unauthorized-login a:hover:before {
            content: url(../Img/user-hover.svg);
            display: inline;
            position: absolute;
            padding-right: 1em;
            background: #fff;
        }

    div.global-authorization a,
    div.global-authorization div.global-unauthorized-login a {
        color: #000;
        width: 0em;
        overflow: hidden;
        display: block;
    }

    div.siteHeader-container {
        border: 0;
    }

        div.siteHeader-container h1 {
            background: none;
            padding: 0;
            text-indent: 0;
        }

    div.siteHeader, div.siteMain, div.siteFooter, div.siteToplinks {
        width: auto;
        padding: 0;
    }

    div.siteHeader-container-wrapper {
        position: relative;
    }

    div.siteHeader {
        height: auto;
        margin-bottom: 0px;
        border-bottom: none;
        padding: 0;
    }

    div.siteToplinks {
        height: auto;
        padding: 0;
    }

    div.siteLogo img {
        width: 8em;
        position: absolute;
    }

    div.siteLogo {
        float: left;
        position: absolute;
        top: 1.275em;
        left: 1.85em;
        z-index: 10000;
    }

    div.search_area {
        right: 1.25em;
        top: 6.5em;
        padding: 0;
    }

        div.search_area .search_field {
            display: inline-block;
            width: 88%;
            z-index: 2000;
            display: none;
            height: 38px;
            font-size: 15px;
        }

    div.siteContentFull {
        position: relative;
        padding-top: 0;
        float: left;
    }

    div.siteMain {
        padding-bottom: 0;
        position: relative;
        float: left;
        padding: 2em 2em;
        width: 100%;
        box-sizing: border-box;
    }

    div.ImageTextStyles {
        height: auto;
        margin-bottom: 0;
    }

        div.ImageTextStyles.Image {
            margin-top: 0;
        }

        div.ImageTextStyles.Text a {
            line-height: 24px;
        }

    div.col100.ListAvailable {
        width: 100%;
        margin-bottom: 20px;
        margin-top: 30px;
    }

        div.col100.ListAvailable ul.listavailable {
            width: 50%;
            float: left;
            clear: none;
            text-align: center;
            top: auto;
            position: relative;
            height: 170px;
        }

        div.col100.ListAvailable span.numero {
            font-size: 90px;
        }

        div.col100.ListAvailable a {
            font-size: 17px;
            line-height: 21px;
        }

        div.col100.ListAvailable span.link {
            position: relative;
            bottom: 33px;
            right: 0;
            width: 100%;
            box-sizing: border-box;
            text-align: center;
        }

            div.col100.ListAvailable span.link a {
                line-height: 50px;
            }

    div.col25.logincontrol {
        width: 100%;
        margin-bottom: 20px;
    }

        div.col25.logincontrol div.box-inner div.loginarea p input {
            width: 100% !important;
            padding: 0;
        }

        div.col25.logincontrol div.box-inner {
            box-sizing: border-box;
            padding: 30px;
        }

    div.col100.ingangar h3 {
        width: auto;
        float: left;
        position: relative;
        top: auto;
        transform: unset;
        line-height: 28px;
    }

    div.ingangar p {
        width: 100%;
        margin: 15px 0 0;
    }

    div.news-area div.col33.news {
        width: 100%;
    }

    div.siteFooter-container {
        overflow: visible;
        float: left;
        margin-top: 3em;
    }

    div.news-area div.col33.news h3 {
        font-size: 20px;
        line-height: 28px;
    }

    div.col100.contactareaimg a img.img {
        max-width: 1440px;
        position: relative;
        left: 0;
        margin-bottom: 0;
        width: 100%;
        height: auto !important
    }

    div.col33.contactbox.alignleft,
    div.col33.contactbox.alignright {
        width: 100%;
        margin: 0;
        float: left !important;
        height: auto !important;
    }


    div.col100.contactus {
        margin-bottom: 20px;
    }

        div.col100.contactus div.col33.contactbox img.image {
            width: 48px;
        }

    div.col100.promo a div.col33.promobox div.promobox-container {
        padding: 20px;
        text-align: center;
    }

    div.col100.promo a div.col33.promobox {
        width: 100%;
    }

    span.push-text {
        font-size: 18px;
    }

    div.siteFooter {
        width: 100% !important;
        position: relative;
        top: unset;
        padding: 40px;
        box-sizing: border-box;
        text-align: center;
        float: left;
    }

        div.siteFooter .col25 {
            width: 100% !important;
            padding: 0 0;
            box-sizing: border-box;
            margin-top: 0;
            margin-bottom: 2em !important
        }

        div.siteFooter div.col25.alignleft {
            margin: 0;
        }

        div.siteFooter ul.social-links {
            top: auto;
            right: auto;
            width: 100%;
        }

            div.siteFooter ul.social-links li {
                display: inline-block;
                float: none;
                margin: 0;
            }

    .col50 img,
    div.col100.puff {
        height: auto !important;
    }

    div.col100.new-project a img.puffimg {
        display: block;
        width: 100%;
        margin-bottom: 20px;
    }

    table.col75 tbody tr td.col50.alignleft {
        margin: 0;
        padding: 0;
    }

    ul.quickfilter li {
        width: 44%;
    }

    ul.quickfilter span.minValue {
        width: 85%;
    }

    .col100 .slider, .col100 .slider-container {
        width: auto;
        position: relative;
        margin: 0;
    }

    .slider-container {
        margin: 0;
    }

    .slider, .slider-container, .slides {
    }

    .slider-inner {
        height: auto;
    }

    .slider {
        height: auto !important
    }

    div.ImageTextStyles.Text {
        bottom: auto;
        color: #222;
        font-size: 16px;
        font-weight: 300;
        line-height: 26px;
        padding: 3%;
        position: absolute;
        width: 91%;
        right: 4%;
        box-sizing: border-box;
        bottom: 10%;
    }

    div.ImageText div.sliderTitle {
        font-size: 21px;
        line-height: 24px;
        margin-bottom: 10px;
    }

    div.ImageTextStyles.Text a {
        line-height: 23px;
        font-size: 15px;
    }


    div.ImageText div.sliderTitle {
        font-size: 24px;
        line-height: 28px;
        margin-bottom: 10px;
    }

    div.news-area {
        margin-top: 0;
        float: left;
    }

    div.siteContent .col25 .box {
        width: 100%;
    }

    .col25.sideBar .gridlist {
        width: 100% !important;
        margin-bottom: 20px;
    }

    ul.thumbnail-list {
        width: 100%;
    }

    .thumbnail-container ul.thumbnail-list li {
        clear: unset !important;
    }

    .thumbnail-container ul.thumbnail-list li {
        margin: 0 !important;
    }

    ul.thumbnail-list img {
        margin: 9px;
    }

    #ctl00_ctl01_DefaultSiteContentPlaceHolder1_Col1_divDetails ul.form li.label {
        clear: left;
        width: 100%;
    }

    #ctl00_ctl01_DefaultSiteContentPlaceHolder1_Col1_divDetails ul.form li.textvalue {
        border-bottom: 1px solid #ccc;
    }

    div.page-col50 ul.grid li.left {
        text-align: center;
        float: none;
    }

    div.page-col50 ul.grid li.right {
        width: 100%;
        padding-left: 0;
        text-align: center;
        padding-top: 14px;
    }

    div.image-big img {
        width: 97%;
    }


    div.areatext {
        width: 69%;
        float: left;
    }

    div.areaimg {
        width: 29%;
        float: right;
        overflow: hidden;
        margin-top: 52px;
    }

        div.areaimg img {
            width: 100%;
            float: right;
        }

    div.areatext h3 {
        width: 100%;
    }

    .col100 .slider, .col100 .slider-container {
        width: auto;
        position: relative;
    }

    .dynamic-map img {
        max-width: 1070px !Important;
    }

    .col75 .dynamic-map span.close a img {
        width: auto !Important;
    }

    .col75 .dynamic-map .area-img img {
        width: auto !Important;
    }

    div.news-area div.col33.news a img {
        max-width: 100%;
        float: left;
        margin-right: 20px;
    }

    div.news-area div.col50.news a img {
        width: 100%;
    }


    div.newsBox {
        padding: 0;
        text-align: left;
    }

    span.newsdate {
        font-size: 14px;
        margin-bottom: 0px;
    }


    .col75 img {
        max-width: 100%;
    }

    table.col75 tbody tr td.col50.alignleft {
        margin: 0;
        padding: 0;
    }

    div.newsBox {
        height: auto !important;
    }


    h1.pagetitle, h2.pagetitle {
        font-size: 42px;
        line-height: 52px;
        margin: 0 0 20px 0;
        letter-spacing: -1px;
        margin-bottom: 20px;
    }

    ul.quickfilter li {
        width: 100%;
    }

    .templatelist.block.objectlist, ul.templatelist.block, .templatelist.block:nth-child(n+3) {
        width: 100% !important;
    }

    ul.quickfilter span.minValue, ul.quickfilter span.maxValue {
        width: auto;
    }

    .objectlistFilters {
        padding: 17px 10px 3px;
    }

    ul.quickfilter {
        margin-bottom: 20px;
    }

        ul.quickfilter li.full {
            width: auto;
        }

        ul.quickfilter table tr td {
            display: inline-table;
            width: 100%;
            border-bottom: 1px dotted #C9DFF1;
            line-height: 30px;
        }

    .fa-info-circle::before {
        content: "\f05a";
        color: #005aa0;
    }

    .page-popup h1 {
        font-size: 45px;
    }

    .col25.sideBar .gridlist {
        width: 100% !important;
        margin-bottom: 20px;
    }

    div.areatext {
        width: 100%;
        float: left;
    }

    table.list tr td ul#ctl00_ctl01_DefaultSiteContentPlaceHolder1_Col1_blProperties li {
        display: block;
        width: 100% !important;
        font-size: 13px;
    }

    .col75 img {
        max-width: 100%;
    }

    .col50 img,
    div.object-interest {
        height: auto !important;
    }

    .col25 .box-inner img {
        width: 100% !important;
    }

    ul.form li.value input, .box ul.form li.value input {
        margin: 0 3px 0 1px;
        width: auto !important;
    }

    div.siteContent h1 {
        font-size: 32px;
    }

    .dynamic-map img {
        max-width: 700px !Important;
    }

    .col75 .dynamic-map span.close a img {
        width: auto !Important;
    }

    .col75 .dynamic-map .area-img img {
        width: auto !Important;
    }

    table.box.primary.red.redlinkbox .box-inner p {
        font-size: 16px;
        font-weight: bold;
        line-height: 30px;
        padding: 16px 20px;
    }

        table.box.primary.red.redlinkbox .box-inner p a:after {
            content: "";
            margin: 0;
        }

    /*
 * Watchlist form.
 */
    body[class^="mina-sidor_bevakning"] div.siteMain {
        padding: 0 10px;
    }

    body[class^="mina-sidor_bevakning"] h1 {
        font-size: 28px;
    }

    body[class^="mina-sidor_bevakning"] h3 {
        font-size: 22px;
    }

    body[class^="mina-sidor_bevakning"] table.table td {
        vertical-align: initial;
        display: block;
    }

    body[class^="mina-sidor_bevakning"] table.formlist {
        width: 100%;
        margin-bottom: 20px;
        border-top: solid 1px #333;
    }

        body[class^="mina-sidor_bevakning"] table.formlist td {
            display: inline-block;
        }

    body[class^="mina-sidor_bevakning"] table.gridlist {
        width: 100% !important;
    }

    body[class^="mina-sidor_bevakning"] .touch .page-col75.col75 .pageFooter input[type="submit"] {
        padding: 0;
    }


    div.siteContent table.col75 td.col25 {
        width: 100%;
        padding: 0;
    }

        div.siteContent table.col75 td.col25 p {
            font-size: 13px;
        }

    body.user_mypages .fancybox-overlay .fancybox-type-iframe.fancybox-opened .fancybox-skin .fancybox-outer .fancybox-inner, body.mina-sidor .fancybox-overlay .fancybox-type-iframe.fancybox-opened .fancybox-skin .fancybox-outer .fancybox-inner {
        height: 410px !important;
    }

    .shop_objects tr {
        width: 100% !important;
    }

    .shop_objects td .shop_object_card {
        width: 100% !important;
        box-sizing: border-box;
    }

    .embed-video {
        margin-top: 30px;
    }

    div.entry-top {
        display: block !important;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        background: #b9d88a;
        margin: 0 0 40px 0;
    }

        div.entry-top figure {
            width: auto;
            margin: 0;
            display: block;
            order: 1;
        }

        div.entry-top a {
            width: auto;
            text-align: left;
            order: 2;
            margin: 0;
            padding: 18px 25px 9px;
            background-position: 92% 20px;
        }

            div.entry-top a div {
                width: 100%;
                float: left;
            }

    body.mina-sidor_logga-in div.siteContent {
    }

    body.mina-sidor_logga-in div.siteContent {
        flex-flow: column wrap;
        display: flex;
        display: inline-flex;
    }

    /** START - Flytta Logga in till toppen av sidan **/
    body.mina-sidor_logga-in .col50 {
        order: 2;
    }

    body.mina-sidor_logga-in .col25 {
        order: 1;
    }

    body.mina-sidor_logga-in .col25 {
        float: left;
    }

    body.mina-sidor_logga-in .col50 {
        float: right;
    }
    /** END - Flytta Logga in till toppen av sidan **/
    div.col100.ListAvailable,
    div.col25.logincontrol {
        height: auto !important;
    }

    body.default div.siteMain-container {
        margin-top: 0;
    }

    div.col33 div.sustaninability-journey-articles.column {
        height: auto !important;
    }

    div.col33.sustaninability {
        width: 100%;
    }

    div.col25.projectlanding a img.puffimg {
        height: auto !important;
    }

    div.col25.projectlanding div.box-inner.column {
        height: unset !important;
    }

    div.HemmaFintHeaderImg {
        margin: 0 auto;
        width: 100%;
    }

        div.HemmaFintHeaderImg img {
            width: 100%;
        }

    div.col50.hemmafintlanding {
        width: 100%;
    }

        div.col50.hemmafintlanding .box-inner {
            height: auto !important;
        }

    div.hemmafint-linkcontainer {
        margin-bottom: 30px;
    }

    .page-col75 div.interest-objectinfo {
        height: auto;
        width: 96%;
    }

    div.interest-image {
        float: left;
        width: 100%;
        padding: 0;
        overflow: hidden;
        border: 1px solid #d0d0d0;
        margin-right: 10px;
        text-align: center;
        height: auto;
    }

    div.entry-container img {
        float: left;
        margin-right: 2em;
        border-radius: 0.65em;
        width: 100%;
        height: auto !important;
        margin-bottom: 1em;
    }

    div.col33.ingangar {
        width: 100%;
    }

    div.col100.articleleed {
        width: 100%;
        margin-left: 0;
    }

        div.col100.articleleed .col100 .content {
            width: 100%;
            padding: 0 2em 2em;
            box-sizing: border-box;
        }

    div.col100.contactstartpage div.bostaden-map {
        width: 100%;
        margin-bottom: 2em;
    }

    div.col100.contactstartpage ul.faq-list {
        width: 100%;
    }

    div.sublinkContainer ul li {
        display: inline-block;
        text-align: center;
        width: 100%;
        line-height: 3em;
        margin: 0;
    }

    div.col100.articleleed.tenant div.col100.articleleed-content a div.content {
        width: 100%;
    }

        div.col100.articleleed.tenant div.col100.articleleed-content a div.content img.img.show {
            height: auto !important;
            margin-bottom: 2em;
        }

    div.col100.articleleed {
        padding: 2em 0 0;
    }

    div.important {
        margin: 1em 0 2.5em;
    }

    div.col100.contactinfo-content {
        width: 100%;
    }

    div.col100.contactinfo-content {
        margin-left: 0;
        margin-right: 0;
    }

    div.entry-container {
        margin-top: 1em;
    }

        div.entry-container img.img.show {
            margin-bottom: 2em;
            height: auto !important;
        }

    div.col50.contactinfo {
        width: 100%;
    }

        div.col50.contactinfo.column {
            width: 100%;
            height: auto !important;
        }

    div.col100.contactinfo-content {
        margin: 0 0% 4em;
    }

    div.col100.contactstartpage ul.faq-list {
        width: 100%;
    }

        div.col100.contactstartpage ul.faq-list li.question {
            width: 87%;
        }
}