
      @media  (min-width: 1901px) {
      .prodMainGridAdmin{
       grid-template-columns: 1fr 1fr;
      }
      }
      @media  (min-width: 1601px) and (max-width: 1900px)  {
      .prodMainGridAdmin{
       grid-template-columns: 1fr;
      }
      }


/*-------------------PC 1600 + --------------------------------*/     
      @media  (min-width: 1601px) {
      /*.bucket{grid-template-columns: 1fr 1fr 1fr 1fr;}*/
      .prodMainGrid{
       grid-template-columns: 3fr 1fr;
      }
      .prodSectionGallery{
	  grid-row:1/3;
      }
      .prodSectionHeader{
	  padding:50px 0% 30px 0%;
      }
      .prodSectionBody{
          padding:50px 5% 30px 5%;
      }
     .prodMobileCloseBar{
      display:none;
     }	  
     .ppCont{      
      position:relative;
      top:150px;
      width:80%;
      background-color:orange;
      margin: 0px 10% 300px 10%;      
      z-index:8;
      border-radius:10px;
      }
      }

/*-------------------PC 1250 + --------------------------------*/      
      @media (max-width: 1600px) and (min-width: 1250px) {
      /*.bucket{grid-template-columns: 1fr 1fr 1fr;}*/
      .prodMainGrid{
       grid-template-columns: 2fr 1fr;
      }
      .prodMainGridAdmin{
       grid-template-columns: 1fr;
      }
      .prodSectionHeader{
	  padding:50px 0% 30px 0%;
      }
      .prodSectionBody{
          padding:50px 5% 30px 5%;
      }
     .prodMobileCloseBar{
      display:none;
     }
     .ppCont{      
      position:relative;
      top:150px;
      width:80%;
      background-color:blue;
      margin: 0px 10% 300px 10%;      
      z-index:8;
      border-radius:10px;
      }
   }

/*-------------------PC 700 + vga--------------------------------*/      
      @media (max-width: 1250px) and (min-width: 701px) {
      /*.bucket{grid-template-columns: 1fr 1fr;}*/
      .prodMainGrid{
       grid-template-columns: 1fr;
      }
      .prodMainGridAdmin{
       grid-template-columns: 1fr;
      }
      .prodSectionHeader{
	  padding:50px 0% 30px 0%;
      }
      .prodSectionBody{
      padding:50px 5% 30px 5%;
      }
     .prodMobileCloseBar{
      display:none;
     }
     .ppCont{      
      position:relative;
      top:150px;
      width:80%;
      background-color:green;
      margin: 0px 10% 300px 10%;      
      z-index:8;
      border-radius:10px;
      }
     
      }

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

      .prodMainGrid{
       grid-template-columns: 1fr;
      }
      .prodSectionHeader{
	  padding:20px 0% 0% 0%;
      }
      .prodSectionBody{
      width:90%;
      padding:0% 5% 30px 5%;
      }
     .prodMobileCloseBar{
      display:block;
      height:50px;
      font-size: 25px;
      line-height:50px;
     }
     .prodTopbarX{
	  display:none;
     }
     .ppCont{      
      position:relative;
      top:150px;
      width:95%;      
      margin: 0px 0px 300px 0px;      
      background-color:red;
      z-index:8;
      border-radius:10px;
      }
      }
 

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

      .prodBrandName{
      height:10px;
      font-size:16px;
      padding:0% 0% 20px 0%;
      }
      .prodBrandLogo{
      width:300px;
      height:50px;
      }      
      .prodName{
	  font-size:30px;
	  padding:20px 5% 20px 5%;
      }
      .prodIngress{
	  font-size:24px;
      }
      .prodPriceCont{
	  font-size:24px;
      }
      .prodSrp{
	  font-size: 24px;
	  line-height: 24px;
      }      
      .prodSrpSingel{
	  font-size: 40px;
	  line-height: 40px;
      }
      .prodMp{
	  font-size: 40px;
	  line-height: 40px;
      }
      .prodSrpCont{
	  padding-top:10px;
      }
      .prodMainBuy{      
      height:50px;
      font-size: 30px;
      line-height:50px;
      }
      .prodStockStatus{      
      height:16px;
      font-size: 16px;      
      line-height:16px;
      }
    
      
      
      }



 /* ----------- 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;}*/
     .prodMainGrid{
       grid-template-columns: 1fr;
     }
      .prodSectionHeader{
	  padding:40px 0% 0% 0%;
      }
      .prodSectionBody{
          padding:0% 5% 40px 5%;
      }
	 
     }

 /* ----------- 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;}*/

     .prodMainGrid{
       grid-template-columns: 1fr 1fr;
     }
      .prodSectionHeader{
	  padding:40px 0% 40px 0%;
      }
      .prodSectionBody{
          padding: 40px 5% 40px 5%;
      }
      
     }


