@media only screen and (max-width:1300px) {
.wrapper { max-width: 96%; padding: 0 2%; position: relative }
header a.btnSearch{ right:2%}
#search{ right:2%}
.logo { width: 30% }
.nav { margin-right: 3%; width: 66% }
.tjenester .item { width: 32%; margin-right: 2%; margin-bottom: 2% }
.news li { width: 23%; margin-right: 2% }
.news li .date { width: 18% }
.news li .text { width: 82% }
#officedetail .thumb1{width: 85%}
#officedetail .boxRight2 {padding: 2% 4% 20px 0;}
}

@media only screen and (max-width:1080px) {
/*.flexslider ul.slides li img { display: block; width: 150%; max-width: 150% }*/

.news li { width: 48%; margin-right: 4%; margin-bottom: 3% }
.news li .date { width: 12% }
.news li .text { width: 88% }
.news li:nth-child(4n) { margin-right: 3% }
.news li:nth-child(4n+1) { clear: none }
.news li:nth-child(2n) { margin-right: 0 }
.news li:nth-child(2n+1) { clear: both }
.tjenester .item { width: 48%; margin-right: 4%; margin-bottom: 4% }
.tjenester .item:nth-child(3n) { margin-right: 4% }
.tjenester .item:nth-child(3n+1) { clear: none }
.tjenester .item:nth-child(2n) { margin-right: 0 }
.tjenester .item:nth-child(2n+1) { clear: both }
.contact_form { width: 460px }
.contact_form .inputText, .contact_form .textarea { width: 338px }
footer .link { padding-right: 0 }
footer .design_by { padding-left: 0 }
.boxRight1{width: 45%}
}
@media only screen and (max-width:1054px) {
.contentNews .news_detail .column2 {width: 60%;}
}
@media only screen and (max-width:1040px) {
.list .left .product { width: 104%; margin: 0 -2% }
.list .left .product .box { width: 45.93%}
.list .left{ width:67%}
.list .right{ width:30%}
.list .left .meglerinfo .share .iconbox{ width:100%}
.kontorDetailBoxleft{max-width: 380px}

}
@media only screen and (max-width:1024px) {
.wrapper { max-width: 92%; padding: 0 4%; position: relative }
.nav {
    float: left;
    margin-right: 0;
    width: 100%; background:#fff
}
.nav-list { float:left; width:100%}
.nav-item:nth-child(1){ width:10%}
.nav-item{ width:22%;}
.nav-item.last {width: 30%;}
.nav-item a{ padding:16px 0;  color:#212121}
.nav-submenu-item a{ padding:15px}
header a.btnSearch{ right:4%}
#search{ right:4%}
.contentNews .othernews .listDetailOne ul li .listRef1 .textsNew, .news-box .new_news_box ul li.item .textsNew {width: 72%;}
.contentNews .news_detail .column2 {width: 60%;}
#officedetail .office_container img{max-width: 400px}

}
@media only screen and (max-width:980px) {
.officer{ width: 104%; margin: 0 -2% }
.officer .box2 { width: 29.3%; margin: 0 2% 2% ; float: left}
.kontorDetailBoxleft{max-width: 100%}
.boxRight1 {width: 100%;padding: 0;margin: 0 3% 1% 2%;}
#officedetail .office_container img{max-width: 380px}
}
@media only screen and (max-width: 926px) {
.omoss { padding: 2% 0 }
.contact_form { width: 400px }
.contact_form .inputText, .contact_form .textarea { width: 278px }
}
@media only screen and (max-width:900px) {

.list .left{ width:64%}
.list .right{ width:33%}
.cat {margin: 20px 0 }
#bx-pager img {width: 64px;}
h2.resp-accordion{ width:92%}
.list .left .meglerinfo .people{ width:100%; margin-bottom:20px; border-bottom:1px solid #e4e9ea; padding-bottom:20px}
.list .left .meglerinfo .info{ width:100%; margin-bottom:20px}
.list .left .meglerinfo .share{ padding-top:15px}
}

@media only screen and (max-width: 880px) {
.news li .date { width: 16% }
.news li .text { width: 84% }
.info_center { float: left; width: 100%; margin-bottom: 10px; float: left; border-bottom: 2px solid #000; padding-bottom: 15px }
.contact_form { float: left; width: 100% }
.contact_form .inputText, .contact_form .textarea { width: 54% }
.boxRight1 {width: 100%;padding: 0;margin: 0 3% 1% 2%;}
}

@media only screen and (max-width: 810px) {
#first ul li a.second {font-size: 13px; padding: 8px 0 5px 10px  }
#first ul li a.second:hover, .secondOver { font-size: 13px;   }
#officedetail .boxRight2 {padding: 2% 5% 20px 0;}
}
@media only screen and (max-width: 787px) {
header{ padding-bottom:25px}
.logo{ width:50%}
.contact_form { width: 100%; float: left }
.info_center { width: 100%; }
#officedetail .office_container img{max-width: 350px}
}
@media only screen and (max-width: 768px) {
.contentNews .othernews .listDetailOne ul li .listRef1 .textsNew, .news-box .new_news_box ul li.item .textsNew {width: 64%;}
.contentNews .news_detail .column2 {width: 100%;}
.contentNews .news_detail .column2 .news_title{display:none;}
.news_title_img{display:block;}
.contentNews .news_detail .news_imgage{width:55%;}
.list .left .meglerinfo h5 {  border-top: none!important }
.boxRight1 {width: 100%;padding: 0;}


}

@media only screen and (max-width: 767px) {
.logo{ width:100%; float:none}
header a.btnSearch{ display:none}
#search{ display:block; position:relative; top:0; left:0%; margin:0 auto 20px}
.list .left .contenttab { background:#f7fafb; width:94%; padding:20px 3%}
/*.flexslider ul.slides li img { display: block; width: 200%; max-width:200% }*/
/*nav*/
.nav-mobile { display: block; }
.name { display: block }
.nav { width: 100%; margin: 0; height: auto; padding: 45px 0 0 0; background:#0db2ec }
.nav-list { display: none; width: 100%; border-top:1px solid #086383 }
.nav-item { width: 100%; float: none; }
.nav-item:nth-child(1){ width:100%}
.nav-item > a { padding: 15px; text-align: left; background: #0d80a8; border-bottom: 1px solid #086383; color: #fff }
.nav-click { display: block; }
.nav-mobile-open { border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; }
.nav-item:hover .nav-submenu { display: none; }
.nav-submenu-item:hover .nav-submenu2 { display: none }
.nav-item a.last { width: auto }
.nav-submenu { position: static; width: 100%; }
.nav-submenu2 { position: static; width: 100%; left: 0; top: 0 }
.nav-submenu a{ padding:15px 25px}
.nav-submenu2 a{ padding:15px 35px}
.nav-item > a:hover, .nav-item a.active { text-decoration: none; background: #212121 }
.nav-item:hover a { background: #212121}
/*nav*/
.nav-mobile { display: block; }
.name { display: block }
.news li .date { width: 20% }
.news li .text { width: 80% }
	
footer { padding: 15px 0 }
footer .link { float: left; width: 100%; padding: 0 0 15px 0 }
footer .design_by { float: left; width: 100%; padding: 1% 0%; text-align: left }
footer .design_by p.text_footer { text-align: left; margin: 0 }
.meglerinfo .meglerinfo_title{ padding-top: 15px !important;float: left}
.officer { width: 104%; margin: 0 -2% }
.officer .box2  { width: 46%}
.nav-item.last{width: 100%}
}

@media only screen and (max-width:700px) {
.list .left{ width:100%}
.list .right{ width:100%}
h2.resp-accordion{ width:94%}

}

@media only screen and (max-width: 600px) {
.contentNews .othernews .listDetailOne ul li .listRef1 .textsNew, .news-box .new_news_box ul li.item .textsNew {width: 50%;}
.contentNews .news_detail .column2 {width: 100%;}
.contentNews .news_detail .column2 .news_title {display:none;}
.news_title_img{display:block;}
.tjenester .item {max-height: 457px;}
.contentNews .news_detail .news_imgage{width:70%;}
#first ul li a.second {font-size: 15px;  }
#first ul li a.second:hover, .secondOver { font-size: 15px;  }
.hidden-desktop {display:inherit!important}
.visible-desktop {display:none!important}
.boxRight1 {width: 100%;padding: 0;}
#officedetail .boxRight2{padding: 2% 8% 20px 0;}
}
@media only screen and (max-width:580px) {
.list .paging {float: right;margin: 20px 0;}
.shareFriendBox table{width: 100%}
.shareFriendBox tr td:not(.SendToFriend_button) {display: block;float: left;width: 90%;}
.shareFriendBox input,.shareFriendBox textarea{ margin-left: 10px;width: 90%!important;height: 25px;margin-top: 5px}
.SendToFriend_button input {font-size: 16px;height: 47px;line-height: 22px;margin-right: 10px;text-align: center;width: 80px!important;}
.PanelSendToFriend{width: 95%!important}
.SendToFriend_button_hide{display: none!important}

}

@media only screen and (max-width: 568px) {
.proImg{height:327px;}
}
@media only screen and (max-width: 560px) {
.main { max-width: 560px; padding:15px 0 15px 0; margin-top: 0 }
.main h1, .welkomen h1,.outNews h1{ font-size:30px; line-height:33px; margin-bottom:15px}
.banner{ margin-bottom:15px}
.main .title{ margin-bottom:15px}
.tjenester .item{ margin-bottom:20px}
/*nav*/
.nav-mobile { display: block; }
.name { display: block }
.nav { width: 100%; margin: 0 }
.nav-list { display: none; }
.nav-item { width: 100%; float: none; }
.nav-item > a { padding: 15px; }
.nav-click { display: block; }
.nav-mobile-open { border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; }
.nav-item:hover .nav-submenu { display: none; }
.nav-submenu-item:hover .nav-submenu2 { display: none }
.nav-item a.last { width: auto }
.nav-submenu { position: static; width: 100%; }
.nav-submenu2 { position: static; width: 100%; left: 0; top: 0 }
.contact_form .inputText, .contact_form .textarea { width: 72% }
#officedetail .content{width: 96%}
}
@media only screen and (max-width:500px) {
#searchBar .searchbroker{ float: left;display: block}
}
@media only screen and (max-width:500px) {
	header{ padding-top:15px}
	.news li { width: 100%; margin-right: 0%; margin-bottom: 15px }
	.news li .date { width: 14% }
	.news li .text { width: 86% }
	.news li:nth-child(2n) { margin-right: 0 }
	.news li:nth-child(2n+1) { clear: both }
	.tjenester .item { width: 100%; margin-right: 0%; margin-bottom: 15px }
	.contact_form .button { margin-left: 0 }
    #officedetail .thumb1{width: 100%}
    #officedetail .boxRight2{ width: 100%;margin: 0 -10px 20px 15px;}
}

@media only screen and (max-width:480px) {
.contentNews .othernews .listDetailOne ul li .listRef1 .textsNew, .news-box .new_news_box ul li.item .textsNew {width: 100%;}
.product_title {display: none;}
.product_title2 {display:block;}
.products p {width: 100%;}
.productdetail_description {float: none;}
.product_desc {width: 100%;float: none;}
.products_col2 {width: 100%;float: none;margin-left: 0;}
.products_col1 {float: none;}
.news_name_img {display: block;}
.contentNews .othernews .listDetailOne ul li .listRef1 .textsNew .news_name {display: none;}
.news-box .new_news_box ul li.item .textsNew .news_name {display:none;}
.proImg {height: 272px;}
.table-form-property tr td{ width: 95%;display: block;float: left}
.table-form-property textarea{ width: 85%}
.table-form-property input{ width: 85%}

.CheckBox-form_inline {display: inline !important;width: initial !important;}
.CheckBox-form_inline .CheckBox-form > input{height: initial!important}
.CheckBox-form_inline_hide{display: none!important}
#officedetail .office_container img{max-width: 300px}

}
@media only screen and (max-width:384px) {
.contentNews .othernews .listDetailOne ul li .listRef1 .textsNew, .news-box .new_news_box ul li.item .textsNew {width: 100%;}
.news-box .new_news_box ul li.item .textsNew .news_name, .contentNews .othernews .listDetailOne ul li .listRef1 .textsNew .news_name {display:none;}
.news_name_img{display:block;}
.product_title {display: none;}
.product_title2 {display:block;}
.products p {width: 100%;}
.productdetail_description {float: none;}
.product_desc {width: 100%;float: none;}
.products_col2 {width: 100%;float: none;margin-left: 0;}
.products_col1 {float: none;}
.contentNews .news_detail .news_imgage{width:100%;}
#officedetail .content{width: 94%}
}
@media only screen and (max-width:400px) {
.list .left .product { width: 100%; margin: 0 }
.list .left .product .box { width: 100%; margin:0 0 20px 0; border-bottom:2px solid #bfc4c6}
.officer { width: 100%; margin: 0 0% }
.officer .box2  { width: 100%; margin:0 0 15px}
}
@media only screen and (max-width:360px) {
#officedetail .boxRight2{padding: 2% 12% 20px 0;}
}
@media only screen and (max-width:340px) {
#search{ width:93%}
#search input.text{ width:76%}
.news li .date { width: 20% }
.news li .text { width: 80% }
.flex-direction-nav li a{ top:37%}
.contact_form .inputText, .contact_form .textarea { padding: 0 3%; width: 94% }
.contact_form li { margin-bottom: 15px }
.contact_form label { float: left; width: 100%; }
.contentNews .othernews .listDetailOne ul li .listRef1 .textsNew, .news-box .new_news_box ul li.item .textsNew {width: 100%;}
#searchBar{margin: 0}
#officedetail .office_container img {max-width: 275px;}
}
@media only screen and (max-width:320px) {
.proImg {height: 174px;}
}
@media only screen and (max-width:240px) {
}