/*-------------------PC 1600 + --------------------------------*/     
      @media  (min-width: 1601px) {
    .headFreightTxt{
	  left: calc(43% - 80px);
     }
    .headCont{
	height:60px;
    }
    .head{
	height:60px;
    }
    .headSearchCont{
        top:13px;
	left:50px;
    }
    .headSearchWord{
	height:30px;
	font-size:20px;
	width:500px;
	background-image: url('searchicon2.png');
	padding: 0px 40px 0px 10px;
	background-position: 470px 5px;
    }
    .headPicCont{
	top:0px;
	left: 40%;
	height:50px;
	background-color:#001e3a;;
    }
   .headPic{
       height:50px;
       background-color:#001e3a;;
    }
   .headBarGold{
       display:block;
   }
   .headGoldTable{
       left:15%;
	width: 75%;
    }
}

/*-------------------PC 1250 + --------------------------------*/      
      @media (max-width: 1600px) and (min-width: 1250px) {

    .headFreightTxt{
	  left: calc(48% - 150px);
     }
    .headCont{
	height:60px;
    }
    .head{
	height:60px;
    }
    .headSearchCont{
        top:13px;
	left:50px;
    }
    .headSearchWord{
	height:30px;
	width:400px;
	font-size:20px;
	background-image: url('searchicon2.png');
	padding: 0px 40px 0px 10px;
	background-position: 370px 5px;
    }
    .headPicCont{
	top:0px;
	left: 40%;
	height:50px;
	background-color:#001e3a;;
    }
   .headPic{
       height:50px;
       background-color:#001e3a;;
    }
   .headBarGold{
       display:block;
   }
   .headGoldTable{
       left:15%;
       width: 80%;
   }

 }

/*-------------------PC 700 + vga--------------------------------*/      
      @media (max-width: 1250px) and (min-width: 701px) {
      /*.bucket{grid-template-columns: 1fr 1fr;}*/

     .headFreightTxt{
	  left:55px;
      }
    .headCont{
	height:110px;
    }
    .head{
	height:90px;
    }
    .headSearchCont{
        top:60px;
	left:50px;
    }
    .headSearchWord{
	height:30px;
	width:600px;
	font-size:20px;
	background-image: url('searchicon2.png');
	padding: 0px 40px 0px 10px;
	background-position: 570px 5px;
    }
    .headPicCont{
	top:0px;
	left: 40px;
	height:50px;
	background-color:#001e3a;;
    }
   .headPic{
       height:50px;
       background-color:#001e3a;;
    }
   .headBarGold{
       display:none;
   }	  

 }
      
/*-------------------PC liten --------------------------------*/      
      @media (max-width: 700px) {
      /*.bucket{grid-template-columns: 1fr;}*/

    .headFreightTxt{
	  left:55px;
     }
    .headCont{
	height:110px;
    }
    .head{
	height:110px;
    }
    .headSearchCont{
        top:60px;
	left:50px;
    }
    .headSearchWord{
	height:30px;
	width:300px;
	font-size:20px;
	background-image: url('searchicon2.png');
	padding: 0px 40px 0px 10px;
	background-position: 270px 5px;
    }
    .headPicCont{
	top:0px;
	left: 40px;
	height:50px;
	background-color:#001e3a;;
    }
   .headPic{
       height:50px;
       background-color:#001e3a;;
    }
   .headBarGold{
       display:none;
   }	  


   }

 

 /*-------------------Felles PC --------------------------------*/      
      @media only screen
      and ( min-device-width: 950px ) , (-webkit-device-pixel-ratio: 1) {

	  
      .headFreight{
           font-size: 16px;
	   line-height:30px;
	   height:30px;
      }
      
      .headGiftcard{
	  top:0px;
	  right:20px;
	  width:80px;
	  line-height:30px;
	  height:30px;
      }

  }


 /* ----------- Mobile  ----------- */     
     @media only screen 
            and (min-device-width: 100px) 
            and (max-device-width: 500px)
            and (-webkit-min-device-pixel-ratio: 2) {
     /*.bucket{grid-template-columns: 1fr;}*/

    .pkgAltGroup{
       grid-column: 1 / span 1;
     }

	 
     }

 /* ----------- Mobile, liten pad ----------- */     
     @media only screen 
            and (min-device-width: 500px) 
            and (max-device-width: 950px)
            and (-webkit-min-device-pixel-ratio: 2) {
     /*.bucket{grid-template-columns: 1fr 1fr;}*/

     .pkgAltGroup{
       grid-column: 1 / span 2;
     }
      
     }


/* ----------- Pad  ----------- 
     @media only screen 
            and (min-device-width: 750px)
            and (max-device-width: 950px) 
            and (-webkit-min-device-pixel-ratio: 2) { 
     .bucket{grid-template-columns: 1fr 1fr 1fr;}


     }
*/
     
