﻿#UndersideIndhold .qf-ecom-group{
  display:inherit !important;
  width:33.333%;
  float:left;
  margin-bottom:40px;
  text-align:center;
}

#UndersideIndhold .qf-ecom-group h2{
  color:#355E77;
  font-family:"Yanone Kaffeesatz",sans-serif;
  font-size:34px;
  font-weight:400;
  line-height:34px;
  padding-bottom:15px;
}

#UndersideIndhold .qf-ecom-group img{
  max-width:90%;
}
.pure-pusher-container{
  height:initial;
}
/****************************************************
   - SlideBars
****************************************************/

.sb-slidebar{
 background-color:#383838;
}

.nav-btn {
    color: #4F4E49;
    float: left;
    font-size: 20px;
    outline: medium none;
    padding: 5px 10px;
}
#nav-open-btn {
    border: 1px solid #767676;
    border-radius: 3px;
    padding: 5px 10px 0;
}

.caret {
    border-left: 4px solid rgba(0, 0, 0, 0);
    border-right: 4px solid rgba(0, 0, 0, 0);
    border-top: 4px solid #666666;
    content: "";
    display: inline-block;
    height: 0;
    vertical-align: top;
    width: 0;
}
.dropdown .caret {
    margin-left: 2px;
    margin-top: 8px;
}

#leftSlideBar .caret {
    border-bottom-color: #DDDDDD;
    border-top-color: #DDDDDD;
}

#leftSlideBar ul, #rightSlideBar ul {
    margin: 0px;
  padding:0px;
}
#leftSlideBar ul:before, #leftSlideBar ul:after, #rightSlideBar ul:before, #rightSlideBar ul:after {
    content: "";
    display: table;
}
#leftSlideBar ul:after, #rightSlideBar ul:after {
    clear: both;
}
#leftSlideBar li, #rightSlideBar li {
    display: block;
    margin: 0;
    position: relative;
}
#leftSlideBar li a, #rightSlideBar li a {
    background: linear-gradient(to bottom, #3E3E3E, #383838) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-bottom: 1px solid #2E2E2E;
    border-top: 1px solid #484848;
    color: #DDDDDD;
    display: block;
    font-weight: bold;
    line-height: 1.28571em;
    outline: medium none;
    padding: 0.85714em 1.7em;
    text-decoration: none;
}
#leftSlideBar li a:focus, #rightSlideBar li a:focus {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.1);
    color: #FFFFFF;
}
#leftSlideBar .dropdown-menu, #rightSlideBar .dropdown-menu {
    background-color: rgba(0, 0, 0, 0);
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    display: block !important;
    float: none;
    height: auto;
    left: auto;
    max-height: 0;
    max-width: none;
    overflow: hidden;
    padding: 0;
    position: static;
    top: auto;
    transition: max-height 0.6s ease-in 0s;
}
#leftSlideBar .open > .dropdown-menu, #rightSlideBar .open > .dropdown-menu {
    max-height: 50em !important;
}
#leftSlideBar .dropdown-menu li > a, #rightSlideBar .dropdown-menu li > a {
    padding-left: 2.8em;
}

.navSlideButton{
  position:fixed;
  display:table;
  z-index:999999;
}
.navSlideButton.leftSlideButton{
  left:-20px;
}

.navSlideButton.rightSlideButton{
    right:-20px;
  	top:0px;
}


.sb-toggle-left {
    padding: 14px;
    width: 25px;
  	background-color:#383838;
	float:left;
  	top:0px;
  	
  
}
.sb-toggle-right {
    float: right;
    padding: 14px;
    width: 25px;
   	background-color:#383838;
  	top:0px;
}
.sb-toggle-left, .sb-toggle-right, .sb-open-left, .sb-open-right, .sb-close {
    cursor: pointer;
}
.navicon-line {
    background-color: #FFFFFF;
    border-radius: 1px;
    height: 4px;
    margin-bottom: 3px;
    width: 24px;
}
    

#leftSlideBar, #leftSlideBar a, #rightSlideBar, #rightSlideBar a{color:#FFF}

.sb-toggle-left, .sb-toggle-right{display:none;}

