/***********/ /***********/ /***********/ /***********/ /* Portrait */ @media only screen and (min-width: 768px) and (max-width: 1024px) { .resp-h2 { font-size: 26px; } /* Objektbeskrivning */ #slider-box { width: 100%; height: 500px; } .sign-up-link { width: 325px !important; } .show-images-box { width: 325px !important; } #content-box { width: 100%; margin-left: 0px; } .imgSingleBorder { width: 100% !important; } .mobile-width { width: 365px !important } #fp-content { min-height: 250px !important; } .yada { } .fpBox1 { background-size: contain; margin-left: 15px } .fpBox2 { background-size: contain; } .fpBox3 { background-size: contain; } #ledigaLagenheter { background-size: contain; } #omStenbocken { background-size: contain; } #dinBostad { background-size: contain; min-height: 491px !important; } #minaSidor { background-size: contain; } #tips-bostad-fp { background-size: contain; } .fpBoxThreeCol { width: 30% !important; } .bostadFpColumn50 { width: 48% !important; } .titleFpTips { padding: 122px 0px 0px 0px !important; font-size: 26px !important; } #menu nav { padding: 5px;} #menu-huvudmeny_bostad li { width: 300px !important; margin: 10px 0px 10px 0px !important; padding: 5px 0px; float: none !important; } #menu-huvudmeny_bostad li:first-child { margin: 0px 0px 10px 0px;} #menu-huvudmeny_bostad li:last-child { margin: 0px 0px 0px 0px;} #menu-huvudmeny_bostad .sub-menu { margin-top: 5px !Important; } #menu-huvudmeny_bostad .sub-menu li { margin: 5px 0px 0px 5% !important; width: 95%; !Important; background: #ededed; } #menu-huvudmeny_lokal li { width: 300px !important; margin: 10px 0px 10px 0px !important; padding: 5px 0px; float: none !important; } #menu-huvudmeny_lokal li:first-child { margin: 0px 0px 10px 0px;} #menu-huvudmeny_lokal li:last-child { margin: 0px 0px 0px 0px;} #menu-huvudmeny_lokal .sub-menu { margin-top: 5px !Important; } #menu-huvudmeny_lokal .sub-menu li { margin: 5px 0px 0px 5% !important; width: 95%; !Important; background: #ededed; } #menu-huvudmeny_sbgruppen li { width: 300px !important; margin: 10px 0px 10px 0px !important; padding: 5px 0px; float: none !important; } #menu-huvudmeny_sbgruppen li:first-child { margin: 0px 0px 10px 0px;} #menu-huvudmeny_sbgruppen li:last-child { margin: 0px 0px 0px 0px;} #menu-huvudmeny_sbgruppen .sub-menu { margin-top: 5px !Important; } #menu-huvudmeny_sbgruppen .sub-menu li { margin: 5px 0px 0px 5% !important; width: 95%; !Important; background: #ededed; } .sub-menu { opacity: 0; display: none; margin-left: 10px; } .top-nav > li:before { font-family: FontAwesome; content: '\f196'; margin-right: 5px; } .mobileMenu:before { font-family: FontAwesome; content: '\f147' !important; } .mobileMenu .sub-menu { opacity: 1; display: inline; -webkit-transition: all 2s linear; -moz-transition: all 1s linear; -ms-transition: all 1s linear; -o-transition: all 1s linear; transition: all 1s linear; } .noMarginMenu { display: none; } #menu nav ul > li { } #menu > nav > ul > li > a { font-size: 14px; font-weight: bold; } #menu nav a { font-size: 12px; } .grandparent-4 .whiteBgContentNoPadding { padding: 0px; border: 0px solid; } .grandparent-6 .whiteBgContentNoPadding { padding: 0px; border: 0px solid; } .grandparent-8 .whiteBgContentNoPadding { padding: 0px; border: 0px solid; } .grandparent-4 .whiteBgContent { padding: 10px !important; border: 10px solid #F0F6DB !important} .grandparent-4 .orangeBgContent { padding: 10px !important; /*border: 10px solid #F0F6DB !important */} .grandparent-6 .whiteBgContent { padding: 10px !important; border: 10px solid #feece4 !important} .grandparent-6 .orangeBgContent { padding: 10px !important; border: 10px solid #feece4 !important} .grandparent-8 .whiteBgContent { padding: 10px !important; border: 10px solid #F0F6DB !important} .grandparent-8 .orangeBgContent { padding: 10px !important; /*border: 10px solid #F0F6DB !important */} #map_canvas { width: 1024px !important } .apartmentBlock { height: 397px !important } .fastighetBlockImg img { width: 277px !important; height: 200px !important; } .fastighetBlockInfo { width: 215px !important } .fastighetBlock { height: 425px !important; } .premisesBlock { height: 425px !important; } .contactBox50 { width: 100%; padding: 50px 0px 0px 0px; min-height: 200px; } } @media screen and (max-width: 736px) { .yada {} .resp-h2 { font-size: 26px; } /* Objektbeskrivning */ #slider-box { width: 100%; height: 500px; } .sign-up-link { width: 96%; padding: 7% 2%} #content-box { width: 100%; margin-left: 0px; } .imgSingleBorder { width: 100% !important; } .mobile-width { width: 100% !important } #map_canvas_single { height: 250px !important } .show-images-box { width: 100% !important; } #alla-bilder { font-size: 26px !important; margin: 20px 0px !important; } h2 { font-size: 16px; } img { width: 100%; height: 100%;} /*Header*/ .respPadding { padding: 5px 5px 0px 5px; } #fpHeaderTop { padding: 0px 0px 40px 0px; } #logoBox { width: 121px; } #logoBox img { width: 80%; height: 80%; } #logoBox a img { width: 80%; height: 80%; } #switchSite ul li a { font-size: 10px !important; } #openClose { margin-top: 7px; } .openClose { font-size: 10px; } /********/ #content { padding: 5px; } .fpBoxThreeCol { width: 100%; height: 300px; background-position: center center; background-repeat: no-repeat; margin: 0px 0px 20px 0px; } .fpBoxThreeCol .title { margin-top: 125px; } .fpBoxThreeCol:hover:before { width: 375px; height: 300px; content: ''; display: inline-block; background-color: rgba(0,0,0,0.5); z-index: 45645654 } .fpBoxThreeCol:hover .title { margin-top: -178px !Important; } /*Startsida bostad */ #dinBostad { height: 280px; background-position: center -55px; } #minaSidor, #ledigaLagenheter, #omStenbocken, #tips-bostad-fp { background-position: center; } #tips-bostad-fp {background-size: cover;} #tips { height: 280px; background-position: center } .titleFp { padding: 120px 0px 0px 0px; } .titleFpTips { font-size: 16px; line-height: 28px; padding: 30px 30px 0px 30px;} /*************/ #tips-bostad-fp .titleFpTips { font-size: 17px !important; line-height: 29px; padding: 30px 30px 0px 30px; color: white;} /*Startsida lokal */ #lokal1, #lokal2, #lokal3, #lokal4, #ledigaLokaler, #lokalBox { background-position: center ;} /****************/ /*Startsida SB gruppen */ #sbgruppenbox1,#sbgruppenbox4, #sbgruppenbox5 { background-position: center ;} /****************/ /*Meny */ #menu nav { padding: 5px;} #menu-huvudmeny_bostad li { width: 100%; margin: 0px 0px 10px 0px; padding: 5px 0px; } #menu-huvudmeny_bostad li:first-child { margin: 0px 0px 10px 0px;} #menu-huvudmeny_bostad li:last-child { margin: 0px 0px 0px 0px;} #menu-huvudmeny_bostad .sub-menu { margin-top: 5px !Important; } #menu-huvudmeny_bostad .sub-menu li { margin: 5px 0px 0px 5% !important; width: 95%; !Important; background: #ededed; } #menu-huvudmeny_lokal li { width: 100%; margin: 0px 0px 10px 0px; padding: 5px 0px; } #menu-huvudmeny_lokal li:first-child { margin: 0px 0px 10px 0px;} #menu-huvudmeny_lokal li:last-child { margin: 0px 0px 0px 0px;} #menu-huvudmeny_lokal .sub-menu { margin-top: 5px !Important; } #menu-huvudmeny_lokal .sub-menu li { margin: 5px 0px 0px 5% !important; width: 95%; !Important; background: #ededed; } #menu-huvudmeny_sbgruppen li { width: 100%; margin: 0px 0px 10px 0px; padding: 5px 0px; } #menu-huvudmeny_sbgruppen li:first-child { margin: 0px 0px 10px 0px;} #menu-huvudmeny_sbgruppen li:last-child { margin: 0px 0px 0px 0px;} #menu-huvudmeny_sbgruppen .sub-menu { margin-top: 5px !Important; } #menu-huvudmeny_sbgruppen .sub-menu li { margin: 5px 0px 0px 5% !important; width: 95%; !Important; background: #ededed; } .sub-menu { opacity: 0; display: none; margin-left: 10px; } .top-nav > li:before { font-family: FontAwesome; content: '\f196'; margin-right: 5px; } .mobileMenu:before { font-family: FontAwesome; content: '\f147' !important; } .mobileMenu .sub-menu { opacity: 1; display: inline; -webkit-transition: all 2s linear; -moz-transition: all 1s linear; -ms-transition: all 1s linear; -o-transition: all 1s linear; transition: all 1s linear; } .noMarginMenu { display: none; } #menu nav ul > li { } #menu > nav > ul > li > a { font-size: 14px; font-weight: bold; } #menu nav a { font-size: 12px; } /*******/ /*Lediga lägenheter */ #map_canvas { width: 100%; height:300px; margin-bottom: 30px; float: left; } .apartmentBlock { height: auto; display: inline-block; padding: 0px !Important; border-bottom: 0px solid; } .apartmentBlockLeft { width: 100%; margin-bottom: 40px; } .apartmentBlockRight { width: 100%; margin-bottom: 40px; } .apartmentBlockImg { margin-right: 0px; } .apartmentBlockInfo ul { margin-top: 0px; } /*************/ /*Fastigheter */ .fastighetBlockLeft { width: 100%; margin-bottom: 60px; } .fastighetBlockRight { width: 100%; margin-bottom: 60px; } .fastighetBlock { height: 100%; display: inline-block; padding: 0px !important; border-bottom: 0px solid; } .fastighetBlockImg { height: auto; margin-bottom: 20px; } .fastighetInfoBox { border: 0px solid black; padding: 0px 0px 60px 0px; } /* Kundservice */ .contactBox50 { width: 100%; padding: 50px 0px 0px 0px; min-height: 200px; } /***************/ /*Kontaktsida*/ #contactPage .rows .third { width: 100%; text-align: center; } /***************/ /***************/ /*Content */ #mainContactBox { width: 100%; } #formBox { width: 95%; padding: 10px; } .page-id-213 section { float: none !Important} .article-header { margin-left: 5px; } .bostadFpColumn50 { width: 100%;} #inner-footer ul li { margin: 0px 1px; font-size: 10px;} .grandparent-4 .whiteBgContentNoPadding { padding: 0px; border: 0px solid; } .grandparent-6 .whiteBgContentNoPadding { padding: 0px; border: 0px solid; } .grandparent-8 .whiteBgContentNoPadding { padding: 0px; border: 0px solid; } .grandparent-4 .whiteBgContent { padding: 10px !important; border: 10px solid #F0F6DB !important} .grandparent-4 .orangeBgContent { padding: 10px !important; /*border: 10px solid #F0F6DB !important */} .grandparent-6 .whiteBgContent { padding: 10px !important; border: 10px solid #feece4 !important} .grandparent-6 .orangeBgContent { padding: 10px !important; border: 10px solid #feece4 !important} .grandparent-8 .whiteBgContent { padding: 10px !important; border: 10px solid #F0F6DB !important} .grandparent-8 .orangeBgContent { padding: 10px !important; /*border: 10px solid #F0F6DB !important */} .pageBigText p { font-size: 18px; } .readMore { width: 80%; padding: 10% !important; margin: 0px !important} .readMoreBig { padding: 0px; } .readMoreBig .col50 { width: 80%; padding: 0% 10%; } .fincTable tr td { padding: 10px 5px !important; font-size: 10px; letter-spacing: 0px !important; } .fincTable tr { width: 20px !important } .fincTable strong { margin: 0px !important; } .fincTable1 tr td:first-child { width: 30px !important; } .fincTable1 tr td { width: 45px !important; } /*Footer*/ #footerTop { width: 100%; background-position: center;} footer { height: auto; } #inner-footer ul li { margin: 0px 10px; float: none; } /********/ }