* {
	box-sizing: border-box;
  }
  body {
	  background-color: black;       
  }
  .container {
	  background-image: url("/Images/mainbg.png");
	  background-repeat: no-repeat;
	  background-position: center;
	  background-attachment: fixed; 
	  opacity: 0.8;
	  display: block;
	  margin-left: auto;
	  margin-right: auto;
	  max-width: 1200px;
  }
  /* LIST */
  #myList div { display:none;}
  .button {
	  background-color: #a3289c;
	  width:100%;
	  border: none;
	  color: white;
	  padding: 15px 32px;
	  text-align: center;
	  text-decoration: none;
	  display: inline-block;
	  font-weight: bold;
	  font-size: 16px;
	  margin: 4px 2px;
	  cursor: pointer;
	}
  /* #showLess {
	  color:red;
	  cursor:pointer;
	  display:none;
  } */
  .slotcontent {
	  padding: 6px 12px;
	  border-top: none;
	  margin: 0;
	  padding: 0;
  }
  .glow {
	  color: #ffffff;/*#00ffff;*/
	  font-size: 11px;
	  /*-webkit-animation: glow 1s ease-in-out infinite alternate;
	  -moz-animation: glow 1s ease-in-out infinite alternate;
	  animation: glow 1s ease-in-out infinite alternate;*/
  }
  /* @-webkit-keyframes glow {
	from {
	  text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #e60073, 0 0 40px #e60073, 0 0 50px #e60073, 0 0 60px #e60073, 0 0 70px #e60073;
	}
	
	to {
	  text-shadow: 0 0 20px #fff, 0 0 30px #ff4da6, 0 0 40px #ff4da6, 0 0 50px #ff4da6, 0 0 60px #ff4da6, 0 0 70px #ff4da6, 0 0 80px #ff4da6;
	}
  } */
  /* .categorytitle {
	  background-color: #A2A1A1;
	  color: white;
	  width: 100%;
	  max-width: 1200px;
	  font-size: 40px;
	  font-family: Garamond;
	  text-align: center;
	  margin: 0;
	  border-right: 2px solid white;
	  border-left: 2px solid white;
	  
  } */
  .column {
	  text-align: center;
	  float: left;
	  width: 16.5%;
	  padding: 10px;
	  border: 2px solid white;
	  border-collapse: collapse;
	  height: 200px;
	  margin: 1px;
  }
  .column img {
	  width: 100%;
	  max-width: 145px;
	  height: 136px;
	  cursor: pointer;
  }
  .row:after {
	  content: "";
	  display: table;
	  clear: both;
  }
  .zoom {
	  transition: transform .1s;
	  margin: 0 auto;
  }
  .zoom:hover {
	  -ms-transform: scale(1.2);
	  -webkit-transform: scale(1.2);
	  transform: scale(1.2); 
  }
  /* RESPONSIVE LAYOUT */
  /* MICRO SLOT */
  @media screen and (min-width: 320px) and (max-width: 668px) {
	  .tab {
	  display: none;
	  }
  }
  @media screen and (max-width: 420px) {
	  .column {
		  width: 50%;
		  margin: 0;
	  }
	  .tab button {
		  width: 50%;
	  }
  }
  @media screen and (min-width: 421px) and (max-width: 700px) {
	  .column {
		  width: 33%;
		  margin: 0;
	  }
	  .tab button {
		  width: 25%;
	  }
  }
  
  @media screen and (min-width: 421px) and (max-width: 559px) {
	  .tab button {
		  width: 25%;
	  }
  }
  
  @media screen and (min-width: 701px) and (max-width: 1215px) {
	  .tab button {
		  width: 14.28%;
	  }
  }
  
  @media screen and (min-width: 701px) and (max-width: 1209px) {
	  .column {
		  width: 20%;
		  margin: 0;
	}	
  }
  @media only screen and (max-width: 500px) {
	  .categorytitle {
		  font-size: 40px;
	  }
  }