@media all and (max-width:1045px){

.pd {  width: auto;}
#carousel_cont li img {
    border: 2px solid #fff;
    height: auto;
    margin-right: 5px;
    width: 100%;
}
#menu ul ul {
    margin: 0 0 0 0px;
}
ul#mycarousel.jcarousel-skin-tango li{}
h2 {
    font-size: 20px;}
#header .slogan p strong, #header .slogan p{  font-size: 30px;}
#header #logo {
    margin-top: 53px;}
.slides .desc {
    background: url("../image/slide-bg.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    bottom: 0;
    height: 220px;
    position: absolute;
    right: 0px;
    width: 112%;
}
.slides .desc p {width: 90%;}
.slides .desc h2{font-size: 30px;}
.slide-txt {
    margin-left: 90px;
    margin-top: 49px;
    overflow: hidden;
    width: 270px;
}
#galleryblock { margin-bottom: 20px;
    background-color: #7f9634;
    border-top: 1px solid #fff;
    float: none;
    height: auto;
    margin-left:0px;
    width: auto;
}
#header .slogan {
 right: 25px;
    top: 15px;
}
 ul#itemContainer li.animated.flipInY { display: block;
    float: none;}
table, #itemContainer   {    width: calc(100% + 20px) !important;
margin:0; padding:0;
} 
table td   { float:left;   width: calc(100% - 20px) !important;} 

#footer{height:auto}
#logo img, #footer .info,.cat_description, table, .container, #content, .header  {width: calc(100% - 20px);} 

#logo img {
    max-width: 350px;}
#menu > ul > li ul > li > a {
    color: #fff;}
#menu ul li:hover, #menu > ul > li.active, #menu > ul > li{border-radius:0}
#menu > ul > li:hover > ul {position:relative;
   background: none repeat scroll 0 0 #9c4a6c;
    margin-top: 0px;
    min-height: auto;
    opacity: 0.95;
    padding: 0;
    width: auto;
    z-index: 20;


}

#nav-toggle > ul > li {
    background-color: #d7d8d8;
    border-radius: 0;
    display: block;
    float: left;
    height: 35px;
    letter-spacing: 0;
    margin-right: 1px;
}
#menu {z-index: 2147483647;  width:100%;	padding: 0;	}
#menu li.active { height: auto;}
#menu li.active ul { background: none repeat scroll 0 0 #9c4a6c!important;color: #fff!important;}
#menu li.active ul a {color: #fff!important;}
header { width: 100%;
 top: -7px;
    width: 100%;
    z-index: 96;
}
.nav-toggle {
    height: 55px;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    text-indent: -300px;
    width: 60px;
}
.nav-toggle:before {
    color: #fff;
 background: none repeat scroll 0 0 #9c4a6c !important;
    content: "≡ Menu";
    font: bold 50px/55px "responsivenav";
    left: 0;
    position: absolute;
    text-align: center;
    text-indent: 0;
    text-transform: none;
    top: 0;
    width: 100%;
}
.nav-toggle.active:before {
  content: "Luk menu";
    font: bold 19px/55px "open sans";
    z-index: 1000;
}

.has-submenu ul.active{ background: none repeat scroll 0 0 #9c4a6c!important;}
.has-submenu ul.active a{color:#fff}
.nav-collapse ul{ background: none repeat scroll 0 0 #9c4a6c !important;}
}

@media all and (min-width:768px) and (max-width:1045px ){
.blok.galleri {
    min-height: 190px;
    width: calc(100% - 10px)!important;
}
  .col_1_of_3{ width: calc(100% / 3 - 10px); height:auto; margin: 0 10px 25px 0;}
}
@media all and (min-width:641px) and (max-width:1045px ){
#header #logo {
    right: 0;
}.slides .desc {   width:60%;}

.blok.galleri{min-height: 190px;}
#carousel_man { margin-left: 15px;}
#carousel_cont a.prevsmall, #carousel_cont a.nextsmall{ margin-top: -155px;}
ul#mycarousel.jcarousel-skin-tango li{width: 180px;min-height: 200px;padding-right: 10px!important;}
.popup-with-zoom-anim > img {height: auto;width: 100%;}

}
@media all and (max-width:820px){
	.product-info > .left {
    width: 100%;
}
#product_images, .product-info .description {    width: 100%;float:left;}
p, body {
font-size: 16px;line-height: 20px;}
#column-right {
    float: left;
}
img{max-width:100%}
}
@media all and (max-width:720px){
.bottom-img.portfolio > img {
   float: left;
    height: auto;
	    border: 2px solid #fff;
    margin-bottom: 5px;
    margin-right: 5px;
    width: calc(100% /3 - 10px);
}
#itemContainer ul, #itemContainer li {margin:0;  margin: 0 !important;
    padding: 0;
}


}

@media all and (max-width:640px){
.welcome, .welcome img{
   float: none !important;
    height: auto;
    margin: 0 !important;
    width: 100% !important;}
iframe{
    border: 0 none;
    float: none!important;
    margin-left: 10px;
    width: 100%!important;
}
.bottom-img.portfolio > img {
   float: left;
    height: auto;
	    border: 2px solid #fff;
    margin-bottom: 5px;
    margin-right: 5px;
    width: calc(100% / 2 - 10px);
}
#itemContainer ul, #itemContainer li {margin:0;  margin: 0 !important;
    padding: 0;
}
.col_1_of_3:first-child{ width: calc(100% / 1); height:auto}
.col_1_of_3, p.adresse, p.adresse a, .kontakt-bund{  height: auto;
    margin: 0 10px 20px 0;
    min-height: 303px;
    width: calc(100% / 2 - 10px)}
}

@media all and (max-width:480px){
.col_1_of_3, p.adresse, p.adresse a, .kontakt-bund{width: 100%; height:auto}
.kontakt-bund {margin: 25px 0 0 0;}

.blok.galleri{min-height: 270px;  width: 275px;}
#carousel_man { margin-left: 15px;}
#carousel_cont a.prevsmall, #carousel_cont a.nextsmall{ margin-top: -155px;}
ul#mycarousel.jcarousel-skin-tango li{width: 240px;min-height: 230px;padding-right: 25px!important;}
.popup-with-zoom-anim > img {height: auto;width: 100%;}

}
@media all and (max-width:375px){
.blok.galleri{min-height: 270px;  width: 275px;}
#carousel_man { margin-left: 15px;}
#carousel_cont a.prevsmall, #carousel_cont a.nextsmall{ margin-top: -155px;}
ul#mycarousel.jcarousel-skin-tango li{width: 240px;min-height: 230px;padding-right: 25px!important;}
.popup-with-zoom-anim > img {height: auto;width: 100%;}
}