/* Defaults */

body, html {
    height: 100%;
    margin: 0;
    background-color: #000 !important;
    font-family: 'brother-1816', Times, serif;
}

.clear {
    clear: both;
}

.bold {
    font-weight: bold;
}

.black {
    color: #000 !important;
}

.haltop {
    border-radius: 14px 14px 0 0;
}

.halbot {
    border-radius: 0 0 14px 14px;
}

.haltopbot {
    border-radius: 14px;
}

.innerContainer {
    max-width: 1400px;
    margin: 0px auto;
}

.passwordIcon {
    float: right;
    margin: 0px 10px 0px 0px;
    font-size: 14px;
    font-weight: 600;
    color: #333;
    cursor: pointer;
    padding-top: 10px;
}

#headerBar {
    height: 63px;
    background-color: #000;
    position: fixed;
    top: 0;
    border-bottom: 8px solid #9c47fd;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.49);
    z-index: 99;
    width: 100%;
}

    #headerBar a {
        color: #fff;
        text-decoration: none;
    }

    #headerBar li {
        display: inline-block;
        padding: 15px 20px 20px 20px;
    }

.loginicon {
    padding: 0px 0px 0px 0px !important;
}

#menu {
    display: flex;
}

    #menu a:hover {
        color: #6fff1c;
    }

    #menu div {
        width: 100%;
    }

    #menu .menuleft {
        float: left;
        text-align: center;
    }

    #menu .menuright {
        float: right;
        /*text-align: center;*/
    }

#headerBar #logo {
    text-align: center;
    float: left;
}

.logoimage {
    margin-top: 6px;
}


#pagebanner {
    height: 640px;
}

.homeBanner {
    background-image: url('../images/pirate_radio_home_bg4.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #444;
    text-align: center;
    /*box-shadow: inset 0 0 0 1000px rgba(0,0,0,.2);*/
}

.homeBackground {
    background-image: url('../images/ctn_bg_plain.jpg') !important;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #444;
    text-align: center;
}

.contactBackground {
    background-image: url('../images/ctn_bg_plain.jpg') !important;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #444;
    text-align: center;
}

.contactContent {
    min-height: calc(100vh - 600px) !important;
    margin-top: 0px !important;
}

.homeBannerTitle {
    color: #fff;
    font-size: 60px;
    font-weight: bold;
    padding-top: 195px;
}

.homeBannerTitleText {
    background: #983FFD;
    opacity: 0.8;
    border-radius: 14px;
    padding: 0px 30px 8px 30px;
}

.musicLines {
    padding: 20px 10px;
}

.alertTxt {
    color: #983ffd;
}

.alertTxtWhite {
    color: white;
    margin-left: 20px;
}

.searchAlertTxt {
    color: white;
    margin-left: 20px;
}

.searchAlertContainer {
    margin-top: 5px;
}

.searchCancel {
    margin-left: 10px;
}

.albumAlertMessage {
    margin-left: 14px;
}

.bannerButtons {
    width: 100%;
    text-align: center;
    padding: 14px 20px 45px 20px;
    user-select: none;
}

    .bannerButtons img {
        padding: 0 30px;
    }

.button {
    height: 45px;
    border-radius: 30px;
    color: #fff;
    letter-spacing: 2px;
    font-weight: bold;
    font-size: 18px;
    background-color: #ff00a0;
    padding: 0px 20px 0px 20px;
    text-decoration: none;
    display: inline-block;
    border: 0;
}

.pinkButton {
    background-color: #ff00a0;
}

    .pinkButton:hover {
        background-color: #983ffd;
    }

.violetButton {
    background-color: #983ffd;
}

    .violetButton:hover {
        background-color: #ff00a0;
    }

.limeButton {
    background-color: #6fff1c;
    color: #000;
}

    .limeButton:hover {
        background-color: #ff00a0;
        color: #FFF;
    }

.homeBanner .button {
    margin: 0 20px;
}

.violetBg {
    background-color: #983ffd;
}

/* Home */

#mainContent {
    background-image: url('../images/ctn_bg_home2.jpg');
    background-size: cover;
    min-height: 912px;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-position-y: 60px;
    margin-top: 63px;
}

.loginContent {
    background-image: url('../images/ctn_bg_home2.jpg') !important;
    min-height: 780px;
}

.policyContent {
    background-image: url('../images/ctn_bg_home5.jpg') !important;
    background-attachment: fixed;
    background-repeat: no-repeat;
    min-height: 780px;
    background-position: 0px 10px;
}

.homeContent {
    background-image: url('../images/ctn_bg_home2.jpg') !important;
    min-height: 912px;
}

#bg-image.lazy {
    background-image: none;
    background-color: #2596BE;
}

#mainContent.lazy {
    background-image: none;
    background-color: #2596BE;
}

#bg-image {
    background-image: url('../images/ctn_bg_topedge.jpg');
    background-size: cover;
    min-height: 912px;
}

#mainContent .wideHeader {
    height: 56px;
    text-align: center;
    font-size: 34px;
    font-weight: bold;
    padding-top: 2px;
    letter-spacing: 2px;
    color: #fff;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.49);
}

#mainContent .topheaderP2 {
    margin-top: 139px;
    margin-bottom: 20px;
}

#mainContent .wideHeaderP2 {
    height: 56px;
    font-size: 34px;
    font-weight: bold;
    padding-top: 2px;
    color: #fff;
    padding-left: 20px;
    border-radius: 14px;
    margin-left: 10px;
    margin-right: 10px;
}

    #mainContent .wideHeaderP2 span {
        font-size: 34px;
        margin-top: 16px;
        margin-right: 20px;
    }

        #mainContent .wideHeaderP2 span a {
            color: #fff;
            text-decoration: none;
            letter-spacing: normal;
        }

            #mainContent .wideHeaderP2 span a:hover {
                color: #6fff1c;
            }

        #mainContent .wideHeaderP2 span img {
            margin-bottom: 7px;
        }

#mainContent .wideHeaderDashboard {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}

#mainContent .chatHeader {
    margin-top: 30px;
}

.clickable {
    cursor: pointer;
}

.audioControls {
    color: white;
    font-size: 3em;
    padding: 0px 30px 0px 30px;
    cursor: pointer;
    user-select: none;
}

.dlAudioControls {
    cursor: pointer;
    color: #983ffd;
    font-size: 1.5em;
}

.hideElement {
    display: none !important;
}

.noDisplay {
    display: none;
}

.homeBuyBtn {
    padding: 0px 36px 0px 36px;
}

.clickableArtistPic {
    cursor: pointer;
    border: 2px solid #983ffd;
    border-radius: 50%;
}

    .clickableArtistPic:hover {
        border: 2px solid #ff00a0;
    }

.greenBG {
    background-color: #6fff1c;
}

.violetBG {
    background-color: #983ffd;
}

.blueBG {
    background-color: #00aaff;
}

.pinkBG {
    background-color: #ff00a0;
}

.homeSongsList {
    padding: 35px 0 30px 0;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.songItem {
    padding: 20px;
    max-width: 240px;
    width: 100%;
    border-radius: 20px;
    display: inline-block;
    margin: 15px 30px 5px 30px;
}

.gradientCont {
    background-image: linear-gradient(#6fff1c, #5aa4d8 );
    cursor: default;
}

    .gradientCont img {
        object-fit: contain;
    }

.videoList .selected {
    background-image: linear-gradient(#983ffd, #ff00a0 );
}

.songPic {
    max-width: 200px;
    height: 200px;
    background: #000;
    border-radius: 14px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    font-size: 18px;
    position: relative;
    margin-bottom: 20px;
}

    .songPic p {
        margin: 0;
        position: absolute;
        top: 50%;
        left: 50%;
        width: 80%;
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

.songButtons {
    text-align: center;
    width: 100%;
    margin: 0 auto;
}

    .songButtons button {
        widtH: 80px;
        text-align: center;
        padding: 10px;
    }

.selectedSong {
    background-image: linear-gradient(#983ffd, #ff00a0 );
    /*border: 3px solid #f6ff00;*/
}

    .selectedSong .songPic {
        /*border: 3px solid #f6ff00;*/
    }



.homep2Videos {
    margin-top: 20px;
}

.videos {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: bold;
}

.videoList {
    width: 290px;
    display: inline-block;
    height: 730px;
    overflow-y: scroll;
}

    /* Hide scrollbar for Chrome, Safari and Opera */
    .videoList::-webkit-scrollbar {
        width: 0px !important;
    }

/* Hide scrollbar for IE, Edge and Firefox */
.videoList {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}

.vidListItemCont {
    margin: 15px 15px 15px 0;
    border-radius: 20px;
    padding: 12px;
}

.vidListItem {
    border-radius: 16px;
    min-height: 200px;
    background-color: #000;
    text-align: center;
    cursor: default;
    position: relative;
}

    .vidListItem img {
        widtH: 60px;
        height: 60px;
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
        margin-left: -30px;
        margin-top: 64px;
    }


.vidListItemTitle {
    width: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    font-weight: 600;
    padding: 10px;
    position: absolute;
    bottom: 0;
    left: 0;
    border-bottom-left-radius: 14px;
    border-bottom-right-radius: 14px;
    font-size: 18px;
}

    .vidListItemTitle a {
        text-decoration: none;
        color: white;
    }

        .vidListItemTitle a:hover {
            text-decoration: none;
            color: white;
        }

.vidListItemTitlePlaceOrder {
    padding: 0px 0px 0px 6px;
    text-align: left;
    border-bottom-left-radius: 14px;
    border-bottom-right-radius: 14px;
}

.featVidCont {
    width: 100%;
    max-width: 1060px;
    border-radius: 20px;
    padding: 12px;
    margin-left: 15px;
}

.featVid {
    border-radius: 16px;
    background-color: #f00;
    text-align: center;
    height: 676px;
    cursor: pointer;
    position: relative;
    width: 100%;
}

    .featVid img {
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
        margin-left: -50px;
    }

.featVidTitle {
    width: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    font-size: 24px;
    padding: 20px;
    position: absolute;
    bottom: 0;
    left: 0;
    border-bottom-left-radius: 14px;
    border-bottom-right-radius: 14px;
}

    .featVidTitle:hover {
        display: none;
    }

input:-webkit-autofill,
input:-webkit-autofill:focus {
    transition: background-color 600000s 0s, color 600000s 0s;
    -webkit-box-shadow: 0px 0px 0px 50px #983ffd inset;
    -webkit-text-fill-color: white;
    border: 2px solid #983ffd !important;
    border-radius: 12px !important;
}

input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-left: 10px;
    cursor: pointer;
    background: linear-gradient(45deg, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 43%,#983ffd 45%,#983ffd 55%,rgba(0,0,0,0) 57%,rgba(0,0,0,0) 100%), linear-gradient(135deg, transparent 0%,transparent 43%,#983ffd 45%,#983ffd 55%,transparent 57%,transparent 100%);
}

    input[type="search"]::-webkit-search-cancel-button:hover {
        background: linear-gradient(45deg, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 43%,#ff00a0 45%,#ff00a0 55%,rgba(0,0,0,0) 57%,rgba(0,0,0,0) 100%), linear-gradient(135deg, transparent 0%,transparent 43%,#ff00a0 45%,#ff00a0 55%,transparent 57%,transparent 100%);
    }

input[data-autocompleted] {
    background-color: transparent !important;
}

.homeForm {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0px 0px 80px 0px;
}

    .homeForm input[type=text],
    .homeForm input[type=email],
    .homeForm input[type=tel],
    .homeForm textarea {
        width: 100%;
        padding: 12px 20px;
        margin: 8px 0;
        box-sizing: border-box;
        border-radius: 12px;
        border: 0;
        background-color: #000;
        color: #FFF;
        font-weight: bold;
        border: 2px solid #983ffd;
    }

        .homeForm input[type=text]:focus,
        .homeForm input[type=search]:focus,
        .homeForm input[type=email]:focus,
        .homeForm input[type=tel]:focus {
            outline-width: 0 !important;
        }

        .homeForm textarea:focus {
            border: 2px solid #983ffd;
            outline-width: 0;
        }

    .homeForm .halfForm {
        display: inline-block;
        width: 49%;
        padding: 20px;
    }

        .homeForm .halfForm input[type=text],
        .homeForm .halfForm input[type=email],
        .homeForm .halfForm input[type=tel] {
            margin-top: 25px;
        }

    .homeForm .fullForm {
        max-width: 1160px;
        margin: 0 auto;
        padding: 0px 20px 0px 0px;
    }

    .homeForm textarea {
        resize: none;
    }

    .homeForm .buttonCont {
        text-align: center;
    }

    .homeForm .buttonCont {
        margin-top: 25px;
    }

    .homeForm input[type=button], .homeForm input[type=button] input[type=submit], .homeForm input[type=button] input[type=reset] {
        background-color: #983ffd;
        border: none;
        color: white;
        text-decoration: none;
        cursor: pointer;
        border-radius: 20px;
    }


/* Footer */

.footerContainer {
    background-color: #000;
    color: white;
    display: flex;
    max-height: 20px !important;
    border-top: 8px solid #9c47fd;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.49);
}

    .footerContainer a, .footerContainer a:active {
        color: white;
        text-decoration: none;
    }

        .footerContainer a:hover {
            color: #ff00a0;
            text-decoration: none;
        }

.footerLogo {
    float: left;
    text-align: center;
    min-width: 500px;
}

    .footerLogo img {
        width: 333px;
        height: 108px;
        margin-top: -30px;
    }

.footerText {
    float: left;
    text-align: center;
    width: 100%;
    padding-top: 40px;
}

.footerSoc {
    position: absolute;
    right: 0;
    float: right;
    min-width: 920px;
    user-select: none
}

.footerContainer ul {
    /*padding: 10px 0;*/
}


.footerContainer li {
    display: inline-block;
    padding: 0 7px;
}


.footer-icon {
    padding: 0 5px;
    color: white !important;
}

    .footer-icon:hover {
        background-color: #ff00a0;
    }

.footerContainer li:last-child {
    border-right: 0px;
}

.footerSep {
    font-weight: bold;
    transform: scale(1,0.9);
}

.footerNewsletter, .couponCode {
    margin-top: 20px;
    text-align: right;
    padding-right: 60px;
}

    .footerNewsletter .footTextNews, .couponCode .footTextNews {
        background-color: #ffffff;
        border-width: 0px 0px 0px 0px;
        border-radius: 50px 0px 0px 50px;
        font-size: 13px;
        min-height: 33px;
        padding: 2px 12px 2px 12px;
        width: 100%;
        max-width: 220px;
        position: relative;
    }

    .footerNewsletter .footerSubmit, .couponCode .footerSubmit {
        color: #ffffff;
        flex-basis: 0;
        width: 30px !important;
        padding: 3.5px 20px 3.5px 20px;
        font-family: "brother-1816", Sans-serif;
        border-radius: 0px 50px 50px 0px;
        min-height: 33px;
        font-size: 13px;
        border: none;
        display: inline-block;
        line-height: 0.8;
        fill: #fff;
        text-align: center;
        background-color: #983ffd;
        margin-left: -3px;
        font-weight: bold;
        font-size: 18px;
        position: absolute;
        margin-top: 3.2px;
    }

        .footerNewsletter .footerSubmit:hover, .couponCode .footerSubmit:hover {
            background-color: #ff00a0;
        }

        .footerNewsletter .footerSubmit span, .couponCode .footerSubmit span {
            margin-left: -10px;
        }

.footersubmitmac {
    margin-top: 4.4px !important;
}

.couponCodeSubmit {
    min-height: 38px !important;
}


.footerNewsletter input[type=email] {
    border: 2px solid #983ffd;
    outline-width: 0;
}

.footerNewsletter ul li {
    display: inline;
}

    .footerNewsletter ul li a {
        font-size: 1.2rem;
        background-color: #983ffd;
        border-radius: 50%;
        width: 36px;
        height: 36px;
        display: inline-block;
        text-align: center;
        padding-top: 9px;
    }

.footerNewsletter .rumbleIcon {
    padding-left: 8px;
}

.newsletterLabel {
    color: #6fff1c;
    user-select: none;
}

.footerNewsletter .footerSubmit {
    font-size: 2.0rem;
    background-color: #983ffd;
    text-align: center;
}

.footerLinks {
    text-align: right;
    margin-right: 24px;
    color: #6fff1c;
    user-select: none;
}

    .footerLinks a {
        color: #6fff1c;
        user-select: none;
    }

        .footerLinks a:hover {
            color: #983ffd
        }

/* Upper Detail Account */
#useraccountTop {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
}

    #useraccountTop a {
        color: #6fff1c;
        font-weight: bold;
    }

    #useraccountTop .userTop {
        font-size: 11px;
        text-align: center;
        padding: 12px 40px 0px 86px;
        margin-top: 2px;
        width: 40px;
        height: 40px;
    }

        #useraccountTop .userTop img {
            width: 32px;
            height: auto;
        }

    #useraccountTop .shopTop {
        width: 40px;
        height: 40px;
        background-repeat: no-repeat;
        margin-top: 14px;
        margin-right: 20px;
        position: relative;
    }

        #useraccountTop .shopTop span {
            background-color: #ff00a0;
            width: 20px;
            height: 20px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            text-align: center;
            padding: 7px 0px 0px 3px;
            margin-top: -10px;
            margin-left: 10px;
            position: absolute;
            color: white;
            font-weight: 700;
            margin: -40px 0px 0px 10px;
            font-size: 2em;
        }

            #useraccountTop .shopTop span a {
                color: #fff;
            }

