/*with templates */

#subsDrop {
  width: 90%;
  max-width: 500px;
  height: 25px;
  font-family: Arial;
  font-size: 16px;
  color: 655034;
  font-weight: bold;
  padding-top: 3px;
  
}



@media (max-width:579px) {
  /*show template D */
  #template_A {
  	display: none;  
  }  
  #template_E {
  	display: none;  
  }
  #template_F {
  	display: none;  
  }
  #substemplate_A {
  	display: none;  
  }
  #substemplate_B {
  	display: none;  
  }
  #substemplate_C {
  	display: none;
  }
  #bcProduct {
    display: none;
  } 
  
  .mbCenter {
    text-align: center;
  }
  #dtPrice {
    display: none;
  }   
   
}

@media (min-width:580px) and (max-width:884px) {
/*show template F and substemplate C */
  #template_A {
  	display: none;  
  }  
  #template_E {
  	display: none;  
  }
  #template_D {
  	display: none;  
  }
  #substemplate_A {
  	display: none;  
  }
  #substemplate_B {
  	display: none;  
  }
  
  #bcProduct {
    display: none;
  }
  #mbPrice {
    display: none;
  }     
  
}

@media (min-width:885px) and (max-width:1049px) {
/*show template E and substemplate B */
  #template_A {
  	display: none;  
  }  
  #template_F {
  	display: none;  
  }
  #template_D {
  	display: none;  
  }
  #substemplate_A {
  	display: none;  
  }
  #substemplate_C {
  	display: none;
  }
  #mbPrice {
    display: none;
  }   
}

@media (min-width:1050px) and (max-width:1279px) {
/*show template A and substemplate B */

  #template_E {
  	display: none;  
  }
  #template_F {
  	display: none;  
  }
  #template_D {
  	display: none;  
  }
  #substemplate_A {
  	display: none;  
  }
  #substemplate_C {
  	display: none;
  }
  #mbPrice {
    display: none;
  }   
}

@media (min-width:1280px) {
/*show template E and substemplate A */
  #template_A {
  	display: none;  
  }  
  #template_F {
  	display: none;  
  }
  #template_D {
  	display: none;  
  }
  #substemplate_B {
  	display: none;  
  }
  #substemplate_C {
  	display: none;
  }   
  #mbPrice {
    display: none;
  } 
}

@media (min-width:580px) {
  #prodAriPink {
  font-family: Arial;
  font-size: 14px;
  color: ff68b0;
  line-height: 20px;
  }
  #prodAriBrown {
  font-family: Arial;
  font-size: 14px;
  color: 655034;
  line-height: 20px;  
  }  
  
}

@media (max-width:724px) {
  .prodAriPink {
  font-family: Arial;
  font-size: 12px;
  color: ff68b0;
  line-height: 17px;
  border: 30px;
  }
  .prodAriBrown {
  font-family: Arial;
  font-size: 12px;
  color: 655034;
  line-height: 17px;  
  }  
  
}


@media (min-width:725px) {
  .prodAriPink {
  font-family: Arial;
  font-size: 14px;
  color: ff68b0;
  line-height: 20px;
  }
  .prodAriBrown {
  font-family: Arial;
  font-size: 14px;
  color: 655034;
  line-height: 20px;  
  }  
  
}

#headerTable {
  background-color: fff6fa;
  width: 100%;
  height: 70px;
}   



@media (max-width:579px)  {
 #prodName {
  font-family: Anja;
  font-size: 24px;
  color: ff68b0;     
 }
 #prodTag {
    display: none; 
 } 
 #prodCode {
    display: none;  
 } 
 #headerInTable {
    width: 100%;
    max-width: 1140px; 
  }
 #headerInTableSubs {
    width: 100%;
    max-width: 1370px; 
  }  
  .header725 {
    display: none;  
  }  
}

@media (min-width:580px) and (max-width:724px) {

 #prodName {
  font-family: Anja;
  font-size: 26px;
  color: ff68b0;     
 }
 #prodTag {
  font-family: Arial;
  font-size: 14px;
  color: 7b5f3b;     
 } 
 #prodCode {
  font-family: Arial;
  font-size: 14px;
  color: ff68b0;     
 } 
 #headerInTable {
    width: 100%;
    max-width: 1140px; 
  }
 #headerInTableSubs {
    width: 100%;
    max-width: 1370px; 
  }  
  .header725 {
    display: none;  
  }  

}

@media (min-width:725px) {

 #prodName {
  font-family: Anja;
  font-size: 26px;
  color: ff68b0;     
 }
 #prodTag {
  font-family: Arial;
  font-size: 14px;
  color: 7b5f3b;     
 } 
 #prodCode {
  font-family: Arial;
  font-size: 14px;
  color: ff68b0;     
 } 
 #headerInTable {
    width: 100%;
    max-width: 1140px; 
  }  
 #headerInTableSubs {
    width: 100%;
    max-width: 1340px; 
  }  
    
  .header320 {
    display: none;  
  }

}