a{
    text-decoration:none;
}
.musicCarouselWrapper{
    max-width:80%;
}
.get-it-now a {
    font-size: 1vw;
    height: 2vw;
    width: 10vw;
    line-height: 2vw;
    display: block;
    background-color: #fff;
    color: #000;
    margin: 20px auto 0;
    font-weight:700;
	border: 1px solid #FFFFFF;
    font-family: system-ui, "Segoe UI", Roboto, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.get-it-now a:hover{
    color: #FFFFFF;
    background-color: #292929;
    border: 1px solid #FFFFFF;
}
.title {
    font-size: 3.5vw;
    color: #fff;
    margin-bottom: 35px;
    letter-spacing: 8.64px;
    /* text-indent: -8.64px; */
    font-weight:600;
   font-family: system-ui, "Segoe UI", Roboto, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.header.socialsWrapper a{
    color:#fff;
}
.owl-carousel .owl-nav button.owl-prev {
    background: url('../images/arrow.svg?1') no-repeat scroll center bottom;
    left: -5.5vw;
     transform: rotate(180deg);
     background-size:1vw auto;
}

.owl-carousel .owl-nav button.owl-next {
    background: url('../images/arrow.svg?1') no-repeat scroll center top;
    right: -6.5vw;
    background-size:1vw auto;
}
.musicCarouselWrapper{
    overflow: visible;
    cursor: default;
}
.bottomWrapper{
    padding-top: 12.5vw;
    background:#000;
}
.musicCarouselWrapper, div.videoSection, div#about{
    padding-bottom: 12.5vw;
}
.overlay{
    background:#000;
}
@media only screen and (min-width:768px) and (max-width:1024px){
    .musicCarouselWrapper{
     max-width:90%;
     width:100%;
    }
}
@media only screen and (min-width:768px) and (max-width:1023px){
    .musicCarouselWrapper{
        width:100%;
        max-width:692px;
    }
}
@media only screen and (min-width:768px) {
    .owl-nav button{
        width:2vw;
        height:2vw;
    }
}
@media only screen and (max-width:767px){
    .bottomWrapper {
        padding-top: 120px;
    }
    .owl-carousel .owl-nav button.owl-prev {
        left: -40px;
    }
    .owl-carousel .owl-nav button.owl-next {
        right: -50px;
    }
    .musicCarouselWrapper, div.videoSection, div#about{
        padding-bottom:120px;
    }
    ul.musicOwlCarousel {
        padding-top: 8px;
    }
    ul.musicOwlCarousel li{
        width: 100%;
    }
    .get-it-now a{
        width:260px;
    }
    .title {
        font-size: 42px;
        line-height: 1;
    }
    .get-it-now a{
        font-size:12px;
        height:40px;
        line-height:40px;
    }
    .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev{
        background-size:12px auto;
    }
}