/* ----------- Felles Mobil og Pad med  ratio 2 og mer  ----------- */
     @media only screen
            and (max-device-width: 950px) 
            and (-webkit-min-device-pixel-ratio: 2) { 
    .headFreight{
        font-size: 24Px;
	Line-height:60px;
	height:60px;
    }
    .headFreightTxt{
	  left:100px;
    }
    .headCont{
	height:200px;
    }
    .head{
	height:200px;
    }
    .headSearchCont{
	top:120px;
	left:80px;
    }
    
    .headSearchWord{
	height:60px;
	width:700px;
	font-size:40px;
	background-image: url('searchicon4.png');
	padding: 0px 80px 0px 20px;
	background-position: 640px 10px; 
    }
    .headPicCont{
	top:0px;
	left: 0px;
	height:100px;
	background-color:#001e3a;;
    }
   .headPic{
       height:100px;
       background-color:#001e3a;;
    }
   .headBarGold{
       display:none;
   }
   .headGiftcard{
       top:0px;
       right:40px;
       width:160px;
       height:60px;
       line-height:60px;
   }


 }
     
/*------------------------------- FELLLES ---------------------------*/




  .headCurtain{
    display:none;
    position:fixed;
    top:130px;
    left:0;
    width:100%;
    height:100%;
    background-color:rgba(19, 40, 68, 0.7);/*background-color: rgba(0, 0, 0, 0.2);*/
    z-index:9000;
 }


 .headFreight{
    position:relative;
    width:100%;
    font-family:Abel;
    text-align:center;
    color:white;
    background-color:#225397; /*white;*/
    z-index:100100;
}
.headFreightTxt{
    position:absolute;
}

.headCont{
    position: -webkit-sticky; /* Safari */
    position: sticky;
    left:0px;
    top:0px;
    width:100%;
    z-index:10000;
    background-color:#001e3a; /*rgba(233, 20,124, 1);*/
    
}
.head{
    position: relative;
    left:0px;
    top:0px;
    width:100%;
    color:white;    
    background-color:#001e3a;/*gammel logo farge:#132844;*/
    z-index:10000;
    
}
.headSearchCont{
    position:absolute;
    /*background-color:yellow;*/
}
.headSearchWord{
   border: none transparent;
   outline: none;
   background-repeat: no-repeat;
}

.headPicCont{
    position:absolute;
    top:0px;
    background-color:orange;
}
.headPic{
}

.headBarGold{
   position:relative;
   width:100%;
   z-index:9900;
}


.headMeny{
   display:none;
   position:absolute;
   left:10%;
   width:80%;
   z-index:10001;
   background-color:white;
}
.headGoldLine{
   font-familie:Abel;
   font-size:20px;
   line-height:30px;
   height:30px;
   width:100%;
   color:white;
   background-color:#001e3a;
}

.headGoldTable{
 position:absolute;
 background-color:#001e3a;
 color:white;
 border-collapse: collapse;
 padding:0px;
 margin: auto;
 border:collapse;
}
.headGoldButton{
  max-width: 130px;
  padding: 0px 5px 5px 0px;
  font-family:Abel;
  font-size: 16px;
  padding:0px;
  margin:0px;
  text-align:center;
  overflow:hidden;
  text-overflow:ellipsis;
  with-space:nowrap;
}
.headGoldButton:hover{
cursor:pointer;
}
.headGoldUnderCont{
    height:4px;
}
.headGoldUnderLine{
 width:30px;
 height:4px;
 margin:auto;
 background-color:#001e3a;
}
.headGoldSpace{
 width:30px;
 height:3px;
}

.headGiftcard{
    position:absolute;
    cursor:pointer;
}
.headGiftcard:hover{
    background-color: #001e3a;
}

.headGift{
    display:block;
    position:absolute;
    background-color: #001e3a;
    z-index:10200;
    cursor:pointer;
}

.headLoginPosCont{
    position:absolute;
    left:30px;
    top:0px;
    cursor:pointer;
    background-color: orange;
    background-color: #225397;
}
.headLoginPosCont:hover{
    background-color: #001e3a;
}
.headDropdown{
  position:absolute;
  left:120px;
  top:0px;
  cursor:pointer;
}
.headDropdownVerkstedet{
  left:210px;
}
.headDropdownOrder{
  left:320px;
}
.headDropdownButton{
  color: white;
  height: 30px;
  line-height:30px;
  font-family:Abel;
  font-size: 16px;
  border: none;
  padding: 0px 20px; 
  cursor: pointer;
  background-color: #225397;
}
.headDropdownButton:hover {
  background-color: #001e3a;
}
.headDropdownCont{
  display: none;
  position: absolute;
  color:white;
  background-color: #225397; /*#f9f9f9;*/
  min-width: 200px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 2;
  border-radius: 0px 0px 10px 10px;
}
.headDropdownCont a{
  color: white;
  font-family:Abel;
  font-size: 16px;
  font-weight:700;
  padding: 5px 20px;
  text-align:left;
  text-decoration: none;
  display: block;
}
.headDropdownCont a:hover {
  background-color: #001e3a;
}
.headDropdown:hover .headDropdownCont {
  display: block;
}
.headDropdown:hover .headDropdownButton {
  background-color: #001e3a;
}