p.ad-builder-design-studio{margin-top:30px;}
ul.sizes{margin:0; padding:0; width:100%; max-width:468px; display:inline-block;}
ul.sizes li{position:relative; display: inline-block; width:100%; background-color:#000; color:#ffcc00; line-height:60px; text-align:left; margin-bottom:24px; cursor:pointer;}
ul.sizes li{list-style: none; height:0; transition: all 0.6s ease-out; opacity: 0; overflow: hidden;}
ul.sizes li.show{opacity: 1; height:60px;}
ul.sizes li div.name{padding-left:60px; font-weight:bold; font-size:18px; }
ul.sizes li div.size{position:absolute; top:10px; left:210px; width:268px; color:#fff; font-size:18px; line-height:18px;}
ul.sizes li div.copy{position:absolute; top:33px; left:210px; width:268px; color:#fff; font-size:14px; line-height:14px; color:#efefef;}
ul.sizes li div.price{position:absolute; top:0; left:424px; font-weight:bold; font-size:18px;}
ul.sizes li div.info{position:absolute; top:0; left:0; width:60px; height:60px; background-image:url(/img/info.png); background-size:cover;}
div#info div.modal-body{min-height:200px;}

@media only screen and (max-width:512px){
  ul.sizes{}
  ul.sizes li div.name{position:absolute; left:60px; right:auto; width:168px; top:6px; font-size:14px; line-height: 14px; padding:0;}
  ul.sizes li div.size{left:60px; right:auto; top:22px; width:168px; font-size:14px; line-height: 14px;}
  ul.sizes li div.copy{left:60px; right:auto; top:38px; width:168px; white-space: nowrap; text-overflow: ellipsis;}
  ul.sizes li div.price{left:auto; right:10px;}
  ul.sizes li div.info{left:auto right:0;}
}

/* ben */