.content {min-height: 800px}

.payment-method {display: inline; cursor: pointer; margin-bottom: 1em;}
.payment-method .logo {display: block; text-align: center}

.add-to-cart {max-width: 100%;min-width:inherit;}
.artist .purchase-album:first-child {margin-top: 0;}
.artist .purchase-album {margin: 10px auto;height: 50px;font-size: 17px;width: 240px;}
.artist a.purchase-album {display: block; padding-top: 11px}

.artist .profile {margin: auto; float: none;}
.artist .profile .photo {background-size: cover;background-position: center;border-radius: 100px;height: 200px;width: 200px;margin: auto;}
.artist .name {margin: 20px 0 20px}

.artist .get-item {margin-top: 30px;margin-bottom: 30px;}

.artist ul {margin: 0; padding: 0}
.artist .songs li {list-style-type: none;padding: 20px 5px 15px;margin: 20px;border-bottom: 1px solid #888;}
.artist .songs li div:last-of-type {padding-right: 0}
.artist .songs li:last-child {border-bottom: none}
.artist .songs .actions .cost {float: right;margin: 0px 15px 0 0;}
.artist .songs .actions button {float: right;}
.artist .songs audio {margin-top: 15px; margin-left: -12px}
.artist .songs .cover-image {background-size: cover;background-position: center;border-radius: 50px;height: 90px;width: 90px;float: left;}

.artist .bottom-side {border-top: 1px solid #888;margin: 20px;padding-top: 40px;}
.artist .bottom-side span {font-size: 25px}
.artist .get-item .cost strong, .artist .bottom-side strong {font-size: 30px;}
.artist .songs .cost strong {font-size: 25px}
.artist .songs li > div:nth-child(3) button {clear: both}
.artist .get-item .cost sup, .artist .songs .cost sup, .artist .bottom-side sup {top:-1.3em; margin-left: 12px}

.content>.container {padding: 100px 0 50px;}

@media (max-width: 767px) {
    .artist .profile .photo {border-radius: 80px;height: 150px;width: 150px;margin: auto;}
    .artist .purchase-album:first-child {margin-top: 30px;}
    .artist .songs .cover-image{border-radius: 35px;height: 70px;width: 70px;}

    .artist .get-item {text-align: center}
    .artist .songs .cover-image {display: block; float: none;}
    .artist .songs .actions {margin-top: 20px}
    .artist .songs .actions .cost {float: left;margin: 0px 10px 0 -10px;}
    .artist .songs .actions button {float: right;margin-top: 0;}
    .artist .songs .cover-image {margin: auto}
    .artist .songs li {margin: 10px;padding: 10px 10px 15px;text-align: center;}
    .artist .bottom-side {margin: 20px 10px;}
    .content>.container {padding: 75px 0;}
}
@media (max-width: 1024px) and (min-width:426px) {
    .artist .profile .photo {margin-left: 0}
}

@media (min-width: 1024px) and (max-width: 1300px) {
    .artist .songs li > div:nth-child(3) {padding-right: 0;}
    .artist .songs li > div:nth-child(3) {width: 30%!important;}
}