/* ----------- 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) { 

     .prodMobileCloseBar{
      display:block;
      height:100px;
      font-size: 50px;
      line-height:100px;
     }
     .prodMobileCloseBar:hover{
       cursor:pointer;
     }
     .prodTopbarX{
	  display:none;
     }
     .prodBrandName{
      height:20px;
      font-size:32px;
      padding:0% 0% 30px 0%;
     }
      .prodBrandLogo{
      width:600px;
      height:100px;
      }      
      .prodIngress{
	font-size:48px;
      }
      .prodName{
	  font-size:50px;
	  padding:30px 5% 30px 5%;
      }
      .prodPriceCont{
	  font-size:48px;
      }
      .prodSrp{
	  font-size: 40px;
	  line-height: 40px;
      }
      .prodSrpSingle{
	  font-size: 80px;
	  line-height: 80px;
      }
      .prodMp{
	  font-size: 80px;
	  line-height: 80px;
      }
      .prodSrpCont{
	  padding-top:20px;
      }
      .prodMainBuy{      
      height:100px;
      font-size: 50px;
      line-height:100px;
      }
      .prodStockStatus{      
      height:40px;
      font-size: 40px;      
      line-height:40px;
      }
      .ppCont{      
      postion:relative;
      width:100%;
      top:300px;
      margin: 0px 0px 500px 0px;      
      background-color:white;
      z-index:8;
      border-radius:10px;
      }

     }

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


      .pSlideContCont{
      cursor:default;      
      }      
      .ppCont{
      }
      .prodMain{
      width:100%;
      display:block;/*none;
      position:absolute;
      position:relative:
      top:130px;*/	  
      background-color:white;
      border-left:10px solid #132844; /*#225397;*/
      border-right:10px solid #132844; /*#225397;*/
      border-bottom:10px solid #132844; /*#225397;*/
      border-radius:10px;
      }
      .prodMobileCloseBar{
      background-color:#132844;
      font-family: Oswald;
      font-weight:700;
      color:white;
      text-align:center;
      cursor:pointer;
      }
      .prodTopbar{
      position:relative;
      height:10px;
      background-color:#132844;
      font-family: Oswald;
      font-size:20px;
      color:white;
      font-weight: 700;
      }
      /*old topbar
      .prodTopbarButton{
      width:86%;
      display:inline-block;
      cursor:pointer;
      }
      .prodTopbarButton:hover{
      background-color:#225397;;
      }
      .prodTopbarArrow{
      display:inline-block;
      padding:0px 10px 5px 10px;
      }
      .prodTopbarTxt{
       display:inline-block;
       width:86%;
       white-space: nowrap;
       overflow: hidden;
       text-overflow: ellipsis;
       padding:0px 0px 0px 0px;
      }
      .prodTopbarX{
      display:inline-block;
      float:right;
      color:white;
      font-family:Arial, Helvetica, sans-serif;
      font-size:25px;
      padding:0px 10px 0px 10px;
      cursor:pointer;
      }
      */
      .prodTopbarX{
      position:absolute;
      top:-10px;
      right:-21px;
      color:white;
      background-color:#132844;
      border-radius:20px;
      font-family:Arial, Helvetica, sans-serif;
      font-size:25px;
      padding:0px 8px 0px 8px;
      cursor:pointer;
      }
      .prodTopbarX:hover{
      background-color:white;
      color:#132844;
      /*color: #132844;*/
      }
      .prodMainGrid{
      width:100%;
      display: grid;
      grid-gap: 20px;
      }
      .prodMainGridAdmin{
      width:100%;
      display: grid;
      grid-gap: 20px;
      }
      .prodSectionGallery{
      padding-top:10px;
      padding-left:10px;
      padding-right:10px; 
      }
      .prodSectionHeader{
      min-width:0;
      width:100%;
      color:#132844;
      }
      .prodCSlideCont{
      width:90%;
      padding:0% 5% 0% 5%;
      }
      .prodDdsCont{
      width:90%;
      padding:0% 5% 0% 5%;
      }
      .prodBrandName{
      width:100%;
      font-family: Abel;
      color:cornflowerblue;
      text-align:center;
      }
      .prodBrandNameLink{
      cursor:pointer;
      }
      .prodBrandNameLink:hover{
      text-decoration:underline;
      }
      .prodBrandLogo{
      margin:auto;
      display:block;
      object-fit:contain;
      }
      .prodName{
      min-width:0;
      width:90%;
      font-family: Oswald;
      font-weight:700;
      text-align:center;
      /*white-space:nowrap;
      overflow:hidden;
      text-overflow:ellipsis;*/      
      }
      .prodIngress{
       width:90%;
      font-family: Abel;
      text-align:center;
      padding:0% 5% 0% 5%;
      }
      .prodPriceCont{
	  margin:auto;
	  text-align:center;
      }
      .prodSrpTxt{
	  font-family:Abel;
	  font-size: 24px;
	  font-weight: 400;
      }
      .prodSrpCont{
	  text-align:center;
      }
      .prodSrp{
	  font-family:Abel;
	  /*background-color:orange;*/
      }
      .prodSrpSingel{
	  font-family:Abel;
	  color:black;
	  /*background-color:orange;*/
      }
      .prodMpTxt{
	  font-family:Abel;
	  font-size: 24px;
	  font-weight: 400;
	  text-decoration:underline;
	  color:red;
	  /*background-color:pink;*/
      }
      .prodMpCont{
	  text-align:center;
      }
      .prodMp{
	  font-family: Oswald;
	  font-weight: 700;
	  color:red;
	  /*background-color:yellow;*/
      }

      .prodMainBuyCont{
      display:block;
      position:relative;
      width:90%;
      padding:0 5% 5px 5%;
      }      
      .prodMainBuy{
      width:100%;  
      background-color:#132844; /*green;*/
      text-align:center;
      font-family: Abel;
      color:white;
      cursor:pointer;
      }
      .prodMainBuyWarning{
      position:relative;
      width:100%;
      background-color:red; /*green;*/
      text-align:center;
      font-family: Oswald;
      font-weight: 700;
      font-size:20px;
      line-height:50px;
      color:white;
      cursor:default;
      }
      .prodMainBuyWarningClose{
      display:block;
      position:absolute;
      top:10px;
      right:10px;
      width:20px;
      height:20px;
      background-color:white; /*green;*/
      color:red;
      text-align:center;
      font-family: Abel;
      font-size:14px;
      line-height:20px;
      border-radius:10px;
      cursor:pointer;
      }
      .prodMainBuyAdminText{
	font-size: 20px;  
      }
      .prodMainBuyAdmin{
      display:table-cell;
      width:47%;
      height:40px;
      background-color:#132844; /*green;*/
      line-height:40px;
      text-align:center;
      font-family: Oswald;
      font-size: 20px;
      font-weight: 700;
      color:white;
      cursor:pointer;
      border-top:3px solid white;
      }     
      .prodSectionBody{
      width:90%;
      }
      .prodStockStatus{      
	  text-align:center;
          font-family:Abel;
	  color: #132844;
	  background-color:white;
      }