.removeCoupon {
    color: black;
    font-size: 16px;
    font-weight: bold;
    padding-top: 12px;
}

    .removeCoupon a {
        cursor: pointer;
        text-decoration: none;
    }

        .removeCoupon a:hover {
            color: black;
        }

.whiteLinks {
    color: #fff !important;
}

.userIcon {
    width: 32px;
    height: auto;
}

.crudForm {
    max-width: 600px;
    padding-bottom: 20px;
    margin: 0 auto;
}

    .crudForm input[type=email]:focus,
    .crudForm input[type=text]:focus,
    .crudForm select:focus,
    .crudForm input[type=password]:focus {
        outline-width: 0;
    }

.crudInput {
    background-color: #ffffff;
    border: 2px solid #983ffd;
    border-radius: 50px;
    font-size: 13px;
    min-height: 33px;
    padding: 10px 20px;
    width: 100%;
    margin-top: 20px;
    max-width: 300px;
}

/* Artist Bio */

.artist {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: bold;
    padding-bottom: 90px;
    padding-top: 130px;
}

.artistList {
    max-width: 1160px;
    width: 100%;
    padding-left: 5px;
}

.artistListItemCont {
    margin: 15px 15px 15px 0;
    border-radius: 20px;
    padding: 12px;
    width: 367px;
    display: inline-block;
}

    .artistListItemCont a {
        color: #fff;
    }

        .artistListItemCont a:hover {
            color: #ff00a0;
            transition: .25s all ease;
        }

    .selectedGradient, .artistListItemCont:hover {
        background-image: linear-gradient(#983ffd, #ff00a0 );
    }

.artistListItem {
    border-radius: 14px;
    min-height: 332px;
    background-color: #000;
    text-align: center;
    cursor: pointer;
    position: relative;
}


.artistListItemTitle {
    width: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    padding: 12px;
    font-size: 20px;
    position: absolute;
    bottom: 0;
    left: 0;
    border-bottom-left-radius: 14px;
    border-bottom-right-radius: 14px;
}

.artistSep {
    transform: scale(1,0.70);
}

.artistTabs {
    padding: 20px 0px 0px 0px;
    text-align: center;
}


/* Search Box */
.digitalLibrarySearchBox {
    /*background-color: #fff;
    padding: 5px;
    border-radius: 30px;
    widtH: 236px;
    border: 3px solid #ff00a0;
    background-image: url('../images/icon_search.png');
    background-repeat: no-repeat;
    padding-left: 34px;
    background-position-x: 10px;
    background-position-y: 11px;*/
    border-radius: 30px;
    outline: 0px;
}

    .digitalLibrarySearchBox input {
        border: 0px solid #ff00a0;
    }

#searchRow {
    display: block;
    color: #fff;
    font-weight: bold;
    padding-top: 100px;
    margin-bottom: -20px;
}

    #searchRow .searchRowContainer {
        width: 100%;
        max-width: 1170px;
        margin: 0 auto;
    }

        #searchRow .searchRowContainer div {
            display: inline-block;
        }

    #searchRow .searchBox {
        background-color: #fff;
        padding: 5px;
        border-radius: 30px;
        widtH: 236px;
        border: 3px solid #983ffd;
        /*background-image: url('../images/icon_search.png');*/
        background-repeat: no-repeat;
        padding-left: 34px;
        background-position-x: 10px;
        background-position-y: 11px;
    }

        #searchRow .searchBox input {
            border: 0px solid;
            margin-left: -20px;
            min-width: 204px;
        }

    #searchRow .digitalLibraryBox {
        width: 260px;
        /*border: 3px solid #ff00a0;*/
        /* float: right; */
        margin: 0px 0px 0px 0px;
    }

.no-outline:focus {
    outline: none;
}

#searchRow .violetdropdown {
    background-color: #983ffd;
    border-radius: 30px;
    margin-left: 28px;
}

    #searchRow .violetdropdown:hover {
        background-color: orange;
    }


    #searchRow .violetdropdown select {
        /* Reset Select */
        appearance: none;
        outline: 0;
        border: 0;
        box-shadow: none;
        /* Personalize */
        flex: 1;
        padding: 0 1em;
        color: #fff;
        font-weight: bold;
        background-color: #983ffd;
        background-image: none;
        cursor: pointer;
    }

        #searchRow .violetdropdown select:hover {
            background-color: #ff00a0;
        }

        /* Remove IE arrow */
        #searchRow .violetdropdown select::-ms-expand {
            display: none;
        }
    /* Custom Select wrapper */
    #searchRow .violetdropdown .select {
        position: relative;
        display: flex;
        width: 220px;
        height: 40px;
        font-size: 18px;
        border-radius: 30px;
        overflow: hidden;
    }
        /* Arrow */
        #searchRow .violetdropdown .select::after {
            content: '\25BC';
            position: absolute;
            top: -10px;
            right: 0;
            padding: 1em;
            transition: .25s all ease;
            pointer-events: none;
        }

#searchRow #custDropCont {
    position: relative;
}

#searchRow .customDropdown {
    border-radius: 30px;
    background-color: #983ffd;
    padding: 7px 20px;
    width: 244px;
    height: 40px;
    text-align: left;
    font-size: 18px;
    margin-left: 14px;
    cursor: pointer;
}

    #searchRow .customDropdown:hover {
        background-color: #ff00a0;
    }

#searchRow #custDropDwnList {
    position: absolute;
    width: 88%;
}

    #searchRow #custDropDwnList .dropdown-content {
        max-width: 244px;
        width: 100%;
    }

        #searchRow #custDropDwnList .dropdown-content a {
            border-bottom: 2px solid #f600a0;
        }

            #searchRow #custDropDwnList .dropdown-content a:last-child {
                border-bottom: none;
            }

    #searchRow #custDropDwnList .select {
        position: relative;
        display: flex;
        width: 220px;
        height: 40px;
        font-size: 18px;
        font-weight: bold;
        border-radius: 30px;
        overflow: hidden;
    }
/* Arrow 
#searchRow .customDropdown::after {
    content: '\25BC';
    position: absolute;
    top: -10px;
    right: 0;
    padding: 1em;
    transition: .25s all ease;
    pointer-events: none;
}*/

#searchRow .galleryDropdown {
    font-size: 1.8em;
    float: right;
    margin-top: -5px;
}

#searchRow .letterFilter {
    border-radius: 30px;
    background-color: #983ffd;
    padding: 7px 20px 7px 18px;
    width: 80px;
    height: 40px;
    text-align: center;
    font-size: 18px;
    cursor: pointer;
    margin-left: 14px;
}

    #searchRow .letterFilter:hover {
        background-color: #ff00a0;
    }

    #searchRow .letterFilter a {
        color: white;
        text-decoration: none;
    }

.videoSearchBox {
    height: 42px;
}



/* Media */

#mediaPage .videos {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: bold;
    padding-bottom: 90px;
}

#mediaPage .videoList {
    width: 250px;
    display: inline-block;
}

#mediaPage .vidListItemCont {
    margin: 15px 15px 15px 0;
    border-radius: 20px;
    padding: 12px;
}

#mediaPage .vidListItem {
    border-radius: 14px;
    min-height: 150px;
    background-color: #000;
    text-align: center;
    cursor: pointer;
    position: relative;
}

    #mediaPage .vidListItem img {
        widtH: 50px;
        height: 50px;
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
        margin-left: -25px;
        margin-top: 35px;
    }


#mediaPage .vidListItemTitle {
    width: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    padding: 10px;
    position: absolute;
    bottom: 0;
    left: 0;
    border-bottom-left-radius: 14px;
    border-bottom-right-radius: 14px;
}

