table, tr, td, tbody, thead {
  padding: 0px;
  font-family: Arial, Helvetica,sans-serif;
  font-size: 11px;
  border-spacing: 0px;	
}

body {
  margin: 0px;
}

.product {
  width: 30.5623471883%;
  max-width: 300px;
}

.product_image {
  position: relative; 
  display: block;
  background-color: #ffffff;	
}

.product_image .image {
  height: auto; 
  max-width: 100%;
  margin-bottom: -4px;
}

.product {
  float: left;
}

.product_rpadding {
  padding-right: 4.1564792176%;

}

.man_logo {
  position: absolute; 
  top: 0%; 
  left: 52%; 
  z-index: 100;
  width: 48%;
  max-width: 120px;
  height: auto;
}

.header {
  height: 52px; 
  font-size: 17px; 
  background-color: yellow; 
}

.header_text {
  text-transform: lowercase;
  margin-left: 5px;
  margin-top: 5px;
  display: inline-block; 
  font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif; 
  font-size: 18px;
}	

a,
a:active,
a:visited,
a:hover {
  text-decoration: none;
  color: inherit; 
}

.content {
  position: relative; 
  background-color: #F6F6F6; 
  min-height: 55px;
  font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
}

.content_man {
  margin-bottom: 5px;
  display: inline-block;
  text-transform: uppercase;
}

.content_teaser {
  color: #363533;
  font-size: 18px;
  display: inline-block; 
  margin-bottom: 2px;
  margin: 5px 3px 5px 5px;
  font-family: "Lucida Grande";
  border-bottom:1px #363533 solid;
  padding:5px;
}

.content_text {
  margin: 5px 0 0 5px;
  font-size: 18px;
  line-height: 21px;
  display: inline-block; 
  text-transform: lowercase;
}

.footer {
  height: 20px; 
  background-color: #F6F6F6;
  padding-bottom: 5px;
}

