.jewel-box {
    background: url(../images/JewelCase.png)no-repeat;
    background-size: 100% 100%;
    width: 35.9906442vw;
    height: 34.06442vw;
}


.jewel-box img {
    width: 23.85vw;
    padding-left: 5.1vw;
    padding-top: 1.85vw;
    
}

.music.section {
    display: flex;
    justify-items: center;
    grid-template-columns: 1fr 1fr 1fr;
    grid-row-gap: 6.222547584187408vw;
}

.title {
    font-size: 6.1vw;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    width: 42vw;
    line-height:1;
}

.jewel-box {
    position: absolute;
    right: 11%;
    top: 10%;
    transform: rotate(15deg);
    z-index: 9;
}

.home-music {
    background: url(../images/Rectangle.png);
    height: 53vw;
    position: relative;
}

.cd {
    position: absolute;
    right: 5%;
    top: 34%;
    width: 29%;
}

.cd img {
    width: 30vw;
}

.play {
    position: absolute;
    right: 9%;
    top: 73%;
    z-index: 9999;
    cursor: pointer;
}

/* .play img {
    width: 7vw;
} */
.cdsvg_bottomright {
    position: absolute;
    width: 140%;
    /* height: 100%; */
    left: 64.5%;
    top: -37.5%;
    z-index: 999;
    /* opacity: 0; */
    transform: rotate(-57.2deg);
}

.cdsvg_topleft {
    position: absolute;
    top: -79%;
    left: -81%;
    width: 140%;
    /* height: 100%; */
    transform: rotate(-180.4deg);
}
svg.cdsvg_topthird {
    position: absolute;
    top: 61%;
    left: -46%;
    width: 140%;
    /* height: 100%; */
    transform: rotate(62.5deg);
}
.cd svg path {
    stroke: transparent;
}
#active-artist .artists-nav li.visible.active.lowerRes.mob{
 display: none;
}

@media only screen and (max-width:1024px) and (orientation:portrait){
    div#active-artist-html {
        height: 40vh;
        align-items: center;
    }
}
@media only screen and (max-width:767px) and (orientation:portrait){
.title {
    font-size: 9vw;
    width: 83%;
    margin-top: 107px;
}
div#active-artist-html {
    height: 100vh;
}
.jewel-box {
    width: 302px;
    height: 291px;
    top: -5%;
    right: 17%;
}

.cd {
    width: 203px;
    top: 16%;
    right: 11%;
}

.cd img {
    width: 100%;
}

.jewel-box img {
    width: 67.5%;
    height: auto;
    padding-left: 39px;
    padding-top: 17px;
}
    .play {
    top: 11%;
    right: 21%;
}
.cdsvg_bottomright, .cdsvg_topleft,svg.cdsvg_topthird {
	opacity: 0;
}
/* .play img {
    width: 63px;
} */
}
@media only screen and (min-width:1366px){
	.artists-nav.afterone.desktop {
		display: none;
	}
}
@media only screen and (max-width:767px) and (orientation:portrait){
    div#bars {
        overflow-y: visible;
    }
    
    #active-artist .artists-nav li.visible.active.lowerRes {
        display: none;
    }
    
    #active-artist .artists-nav li.visible.active.lowerRes.mob {
        display: flex;
    }

}