#mediaPage .featVidCont {
    width: 100%;
    max-widtH: 650px;
    border-radius: 20px;
    padding: 12px;
    margin-left: 15px;
}

#mediaPage .featVidContP2 {
    width: 100%;
    max-widtH: 1400px;
    border-radius: 20px;
    padding: 12px;
    margin-left: 15px;
}

#mediaPage .vidP2 {
    margin-top: 20px;
}

    #mediaPage .vidP2 #musicPlayer {
        font-size: 20px;
    }

        #mediaPage .vidP2 #musicPlayer .songTitle {
            width: 628px !important;
            height: 93px;
        }

        #mediaPage .vidP2 #musicPlayer .songTitleControl {
            width: 48px !important;
            padding-top: 6px;
        }

    #mediaPage .vidP2 .musicDetails {
        padding: 20px;
    }

    #mediaPage .vidP2 #musicPlayer .songTitle {
        padding-left: 20px;
        color: white !important;
        font-size: 20px;
        font-weight: 700;
    }

    #mediaPage .vidP2 #musicPlayer .musicButtons {
        width: 106px;
        padding-right: 10px;
    }

    #mediaPage .vidP2 #musicPlayer .musicWave {
        text-align: left;
    }

.musicTabs {
    margin: -4px 0px 28px 0px;
}

    .musicTabs ul {
        padding-left: 0;
        margin: 0px 0px 0px 0px;
        padding-bottom: 0px;
    }

        .musicTabs ul li {
            color: #983ffd;
            padding: 0px 5px;
            display: inline-block;
            font-size: 28px;
        }

            .musicTabs ul li:first-child {
                padding-left: 0;
            }

            .musicTabs ul li:last-child {
                border-right: 0;
            }

    .musicTabs a {
        color: #983ffd;
        text-decoration: none;
        font-size: 28px;
        text-underline-offset: 8px;
    }

    .musicTabs .active {
        text-decoration: none;
    }

    .musicTabs a:hover {
        color: #ff00a0;
    }

.musicTabsSep {
    transform: scale(1, 0.75);
    padding-top: 20px;
}

#mediaPage .vidP2 .albumButtons .button {
    height: 60px !important;
    padding: 0px 20px 0px 20px !important;
    margin-right: 10px;
}


#mediaPage .vidP2 .albumDetails {
    max-width: 940px !important;
    display: inline-block;
    top: 0;
}

    #mediaPage .vidP2 .albumDetails .alp2det {
        display: inline-block;
        width: 52% !important;
        margin-top: 0px;
    }

    #mediaPage .vidP2 .albumDetails .albumControlP2 {
        display: inline-block;
        position: absolute;
        margin-top: 190px;
        margin-left: 54px;
    }

        #mediaPage .vidP2 .albumDetails .albumControlP2 img {
            padding: 0 10px;
            cursor: pointer;
        }


#mediaPage .vidP2 .musicAlbumMainCont {
    width: 430px !important;
}

#mediaPage .vidP2 .vidListItem {
    min-height: 400px !important;
    max-width: 400px !important;
}

#mediaPage .vidP2 .albumDetails .albumTitle {
    font-size: 50px !important;
}

#mediaPage .vidP2 .albumDetails .albumArtist {
    font-size: 24px !important;
}

#mediaPage .vidP2 .albumDetails .albumDet {
    font-size: 24px !important;
}

#mediaPage .albumArtist {
    margin-top: -12px;
}



#mediaPage .featVid {
    border-radius: 14px;
    background-color: #000;
    text-align: center;
    height: 460px;
    cursor: pointer;
    position: relative;
    width: 100%;
}

    #mediaPage .featVid img {
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
        margin-left: -50px;
    }

#mediaPage .featVidTitle {
    width: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    font-size: 24px;
    padding: 20px;
    position: absolute;
    bottom: 0;
    left: 0;
    border-bottom-left-radius: 14px;
    border-bottom-right-radius: 14px;
}

#mediaPage .mediaInfo {
    width: 100%;
    max-widtH: 225px;
    font-size: 12px;
    font-weight: normal;
    margin-left: 30px;
}

.topheader {
    text-align: center;
    padding: 14px 5px 14px 5px;
    font-size: 20px;
    font-weight: bold;
}

.bottomcontent {
    padding: 15px 15px 15px 15px;
}

.bottomcontentorder {
    padding: 15px 15px 15px 15px;
}

.bottomcontentrelateditems {
    padding: 18px 15px 2px 15px;
}

.bottomcontentpayment {
    padding: 5px 15px 0px 15px;
}

.blackInnerBoxRow {
}

    .blackInnerBoxRow div {
        display: inline-block;
        font-size: 11px;
    }

.blackInnerBox {
    border-radius: 10px;
    background-color: #000;
    padding: 10px;
}

.smArtistIcon {
    display: inline-block;
    overflow: hidden;
    width: 20%;
    padding-bottom: 20%;
    height: 0;
    position: relative;
}

    .smArtistIcon img {
        width: 100%;
        height: 100%;
        position: absolute;
        clip-path: circle(50%);
        object-fit: cover;
        margin-top: 5px;
    }

.smArtistName {
    padding-left: 5px;
}


/* Artist */

#artistInfoDet {
    height: 160px;
    background-color: #000;
    border-top: 8px solid #9c47fd;
    border-bottom: 8px solid #9c47fd;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.49);
    padding: 10px 0;
    position: relative;
}

.artistInfoDetRow {
    margin: 0px !important;
}

#artistProfPic {
    padding: 10px;
    width: 250px;
    height: 250px;
    border-radius: 50%;
    position: absolute;
    margin-top: -140px;
    right: 0;
}

    #artistProfPic div {
        border-radius: 50%;
        width: 100%;
        height: 100%;
        max-width: 250px;
        max-height: 250px;
    }

#artistbanner {
    background-size: cover;
    height: 800px;
    width: 100%;
}

.contactbanner {
    border-bottom: 8px solid #9c47fd;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.49);
    background-image: url('/images/contact_us_bg3.jpg');
    position: relative;
    z-index: 0;
}

.aiPreDet, .aiSubDet, .contactSoc {
    color: #fff;
    padding-left: 0px !important;
    padding-right: 40px !important;
}

.aiBalancer {
    width: 100%;
    position: relative;
    margin-left: 50px;
}

.aiPreDet .aiName {
    color: #6eff1c;
    font-size: 36px;
    margin-top: 5px;
    margin-bottom: 10px;
}

.aiSoc ul, .contactSoc ul {
    padding-left: 0;
}

.aiPreDet ul li {
    display: inline-block;
    margin: 0;
    padding: 0;
}

.aiSoc ul li, .contactSoc ul li {
    background-color: #983ffd;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    font-size: 24px;
}

.aiSoc ul li {
    width: 40px;
    height: 40px;
}

.contactSoc ul li {
    width: 70px;
    height: 70px;
}

    .aiSoc ul li:hover, .contactSoc ul li:hover {
        background-color: #ff00a0;
    }

.aiSoc a, .aiSoc a:hover, .contactSoc a, .contactSoc a:hover {
    color: #fff;
}

.aiSoc i {
    padding: 8px 6px 7px 6px;
}

.houseIconPadding {
    padding: 7px 5px 7px 5px !important;
}

.aiSoc .rumbleIcon {
    margin-top: -15px;
}

    .aiSoc .rumbleIcon img {
        width: 16px;
        margin-left: 8px;
    }

.aiSoc .facebookIcon {
    padding-left: 6px;
}

.aiSoc .instagramIcon {
    padding-left: 3.5px;
}

.aiSoc .youTubeIcon {
    padding-left: 1px;
}

.aiSoc .websiteIcon {
    padding-left: 1px;
}

.aiSoc .globeIcon {
    padding-left: 1.6px;
}

.aiSoc .twitterIcon {
    padding-left: 2px;
}

.aiSoc .mailIcon {
    padding: 2px 0px 0px 2px;
}

.contactSoc .rumbleIcon {
    margin-top: 0px !important;
}

.contactSoc .facebookIcon {
    padding-left: 2px;
}

.contactSoc i {
    padding: 7px;
    font-size: 36px;
    margin-top: 10px;
}

.contactSoc ul {
    margin: 0 auto;
    margin-top: 140px;
    text-align: center;
}

    .contactSoc ul li {
        display: inline-block;
    }

.musicShare {
    padding: 0px !important;
}

    .musicShare ul {
        margin: 0px 0px 0px 0px;
        text-align: center;
        padding: 0px;
    }

.contactInfoDet {
    font-size: 30px;
    text-align: center;
    margin-bottom: 100px;
    font-weight: bold;
}

    .contactInfoDet a {
        text-decoration: none;
        color: white;
    }

.contactTxt {
    font-size: 28px;
    line-height: 1.3em;
    color: #983ffd;
    text-align: center;
    font-style: italic;
    font-weight: bold;
    padding: 80px 0;
    text-shadow: 3px 0 #fff, -3px 0 #fff, 0 3px #fff, 0 -3px #fff, 3px 3px #fff, -3px -3px #fff, 3px -3px #fff, -3px 3px #fff;
}

    .contactTxt p {
        max-width: 450px;
        margin: 0 auto;
    }

.contactRow {
    margin: 0px 10px 0px 0px !important;
}

.modalContactForm {
    max-width: 500px;
    padding-bottom: 20px;
    margin: 0px auto 0px auto;
    margin-top: 40px;
}

    .modalContactForm .halfLoginCont {
        display: flex;
        position: relative;
    }

    .modalContactForm .halfContact {
        max-width: 220px;
        flex: 50%;
        width: 100%;
        display: inline-block;
    }

    .modalContactForm .halfInput {
        width: 100%;
    }

    .modalContactForm .loginInput {
        background-color: black;
        border: 2px solid #983ffd;
        border-radius: 50px;
        font-size: 16px;
        min-height: 33px;
        padding: 10px 20px;
        width: 100%;
        margin-top: 20px;
        max-width: 442px;
        outline: none;
        font-weight: 700;
        color: white;
    }

    .modalContactForm .rightAlign {
        margin-left: 20px;
    }

    .modalContactForm .contTxtArea {
        height: 100px;
        border-radius: 20px;
    }

    .modalContactForm .button {
        width: 200px;
    }

    .modalContactForm .captchaCont, .modalContactForm .modalButton {
        text-align: center;
        display: inline-block;
        margin: 0 auto;
        width: 100%;
        max-width: 220px;
    }

    .modalContactForm .contBtn {
        margin-top: 16px;
    }

    .modalContactForm .captcha {
        color: #777;
        font-size: 12px;
        background-color: #83c5c7;
        padding: 20px;
        max-width: 180px;
        margin: 5px auto 20px auto;
    }

/*Privacy Page*/
.privacyHeader {
    font-size: 34px;
    padding: 5px;
}

.homeP2Vid {
    padding: 20px 20px 0px 20px !important;
}

    .homeP2Vid .guitarProCont {
        margin: 20px 80px 0px 80px;
    }

    .homeP2Vid .aiphoto .vidListItemTitle {
        text-align: left;
    }

        .homeP2Vid .aiphoto .vidListItemTitle .homep2text {
            width: 70%;
            display: inline-block;
            font-weight: 600;
            vertical-align: middle;
        }

        .homeP2Vid .aiphoto .vidListItemTitle .homep2icons {
            width: 28%;
            display: inline-block;
            text-align: right;
            vertical-align: middle;
        }

            .homeP2Vid .aiphoto .vidListItemTitle .homep2icons img {
                width: 28px;
                height: 28px;
                position: static;
                margin-top: -5px;
                margin-left: 0;
            }

.homeGPTiles {
    min-width: 330px !important;
}

.homep2text {
    padding-bottom: 18px;
    font-size: 18px;
}

.homep2textPlaceOrder {
    padding: 10px 10px 10px 10px;
    font-size: 18px;
}

.homep2icons {
    padding-bottom: 12px;
}

.homep2iconPlaceOrder {
    float: right;
    cursor: pointer;
    margin-right: 3px;
    width: 28px;
    height: 28px;
    position: relative;
    bottom: 3px;
}

.placeOrderRelatedTitle {
    width: 120px !important;
    margin-left: -10px !important;
    padding-bottom: 3px !important;
}

.aiTabs ul {
    padding-left: 0;
}

    .aiTabs ul li {
        padding: 0px 5px 0px 5px;
        color: #983ffd;
        font-size: 24px;
    }

        .aiTabs ul li:last-child {
            border-right: 0;
        }

.aiTabs a {
    color: #983ffd;
    text-decoration: none;
    font-size: 24px;
}

.aiTabs .active {
    text-decoration: underline;
    text-underline-offset: 8px;
}

.aiTabs a:hover {
    color: #ff00a0;
}

