#logo, #logo_de, #logo_en, #logo_fr, .grad {
 -moz-transition:all  0.25s;
 -webkit-transition:all  0.25s;
 -o-transition:all  0.25s;
 transition:all  0.25s;
}

/* #detailText, #detailText li , #detailText td  {
  font-size: 14px;
} */

#detailText b {
  font-weight: normal;
  color:#000000;
}

#detailText b.dtsl {
  font-weight: bold;
  color:inherit;
}

sup {
  line-height:0;
  color:#000000;
  font-size:11px;
}

sup.sup {
  line-height:inherit;
  vertical-align:top;
}

sup.sup::after {
  content: ") ";
}

#islands1 > td, #islands2  > td {
  font-size: 11px !important;
}

.flexbanner > ul.slides {
  cursor:pointer; 
  height:0 !important; 
  padding-bottom:36.3076923077%;
}
.flexbanner > ul.slides > li {
  height:0; 
  padding-bottom:36.3076923077%; 
  overflow:hidden;
}
#mBanner > .flexbanner > ul.slides, #mBanner > .flexbanner > ul.slides > li {
  padding-bottom:74.19354839%; 
}
.flexbanner > ul.slides > li > :first-child {
  position:absolute; top:0; left:0; bottom:0; right:0; width:100%; height:100%;
}

.liImage1 {
  width:51.4%;
}
.liImage2 {
  width:55%;
}
.liImage1 > a {
  width:90% !important;
  margin:5% 0 0 0 !important;
  background-position: center top !important;
}   
.liImage2 > a {
  margin:0 !important;
  width:80% !important;
}  


@media(max-width: 9999px) and (min-width:1px) {
 #head {
   width:100%; 
   max-width:1210px;
 }
 #lNav {
   width:200px; 
 }
 #page {
   width:100%; 
   max-width:1250px;
 }
 #hNav1 {
   width:88%;
   max-width:1070px;
 }
 .itemBox, .itemBox2, .itemBox3, .itemBox4, .itemBox5 {
   float:none;
   display:inline-block; 
 }
 .itemBox {
   width:33.33%;
 }
 .itemBox2 {
   width:25%;
 }
  .itemBox2 .grpTxt {
    height:50px !important;
  }
  .itemBox2 .grpImg > a {
    height:120px !important;
  }
  .itemBox2 img {
    width:80% !important;
    max-width:170px !important;
    background-size:contain !important;
  }
 .itemBox3, .itemBox5 {
   width:50%; 
 }
 .itemBox6 {
   width:20%; 
 }
 .brandLogo {
  width:35%;
 }
}

@media(max-width: 1245px) and (min-width:1px) {
 #body {
  padding: 0px 0px 30px 30px;  
 } 
}

@media(max-width: 1220px) and (min-width:1px) {
 #lNav {
   width:175px; 
 }
  table.krn, div.krn {
    left: -205px;
  }
}

@media(min-width: 1112px) {
  /* .itemBox2 {
    width:25%; 
  }
  .itemBox3 {
    width:33.33%; 
  } */
  #detailText, #detailText li , #detailText td  {
    font-size: 14px;
  }
  
  .shopNl > b {
    font-size:13px;  
  }
  a.shopNl {
   display:block;
   margin-bottom:3px !important;
  } 
  div.bInf {
   margin-bottom:5px !important;
  }
  td.tdImg {
    padding: 10px 0px 10px 0px;
  }
  .hImg {
    width: 55px;
    height: auto;
    padding: 0 10px;
  }
  .vImg {
    width: auto;
    height: 75px;
    padding: 0 10px;
  }    
}

@media(max-width: 1111px) and (min-width:1024px) {
 #hNav1 {
   width:87%;
   max-width:1025px;
 } 
 #offerBtn_fr {
   display:none;
 }
   #imgBox {
     max-width:45% !important;
   }
   #thnIco img {
    width: 100px;
   }
  .itemBox2, .itemBox3 {
    width:33.33%; 
  }
  .liHeader {
    padding:20px 0px 0px 30px !important;
  }
  /* .liInfo {
    padding-left:30px !important;
  } */
  .liFooter1 {
    background-position: left 10px !important;
  }
  .liFooter2 {
    padding:10px 0px 0px 40px !important;
  }
}

@media(min-width: 1024px) {
  #basketTd {
    height: 60px;
  } 
  .Btn4 {
    height:42px;
  } 
  #imgBox {
    float: left !important; 
    margin: 0px 60px 0em 0px !important; 
    
    position: sticky !important;
    position: -webkit-sticky !important; 
    top: 20px;
  }
  #thnIco {
    text-align:center;
  }
  .edge {
    padding:0 !important;
    border-color:#EEEEEE !important;
  }
  .edge > h2 {
    padding:4px 0px 4px 6px;
  }
  #hl1, .edge > h1, .edge > h2 {
    display: none;
  }
  #hl2 {
    display: block !important;
    margin-bottom:1em;
  }
  #hl2 > h1 {
    text-align:left;
    color: #303030 !important;
    font-size: 23px !important;
  }
  #detailBlock {
    overflow:hidden;
    position:relative;
  }
  #slider a.hl {
    font-size:160% !important;
  }
  #offerInfo {
   margin-top:-2px !important;
   background-color:#FFFFFF;
  }
} 