.footer .footer_text {
  font-size: 18px;
  color: #a4a1a1;
  margin: 0 0 5px 5px;
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

.footer_link {
  text-decoration: none;
  color: black;
}

.ext_arrow {
  height: 18px;
  width: 18px;
  float: right;
  margin-right: 5px;
}



/* iphone 4 Portrait */
@media only screen 
    and (min-device-width: 320px) 
    and (max-width: 479px) 
    and (-webkit-min-device-pixel-ratio: 2) 
    /*and (device-aspect-ratio: 2/3)*/     
    and (orientation: portrait) {
  div.product:nth-child(1) , div.product:nth-child(2) { visibility: hidden; width: 0%; padding-right: 0%; }
  .product { max-width: 320px;}
  .product_image {width: 320px;margin-bottom: 0px;}
   .image { display: block; margin-left: auto; margin-right: auto; object-fit: cover; margin-bottom: 0px; width:320px;height:320px;} 
  .content {width: 320px;height:70px;}
  .man_logo { top: 0%; left: 63%; }
}

/* iphone 4 Landscape */
@media only screen 
    and (min-width: 320px) 
    and (max-width: 480px)
    and (-webkit-min-device-pixel-ratio: 2)
    /*and (device-aspect-ratio: 2/3)*/     
    and (orientation: landscape) {
  div.product:nth-child(1) , div.product:nth-child(2){ visibility: hidden; width: 0%; padding-right: 0%; }
  .product { width: 410px;}
  .product_image {width: 410px;}
   .image { display: block; margin-left: auto; margin-right: auto; object-fit: cover; width:410px;height:410px;} 
  .content {width: 413px;margin-top: -67px; height:70px;} 
  .man_logo { top: 0%; left: 72%; }
  .product_rpadding { padding: 0px;margin: 0px;}
}

/* Galaxy Portrait */
@media screen 
    and (device-width: 360px) 
    and (device-height: 640px) 
    and (-webkit-device-pixel-ratio: 3) 
    and (orientation: portrait) {
  div.product:nth-child(1) , div.product:nth-child(2) { visibility: hidden; width: 0%; padding-right: 0%; }
  .product { max-width: 360px;}
  .product_image {width: 360px;margin-bottom: 0px;}
   .image { display: block; margin-left: auto; margin-right: auto; object-fit: cover; margin-bottom: 0px; width:360px;height:360px;} 
  .content {width: 360px;margin-top: -20px;}
  .man_logo { top: 0%; left: 63%; }
}

@media screen 
    and (device-width: 360px) 
    and (device-height: 640px) 
    and (-webkit-device-pixel-ratio: 2) 
    and (orientation: portrait) {
  div.product:nth-child(1) , div.product:nth-child(2) { visibility: hidden; width: 0%; padding-right: 0%; }
  .product { max-width: 360px;}
  .product_image {width: 360px;margin-bottom: 0px;}
   .image { display: block; margin-left: auto; margin-right: auto; object-fit: cover; margin-bottom: 0px; width:360px;height:360px;} 
  .content {width: 360px;margin-top: -20px;}
  .man_logo { top: 0%; left: 63%; }
}

/*iphone 5 portrait */
/*@media only screen 
    and (min-device-width: 320px) 
    and (max-device-width: 568px)
    and (-webkit-min-device-pixel-ratio: 2)
    and (device-aspect-ratio: 40/71)
    and (orientation: portrait) {
  div.product:nth-child(1), div.product:nth-child(2){ visibility: hidden; width: 0%; padding-right: 0%; }
  .product { max-width: 320px; }    
  IMG.image { display: block; margin-left: auto; margin-right: auto; object-fit: cover; width:380px;height:350px;}    
  .product_image {width: 320px;}
  .content {width: 320px;margin:0;}
  .man_logo { top: 0%; height:14%; width:45%; left: 65%; } 
  .content_text { font-family: "Lucida Grande";}   
}*/

/* iphone 5 landscape */
/*@media only screen   
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (device-aspect-ratio: 40/71)
  and (orientation: landscape) {
  div.product:nth-child(1), div.product:nth-child(2)  { visibility: hidden; width: 0%; padding-right: 0%; }
  .product { max-width: 400px; }    
  .product_image {width: 400px;}
  .content {margin-top: -60px;width: 400px;margin:0;}
  IMG.image { display: block; margin-left: auto; margin-right: auto; object-fit: cover; width:400px;height:400px;}    
  .man_logo { top: 0%; height:16%; width:40%; left: 60%; } 
  .content_text { font-family: "Lucida Grande";} 
}*/

/*Iphone 6 portrait*/ 
@media only screen 
    and (min-width: 375px) 
    and (max-width: 667px) 
    and (-webkit-min-device-pixel-ratio: 2) 
    /*and (device-aspect-ratio: 375/667)*/
    and (orientation: portrait) { 
  div.product:nth-child(1), div.product:nth-child(2){ visibility: hidden; width: 0%; padding-right: 0%; }    
  .product { max-width: 375px;margin-left:0px;}
  .product_image {width: 375px;}
  .image { display: block; margin-left: auto; margin-right: auto; object-fit: cover; width:375px;height:375px;} 
  .content {margin-top: -40px;width: 375px;}
  .man_logo { top: 0%;  left: 70%; } 
}

 /*Iphone 6 Landscape*/ 
@media only screen 
    and (min-width: 375px) 
    and (max-width: 667px) 
    and (-webkit-min-device-pixel-ratio: 2) 
    and (device-aspect-ratio: 375/667)
    and (orientation: landscape) { 
  div.product:nth-child(1) { visibility: hidden; width: 0%; padding-right: 0%; } 
  .product { max-width: 205px;}
  .product_image {width: 205px;margin:0px;padding:0;}
   IMG.image { display: block; margin-left: 0; margin-right: 0; object-fit: cover; width:205px;height:205px;} 
  .content {margin-top: 0px;width: 205px;}
  .man_logo { top: 0%;  left: 70%; } 
  .product_rpadding { padding: 0px;margin: 0px;} 
}

/* Iphone 6+ Portrait */
/*@media only screen 
    and (min-device-width: 414px) 
    and (max-device-width: 736px) 
    and (-webkit-device-pixel-ratio: 3) 
    and (device-aspect-ratio: 16/9)
    and (orientation : portrait)  {
  div.product:nth-child(1), div.product:nth-child(2) { visibility: hidden; width: 0%; padding-right: 0%; }    
  .product { max-width: 420px;}
  .product_image {width: 420px;}
  .image { display: block; margin-left: auto; margin-right: auto; object-fit: cover; width:420px;height:420px;} 
  .content {width: 420px;}
  .man_logo { top: 0%;  left: 69%; }   
}*/

/*  Iphone 6+ landscape */
/*@media only screen 
    and (min-device-width: 414px) 
    and (max-device-width: 736px) 
    and (-webkit-device-pixel-ratio: 3) 
    and (device-aspect-ratio: 16/9)
    and (orientation : landscape)  {
  div.product:nth-child(1) { visibility: hidden; width: 0%; padding-right: 0%; }    
  .product { max-width: 395px;margin-left:5px;}
  .product_image {width: 400px;margin-left: -5px;}
  .image { display: block; margin-left: auto; margin-right: auto; object-fit: cover; width:395px;height:395px;} 
  .content {margin-top: -50px; width: 400px;margin-left: -5px;}
  .man_logo { top: 0%;  left: 65%; } 
  .product_rpadding { padding-right: 0;}
}*/

/* Galaxy S portrait */
/*@media only screen  and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) {
  div.product:nth-child(1), div.product:nth-child(2){ visibility: hidden; width: 0%; padding-right: 0%; }
  .product { width: 360px;}
  .product_image {width: 350px;}
   .image { display: block; margin-left: auto; margin-right: auto; object-fit: cover; width:360px;height:360px;} 
  .content {width: 350px;}
  .man_logo { top: 0%;  left: 62%; } 
  .content_teaser {font-family: "Lucida Grande", sans-serif;font-size:20px;}  
}*/

/* Galaxy S landscape */
/*@media only screen  and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
  div.product:nth-child(1) { visibility: hidden; width: 0%; padding-right: 0%; }
  .product { width: 285px;}
  .product_image {width: 285px;}
   .image { display: block; margin-left: auto; margin-right: auto; object-fit: cover; width:285px;height:285px;} 
  .content {width: 285px;}
  .man_logo { top: 0%;  left: 60%; } 
  .content_teaser {font-family: "Lucida Grande", sans-serif;font-size:20px;}  
}*/

/*@media all and (min-width:989px) {
  .product { width: 250px; }
  .product_rpadding { padding-right: 34px; }
  #single_products { width: 840px; } 
}*/
/*  ----------- iPad 1 and 2 and mini (Retina)-----------  */
/*  Portrait and Landscape */
/*@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) and (orientation: landscape)  {
  div.product:nth-child(1)  { visibility: hidden; width: 0%; padding-right: 0%; }    
  .product { width: 345px; height: 345px; }
  .product_image { width: 345px; height: 345px;}
  .content {width:345px;}
  .product_rpadding { padding-right: 80px; }
  IMG.image { display: block; margin-left: auto; margin-right: auto; object-fit: cover; width:345px;height:345px;} 
   .man_logo { top: 0%; left: 70%; } 
.product { width: 47.5623471883%; max-width: 330px;}
  IMG.image { display: block; margin-left: auto; margin-right: auto; object-fit: cover; width:330px;height:330px;} 
}*/