.aiSubDet {
    font-size: 36px;
}

    .aiSubDet ul {
        list-style-type: none;
        margin-top: 5px;
    }

        .aiSubDet ul li {
            height: 44px;
            margin-bottom: 10px;
        }

            .aiSubDet ul li span {
                font-size: 22px;
                padding-left: 20px;
            }

    .aiSubDet i {
        color: #983ffd;
        width: 30px;
        vertical-align: middle;
    }

.artistBannerText {
    font-size: 22px;
    padding-left: 20px;
    margin-top: -10px;
}




.bioPhotos {
    padding: 20px 20px 0px 20px;
}

    .bioPhotos .newrow {
        margin-bottom: 20px;
    }

    .bioPhotos .aiphoto {
        border-radius: 20px;
        padding: 10px;
        width: 100%;
        height: 100%;
        position: relative;
        text-align: center;
        color: #fff;
        min-width: 440px;
        max-width: 520px;
    }


        .bioPhotos .aiphoto .aiPVcont {
            border-radius: 16px;
            background-color: #000;
            background-repeat: no-repeat;
            width: 100%;
            height: 420px;
            background-size: cover;
            cursor: default;
            background-position: center center;
            position: relative;
        }

            .bioPhotos .aiphoto .aiPVcont img {
                width: 80px;
                height: 80px;
                position: absolute;
                top: 0;
                bottom: 0;
                margin: auto;
                margin-left: -40px;
                margin-top: 165px;
            }

        .bioPhotos .aiphoto .vidListItemTitle {
            background-color: rgba(0, 0, 0, 0.7);
            padding: 5px 10px 10px 10px;
            position: absolute;
            left: 0;
            height: 40px;
            font-size: 18px;
        }

        .bioPhotos .aiphoto:hover {
            background-image: linear-gradient(#983ffd, #ff00a0 );
        }



.bioContainer {
    max-width: 1160px;
    margin: 0 auto;
    padding-top: 20px;
    padding-bottom: 80px;
}

.bioText {
    border-radius: 20px;
    padding: 10px;
}

.bioTextInner {
    color: #fff;
    background-color: #000;
    border-radius: 20px;
    padding: 20px 25px 0px 25px;
}

    .bioTextInner p {
        margin-bottom: 0px;
    }

.artistCont {
    padding-top: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 50px;
}

    .artistCont .artistsubtext {
        font-weight: 400;
    }

    .artistCont .soc {
        padding: 5px 0 15px 0;
    }

.artistMediaCont {
    display: inline-block;
    max-width: 1000px;
    width: 100%;
    padding-left: 20px;
    color: #fff;
}

.artistMedia {
}

.artistinfo {
    color: #fff;
    font-weight: bold;
    width: 100%;
    max-widtH: 300px;
    padding: 10px;
    border-radius: 14px;
    display: inline-block;
}

.artistdesc {
    font-weight: 400;
    font-size: 14px;
}

.artistinner {
    padding: 20px;
}

.artistName {
    color: white;
    font-size: 20px;
    margin-left: 25px;
    cursor: pointer;
}

    .artistName:hover {
        color: #ff00a0;
    }

.artistNameMusic {
    color: white;
    font-size: 20px;
    margin-left: 25px;
    cursor: pointer;
    font-weight: 700;
    text-decoration: none;
}

    .artistNameMusic:hover {
        color: #ff00a0;
    }

.artistMedia .topheader {
    font-size: 22px;
}

.artistinfo .vidListItemCont {
    margin: 15px 15px 15px 0;
    border-radius: 20px;
    padding: 12px;
}

.artistvideos {
    margin-top: 20px;
}

.imageSlider {
    width: 100%;
}

    .imageSlider .sliderItem {
        width: 23.5%;
        border: 3px solid #a04efd;
        border-radius: 14px;
        margin-left: 15px;
        position: relative;
    }

        .imageSlider .selected, .imageSlider .sliderItem:hover {
            border: 3px solid #ff00a0;
        }

        .imageSlider .sliderItem img {
            border-radius: 14px;
            width: 100%;
            height: 180px;
            object-fit: cover;
        }

    .imageSlider .firstchild {
        margin-left: 0;
    }

.artistMedia .blackInnerBox {
    position: relative;
}

.sliderArrows {
    position: absolute;
    z-index: 10;
}

    .sliderArrows .leftArrow {
        border-radius: 14px 0 0 14px;
        margin-left: 5px;
    }

    .sliderArrows .rightArrow {
        left: 0;
        border-radius: 0 14px 14px 0;
        margin-right: 17px;
    }

    .sliderArrows .leftArrow, .sliderArrows .rightArrow {
        width: 50px;
        background-color: rgba(0, 0, 0, 0.5);
        height: 188px;
        padding-top: 80px;
        text-align: center;
        margin-top: 5px;
    }

        .sliderArrows .leftArrow img {
            margin: 0 auto;
            vertical-align: middle;
        }

.rightarrowCont {
    right: 0;
}

/* Photo Gallery */


#photogallery .videos {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: bold;
    padding-bottom: 90px;
}

#photogallery .videoList {
    width: 250px;
    display: inline-block;
}

#photogallery .vidListItemCont {
    margin: 15px 15px 0 0;
    border-radius: 20px;
    padding: 12px;
}

#photogallery .vidListItem {
    border-radius: 14px;
    min-height: 150px;
    background-color: #000;
    text-align: center;
    cursor: pointer;
    position: relative;
}

#photogallery .photgalleryCont {
    width: 100%;
    max-widtH: 920px;
    margin-top: 15px;
}

#photogallery .featVidCont {
    width: 100%;
    border-radius: 20px;
    padding: 12px;
}

#photogallery .featVid {
    border-radius: 14px;
    background-color: #f00;
    text-align: center;
    height: 515px;
    position: relative;
    width: 100%;
}

.photoGalleryItemsCont {
    width: 100%;
    margin-left: 15px;
    margin-top: 15px;
}

.photoGalleryItems {
    width: 100%;
    border-radius: 20px;
    padding: 12px;
}

    .photoGalleryItems .imageSlider .sliderItem img {
        border-radius: 10px;
    }

    .photoGalleryItems .imageSlider .sliderItem {
        width: 136px;
        max-widtH: 17%;
        margin-left: 10px;
    }

    .photoGalleryItems .imageSlider:first-child {
        margin-left: 0px;
    }

    .photoGalleryItems .sliderItem img {
        width: 100%;
        height: 15%;
    }

    .photoGalleryItems .sliderArrows .leftArrow {
        border-radius: 14px 0 0 14px;
        margin-left: 10px;
    }

    .photoGalleryItems.sliderArrows {
    }

        .photoGalleryItems.sliderArrows .rightArrow {
            left: 0;
            border-radius: 0 14px 14px 0;
            margin-right: 17px;
        }

        .photoGalleryItems .sliderArrows .leftArrow, .photoGalleryItems .sliderArrows .rightArrow {
            width: 50px;
            background-color: rgba(0, 0, 0, 0.5);
            height: 137px;
            padding-top: 52px;
            text-align: center;
            margin-top: -1px;
        }

        .photoGalleryItems .sliderArrows .rightArrow {
            margin-right: 20px;
        }

.photoGalleryItemsCont {
    position: relative;
}

.photoGalleryItems .rightarrowCont {
    right: 0;
}

.selectedGradient, .vidListItemCont:hover {
    background-image: linear-gradient(#983ffd, #ff00a0 );
}

.sliderItem:hover {
}

.photoGalleryItemsCont .blackInnerBoxRow div,
.photoGalleryItemsCont .sliderArrows {
    margin-left: -3px;
}



/* Dashboard */

.innerDashCont {
    max-width: 1140px;
}



.dashboard {
    padding-top: 163px;
    height: auto;
}

    .dashboard #dashboardMenu {
        padding-top: 20px;
        padding-bottom: calc(67vh - 180px);
        display: flex;
    }

        .dashboard #dashboardMenu .dashmenuitem {
            background-color: #ff00a0;
            padding-left: 35px;
            width: 100%;
            max-width: 400px;
            margin: 0 20px;
            border-radius: 14px;
        }

            .dashboard #dashboardMenu .dashmenuitem div {
                background-color: #983ffd;
                padding: 20px;
                color: #fff;
                font-size: 30px;
                font-weight: bold;
                border-radius: 0 14px 14px 0;
                cursor: pointer;
            }

            .dashboard #dashboardMenu .dashmenuitem:hover {
                /*background-color: #983ffd;*/
            }

            .dashboard #dashboardMenu .dashmenuitem div:hover {
                background-color: #ff00a0;
            }

            .dashboard #dashboardMenu .dashmenuitem a {
                color: #fff;
                text-decoration: none;
            }

.dashmenuitemleft {
    margin-left: 0px !important;
}

.dashmenuitemright {
    margin-right: 0px !important;
}


.subDash .wideHeader {
    border-radius: 14px;
    text-align: left !important;
    padding-left: 20px;
}

.topDash .wideHeader {
    border-radius: 14px;
    text-align: center !important;
}

.dashTableCont {
    width: 100%;
    border-radius: 14px;
    padding-top: 200px;
    padding-bottom: 200px;
    clear: both;
}

.accountInfoTable {
    width: 49%;
    display: inline-block;
}

.centerTable {
    margin-top: 10px;
}

#dashTable {
    width: 100%;
    font-size: 18px;
    border-radius: 14px;
    font-weight: bold;
}

    #dashTable tr:first-of-type td:first-of-type {
        border-top-left-radius: 14px;
    }

    #dashTable tr:first-of-type td:last-of-type {
        border-top-right-radius: 14px;
    }

    #dashTable tr:last-of-type td:first-of-type {
        border-bottom-left-radius: 14px;
    }

    #dashTable tr:last-of-type td:last-of-type {
        border-bottom-right-radius: 14px;
    }

    #dashTable td {
        padding: 15px 10px 15px 15px;
    }

    #dashTable .tblHead {
        color: #fff;
    }

    #dashTable .date {
        width: 20%;
    }

    #dashTable .order {
        width: 20%;
    }

    #dashTable .items {
        width: 20%;
    }

    #dashTable .payment {
        width: 20%;
    }

    #dashTable .ordersSearch {
        width: 20%;
    }

    #dashTable .amount {
        width: 20%;
    }


    #dashTable .atoz {
        width: 17%;
        text-align: left;
        color: white;
    }

        #dashTable .atoz a {
            color: white;
            text-decoration: none;
        }

    #dashTable .dlitems {
        width: 18%;
        text-align: left;
    }

    #dashTable .dltype {
        width: 10%;
        text-align: left;
    }

    #dashTable .sound {
        width: 40%;
        text-align: center;
    }

    #dashTable .soundCont {
        width: 5%;
        padding: 0px 0px 0px 0px;
        text-align: center;
        font-size: 1.5em;
    }

    #dashTable .dldownload {
        width: 5%;
        padding: 10px;
        text-align: center;
    }



.subDash .wideHeader span {
    font-size: 20px;
    margin-top: 16px;
    margin-right: 20px;
    font-size: 34px;
}

    .subDash .wideHeader span a {
        color: #fff;
        text-decoration: none;
        letter-spacing: normal;
    }

        .subDash .wideHeader span a:hover {
            color: #ff00a0;
        }

.dashTableCont .atoz div {
    width: 94px;
    border: 2px solid #a04efd;
    border-radius: 10px;
    position: relative;
}

    .dashTableCont .atoz div img {
        border-radius: 8px;
        width: 90px;
        height: 80px;
        object-fit: cover;
    }



#dashTable .aicol1 {
    width: 30%;
}

#dashTable .aicol2 {
    width: 60%;
}

#dashTable .aicol1b {
    width: 35%;
    padding: 15px 10px 15px 15px;
}

#dashTable .aicol2b {
    width: 55%;
    padding: 15px 10px;
}

#dashTable .aicol3 {
    width: 10%;
    padding: 10px 20px 10px 0px;
    text-align: right;
    height: 34px;
}

.dashboardSearchInput {
    min-width: 228px !important;
}

/* Guitar Pro */

.guitarProBtn, .placeOrderBtn {
    text-align: center;
}

    .guitarProBtn .button {
        width: 180px;
        padding-left: 0;
        padding-right: 0;
        margin-top: 20px;
    }

    .placeOrderBtn .button {
        width: 200px;
        padding: 0;
        margin-top: 20px;
    }


.boxHeaderModal {
    width: 460px;
    margin: 0 auto;
}

    .boxHeaderModal .topheader {
        color: #fff;
    }

.modal-contentCTN .halbot {
    text-align: center;
}

.modal-contentCTN .modalLogo {
    padding: 15px 0;
}

