.holder{
  width:70%;
  margin:0px auto;
}
.held{
  position:relative;
  overflow:hidden;
}
.button{
  width:150px;
  padding:10px;
}

#ActivityDIV .swatchHolder{
  position:absolute;
  bottom:0px;
  margin:auto;
  left:0px;
  right:0px;
  list-style-type:none;
  text-align:center;
  display:inline-block;
  padding: 15px;
  width:260px;
  border-radius: 20px 20px 0px 0px;
  color: black;
}
#ActivityDIV .swatchHolder .colorHolder{
  width:100%;
  line-height: 100%;
  content:'Chosen Color';
  padding: 10px 0px;
  margin: 0px auto 15px auto;
  cursor:pointer;
  border-radius: 5px;
/*  -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.5);
     -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.5);
          box-shadow: 0 1px 5px rgba(0,0,0,0.5);*/
		  text-shadow:none;
}
#ActivityDIV .swatchHolder li:not(.colorHolder){
  height:25px;
  width:25px;
  margin:2px;
  display:inline-block;
  cursor:pointer;
  border-radius: 5px;
/*  -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.5);
  -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.5);
  box-shadow: 0 1px 5px rgba(0,0,0,0.5);*/
}

#ActivityDIV svg{
  width:100% !important;
  display:inline-block;
}
#ActivityDIV svg path{
  cursor:pointer;
}
.cback {
    position: absolute;
    text-align: right;
    width: 30%;
    z-index: 999;
}
.cback img {
    margin-top: 6px;
    width: 22%;
}

@media(max-width:1280px){
.holder{
  width:99%;
  margin:0px auto;
}
.cback{ width:38%;}
.cback img{ width: 28%; margin-top:0px;}
}

@media(max-width:768px){
.holder{
  width:99%;
  margin:0px auto;
}
.cback{ width:35%;}
.cback img{ width: 35%;}
}
@media(max-width:600px){
.holder{
  width:100%;
  margin:0px auto;
}

}
@media(max-width:480px){
	.myTitle{ text-align:center;}
.cback{ width:26%;}
.cback img{ width:76%;}
.holder{ width:98%;}
	}
@media screen and (min-device-width:320px) and (max-device-width: 360px) { 
	.myTitle{ text-align:center;}
.cback{ width:23%;}
.cback img{ width:90%;}
.holder{ width:98%;}
}