@media(max-width: 1023px) and (min-width:1px) {
 #lNav {
  display:none;
 }
 #body {
  padding: 0px 0px 30px 0px;
 }
 .itemBox2 {
  width:25%;
 } 
  #zoomBox {
    width:auto !important;
  }
 #logo {
   display:none;
 }
 #logo_de, #logo_en, #logo_fr {
   display:inline;
   top:0px; 
 }
 #hNav1 {
  width:100%;
   max-width:100%;
 }
 #brandMenu {
  display:inline-block !important;
 }
 #sortLinks {
   display:none !important;
 }
 #sortMenu {
   display:inline-block !important;
 }
 table.krn, div.krn {
   left: 0px;
 }     
}

@media(max-width: 950px) and (min-width:1px) {
 a.hNav1, a.hNav2, a.hNav3 {
   font-size:11px; 
 }
  .Btn1, .Btn2, .Btn3 {
   height:37px;
 }
 /* #head_de, #head_en, #head_fr {
   height:150px !important;
 } */
}

@media(max-width: 899px) and (min-width:1px) {
 .itemBox, .itemBox2 {
   width:33.33%;
 } 
 .itemBox5 {
   width:50%;
 } 
 #maskBnr > div {
   font-size:1.4vw;
 }
  .liHeader {
    padding:20px 0px 0px 30px !important;
  }
}

@media(max-width: 855px) and (min-width:1px) {
}

@media(max-width: 767px) and (min-width:1px) {
 /* #basketTxt {
  height:70px;
 } */
 .offerImg {
  width:auto; 
  padding:10px 5px 10px 0px !important;
 }
 .itemBox4 {
  width:33.33%;
 }
 .itemBox { 
  width:50%;
 }
 #nextPage, #lastPage {
   display:none;
 }
 #StyleMyHairPro > img {
   opacity:0;
   position: absolute; top: 0; left: 0; width: 100%; height: 100%;
 }
 #StyleMyHairPro {
   position: relative; padding-bottom: 59.12%; height: 0; overflow: hidden; max-width: 100%;
   background:url(../../items/bnr/StyleMyHairPro2.png) no-repeat center/contain;
 }
 #maskBnr_de.homeBnr, #maskBnr_en.homeBnr, #maskBnr_fr.homeBnr {    
   margin-top:-1em !important;
 } 
}

@media(max-width: 799px) and (min-width:1px) {
 #logo_de, #logo_en, #logo_fr {
  top:10px;
  width:160px !important;
 }

 #tNav_de {
  display:none;
 }
 #footer_de {
  display:block;
 }
 #logo_de, #logo_en, #logo_fr {
  top:-10px;
 }
 #head_de {
  height:125px !important;
 }

 .Btn1, .Btn2, .Btn3 {
   height:auto;
   padding:5px 6px 10px 6px;
 }
 #head_de, #head_en, #head_fr {
   height:auto !important;
 }

 #basket_de, #basket_en, #basket_fr {
  padding-left:190px;
 }
 #hNav1 {
  display:none;
 }
 .Btn1, .Btn2, .Btn3 {
  vertical-align:middle;
 }
 #hNav2 {
  display:table;
  width:95%;
 }
 a.hNav1, a.hNav1:visited {
  font-size:12px;
  height:auto;
 }
}

@media(max-width: 659px) and (min-width:1px) {
 #logo_fr {
  top:-10px;
 }
 #tNav_fr {
  display:none;
 }
 #footer_fr {
  display:block;
 }
 #head_fr {
  height:125px !important;
 }
}

@media(max-width: 649px) and (min-width:1px) {
 #slider {
  display:none;
 }
 #mBanner {
  display:initial !important;
 }
 .noBr {
   display:none;
 }
 .offerInfo {
  display:none;
 }
}

@media(max-width: 639px) and (min-width:1px) {
  .brandLogo, #txtSelCat {
    display:none;
  }
  h1.mainCat, .subCat, td.shopIpp, form[name=topOffers] h1 {
   float:none !important;
   text-align:center;
  }
  .incFlex > div {
    display:block !important;
  }
  .incFlex > div > div:first-child {
    padding:0 !important;
    order:0 !important;
  }
  .incFlex > div > div:last-child {
    padding:20px 0 30px 0 !important;
  }
}

@media(max-width: 619px) and (min-width:1px) {
 #tNav_en {
  display:none;
 }
 #footer_en {
  display:block;
 }
 #head_en {
  height:125px !important;
 }
}

@media(max-width: 599px) and (min-width:1px) {
 #detailAddBox, #catSearch, #searchIpp, #shopIpp {
   display:none;
 }
 #shopPagi {
  display:table;
 }
 #searchPagi {
   text-align:center;
 }
 .itemBox3 {
   width:100%;
 }
 .offerInfo {
  display:block;
 } 
 .itemBox4 {
  width:50%;
 }
 .grad {
  height:15px;
  overflow:hidden;
 }
 .col1, .col2, .col3 {
  width:33.33%;
 }
 .col4 {
  display:none;
 }
 #thn1 {
   display:none !important;
 }
  #fadebrush {
    right:15px !important;  
  }
}