.modal-contentCTN .modalctnhead {
    font-weight: bold;
    font-size: 20px;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #333;
}

.modal-contentCTN .modalctnhead, .modal-contentCTN .modalOrderDetails {
    width: 90%;
    margin: 0 auto;
}

.modal-contentCTN .modalOrderDetails {
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: 600;
}

.modal-contentCTN .modalSumRow {
    display: block;
}

    .modal-contentCTN .modalSumRow div {
        display: inline-block;
        text-align: right;
        width: 48%;
    }

    .modal-contentCTN .modalSumRow .detail {
        text-align: left;
    }

.orderConfirmationCont {
    margin-top: 260px;
}

.couponCodeContModal {
    text-align: left;
}

    .couponCodeContModal .shoppingLink {
        display: inline-block;
        float: right;
        padding: 22px 8px 0px 0px;
    }

    .couponCodeContModal a {
        color: #333;
    }

    .couponCodeContModal .couponCode {
        display: inline-block;
        width: 240px;
    }

.couponCode {
    min-height: 38px !important;
}

.couponArrow {
    font-size: 30px;
    padding: 0px;
    line-height: 0.95;
}

.couponSubmit {
    margin-top: 20px !important;
    padding-top: 6px !important;
}


.modalOrderDetails .modalButton {
    margin-top: 20px;
    margin-bottom: 16px;
}

.modalCloseCont {
    width: 90%;
    max-widtH: 1425px;
    position: relative;
    right: 0;
    margin-top: 20px;
}

    .modalCloseCont .closeViolet {
        background-color: #a04efd;
        width: 40px;
        height: 40px;
        border-radius: 50px;
        position: absolute;
        z-index: 12;
        right: 0;
        padding-left: 30px;
    }

.buyNowButton {
    margin-top: 0px !important;
}

.photoGalleryModal {
    padding-top: 0;
    margin-top: 63px;
}

    .photoGalleryModal .modal-contentCTN {
        top: 55%;
    }

.photogalleryLB {
    width: 100%;
}

.lbImageCont .lbImageModal {
    width: 100%;
    border: 10px solid #a04efd;
    border-radius: 14px;
    margin-left: 15px;
    position: relative;
}

    .lbImageCont .lbImageModal img {
        border-radius: 14px;
        width: 100%;
        height: 90%;
        object-fit: contain;
    }

.videoGalleryModal {
    margin-top: 63px;
}

.couponRemove {
    float: right;
    margin-right: -10px;
}

/* Order Page */
.orderPage {
    padding-top: 139px;
    max-width: 1200px;
    margin: 0 auto;
}

    .orderPage .orderDetCont {
        padding-bottom: 80px;
        width: 100%;
        max-width: 825px;
        display: inline-block;
        padding-top: 20px;
    }

    .orderPage .paymentMethodCont {
        max-width: 350px;
        width: 100%;
        display: inline-block;
        margin-left: 20px;
        margin-right: 0;
        vertical-align: top;
        padding-top: 20px;
    }

    .orderPage .orderDetCont .topheader, .paymentMethodCont .topheader {
        color: #fff;
    }

    .orderPage .orderDetCont .yourOrder {
        padding-bottom: 20px;
        color: #333;
    }

.yourOrderItems {
    border-bottom: 1px solid black;
}

.dashTableCont {
    width: 100%;
    border-radius: 14px;
    padding-top: 20px;
    padding-bottom: calc(49vh - 180px);
    clear: both;
}

.accountInfoTable {
    width: 49%;
    display: inline-block;
}

#ordersTable {
    width: 100%;
    font-size: 20px;
    border-radius: 14px;
    font-weight: bold;
}

    #ordersTable td {
        padding: 15px 30px;
    }

    #ordersTable .tblHead {
        color: #fff;
    }

    #ordersTable .itempic {
        width: 15%;
        padding-left: 10px;
        padding-right: 0;
    }

    #ordersTable .itemname {
        text-align: left;
        width: 40%;
    }

    #ordersTable .itemtype {
        text-align: left;
        width: 20%;
    }

    #ordersTable .itemprice {
        text-align: right;
        width: 15%;
        padding: 0 5px;
    }

    #ordersTable .itemdelete {
        width: 50px;
        text-align: right;
        padding-left: 0;
        padding-right: 10px;
    }

.ordersTableCont {
    padding: 0 10px;
}

    .ordersTableCont .itempic div {
        width: 94px;
        border: 2px solid #a04efd;
        border-radius: 10px;
        position: relative;
    }

        .ordersTableCont .itempic div img {
            border-radius: 8px;
            width: 90px;
            height: 80px;
            object-fit: cover;
        }

.yourOrder .couponCodeContModal {
    margin-left: 15px;
}

.yourOrder .couponCode {
    vertical-align: top;
    width: 57%;
    text-align: left;
}

.yourOrder .couponTitle {
    font-size: 20px;
    font-weight: bold;
    text-align: left;
    padding-bottom: 0px;
}

.yourOrder .couponCode .footTextNews {
    border: 2px solid #983ffd;
    outline-width: 0px;
}

.miniOrderSummary {
    display: inline-block;
    width: 20%;
    padding: 10px 15px 5px 0;
}

.mos {
    max-width: 200px;
    margin-left: auto;
    display: flex;
    flex-direction: column;
    font-weight: bold;
}

    .mos .mosLabel .price {
        display: inline-block;
        text-align: right;
        width: 48%;
        margin-left: 10px;
    }

    .mos .mosLabel .detail {
        display: inline-block;
        width: 48%;
        text-align: left;
    }

    .mos .mosLabel {
        display: block;
        padding-top: 5px;
    }

    .mos .detail {
        text-align: left;
    }

.couponCodeContModal {
    text-align: left;
}

.paymentBtn {
    text-align: center;
    padding-bottom: 30px;
}

    .paymentBtn .button {
        width: 200px;
        padding: 8px 10px;
    }

.couponCode .footTextNews {
    max-width: 250px;
    border: 2px solid #983FFD;
}

.couponCode input:focus {
    outline: none;
}

.bigTotal {
    font-size: 20px;
}

.pmTypes {
    width: 100%;
    padding: 0px 20px 10px 20px;
    margin: 0 auto;
}

.pmRadio {
    padding-top: 10px;
}

    .pmRadio input[type=radio] {
        margin-right: 10px;
    }

    .pmRadio img {
        padding: 0 5px 0 0;
    }

.paymentMethodCont .orderTotal {
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 26px;
    margin-top: 18px;
}

.relatedItemsList {
    margin: 0px 0px 0px 0px;
    display: flex;
}

    .relatedItemsList .button {
        font-size: 16px;
        padding-left: 20px;
        padding-right: 20px;
        margin: 0 auto;
    }

    .relatedItemsList .songItem {
        max-width: 168px;
        width: 100%;
        min-width: 0;
        padding: 0;
        border-radius: 20px;
        display: inline-block;
        text-align: center;
        margin: 15px;
    }

    .relatedItemsList .songPic {
        min-width: 330px;
        height: 450px;
        background: #000;
        border-radius: 18px;
        color: #fff;
        font-weight: bold;
        text-align: center;
        font-size: 18px;
        position: relative;
        border: 4px solid #983ffd;
        margin: 0 auto;
        margin-bottom: 15px;
    }

        .relatedItemsList .songPic p {
            margin: 0;
            position: absolute;
            top: 50%;
            left: 44%;
            width: 80%;
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
        }



    .relatedItemsList .songButtons {
        text-align: center;
        width: 100%;
        margin: 0 auto;
    }

        .relatedItemsList .songButtons button {
            width: 80px;
            text-align: center;
            padding: 10px;
        }

.relateditems .sliderArrows .leftArrow,
.relateditems .sliderArrows .rightArrow {
    height: 170px;
    margin-top: 15px;
    margin-left: 13px;
    padding-top: 70px;
}

.relateditems {
    margin-bottom: 20px;
}

.sliderRLCont {
    position: relative;
    width: 100%;
}


/* Login */

.loginContent {
    padding-top: 139px;
}

    .loginContent .loginCont {
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        font-weight: bold;
        padding-bottom: 90px;
    }

        .loginContent .loginCont .loginBox {
            width: 440px;
            display: inline-block;
            text-align: center;
            padding-top: 20px;
        }

    .loginContent .loginBox .loginInput {
        background-color: #ffffff;
        border: 2px solid #983ffd;
        border-radius: 50px;
        font-size: 13px;
        min-height: 33px;
        padding: 10px 20px;
        width: 100%;
        margin-top: 20px;
    }

.loginViewPassword {
    margin-top: 5px !important;
}

.modalLoginForm {
    max-width: 360px;
    padding-bottom: 20px;
    margin: 0 auto;
}

    .modalLoginForm input[type=email]:focus,
    .modalLoginForm input[type=text]:focus,
    .modalLoginForm input[type=password]:focus {
        outline-width: 0;
    }

.loginContent .loginBox .loginLogo {
    padding-top: 20px;
}

.loginContent .loginBox .forgotPass {
    text-align: right;
    font-weight: 600;
    font-size: 14px;
    margin: 10px 0;
}

    .loginContent .loginBox .forgotPass a {
        color: #333;
        text-decoration: none;
    }

.loginDivider {
    margin: 0 120px;
    width: 1px;
    height: 600px;
}

.loginContent .loginBox .halfLoginCont {
    display: flex;
    position: relative;
}

.loginContent .loginBox .halfInput {
    flex: 50%;
    max-width: 170px;
}

.loginContent .halfInput .loginInput {
    width: 50px !important;
}

.loginContent .loginBox .rightAlign {
    position: absolute;
    right: 0;
}

.loginContent .captcha {
    color: #777;
    font-size: 12px;
    background-color: #83c5c7;
    padding: 20px;
    max-width: 250px;
    margin: 5px auto 20px auto;
}

.loginContent .tickbox {
    text-align: left;
    color: #333;
    font-weight: 600;
    font-size: 14px;
}

.tickbox {
    margin: 0 auto;
    margin-top: 10px;
}

    .tickbox .round {
        position: relative;
        margin-left: 10px;
        padding: 10px;
    }

.userinfoCont {
    width: 46%;
}

.forgotPass {
    color: #333;
    cursor: pointer;
}


.tickbox .round label {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 30%;
    cursor: pointer;
    height: 20px;
    left: 0;
    position: absolute;
    top: 0;
    width: 20px;
    margin-top: 10px;
}
/*
    .tickbox .round label:after {
        border: 2px solid #fff;
        border-top: none;
        border-right: none;
        content: "";
        height: 3px;
        left: 4px;
        opacity: 0;
        position: absolute;
        top: 8px;
        transform: rotate(-45deg);
        width: 12px;
    }*/

.tickbox .round input[type="checkbox"] {
    visibility: hidden;
}

    .tickbox .round input[type="checkbox"] + label {
        border: 2px solid #983ffd;
    }

    .tickbox .round input[type="checkbox"]:checked + label {
        background-color: #983ffd;
        border-color: #983ffd;
    }

        .tickbox .round input[type="checkbox"]:checked + label:after {
            opacity: 1;
        }

.modalctndesc {
    padding: 14px 30px 0px 30px;
    margin-top: 0px;
    font-size: 16px;
    font-weight: 500;
    color: black;
}

.noticeTxt {
    padding: 15px 30px 5px 30px;
    margin-top: 0px;
    font-size: 16px;
    font-weight: 500;
    color: black;
}

.modalResetPass .couponCodeContModal .couponCode {
    width: 100%;
    text-align: center;
    padding-right: 35px;
    padding-bottom: 15px;
}

.modalResetPass .couponCode .footTextNews {
    max-width: 320px;
    padding: 10px 20px;
    border: 2px solid #a04efd;
}

.modalResetPass .couponCode .footerSubmit {
    min-height: 43.5px;
    margin-top: 0px;
}

    .modalResetPass .couponCode .footerSubmit span {
        font-size: 38px;
        margin-left: -9px;
    }

.resetPasswordInput {
    margin: 16px 0px 0px 0px;
}

.resetBox {
    padding: 0px 0px 120px 0px;
}

    .resetBox .modalButton {
        margin-top: 20px;
    }

    .resetBox .lastButton {
        margin-bottom: 20px;
    }

.resetModal .button {
    margin: 20px 0 20px 0;
}

#vidpicsrow {
    padding-bottom: 60px;
}

.albumRowCont {
    align-items: center;
    margin: 0px auto 20px auto !important;
}

