.baby{
  cursor: default;
  height:300px;
  border:none;
  background-repeat:no-repeat;
  background-size:100% auto;
  z-index:1;
}
.dnditem{ 
  cursor: move;
  margin:5px;
  bottom: 0px;
  z-index:100;
  text-align:center;
}

#mute{
  z-index:999;
}

.field{
  width:auto;
  position:absolute;
  bottom:0px;
  left:auto;
  right:auto;
}
.col-md-6{
  border: 1px solid #CCC;
  /*background-color: #987;*/
}
.row{
  background-color: #DDD;
  border: 1px solid #AAA;
}

@media (max-width:768px){
	[class^=col-sx-] .dnditem{
		height: 60px;
		width: 60px;
		float:left;
		padding-left:2px;
	}
	[class^=col-sx-] .baby{
		height: 150px;
		width: 150px;
		margin-left: auto;
		margin-right: auto;
	}
	.field{
		left:0px;
	}
	.side{
		float: left;
		min-height: 220px;
		width: 50%;
		border: 1px solid #000;
		background-color: #987;
	}
	#mute{
		position:absolute;
		left:0px;
		top:0px;
		z-index:999;
	}
}