.caret, .pure-toggle-label{
  display:none;
  
}
.pure-drawer{
  
  background:linear-gradient(to bottom, #3E3E3E, #383838) repeat scroll 0 0 rgba(0, 0, 0, 0);
  
}

.pd-content{
  padding:15px;
  
}
.pd-content > div{
  clear:both;
  padding-top:5px;
  padding-bottom:10px;
}
.pd-content .pd-cart a{
  position:inherit;
  top:inherit;
  left:inherit;
}


/****************************************************
   - Responsive
****************************************************/
@media screen and (max-width:767px){
	html{
		
	}
}



/* Large devices (large desktops, 1200px and up) */
@media screen and (min-width: 1200px) { ... }

/* Medium devices (desktops, 1199px and down) */
@media screen and (max-width: 1199px) { ... }

/* Specific website width */
@media screen and (max-width: 959px) { 

  #Page, #footer, #ForsideTop, .forside_tilbud_container, #ForsideContent, .topRightSide, .sliderContainer, .promoContainer{
    width:100% !important;
  }
  #Page{
    display:block;
    padding-left:15px;
    padding-right:15px;
    box-sizing:border-box;
  }
  .puppy, .foot_1, .foot_5, .foot_6, .logo-wrap > img:first-of-type, .ibill-overlay-clickable, #undersideRight, #megamenu{
  display:none !important;
  }
  ul.userItems{
  		top:inherit;
    	left:inherit;
    	position:inherit;
    	width:100%;
    	float:inherit;
  }
  ul.userItems li{
  	float:left;
    
  }
  .UserKartLogin{
  	width:100%;
    position:inherit;
    height:inherit !important;
    clear:both;
    top:inherit;
    left:inherit;
    
  }
  .UserKartLogin .CartContent{
    width:100%;
    height:inherit;
    min-height:200px;
  }
  #ForsideTop{
    height:inherit;
  }
  .foot_4{
  }
  #footer, .sliderContainer, .UserKartLogin{
    box-sizing:border-box;
  }
  .forside_tilbud_container{
    margin-left:0px !important;
  }
  .topRightSide{
    margin-left:0px;
    height:inherit !important;
  }
  img{
    max-width:100%;
  }
  ul.megamenu{
    background:inherit;
    padding-left:0px;
  }
  .logo-wrap{
    padding-left:15px;
  }
  #UndersideContent, #UndersideIndhold.UndersideIndhold{
    width:100%;
  }
  #productdetails{
    left:inherit;
    top:inherit;
  }
  .prod_Desc{
    width:100%;
  }
  .prod_RelatedProducts{
    width:100%;
    height:inherit;
  }
  #UndersideIndhold{
    width:100% important;
    box-sizing:border-box;
  }
  .dummySpace1{
    clear:both;
    width:100%;
    float:inherit;
  }
  .prod_Number{
    clear:both;
    display:block;
    left:inherit;
    top:inherit;
    width:100%;
    position:inherit;
  }
  .prod_Desc_container{
    width:100%;
    padding-left:inherit;
  }
  .prod_Image{
    height:auto;
    width:100%;
    float:inherit;
    clear:both;
    text-align:center;
  }
  .prodItems{
    left:inherit;
    top:inherit;
    position:inherit;
    margin-top:15px !important;
  }
  .prod_Desc{
    margin-top:0px;
  }
  .fb-like.facebook.fb_iframe_widget{
    display:none !important;
  } 
  
  .UserKartLogin.checkout{
    top:inherit;
    left:inherit;
    width:100%;
  }

}

/* Extra small devices (phones, less than 768px) */
@media screen and (max-width: 767px){ 
  .pure-toggle-label{display:inherit;}
  .nivoSlider, .sliderContainer{
    display:none;
  }
  .UserKartLogin.checkout .CartContent table#smallKurv, fieldset.ny_Kunde, fieldset.eksisterende_kunde, fieldset.eksisterende_kunde legend, fieldset.ny_Kunde legend, fieldset.HalfPageLengtBlueStyle legend, fieldset.Receipt_OrderInformation_fieldset legend, div.LeveringOption, .UserKartLogin.checkout .CartContent .sk_subtotal, .UserKartLogin.checkout .CartContent .sk_total #sk_total_table{
    padding-left:0px;
    width:100%;
  }
  table#Handelsbetingelser{
    padding-left:0px;
  }
  form .kunderInformationWrapper table input{
    width:100% !important;
  }
  .eksisterende_kunde{
    margin-left:0px;
  }
  .logo-wrap img{
    max-width:50vw;
  }
  #UndersideIndhold .qf-ecom-group{
    width:50%;
  }
  .pure-pusher-container{
  height:100%;
}

  /* CHO - Trustpilot element full width */
  .topHeadLeftSide {
      width: 100%;
  }

}