/* MUSIC */
.music {
    padding-top: 139px;
}

    .music #mediaPage .vidListItemCont {
        margin-top: 0;
    }

    .music #mediaPage .featVidCont {
        max-width: 700px;
    }

    .music #mediaPage .vidListItemTitle {
        background: none;
        text-transform: uppercase;
        filter: drop-shadow(3px 3px 3px #000);
        bottom: 36%;
    }

    .music #mediaPage .mediaInfo {
        margin-left: 30px;
    }

.musicDetails {
    padding: 20px;
}

.musicAlbumMain {
    max-width: 250px;
}

.music #mediaPage .musicDetails .vidListItem {
    min-height: 250px;
}

.music .featVid, .music #mediaPage .featVid {
    text-align: left;
    cursor: auto;
}

.musicAlbumMainCont {
    width: 250px;
    display: inline-block;
}

.albumDetails .albumButtons {
    margin-top: 36px;
}

    .albumDetails .albumButtons .button {
        padding: 0 20px;
    }

.albumDetails {
    display: inline-block;
    position: absolute;
    width: 100%;
    max-width: 380px;
    text-align: left;
    padding-left: 20px;
    font-weight: 600;
}

    .albumDetails .albumTitle {
        font-size: 40px;
        margin-top: 30px;
    }

        .albumDetails .albumTitle .albumShare {
            color: #ff00a0;
            font-size: 0.75em;
            padding-left: 20px;
        }

            .albumDetails .albumTitle .albumShare:hover {
                color: #983ffd;
            }

    .albumDetails .albumArtist {
        font-size: 18px;
    }

    .albumDetails .albumDet {
        margin-top: -4px;
    }

    .albumDetails .albumButtons .pinkButton {
        margin-left: 0px;
        margin-right: 0px;
    }



.music #mediaPage .featVid img {
    position: static;
    margin-left: 0;
    top: auto;
    bottom: auto;
}

.albumControl {
    margin-top: 30px;
    margin-bottom: 30px;
}

    .albumControl img {
        display: inline-block;
        cursor: pointer;
    }

.albumControlIconViolet {
    margin-right: 20px !important;
    font-size: 4em;
    color: #983ffd;
    cursor: pointer;
    user-select: none;
}

.albumControlIconPink {
    margin-right: 20px !important;
    font-size: 4em;
    color: #ff00a0;
    cursor: pointer;
    user-select: none;
}

#musicPlayer table {
    width: 100%;
}

    #musicPlayer table tr {
        border-top: 3px solid #6b2cb2;
    }

#musicPlayer .songTitle {
    width: 180px;
    padding: 0px 10px 10px 20px;
}

#musicPlayer .songDuration {
    text-align: center;
    width: 96px;
    padding: 10px;
}

#musicPlayer .musicWave {
    max-width: 200px;
}

#musicPlayer .musicButtons img {
    padding: 0 5px;
    cursor: pointer;
}

#musicPlayer .musicButtons {
    width: 160px;
}

#musicPlayer .songPlayButton {
    font-size: 1.5em;
    margin-right: 10px !important;
    user-select: none;
}

#musicPlayer .selectedTR {
    background-color: #6b2cb2;
    padding: 0 20px;
}

#musicPlayer td {
    padding: 15px 0;
}

.music #mediaPage .featVid {
    height: 100%;
}



/* HOME SLIDER */

.homeArrowCont .sliderArrows {
    position: absolute;
    z-index: 10;
}

    .homeArrowCont .sliderArrows .leftArrow {
        border-radius: 14px 0 0 14px;
        margin-left: 5px;
    }

.homhomeArrowContveSongsList .sliderArrows .rightArrow {
    left: 0;
    margin-right: 17px;
}

.homeArrowCont .sliderArrows .leftArrow, .homeArrowCont .sliderArrows .rightArrow {
    width: 100%;
    height: 188px;
    padding-top: 180px;
    margin-top: 5px;
    background: none;
}

.homeArrowCont .sliderArrows .leftArrow {
    text-align: left;
}

.homeArrowCont .sliderArrows .rightArrow {
    text-align: right;
}

.homeArrowCont .sliderArrows .leftArrow img {
    margin: 0 auto;
    vertical-align: middle;
}

.homeArrowCont .rightarrowCont {
    right: 0;
    text-align: right;
}

.homeArrowCont .sliderArrows {
    width: 100%;
}

.homeArrowCont {
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
}

.homeSlider {
    width: 100%;
    max-width: 1350px;
    position: relative;
    margin-left: 30px;
    margin: 0 auto;
}

    .homeSlider .sliderArrows .leftArrow,
    .homeSlider .sliderArrows .rightArrow {
        background-color: rgba(0, 0, 0, 0.0);
        height: 400px;
        padding-top: 140px;
    }

    .homeSlider .sliderArrows img {
        cursor: pointer;
        width: 80%;
        height: auto;
    }

    .homeSlider .sliderArrows .leftArrow {
        margin-left: 0px;
    }

    .homeSlider .sliderArrows .rightArrow {
        margin-right: 0px;
    }



.totModBig {
    font-size: 22px;
}


.dashTableCont #searchRow {
    padding-top: 0;
    padding-bottom: 20px;
}

.photoPop .sliderArrows .leftArrow,
.photoPop .sliderArrows .rightArrow {
    height: 684px;
    margin-top: 0;
    padding-top: 320px;
    width: 80px;
}

.photoPop .sliderArrows .leftArrow {
    margin-left: 15px;
}

.photoPop .sliderArrows .rightArrow {
    margin: 0px -16px 0px 0px;
}

.photoPop .sliderArrows .leftArrow img {
    margin: 104px auto 0px auto;
    vertical-align: middle;
}

.photoPop .sliderArrows .rightArrow img {
    margin: 104px auto 0px auto;
    vertical-align: middle;
}


/* SUB MENU */
.navbar {
    overflow: hidden;
}

    .navbar a {
        float: left;
        font-size: 16px;
        color: white;
        text-align: center;
        padding: 14px 16px;
        text-decoration: none;
    }

.dropdown {
    overflow: hidden;
    position: relative;
}

    .dropdown .dropbtn {
        font-size: 16px;
        border: none;
        outline: none;
        color: white;
        background-color: inherit;
        font-family: inherit;
        margin: 0;
    }

    .navbar a:hover, .dropdown:hover .dropbtn {
    }

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #9925fb;
    min-width: 150px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 15;
    max-width: 200px;
    border-radius: 16px;
    font-weight: 700;
}

    .dropdown-content:first-child div {
        border-radius: 14px;
    }

    .dropdown-content a {
        float: none;
        color: #fff !important;
        padding: 8px 16px;
        text-decoration: none;
        display: block;
        text-align: left;
        border-bottom: 2px solid #f600a0;
        height: 40px;
    }

        .dropdown-content a:last-child {
            border: none;
        }

.dropdown .dropbtn:hover {
    color: #6fff1c;
}

.dropdown-content a:hover {
    background-color: #f600a0;
}

.dropdownitem:hover .dropdown-content {
    display: block;
}

.dropdown-content a:first-child {
    border-radius: 16px 16px 0 0;
}

.dropdown-content a:last-child {
    border-radius: 0 0 16px 16px;
}

.dropdown-content a:only-child {
    border-radius: 16px 16px 16px 16px;
}

/* MUSIC PLAYER PLUGIN */
#musicPlayerMini {
    z-index: 20;
    width: 100%;
    position: fixed;
    left: 50%;
    bottom: 100px;
    transform: translate(-50%, -50%);
    margin: 0 auto;
    clear: both;
}

    #musicPlayerMini .mpIcon {
        position: fixed;
        bottom: -100px;
        right: 0;
        cursor: pointer;
    }

#ctnPlayer {
    /* display: none; */
    position: absolute;
    background-color: #000;
    width: 100%;
    height: 140px;
    margin-top: -20px;
    z-index: 21;
    color: #fff;
}

    #ctnPlayer .musicTitle {
        float: left;
        width: 100%;
        max-width: 400px;
        clear: both;
        border-right: 1px solid #333;
    }

    #ctnPlayer .musicTitleDet {
        float: left;
        padding: 30px 20px 20px 20px;
        line-height: 38px;
    }

        #ctnPlayer .musicTitleDet div:first-child {
            font-size: 28px;
            line-height: 28px;
            font-weight: 600;
        }

    #ctnPlayer .mpBurgerControl {
        float: right;
        padding: 20px;
        cursor: pointer;
    }

    #ctnPlayer .playerControls {
        padding: 9px 0px 9px 0px;
        text-align: center;
        vertical-align: middle;
    }

        #ctnPlayer .playerControls img, #ctnPlayer .playerControls span {
            display: inline-block;
            float: left;
            /*padding: 10px;*/
        }

        #ctnPlayer .playerControls img {
            cursor: pointer;
        }

            #ctnPlayer .playerControls img:first-child {
                margin-left: 25px;
            }

        #ctnPlayer .playerControls .mpBtnCtrl {
            padding: 34px 0px 0px 10px;
            font-size: 2.5em;
            color: #983ffd;
            cursor: pointer;
            user-select: none;
        }

        #ctnPlayer .playerControls .mpBtnCtrlPink {
            padding: 34px 0px 0px 10px;
            font-size: 2.5em;
            color: #ff00a0;
            cursor: pointer;
            user-select: none;
        }

        #ctnPlayer .playerControls .mpBtnCtrl2 {
            padding: 35px 10px 0px 10px;
            position: relative;
            z-index: 10;
            cursor: pointer;
            user-select: none;
        }

        #ctnPlayer .playerControls .imgLines {
            padding-top: 15px;
        }

        #ctnPlayer .playerControls .imgLines {
            background-image: url('../images/music_lines_purple.png');
            background-repeat: no-repeat;
            width: 50%;
            max-width: 987px;
            height: 57px;
            margin-top: 20px;
        }

        #ctnPlayer .playerControls .ctnPlayerTime {
            padding: 36px 20px 0px 20px;
            font-size: 20px;
        }

        #ctnPlayer .playerControls .mpBtnCtrl3 {
            margin-left: -10px;
            padding-top: 38px;
            cursor: pointer;
            user-select: none;
        }

        #ctnPlayer .playerControls .mpBtnCtrl4 {
            cursor: pointer;
            user-select: none;
        }

        #ctnPlayer .playerControls .mpBtnCtrl5 {
            font-size: 2.8em;
            top: -2px;
            right: -1px;
            color: #983ffd;
            position: absolute;
            cursor: pointer;
            user-select: none;
        }

        #ctnPlayer .playerControls .mpBtnCtrl6 {
            padding: 35px 10px 0px 10px;
            position: relative;
            z-index: 0;
            user-select: none;
        }

.ctnPlayerAudio {
    padding: 0px 10px 0px 10px;
}



#ctnPlayerList .mpListItem .songPlayButton {
    padding-right: 10px;
}


#ctnPlayerList {
    width: 400px;
    position: absolute;
    z-index: 22;
    background-color: #000;
    color: #fff;
    bottom: 20px;
    border-radius: 0px 20px 0 0;
    border-bottom: 3px solid #6b2cb2;
}

    #ctnPlayerList .playerListHead {
        padding: 15px 20px;
    }

    #ctnPlayerList .mpListItem {
        clear: both;
        border-top: 3px solid #6b2cb2;
        padding: 15px;
        min-height: 56px;
        cursor: pointer;
    }

        #ctnPlayerList .mpListItem:hover {
            background-color: #6b2cb2;
        }

    #ctnPlayerList .mpListHeader {
        font-size: 20px;
        font-weight: 600;
        padding: 10px 20px;
        clear: both;
    }

        #ctnPlayerList .mpListHeader span {
            font-size: 20px;
            float: right;
            padding-right: 10px;
            color: #983ffd;
            cursor: pointer;
            padding-top: 1px;
        }

            #ctnPlayerList .mpListHeader span:hover {
                color: #ff00a0;
            }

    #ctnPlayerList .mpListItem .mpListItemA {
        float: left;
        padding: 0px 0px 0px 5px;
    }

.mpListItemLink {
    color: white;
    text-decoration: none;
}

    .mpListItemLink:hover {
        color: white;
    }

#ctnPlayerList .mpListItem .mpListItemB {
    float: right;
    padding: 0 20px;
    font-weight: bold;
}

#ctnPlayerList .mpListItem .mpListItemC {
    float: right;
    cursor: pointer;
    padding-right: 5px;
}

    #ctnPlayerList .mpListItem .mpListItemC img {
        width: 30px;
        height: 30px;
    }