@media(max-width: 569px) and (min-width:1px) {
 #popup {
  width:100% !important;
  height:auto !important;
  left:0px  !important;
  margin-left:0px !important;
 }
 #maskBnr_de.novicideBnr {    
   padding-bottom:22.75% !important;
 }
  #maskBnr_de.novicideBnr > img {
   background-image:url(../../items/bnr/novicide_2_de.png) !important;
 }

 #maskBnr_de.babylissBnr {    
   padding-bottom:35.10% !important;
 }
 #maskBnr_de.babylissBnr > img {    
   background-image:url(../../items/bnr/babyliss_snapfx_3_de.jpg) !important;
 }
}

@media(max-width: 567px) and (min-width:1px) {
  #txtSelCat, #yah, .grad, #detailNavi {
    display:none;
  }
  div.flexbanner2 > ul.slides {
    padding-bottom:24.5161290323% !important;
  }
}

@media(max-width: 519px) and (min-width:1px) {
 #detailSpo {
   display:none;
 } 
 .offerIpp {
  display:none;
 }
}

@media(max-width: 499px) and (min-width:1px) {
  .hcInfo {
    display:none;
  }
  .hcBtn {
    display:none;
  }
  #specialFooter {
    display:none;
  }
}

@media(max-width: 489px) and (min-width:1px) {
  #detailThn, .userItemsInfo {
    display:none;
  }
  #detailMoreImg {
    display:block;
  }
  .userItemsTitle {
   font-weight:normal !important;
  }
  .searchKrn {
    display:none;
  }
}

@media(max-width: 479px) and (min-width:1px) {
 #searchBoxHead {
   display:none;
 }
 .col1, .col2 {
  width:50%;
 }
 .col3 {
  display:none;
 }
 .itemImg {/* 
   height:170px;
   margin:12.5px 0px; */
   max-width:250px;
   background-size:contain !important;
 }
}

@media(max-width: 419px) and (min-width:1px) {
  #basketIco {
   display:none;
 }
 /* #basketTxt {
  vertical-align:middle;
  padding-top:12px;
  padding-right:5px;
  width:145px;
 } */
  #layerBtn {
    flex-direction: column;
    align-items: center;
  }
  #layerBtn > table {
    float: none !important;
    margin-left: auto;
    margin-right: auto;    
  }
  #layerBtn > table:nth-of-type(2) {
    margin-top:1em;
  }
}

@media(max-width: 399px) and (min-width:1px) {
 #basketIco {
  display:none;
 }
 .itemBox { 
   width:100%;
 }  
 .itemSpace { 
   margin: 20px 15px 0px 0px;
 }  
 .catGrp.itemBox { 
   width:50%;
 }  
 .catGrp .itemSpace { 
   margin: 15px 15px 0px 0px;
 }  
 .catGrp .grpImg > a > img {
   width: 80% !important; 
   background-size:contain !important;
 }
 .bodyMargin {  
  margin-right:-15px;
 }
 .searchInfo {
  display:none;
 }
 .searchTitle,  .searchTitle a {
  background-color:#FFFFFF;
  font-weight:normal;
  font-size:12px;
 }
 /* a.hNav1, a.hNav1:visited {
  font-size:11px;
 } */
 #pageTd {
   padding:0px 15px !important;
 }
  #fadebrush {
    right:55px !important;  
  }
 #btnUser {
  display:none;
 }
}

@media(max-width: 374px) and (min-width:1px) {
  #layerBasket, #popIm {
    display: none;
  }
 .catGrp.itemBox { 
   width:100%;
 }  
 .catGrp .itemSpace { 
   margin: 15px 15px 0px 0px;
 }  
}

@media(max-width: 359px) and (min-width:1px) {
 #logo_de, #logo_en, #logo_fr {
  width: 150px !important;
 }
 #basket_de, #basket_en, #basket_fr {
  padding-left:150px;
 }
 .Btn1, .Btn3 {
  white-space:normal;/* 
  padding: 0px 8px 2px 8px; */
 }
 .col1 {
  width:100%;
 }
 .col2 {
  display:none;
 }
 #submenuCategories br::after {
   content:' ';
 }
 #submenuCategories br {
   display:none;
 }
 #submenuCategories {
  max-width:auto;
  padding:5px 15px 5px 15px;
 }
 #submenuCategories img {
   display:none !important;
 }
 #submenuCategories a {
  display:block;
  text-align:left;
  width:auto;
 }
}

@media(max-width: 359px) and (min-width:1px) {
 html, body,  table, tr, td, input, textarea, select, ul, ol, li {
  font-size: 12px;
 }
 /* #body {
  padding: 0px 15px 15px 15px;
 } */
  h1, .h1, .hl {
   font-size: 22px;
  }
 .grad {
  height:5px;
 }
 .itemBox4 {
  width:100%;
 }
 #ipQuantity {
  display:none !important;
 }
}

@media(max-width: 329px) and (min-width:1px) {
 #ups_logo {
  display:none !important;
 }
}