/* Small devices (tablets, 991px and down) */
@media screen and (max-width: 991px) { ... }



@media screen and (max-width: 500px) { 
.forside_tilbud_container *{
    text-align:center;
  }
  .forside_tilbud_container form, #UndersideIndhold form{
    display:inline-block;
  }
  .miniMenu_right{
    width:100%;
    clear:both;
    /* CHO - added so the menu is placed better in smaller screens (to the right) */
    left: 136px;
  }
  .miniMenu_right a{
    float:left;
  }
  .topSearchBar{
    width:100% !important;
    clear:both;
    height: auto !important;
  }
  .e-maerket-header{
    display:none;
  }



}
@media screen and (max-width: 400px) { 
    #UndersideIndhold .qf-ecom-group{
    width:100%;
  }
}


/* Trustpilot - adjusting the space between element and mobile menu */
@media screen and (max-width: 321px) {

    .topHeadLeftSide {
        margin-top: 5%;
    	width: 301px;
    }
  
}


/* For TrustPilot at the top - absolute positioning at different screensizes - lower screensizes and upwards */
@media screen and (min-width: 768px) {

    .topHeadLeftSide {
        position: absolute;
        top: 78px;
        right: 200px;
    }

}

@media screen and (max-width: 885px) {

    .topHeadLeftSide {
    	right: 288px;
    	top: 135px;
    }
}

@media screen and (min-width: 1030px) {

    .topHeadLeftSide {
        right: 212px;
    }
}

@media screen and (min-width: 1154px) {

    .topHeadLeftSide {
        right: 280px;
    }
}

@media screen and (min-width: 1200px) {

    .topHeadLeftSide {
        right: 284px;
    }
}

@media screen and (min-width: 1240px) {

    .topHeadLeftSide {
        right: 306px;
    }
}

@media screen and (min-width: 1300px) {

    .topHeadLeftSide {
        right: 337px;
    }
}

@media screen and (min-width: 1400px) {

    .topHeadLeftSide {
        right: 400px;
    }
}

@media screen and (min-width: 1500px) {

    .topHeadLeftSide {
        right: 428px;
    }
}


@media screen and (min-width: 1530px) {

    .topHeadLeftSide {
        right: 457px;
    }
}


@media screen and (min-width: 1610px) {

    .topHeadLeftSide {
        right: 480px;
    }
}


@media screen and (min-width: 1650px) {

    .topHeadLeftSide {
        right: 520px;
    }
}


@media screen and (min-width: 1730px) {

    .topHeadLeftSide {
        right: 548px;
    }
}


@media screen and (min-width: 1780px) {

    .topHeadLeftSide {
        right: 586px;
    }
}

@media screen and (min-width: 1860px) {

    .topHeadLeftSide {
        right: 615px;
    }
}


@media screen and (min-width: 1900px) {

    .topHeadLeftSide {
        right: 655px;
    }
}

@media screen and (min-width: 2050px) {

    .topHeadLeftSide {
        right: 726px;
    }
}


@media screen and (min-width: 2160px) {

    .topHeadLeftSide {
        right: 764px;
    }
}


@media screen and (min-width: 2250px) {

    .topHeadLeftSide {
        right: 815px;
    }
}


@media screen and (min-width: 2340px) {

    .topHeadLeftSide {
        right: 851px;
    }
}


@media screen and (min-width: 2400px) {

    .topHeadLeftSide {
        right: 894px;
    }
}


@media screen and (min-width: 2504px) {

    .topHeadLeftSide {
        right: 936px;
    }
}


@media screen and (min-width: 2560px) {

    .topHeadLeftSide {
        right: 979px;
    }
}


@media screen and (min-width: 2656px) {

    .topHeadLeftSide {
        right: 1015px;
    }
}

@media screen and (min-width: 2730px) {

    .topHeadLeftSide {
        right: 1053px;
    }
}