#ctnPlayerListAlbum {
    width: 400px;
    position: absolute;
    z-index: 22;
    background-color: #000;
    color: #fff;
    bottom: 20px;
    border-radius: 0px 20px 0 0;
    border-bottom: 3px solid #6b2cb2;
}

    #ctnPlayerListAlbum .playerListHead {
        padding: 15px 20px;
    }

    #ctnPlayerListAlbum .mpListItem {
        clear: both;
        border-top: 3px solid #6b2cb2;
        padding: 15px;
        min-height: 56px;
        cursor: pointer;
    }

        #ctnPlayerListAlbum .mpListItem:hover {
            background-color: #6b2cb2;
        }

    #ctnPlayerListAlbum .mpListHeader {
        font-size: 20px;
        font-weight: 600;
        padding: 10px 20px;
        clear: both;
    }

        #ctnPlayerListAlbum .mpListHeader span {
            font-size: 20px;
            float: right;
            padding-right: 10px;
            padding-top: 1px;
            color: #6b2cb2;
            cursor: pointer;
        }

            #ctnPlayerListAlbum .mpListHeader span:hover {
                color: #ff00a0;
            }

    #ctnPlayerListAlbum .mpListItem .mpListItemA {
        float: left;
        padding-left: 5px;
        font-weight: bold;
    }

    #ctnPlayerListAlbum .mpListItem .mpListItemB {
        float: right;
        padding: 0 20px;
    }

    #ctnPlayerListAlbum .mpListItem .mpListItemC {
        float: right;
        cursor: pointer;
        padding-right: 5px;
    }

        #ctnPlayerListAlbum .mpListItem .mpListItemC img {
            width: 30px;
            height: 30px;
        }


/* ******* Phase 2 ****** */

/* Search Row */
.srP2 {
    padding-top: 0px !important;
}

    .srP2 .searchRowContainer {
        max-width: 100% !important;
    }

    .srP2 .letterFilter .srP2 .customDropdown {
        margin-left: 14px !important;
    }

    .srP2 .vioBtn {
        border-radius: 30px;
        background-color: #983ffd;
        padding: 7px 20px;
        height: 40px;
        text-align: center;
        font-size: 18px;
        cursor: pointer;
        margin-left: 14px;
    }

.vioBtn:hover {
    background-color: #ff00a0;
}

/* Content */
.contentP2 .haltop {
    color: #fff;
    text-align: left;
    padding-left: 20px;
    margin-bottom: 20px;
}

.blackInnerContent {
    background-color: #000;
    color: #fff;
    border-radius: 10px;
    padding: 20px;
}

.blackinnerContentLastPar {
    margin-bottom: 0px;
}

.innerStaticPage {
    padding-top: 159px;
    padding-bottom: 72px;
    max-width: 1160px;
}

    .innerStaticPage h5 {
        color: #983ffd;
    }

/* Artist Table */
.artistPic {
    width: 100px;
    padding-left: 20px !important;
    padding-right: 25px !important;
}

.artistName {
}

.artistIns {
    text-align: right;
    padding-right: 20px !important;
    color: white;
    font-size: 20px;
    font-weight: 700;
}

.ctnWaveform {
    width: 70%;
    align-content: center;
    margin: 0px auto 0px auto;
}

.ctnHomeWaveform {
    width: 70%;
    align-content: center;
    margin: 45px auto 30px auto;
}

.ctnMiniWaveform {
    width: 50%;
    align-content: center;
    margin: 0px 0px 0px 0px;
    padding-top: 12px;
    text-align: center;
}

.tagLabel {
    color: white;
    text-decoration: none;
}

/* Sound Control */
#waveform {
    max-width: 890px;
}

.playerControls {
}

#soundbarCont {
    display: inline-block;
    margin-left: -110px;
}

    #soundbarCont .soundIcn {
        position: relative;
        display: block;
    }

        #soundbarCont .soundIcn img {
            margin-left: 50px !important;
        }

    #soundbarCont .soundCtrl {
        position: absolute;
        margin-top: -30px;
        margin-left: 35px;
    }

        #soundbarCont .soundCtrl .slider {
            margin: 0;
        }

/* RedWhale */
.miniMusicPlayerAlbumTitle {
    font-size: 1.6rem;
}

.miniplayerSongTitle {
    color: white;
    text-decoration: none;
    font-weight: bold;
}

    .miniplayerSongTitle:hover {
        color: white;
    }

.homeContactUsForm {
    margin-block-end: 0px;
}

.cookieConsentButton {
    margin-left: 20px;
}

.cookieConsentCont {
    position: static;
    bottom: 0 !important;
    height: 60px;
    z-index: 99;
    font-weight: 700;
    background-color: black;
    color: white;
    border: none;
    text-align: center;
    padding-top: 8px;
}

.turnstileCont {
    margin-top: 20px;
    text-align: center;
}

.contactUsButton {
    width: 90px !important;
    padding-left: 18px;
}

.dlDownloadIcon {
    width: 40px;
    height: auto;
}

.videoNavArrows {
    font-size: 2.5em;
    padding: 0px 10px 0px 10px;
    cursor: pointer;
}

.photoNavArrows {
    font-size: 2.5em;
    padding: 0px 10px 0px 10px;
    cursor: pointer;
    color: white;
}

.slider {
    -webkit-appearance: none;
    appearance: none;
    width: 100px;
    height: 20px;
    border-radius: 15px;
    border: 2px solid #983ffd;
    outline: none;
    opacity: 1.0;
    -webkit-transition: .2s;
    transition: opacity .2s;
    transform: rotate(-90deg);
    margin: -100px 0px 0px 0px;
}

    .slider::-webkit-slider-thumb {
        -webkit-appearance: none;
        appearance: none;
        width: 20px;
        height: 20px;
        border-radius: 30%;
        background: #983ffd;
        cursor: pointer;
    }

    .slider::-moz-range-thumb {
        width: 20px;
        height: 20px;
        background: #983ffd;
        cursor: pointer;
        border-radius: 50%;
    }

.fullPhotoContent {
    height: 738px;
}

.accountInfoLogo {
    padding-top: 20px;
}

.accountInfoSubmitButton {
    margin: 20px 0px 0px 0px !important;
}

.dashboardIcon {
    font-size: 1.5em;
    color: #983ffd;
}

select {
    padding: 10px;
    padding-right: 60px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-image: url('../images/slider_down2.png');
    background-repeat: no-repeat, repeat;
    background-position: top 11px right 15px;
    background-size: 16px 16px, 100%;
}

    select::-ms-expand {
        display: none;
    }

.placeOrderMusicButton {
    padding-top: 9px !important;
    color: white !important;
}

.placeOrderSoundControls {
    width: 80px;
    height: 80px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    margin-left: -40px;
    margin-top: 175px;
}

.digitalLibrarySearch {
    float: right !important;
    font-size: 16px;
}

.forgotPasswordButton {
    padding: 4px 24px 4.5px 20px !important;
}

.footerButton {
    width: 27.5%;
}

.ui-menu {
    width: 200px;
}

    .ui-menu.ui-widget-content {
        border-style: solid;
        border-color: #983ffd;
        border-width: 0px;
        border-radius: 14px;
        background-color: #983ffd;
        color: white;
        padding: 0px 0px 0px 10px;
    }

.ui-menu-item-wrapper {
    font-weight: 700;
    outline: none;
}

    .ui-menu-item-wrapper:hover {
        background-color: #ff00a0;
        outline: none;
        border: 3px solid #ff00a0;
        border-radius: 14px;
        font-weight: 700;
    }

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    border: none;
    outline: none;
    background: #ff00a0;
    font-weight: 700;
    color: #ffffff;
    border-radius: 14px;
    padding: 6px 0px 6px 16px;
    margin-left: -10px;
}

    .ui-icon-background,
    .ui-state-active .ui-icon-background {
        border: none;
        border-radius: 14px;
        background-color: #ff00a0;
    }

.artistGalleryCont {
    height: 600px !important;
}

    .artistGalleryCont img {
        top: 25% !important;
    }

.photoGalleryCont {
    height: 600px !important;
}

    .photoGalleryCont img {
        top: 25% !important;
    }

.fillctn {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden
}

    .fillctn img {
        flex-shrink: 0;
        min-width: 100%;
        min-height: 100%;
        object-fit: contain;
    }

.newsletterSubmitButton {
    user-select: none;
}

.photoGalleryPlay {
    margin-top: 110px !important;
}

.bottomUlElement {
    margin-bottom: 0px;
}

.returnIcon {
    font-size: 2rem;
    font-weight: bold;
}

.returnContainer {
    padding-right: 0px !important;
}

.artistMainContent {
    margin-top: 0px !important;
}

.loader {
    border: 16px solid #ff00a0;
    border-top: 16px solid #983ffd;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    animation: spin 2s linear infinite;
    margin-top: 60px;
}

.musicPlayerLoader {
    border: 4px solid #ff00a0;
    border-top: 4px solid #983ffd;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    animation: spin 2s linear infinite;
    margin-top: 14px;
}

.homeLoaderContainer {
    max-height: 115px;
}

.songLoaderContainer {
    max-height: 45px;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@media only screen and (max-width: 1770px) {
    #ctnPlayer .playerControls .imgLines {
        width: 35%;
    }

    .ctnMiniWaveform {
        width: 40%;
    }

    #soundbarCont {
        margin-left: -80px;
    }

    .homeContent {
        background-image: url('../images/ctn_bg_1770.jpg') !important;
        min-height: 912px;
    }
}

@media only screen and (max-width: 1800px) {

    #soundbarCont {
        margin-left: 0px;
    }
}

@media only screen and (max-width: 1740px) {

    .aiPreDet {
        width: 45% !important;
    }

    #soundbarCont {
        margin-left: -100px;
    }
}

.disabledBtn {
    color: darkgrey;
}

@media only screen and (max-width: 1620px) {
    #ctnPlayer .playerControls .imgLines {
        width: 35%;
    }

    .aiSubDet {
        font-size: 36px;
    }

    .ctnMiniWaveform {
        width: 30%;
    }

    #soundbarCont {
        margin-left: -88px;
    }
}


@media only screen and (max-width: 1400px) {
    .contactform {
        width: 100% !important;
    }

    .contactSoc, .contactTxt {
        width: 50% !important;
    }

    .ctnMiniWaveform {
        width: 20%;
    }

    .menuleft, .menuright, #useraccountTop {
        display: none;
    }

    .songItem {
        min-widtH: 240px;
        display: inline-block;
    }

    .homeSongsList {
        display: block;
    }

    .videos {
        display: block;
    }

    .videoList {
        width: 100%;
    }

    .featVidCont {
        width: auto;
        margin-right: 15px;
    }

    .vidListItemCont {
        display: inline-block;
        min-width: 80px;
        max-width: 255px;
        width: 100%;
    }

    .homeSlider {
        display: none;
    }
}



@media only screen and (max-width: 1380px) {
    #ctnPlayer .playerControls .imgLines {
        width: 25%;
    }

    .aiTabs a {
        font-size: 20px;
    }

    .aiSubDet ul {
        padding-left: 0;
    }

    .aiTabs ul li {
        padding: 0;
    }
}

@media only screen and (max-width: 1320px) {
    #mediaPage .vidP2 .albumDetails .albumControlP2 img {
        height: 40px;
    }

    #mediaPage .vidP2 .albumDetails .alp2det {
        width: auto !important;
    }

    #mediaPage .vidP2 #musicPlayer .songTitle {
        width: auto !important;
    }

    #mediaPage .vidP2 #musicPlayer .musicButtons {
        padding-right: 20px;
        width: 180px;
    }

    #musicPlayer .musicWave {
        max-width: 100%;
    }
}

@media only screen and (max-width: 1300px) {
    .artistCont {
        display: block;
        padding-top: 30px;
    }

    .artistinfo {
        max-width: 100%;
    }

    .artistinfo {
        margin-bottom: 20px;
    }

    #artistbanner {
        height: 250px;
    }

    .artistMediaCont {
        padding-left: 0;
    }
}


@media only screen and (max-width: 1215px) {
    .orderPage .orderDetCont {
        max-width: 100%;
    }

    .sliderRLCont {
        display: none;
    }

    .orderPage .orderDetCont {
        padding-bottom: 20px;
    }

    .orderPage .paymentMethodCont {
        max-width: 100%;
        margin: 0 auto;
        margin-bottom: 50px;
    }
}

@media only screen and (max-width: 1200px) {

    .homeForm textarea {
        margin-left: 20px;
        width: 96%;
    }

    .fullForm {
        width: 100%;
    }

    .footerContainer {
        display: block;
    }

    .footerLogo, .footerText, .footerSoc {
        float: none;
        width: 100%;
    }

    .footerNewsletter, .footerLinks {
        text-align: center;
        user-select: none;
    }

    .footerNewsletter {
        padding-right: 35px;
    }

    #mediaPage .mediaInfo {
        margin-left: 10px;
    }
}

@media only screen and (max-width: 1166px) {
    .spxFix .col-lg-3 {
        width: 50% !important;
    }
}

@media only screen and (max-width: 1150px) {
    .musicAlbumMainCont {
        display: block !important;
        margin: 0 auto;
        text-align: center;
    }

    .albumDetails {
        position: static;
        text-align: center;
    }

    #mediaPage .vidP2 .albumDetails .alp2det,
    #mediaPage .vidP2 .albumDetails .albumControlP2 {
        display: block !important;
    }

    #mediaPage .vidP2 .albumDetails .albumControlP2 {
        position: static;
        margin-top: 40px;
    }

    #mediaPage .featVidContP2 {
        margin-left: 0;
    }

    #mediaPage .vidP2 .albumDetails {
        max-width: 100% !important;
    }

    #mediaPage .vidP2 .musicAlbumMainCont {
        width: 300px !important;
    }

    .featVidContP2 .albumDetails {
        padding-left: 0;
    }

    #mediaPage .vidP2 .albumDetails .alp2det {
        margin-top: 20px;
    }
}

@media only screen and (max-width: 1107px) {
    .bioPhotos .aiphoto .aiPVcont {
        height: 200px;
    }

        .bioPhotos .aiphoto .aiPVcont img {
            margin-top: 50px;
        }

    .musicLines img {
        width: 100%;
    }

    #ctnPlayer .playerControls .imgLines {
        width: 0%;
    }

    #ctnPlayer {
        height: 240px;
    }
}

@media only screen and (max-width: 1100px) {

    .homeP2Vid .guitarProCont {
        margin: 0;
    }

    .srP2 .searchBox {
        width: 100% !important;
        margin-bottom: 20px;
        margin-top: 20px;
    }

    .music #mediaPage .videos, .music #mediaPage .videoList {
        display: block;
    }

    .music #mediaPage .featVidCont {
        max-width: 100%;
        margin-left: 0;
    }

    .music #mediaPage .mediaInfo {
        margin: 20px auto 0 auto;
    }

    .music #mediaPage .videos, #photogallery .videos {
        display: block;
    }

    .music #mediaPage .videoList, #photogallery .videoList {
        width: 100%;
    }

    .loginDivider {
        display: none;
    }

    .loginContent .loginCont {
        display: block;
    }

        .loginContent .loginCont .loginBox {
            display: block;
            margin: 0 auto;
            margin-top: 40px;
        }

    .dashboard #dashboardMenu {
        display: block;
    }

        .dashboard #dashboardMenu .dashmenuitem {
            max-width: 100%;
            margin-left: 0;
            margin-top: 20px;
        }

    .accountInfoTable {
        display: block;
        width: 100%;
        float: none !important;
        clear: both;
        margin-top: 20px;
    }

    .dashTableCont {
        padding-bottom: 50px;
        clear: both;
        padding-top: 50px;
    }

    #dashTable .aicol1b {
        width: 30%;
        padding: 15px 30px;
    }
}

@media only screen and (max-width: 1010px) {
    #mediaPage .vidP2 #musicPlayer .songTitle {
        padding-left: 20px;
    }

    #musicPlayer .musicWave {
        max-width: auto !important;
    }

    #artistProfPic {
        right: auto;
        left: 0;
    }

    .aiPreDet {
        margin-top: 100px !important;
    }

    .aiPreDet, .aiSubDet {
        width: 100% !important;
        text-align: center;
    }

    #artistInfoDet {
        height: 440px;
    }

    .aiPreDet {
        width: 100%;
    }

    #artistProfPic {
        position: static;
        margin-left: auto;
        margin-right: auto;
    }

    .aiTabs ul li {
        padding: 0 5px;
    }

    .aiBalancer {
        margin: 0 auto;
        width: 100%;
        height: 10px;
    }

    .hideMed {
        display: none !important;
    }

    .photoGalleryItems .imageSlider {
        margin: 0 auto;
        text-align: center;
    }

    .photoGalleryItems .sliderArrows .leftArrow, .photoGalleryItems .sliderArrows .rightArrow {
        height: 100px;
        padding-top: 35px;
    }
    /*
    .bioPhotos .newrow {
        margin-bottom: 20px !important;
    }
    */

    #vidpicsrow .row {
        margin-top: -20px;
    }

        #vidpicsrow .row:first-child {
            margin-top: 20px;
        }
}

@media only screen and (max-width: 991px) {

    #musicPlayer .musicWave {
        display: none;
    }

    .guitarProCont .guitvid:first-child {
        width: 100% !important;
        height: 350px;
    }

        .guitarProCont .guitvid:first-child .aiPVcont {
            width: 100% !important;
            height: 330px;
        }

    .guitarProCont .guitvid {
        margin-bottom: 20px;
        height: 250px;
    }

        .guitarProCont .guitvid .aiPVcont {
            height: 230px;
        }
}

@media only screen and (max-width: 950px) {


    .cphideme {
        display: none !important;
    }

    .imageSlider {
        margin: 0 auto;
        text-align: center;
    }
}

@media only screen and (max-width: 900px) {

    #musicPlayerMini {
        display: none;
    }

    .artistListItemCont {
        margin: 0 auto;
        display: block;
        margin-bottom: 30px;
    }

    #mediaPage .videos, #photogallery .videos {
        display: block;
    }

    #mediaPage .videoList, #photogallery .videoList {
        width: 100%;
    }

    #mediaPage .featVidCont, #photogallery .featVidCont {
        max-widtH: 100%;
        margin-left: 0;
    }

    #mediaPage .mediaInfo, #photogallery .mediaInfo {
        margin-top: 20px;
        margin-left: 0;
        max-width: 100%;
    }

    #mediaPage .blackInnerBoxRow, #photogallery .blackInnerBoxRow {
        display: inline-block;
        width: 45%;
    }

    #mediaPage .featVid, #photogallery .featVid {
        height: 400px;
    }

    .photoGalleryItemsCont {
        margin-left: 0;
    }

    #photogallery .blackInnerBoxRow {
        width: 100%;
    }

    .dashboard #dashboardMenu {
        padding: 100px 0;
    }
}

@media only screen and (max-width: 870px) {
    .contactSoc, .contactTxt {
        width: 100% !important;
    }

    .contactform {
        margin-bottom: 80px;
    }
}



@media only screen and (max-width: 768px) {
    .guitarProCont .guitvid:first-child {
        width: 100% !important;
        height: 250px;
    }

        .guitarProCont .guitvid:first-child .aiPVcont {
            width: 100% !important;
            height: 230px;
        }

    .bioPhotos .aiphoto div {
        height: 350px;
    }

    .bioPhotos .col-md-3 {
        margin-bottom: 20px;
    }

    .bioPhotos #searchRow .letterFilter,
    .bioPhotos #searchRow #custDropCont,
    .bioPhotos #searchRow .vioBtn {
        width: 47% !important;
        margin-bottom: 20px;
    }

    .bioPhotos #searchRow .customDropdown {
        width: 100%;
    }

    .bioPhotos #searchRow .vioBtn {
        margin-left: 26px !important;
    }

    .bioPhotos #searchRow .liveperf {
        margin-left: 0 !important;
    }
}

@media only screen and (max-width: 700px) {


    .artistPic {
        width: 80px;
        padding-left: 20px !important;
    }

    .artistIns {
        text-align: right;
        padding-right: 20px !important;
    }

    .contactInfoDet {
        font-size: 28px;
    }

    .contactform {
        margin-bottom: 50px;
    }

    .innerStaticPage {
        padding-top: 80px;
    }

    #mainContent .wideHeaderP2 {
        font-size: 24px !important;
        padding-top: 10px;
    }

        #mainContent .wideHeaderP2 span {
            font-size: 16px !important;
            margin-top: 10px;
        }

    .bioPhotos #searchRow .letterFilter {
        margin-top: 0px !important;
    }

    .srP2 .searchBox {
        margin-bottom: 10px !important;
    }

    .bioPhotos #searchRow .letterFilter,
    .bioPhotos #searchRow #custDropCont,
    .bioPhotos #searchRow .vioBtn {
        width: 100% !important;
        margin-bottom: 10px !important;
        margin-left: 0 !important;
        text-align: left;
    }

    .bioPhotos #searchRow .customDropdown {
        margin-left: 0 !important;
    }

    #mainContent .wideHeader {
        height: auto;
    }

    .homeForm .halfForm {
        width: 100%;
        padding-top: 0;
        padding-bottom: 0;
    }

    .homeForm .fullForm {
        padding-top: 15px;
    }

    #logo img {
        widtH: 80%;
        margin: 0 auto;
    }

    #searchRow .searchRowContainer div {
        display: block;
    }

    #searchRow .violetdropdown {
        margin-left: 0;
        margin-top: 10px;
    }

        #searchRow .searchBox, #searchRow .violetdropdown .select {
            widtH: 100%;
            margin-top: 10px;
        }

    .select, #searchRow .letterFilter {
        margin: 0 auto;
        text-align: center;
        margin-top: 10px;
    }

    .vidListItemCont {
        width: 42%;
        max-width: 100%;
    }

    #mediaPage .vidListItemCont, #photogallery .vidListItemCont {
        margin: 15px;
    }

    #searchRow {
        padding-top: 70px;
    }

    .music .musicAlbumMainCont, .music .albumDetails {
        display: block;
        position: static;
        text-align: center;
        max-width: 100%;
    }

    .music .musicAlbumMain {
        width: 100%;
        max-width: 100%;
    }

    .music .musicWave img {
        display: none;
    }

    .musicAlbumMainCont {
        width: 100%;
    }

    #dashTable .aicol1b {
        width: 30%;
        padding: 15px;
    }

    #dashTable td {
        padding: 15px;
    }
}

@media only screen and (max-width: 550px) {

    #mainContent .topheaderP2 {
        margin-top: 50px !important;
    }

    .cphideme2 {
        display: none !important;
    }

    .yourOrder .couponCode {
        width: 100%;
    }

    .miniOrderSummary {
        width: 100%;
    }

        .miniOrderSummary .mos {
            margin-left: 0;
        }

    .mos .mosLabel .detail {
        text-align: left;
    }

    #ordersTable td {
        padding: 10px;
        font-size: 14px;
    }

    .footerLogo {
        min-width: 0;
        clear: both;
    }

    .footerSoc {
        min-width: 0;
    }

    .footerLogo, .footerText, .footerSoc {
        float: left;
        clear: both;
        padding: 0;
        margin: 0;
    }

    .songItem {
        margin: 10px auto;
    }

    .hideSM {
        display: none !important;
    }

    .photoGalleryItems .imageSlider .sliderItem {
        max-widtH: 100% !important;
    }
}

@media only screen and (max-width: 527px) {
    .modalContactForm .halfInput {
        max-width: 100%;
    }

    .modalContactForm .rightAlign {
        margin-left: 0;
    }

    #mediaPage .vidP2 .albumButtons .button {
        font-size: 16px;
        height: 40px !important;
        letter-spacing: 0 !important;
    }

    #mediaPage .vidP2 .musicDetails {
        padding: 20px;
    }

    #mediaPage .vidP2 #musicPlayer {
        font-size: 16px;
    }

        #mediaPage .vidP2 #musicPlayer .musicButtons {
            width: 160px;
            padding-right: 0;
        }
}

@media only screen and (max-width: 527px) {
    .modalContactForm .halfInput {
        max-width: 100%;
    }

    .modalContactForm .rightAlign {
        margin-left: 0;
    }

    .modalContactForm .loginInput,
    .modalContactForm .halfContact,
    .modalContactForm .captchaCont,
    .modalContactForm .modalButton {
        max-width: 100%;
    }
}


@media only screen and (max-width: 465px) {
}

@media only screen and (max-width: 420px) {
    .vidListItemCont {
        width: 100%;
        margin: 0;
    }

    #mediaPage .vidListItemCont, #photogallery .vidListItemCont {
        margin: 0;
        margin-top: 10px;
    }

    .featVidCont {
        margin-top: 10px;
    }
}

/*Adjust spacing of instruments/education on large screens*/
@media only screen and (min-width: 1740px) {
    .aiSubDet {
        margin-left: 168px;
    }
}

/*Adjust full height based on logo size*/
@media only screen and (min-width: 1700px) {
    #mainContent {
        min-height: 1220px;
    }

    .loginContent {
        min-height: 1220px;
    }
}

@media only screen and (max-width: 1500px) {
    #mainContent {
        min-height: 910px;
    }

    .loginContent {
        min-height: 910px;
    }

    #ctnPlayer .playerControls img:first-child {
        margin-left: 60px;
    }
}