body {
    position: relative;
    overflow-x: hidden;
}
#recaptcha {
    overflow: hidden;
    border-right: solid 1px lightgray;
}
/*fonts-are-here */
@font-face {
    font-family: Aaargh;
    src: url("../fonts/ABeeZee-Regular.otf");
}
@font-face {
    font-family: Verlag;
    src: url("../fonts/Verlag/Verlag-Light");
    src: url("../fonts/Verlag/Verlag-Light?#iefix") format("embedded-opentype"), url("../fonts/Verlag/Verlag-Light.woff2") format("woff2"), url("../fonts/Verlag/Verlag-Light.woff") format("woff"),
        url("../fonts/Verlag/Verlag-Light.ttf") format("truetype"), url("../fonts/Verlag/Verlag-Light.svg#svgFontName") format("svg");
}
@font-face {
    font-family: "VerlagBold";
    src: url("../fonts/Verlag-Black/Verlag-Bold.eot");
    src: url("../fonts/Verlag-Black/Verlag-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Verlag-Black/Verlag-Bold.woff2") format("woff2"),
        url("../fonts/Verlag-Black/Verlag-Bold.woff") format("woff"), url("../fonts/Verlag-Black/Verlag-Bold.ttf") format("truetype"),
        url("../fonts/Verlag-Black/Verlag-Bold.svg#Verlag-Bold") format("svg");
    /* font-weight: bolder; */
    font-style: normal;
}
.bolder {
    font-weight: bolder;
}
ul.work-musicology li {
    list-style-type: disc;
}
.removemar {
    margin-bottom: 0;
    color: #fff;
    line-height: normal;
}
.btns_wrapper button:hover {
    background: #691417;
    color: #fff;
}
#accordion .panel-title .rotate {
   /* position: absolute !important;
    left: unset !important;
    top: 5px !important;
    padding-left: 10px !important;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);*/
}
/*#accordion .panel-title a[aria-expanded="true"] .rotate {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}*/
#accordion .active10 .panel-title .rotate {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
/*    top: -4px !important;*/
}
.subheading a[aria-expanded="true"] .rotate {
    webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}


/*new css*/
/* css for make text grey when description is empty on playlist detail page */
.descgreytxt {
    color: #808080;
}
#desktopsearchBtn2 a {
}
/* allcomposer three link buttom css */

.custlinnotable {
    padding: 15px 0 !important;
}
.customlink {
    position: relative;
    max-width: 100%;
}
.customlink ul {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: center;
}
.customlink ul li {
    display: inline-block;
}
.customlink ul li a {
    display: block;
    color: rgb(171, 29, 25);
    font-size: 18px;
    text-align: center;
    padding: 5px 15px;
    border: 2px solid #ab1d19 !important;
    border-radius: 5px !important;
    font-weight: 700;
}
div.customlink ul.nav li.nav-item a.nav-link:not(.active):hover {
    cursor: pointer;
}
div.customlink ul.nav li.nav-item a.nav-link.active:hover {
    cursor: default;
}
#album .album_container .play_price ul li a:hover {
    color: unset;
    /*cursor:auto;*/
}
.active3 {
    background: #ab1d19;
    color: #f9a10e !important;
}
.cus_tooltip {
    position: relative;
    display: inline-block;
}

.cus_tooltip .tooltiptext {
    visibility: hidden;
    text-transform: initial;
    width: 250px;
    background-color: #ffffff;
    color: #222;
    text-align: center;
    border-radius: 6px;
    padding: 12px;
    position: absolute;
    z-index: 1;
    left: -52px;
    top: -88px;
    box-shadow: 0 10px 20px -10px #4e4343;
    margin: auto;
    display: block;
}
.cus_tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 40%;
    border-width: 10px;
    border-style: solid;
    border-color: #ffffff transparent transparent transparent;
}
.cus_tooltip:hover .tooltiptext {
    visibility: visible;
}

@media (max-width: 500px) {
    .customlink ul li a {
        font-size: 14px;
        padding: 5px 6px;
    }
    .g-recaptcha {
        width: 255px !important;
    }
}
.rc-anchor-normal-footer {
    margin-right: -50px !important;
}
/*Workpage*/

.performerPagnation2 {
    margin: 0 auto;
}
.workPagnation2 li.disabled {
    background-color: #ffffff !important;
}
.workPagnation2 li.disabled a {
    color: #e5d5c4 !important;
    padding: 5px 10px !important;
}
.workPagnation2 li.active {
    background-color: #c20008;
}
.workPagnation2 li.active a {
    color: #fff !important;
    padding: 5px 10px !important;
}
/*Workpage*/
/*album page*/
.nplay {
    padding-right: 4px !important;
}
/*new performer page*/
.leftwidth > span:nth-child(1) {
    display: inline-block;
    width: 94%;
}

.leftwidth > span:nth-child(2) {
    width: 6%;
    display: inline-block;
}

.imgfit img {
    object-fit: cover !important;
}

.performeralbumlist {
    position: relative;
}

.performeralbumlist ul {
    padding: 0;
    display: table;
    width: 100%;
    margin-bottom: 0;
}

.performeralbumlist li {
    display: inline-table;
    position: relative;
    vertical-align: middle;
}
.leftwidth .prformer_list_left1 li {
    display: table-cell;
    padding-right: 5px;
}
.performeralbumlist .leftwidth {
    width: 100%;
    display: inline-table;
    position: relative;
    top: 10px;
}

.performeralbumlist .rightwidth {
    width: 100%;
    text-align: right;
    display: inline-table;
}

.rightwidth a {
    display: inline-block;
    /*margin-right:3px;*/
}

/*.performeralbumlist .leftwidth:after {
    content: '';
    width: 100%;
    height: 1px;
    position: absolute;
    background: #e4e4e4;
    left: 0;
    right: 0;
    bottom: -5px;
}*/

.performeralbumlist .rightwidth:after {
    display: none;
}

/*.rightwidth a:nth-last-child(1) { margin-right:0; }*/

/*new performer page */

/*Home page heading padding*/

.megModalLogin {
    position: absolute;
    left: 103px;
    right: 0;
    display: block;
}

#bdt_context > div {
    padding-top: 40px;
    padding-bottom: 60px;
    margin-top: 30px;
}

#bdt_context .col,
#bdt_context .col p {
    color: #fff;
}

/*Notable Composer page*/

.odd a.mn-red-color {
    color: #000 !important;
}

.broseAll {
    text-align: center;
}

.mn-black-color {
    color: #000;
}
.comp_name:hover {
    color: maroon;
}

.notable_tab {
    font-family: "VerlagBold" !important;
    width: 100%;
    max-width: 100%;
    position: relative;
    margin: auto;
}
.notable_tab.labels .n_trk {
    font-family: "Calibri";
}
.notable_tab ul {
    justify-content: space-between;
}
.page_title_notable {
    font-family: "VerlagBold" !important;
}

.notable_tab .nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    background: #ab1d19;
    color: #f9a10e;
}

.notable_tab .nav-pills .nav-link {
    border: 2px solid #ab1d19;
    color: #ab1d19;
    padding-top: 16px;
    padding-bottom: 16px;
    font-size: 22px;
    width: 100%;
    text-align: center;
}

.notable_tab .nav-pills li.nav-item {
    margin-right: auto;
    flex: 0 0 24%;
}

.notable_tab .nav-pills li.nav-item:last-child {
    margin-right: 0;
}

.notablesearchlist {
    overflow-y: auto;
    height: auto;
    /* max-height: 400px; */
    position: relative;
    display: block;
    width: 100%;
    max-width: 98%;
    margin-bottom: 50px;
}

.notablesearchlist a.female:after {
    content: "[F]";
    display: inline;
    margin: 0 0 0 5px;
    opacity: 0.5;
}

.searchlist2 li.female:after {
    content: "[F]";
    display: inline;
    margin: 0 0 0 5px;
    opacity: 0.5;
}

.searchlist2 li.midionly:after {
    content: "[MIDI only]";
    display: inline;
    margin: 0 0 0 5px;
    opacity: 0.5;
}

.notablesearchlist ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.notablesearchlist li {
    padding: 15px 10px !important;
    display: block;
    border-bottom: 1px solid #eeeeee;
}

.notablesearchlist::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #f5f5f5;
}

.notablesearchlist::-webkit-scrollbar {
    width: 12px;
    background-color: #f5f5f5;
}

.notablesearchlist::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #d4d0cd12;
}

.notablesearchlist::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #f5f5f5;
}

.notablesearchlist::-webkit-scrollbar {
    width: 12px;
    background-color: #f5f5f5;
}

.notablesearchlist::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #d4d0cd12;
}

.notablesearchlist::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #f5f5f5;
}

.notablesearchlist::-webkit-scrollbar {
    width: 12px;
    background-color: #f5f5f5;
}

.notablesearchlist::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #d4d0cd12;
}

/* End Notable Composer page */

/*All Composer page*/

.allCompsersearchlist a.notable {
    font-size: 20px;
    line-height: normal;
    font-weight: 900;
}

.allCompsersearchlist a.midionly:after {
    content: "[MIDI only]";
    display: inline;
    margin: 0 0 0 5px;
    opacity: 0.5;
}

.allCompsersearchlist a.female:after {
    content: "[F]";
    display: inline;
    margin: 0 0 0 5px;
    opacity: 0.5;
}

.alphorderlist li a:hover {
    color: #f9a10e;
}

.active2 {
    color: #f9a10e !important;
}

.allCompo_tab {
    font-family: "VerlagBold" !important;
    width: 100%;
    max-width: 100%;
    position: relative;
    margin: auto;
}
.allCompo_tab ul {
    justify-content: space-between;
}
.allCompo_tab .nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    background: #ab1d19;
    color: #f9a10e;
}

.allCompo_tab .nav-pills .nav-link {
    border: 2px solid #ab1d19;
    color: #ab1d19;
    padding-top: 16px;
    padding-bottom: 16px;
    font-size: 22px;
    width: 100%;
    display: inline-block;
    text-align: center;
}

.allCompo_tab .nav-pills li.nav-item {
    margin-right: auto;
    flex: 0 0 24%;
}

.allCompo_tab .nav-pills li.nav-item:last-child {
    margin-right: 0;
}

.allCompsersearchlist {
    overflow-y: auto;
    height: auto;
    /* max-height: 400px; */
    position: relative;
    display: block;
    width: 100%;
    max-width: 98%;
    margin-bottom: 50px;
}

.allCompsersearchlist ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.allCompsersearchlist li {
    padding: 15px 10px !important;
    display: block;
    border-bottom: 1px solid #eeeeee;
}

.allCompsersearchlist::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #f5f5f5;
}

.allCompsersearchlist::-webkit-scrollbar {
    width: 12px;
    background-color: #f5f5f5;
}

.allCompsersearchlist::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #d4d0cd12;
}

.allCompsersearchlist::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #f5f5f5;
}

.allCompsersearchlist::-webkit-scrollbar {
    width: 12px;
    background-color: #f5f5f5;
}

.allCompsersearchlist::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #d4d0cd12;
}

.allCompsersearchlist::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #f5f5f5;
}

.allCompsersearchlist::-webkit-scrollbar {
    width: 12px;
    background-color: #f5f5f5;
}

.allCompsersearchlist::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #d4d0cd12;
}

.alphOrderlistCont {
    display: flex;
    flex-wrap: nowrap;
    position: relative;
    margin: 0;
    max-width: 74%;
    justify-content: center;
}

.alphorderlist {
    list-style: none;
    padding: 0;
    display: flex;
}

.alphorderlist li {
    display: inline-flex;
    vertical-align: middle;
}

.alphorderlist li a {
    font-size: 24px;
    text-transform: uppercase;
    color: #ab1d19;
    font-weight: 700;
    padding: 9px;
}

/*All Composer page*/

.modal-content {
    border: none !important;
}

.modal.show .modal-content {
    -webkit-transform: translateX(75%);
    -moz-transform: translateX(75%);
    -ms-transform: translateX(75%);
    transform: translateX(75%);
    -webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
    -moz-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
    transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
    border-radius: 10px;
}

.modal.show .modal-dialog {
    transform: translateX(-75%) translateY(0%);
    -webkit-transform: translateX(-75%) translateY(0%);
    -moz-transform: translateX(-75%) translateY(0%);
    -ms-transform: translateX(-75%) translateY(0%);
}

.welcomeModal .modal-content {
    width: 100%;
    border-radius: 0;
}

.welcomeModal .modal-footer {
    background: #e2e2e2;
    padding: 1.5rem;
    justify-content: center;
}

.welcomeModal .modal-header {
    background: #ff0000;
    color: #fff;
    justify-content: center;
    border-radius: 0;
    border: 0;
}

.modal-footer {
    background: #e2e2e2;
    justify-content: center;
    -ms-justify-content: center;
}

.modal-footer .nextModalbtn1.nextModalbtn {
    background: #fff !important;
    color: #691417;
    font-weight: 700;
    text-transform: uppercase;
    border-color: #691417;
    padding: 2px 35px;
    border: 2px solid;
}

.nextModalbtn:focus {
    box-shadow: none;
}

.btn-primary:not(:disabled):not(.disabled):active:focus,
.show > .btn-primary.dropdown-toggle:focus {
    box-shadow: none;
    border-color: #691417;
}

.modal-footer .nextModalbtn1.nextModalbtn:hover {
    color: #fff !important;
    border-color: #691417;
    background: #691417 !important;
    outline: none !important;
}

.modal-title {
    font-weight: 900;
    line-height: normal;
    font-size: 24px;
    text-align: center;
}

.modal-title span {
    font-weight: 300;
    font-size: 20px;
}

.modal-title {
    font-weight: 900;
    line-height: normal;
    font-size: 24px;
    text-align: center;
    font-family: "VerlagBold";
}

.modal-title span {
    font-weight: 300;
    font-size: 20px;
}

.modaltext p {
    font-size: 25px;
    text-align: center;
    color: #000000;
    font-weight: 700;
    display: table-cell;
    vertical-align: middle;
    line-height: normal;
}

.modaltext {
    /* max-width: auto; */
    margin: 0 auto;
    font-family: Verlag;
    display: table !important;
    height: 300px;
}

.modaltext span {
    color: #a40200;
    font-size: 22px;
}

.modaltext span strong {
    font-family: "VerlagBold";
}

.msgfooter {
    position: absolute;
    bottom: 0;
    left: 48%;
}

.msgfooter small {
    color: #9a9a9a;
    font-weight: 700;
    font-size: 13px;
}

h1 {
    font-family: Verlag;
}

.performarDisBlock {
    display: block !important;
}

/*searchicon */

#mobsearchBtn1 {
    display: none;
}

#mobsearchBtn1 a {
    color: #fff;
    font-family: Calibri;
    letter-spacing: 1px;
    border-radius: 0px;
    line-height: normal;
}

/*search icon*/

/*destop footer banner*/

#giftBanner:before {
    content: "";
    position: absolute;
    height: 5px;
    width: 100%;
    background: #bb7d11;
    left: 0;
    right: 0;
}

/* #giftBanner { position: relative; z-index: -1; } */

#giftBanner .sectionP20 {
    padding-top: 23px;
}

.bannderMob {
    display: none;
}

.bannerDeskMap {
    position: absolute;
    right: 13%;
    bottom: 14%;
    width: 120px;
    height: 40px;
    border-radius: 24px;
    cursor: pointer;
}

.FbannerPro {
    position: relative;
}

/*tostrr */

#Adding {
    visibility: hidden;
    min-width: 250px;
    margin-left: -125px;
    background-color: #691417;
    color: #fff;
    text-align: center;
    border-radius: 2px;
    padding: 16px;
    position: fixed;
    z-index: 1;
    left: 80%;
    top: 80px;
    font-size: 17px;
}

#already {
    visibility: hidden;
    min-width: 250px;
    margin-left: -125px;
    background-color: #691417;
    color: #fff;
    text-align: center;
    border-radius: 2px;
    padding: 16px;
    position: fixed;
    z-index: 1;
    left: 80%;
    top: 80px;
    font-size: 17px;
}

#Adding.show {
    visibility: visible;
    -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
    animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

#already.show1 {
    visibility: visible;
    -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
    animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

@-webkit-keyframes fadein {
    from {
        top: 0;
        opacity: 0;
    }
    to {
        top: 80px;
        opacity: 1;
    }
}

@keyframes fadein {
    from {
        top: 0;
        opacity: 0;
    }
    to {
        top: 80px;
        opacity: 1;
    }
}

@-webkit-keyframes fadeout {
    from {
        top: 80px;
        opacity: 1;
    }
    to {
        top: 0;
        opacity: 0;
    }
}

@keyframes fadeout {
    from {
        top: 80px;
        opacity: 1;
    }
    to {
        top: 0;
        opacity: 0;
    }
}

/*tostrr */

/*loader */

/* Absolute Center Spinner */

.loading {
    position: fixed;
    z-index: 999;
    height: 2em;
    width: 2em;
    /* overflow: show; */
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

/* Transparent Overlay */

.loading:before {
    content: "";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000000;
    opacity: 0.5;
}

/* :not(:required) hides these rules from IE9 and below */

.loading:not(:required) {
    /* hide "loading..." text */
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.loading:not(:required):after {
    content: "";
    display: block;
    font-size: 10px;
    width: 1em;
    height: 1em;
    margin-top: -0.5em;
    -webkit-animation: spinner 1500ms infinite linear;
    -moz-animation: spinner 1500ms infinite linear;
    -ms-animation: spinner 1500ms infinite linear;
    -o-animation: spinner 1500ms infinite linear;
    animation: spinner 1500ms infinite linear;
    border-radius: 0.5em;
    -webkit-box-shadow: rgba(255, 255, 255, 0.75) 1.5em 0 0 0, rgba(255, 255, 255, 0.75) 1.1em 1.1em 0 0, rgba(255, 255, 255, 0.75) 0 1.5em 0 0, rgba(255, 255, 255, 0.75) -1.1em 1.1em 0 0,
        rgba(255, 255, 255, 0.75) -1.5em 0 0 0, rgba(255, 255, 255, 0.75) -1.1em -1.1em 0 0, rgba(255, 255, 255, 0.75) 0 -1.5em 0 0, rgba(255, 255, 255, 0.75) 1.1em -1.1em 0 0;
    box-shadow: rgba(255, 255, 255, 0.75) 1.5em 0 0 0, rgba(255, 255, 255, 0.75) 1.1em 1.1em 0 0, rgba(255, 255, 255, 0.75) 0 1.5em 0 0, rgba(255, 255, 255, 0.75) -1.1em 1.1em 0 0,
        rgba(255, 255, 255, 0.75) -1.5em 0 0 0, rgba(255, 255, 255, 0.75) -1.1em -1.1em 0 0, rgba(255, 255, 255, 0.75) 0 -1.5em 0 0, rgba(255, 255, 255, 0.75) 1.1em -1.1em 0 0;
}

/* Animation */

@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-o-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/*loader */

.prtracktextright {
    float: right;
    font-size: 16px;
}

.searchlist::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #f5f5f5;
}

.searchlist::-webkit-scrollbar {
    width: 12px;
    background-color: #f5f5f5;
}

.searchlist::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #d4d0cd12;
}

.searchlist::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #f5f5f5;
}

.searchlist::-webkit-scrollbar {
    width: 12px;
    background-color: #f5f5f5;
}

.searchlist::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #d4d0cd12;
}

.searchlist::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #f5f5f5;
}

.searchlist::-webkit-scrollbar {
    width: 12px;
    background-color: #f5f5f5;
}

.searchlist::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #d4d0cd12;
}

.searchlist ul li a {
    display: inline !important;
    padding: 0px 10px !important;
    border-bottom: none !important;
}

.searchlist ul li {
    border-bottom: 1px solid #eeeeee !important;
    padding: 0px 0px 12px 0px !important;
}

.searchlist ul li:nth-child(1) {
    margin-top: 15px !important;
}

.searchlist ul li a:hover {
    text-decoration: underline !important;
}

/*nav bar dowpdwon*/

.custom-drop {
    background-color: #f9e294 !important;
    padding-top: 0px;
}

.custom-drop .dropdown-item:hover {
    background-color: transparent;
}

.custom-drop .dropdown-item p {
    font-weight: 700;
    color: #360300;
    line-height: normal;
    margin: 0;
}

.custom-drop .dropdown-item {
    width: 250px;
    white-space: normal;
    text-align: center;
    color: #360300;
    height: 152px;
    padding: 5px;
}

/*button css*/

.playlist_toggle .plusbtn,
.buybtn,
.playbtn {
    display: inline-block;
}

/*button css*/

/* .work_playbtn_list .playbtn {padding: 12px 10px 12px 10px !important;} */

.wrkpgrghtbtn ul li:first-child {
    margin-right: 3px !important;
}

.custom-drop .dropdown-item h5 {
    font-weight: 900;
    font-size: 22px;
    padding: 0px 10px 0px 10px;
    line-height: normal;
}

.custom-drop {
    left: unset !important;
    right: 5px;
    top: 65px;
    -webkit-box-shadow: 0px 3px 5px 1px #000; /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    -moz-box-shadow: 0px 3px 5px 1px #000;
    /* Firefox 3.5 - 3.6 */
    box-shadow: 0px 3px 5px 1px #000;
    /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}

.drolink {
    position: relative;
}

.drolink ul {
    padding: 0;
    list-style: none;
    display: table;
    width: 100%;
}

.drolink ul li {
    display: table-cell;
    width: 50%;
}

.drolink li a {
    font-weight: 700;
    color: #360300;
    font-size: 20px;
    cursor: pointer;
}

.custom-drop:after {
    content: "";
    position: absolute;
    bottom: 100%;
    right: 0;
    margin-left: -5px;
    border-width: 10px;
    border-style: solid;
    border-color: transparent transparent #f9e294 transparent;
}

.dropdown-toggle::after {
    display: none;
}

/*perfomer page and Cart btn*/

.mn-media_body a {
    color: #000;
}

.mn-media_body a:hover {
    text-decoration: underline !important;
    color: #cc0000;
}

/*Perfomer page*/

/*cart button*/

#cartbtn i.fa-shopping-cart:before {
    margin-right: 5px;
}
.web-header-icon a i {
    font-size: 15px;
}
.web-header-icon a i span {
    font-family: "Calibri";
}
.header-icon a i span {
    font-family: "Calibri";
}
.mob-navigation {
    display: flex;
    position: absolute;
    right: 60px;
}
.mob-navigation .header-icon {
    padding-right: 10px;
}
.mob-navigation .header-icon a {
    color: #fff;
}
#cartbtn a {
    color: #fff !important;
}
#cartbtn {
    display: none;
}

.parent_div {
    position: relative;
}

.socialbottomicon {
    margin-top: 5px;
}

.mn-checkbox {
    margin-right: 0;
    top: 4px;
}

#fixedContainer {
    width: 100%;
    background: rgba(0, 0, 0, 0.8);
    color: #fff;
    padding: 15px;
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999;
}

#fixedContainer button {
    background: #691417;
    border: 0;
    color: #fff;
    text-transform: capitalize;
    margin: 0 10px;
}

/*cookies css file*/

.mn-scrolltop {
    display: block;
    width: 100%;
    margin: 0 auto;
    position: absolute;
    bottom: -18px;
    right: -63px;
}

.mnscroll:hover {
    background: #bfbaba;
    border-radius: 50%;
    width: 48px;
    height: 48px;
}

.mnscroll {
    border-radius: 50%;
    width: 48px;
    height: 48px;
    position: absolute;
    right: 20px;
    bottom: 20px;
    background: transparent;
    padding: 10px 15px;
    text-align: center;
    margin: 0 0 0 0;
    cursor: pointer;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    opacity: 0.8;
}

.mnscroll:hover {
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    opacity: 1;
}

.mnscroll:hover .fa {
    /* padding-top: -10px; */
}

.mnscroll .fa {
    font-size: 30px;
    margin-top: -5px;
    margin-left: 1px;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    color: #691417;
}

.mnscroll span {
    position: absolute;
    font-size: 10px;
    line-height: 8px;
    width: 100%;
    bottom: -10px;
    left: 0;
}

/* page scrolling top to bottom*/

.scrolltop {
    display: none;
    width: 100%;
    margin: 0 auto;
    position: fixed;
    bottom: 20px;
    right: 10px;
    z-index: 1 !important;
}

.scroll {
    position: absolute;
    right: 20px;
    bottom: 120px;
    background: #edab23;
    padding: 0px 12px;
    text-align: center;
    margin: 0 0 0 0;
    cursor: pointer;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    opacity: 0.8;
}

.scroll:hover {
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    opacity: 1;
}

.scroll:hover .fa {
    /* padding-top: -10px; */
}

.scroll .fa {
    font-size: 28px;
/*    margin-top: -5px;*/
    margin-left: 1px;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    color: #691417;
}

.scroll span {
    position: absolute;
    font-size: 10px;
    line-height: 8px;
    width: 100%;
    bottom: -10px;
    left: 0;
}

/*page scrolling top to bottom*/

.newreals_album1,
.regular,
.mustknow_mn {
    visibility: hidden;
}

.prs_pagination {
    margin: 0 auto;
    width: fit-content;
    position: relative;
    padding-bottom: 30px;
}

.slick-initialized {
    visibility: visible;
}

.mn-loader {
    text-align: center;
}

/*Input place holder*/

.logo {
    width: 100%;
    height: auto;
    max-width: 400px;
}
.logo .text-logo {
    width: 300px;
}
.logo .unicorn-logo {
    max-width: 59px;
    margin-right: 10px;
}
.oL {
    font-family: Calibri;
}

.oR {
    font-family: Calibri;
}

.oS {
    font-family: Calibri;
}

.oB {
    font-family: Calibri;
}

body {
    font-family: Calibri, sans-serif;
}

body p {
    line-height: 20pt;
}

button {
    outline: none !important;
}

a {
    outline: none !important;
    text-decoration: none !important;
}

a.txtwhite:hover {
    color: #fff;
}

.bottom_footer a:hover {
    color: #691417;
    text-decoration: underline;
}

.btn-primary:hover {
    color: #f9a10e;
    background: #bf100f;
}

.p0 {
    padding: 0;
}

.m0 {
    margin: 0;
}
.mtb10 {
    margin-top: 10px;
    margin-bottom: 10px;
}
.mtb20 {
    margin-top: 20px;
    margin-bottom: 20px;
}

.responsive {
    padding-top: 20px;
    padding-bottom: 20px;
}

.margin-minus {
    margin-top: -60px;
}

.margin-minus-mn {
    margin-top: -175px;
}

.centered {
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.sectionP10 {
    padding-top: 10px;
}
.sectionP20 {
    padding-top: 20px;
    padding-bottom: 20px;
}

.sectionP40 {
    padding-top: 40px;
    padding-bottom: 40px;
}

.sectionP60 {
    padding-top: 70px;
    padding-bottom: 60px;
}

.sectionP60-0 {
    padding-top: 70px;
    padding-bottom: 0px;
}

.sectionP80 {
    padding-top: 70px;
    padding-bottom: 80px;
}

.sectionpadding {
    padding-top: 140px;
    padding-bottom: 140px;
}

.mnsectionP20 {
    padding-top: 20px;
    padding-bottom: 0px;
}

.mnsectionP30 {
    padding-top: 0px;
    padding-bottom: 50px;
}

.sectionP140 {
    padding-top: 70px;
}

.padding_bottom {
    padding-bottom: 45px;
}

.padding120 {
    padding-top: 120px;
    padding-bottom: 120px;
}

/*padding for top title section*/

.top_titleP60 {
    /*padding-top: 60px;*/
    padding-bottom: 60px;
}

p {
    font-size: 15px;
    color: #777;
}

a.g:hover {
    color: #fda10e;
}

.forgot {
    color: #aaa;
    margin-top: 10px;
    transition: all 0.3s;
}

.forgot:hover {
    color: #666;
    transition: all 0.3s;
}

.br {
    border-right: 1px solid #eee;
}

.heading-text {
    margin-bottom: 20px;
}

.heading-text span {
    font-size: 32px;
    font-family: robo-light;
}

.ul-style {
    padding-left: 0px;
    list-style: none;
}

#home-section h1 {
    padding-bottom: 60px;
}

.pading8050 {
    padding-top: 80px;
    padding-bottom: 50px;
}

.prsscrollbar::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #f5f5f5;
}

.prsscrollbar::-webkit-scrollbar {
    width: 12px;
    background-color: #f5f5f5;
}

.prsscrollbar::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #d4d0cd12;
}

/*mix-styles-are-here*/

.marginbttom28 {
    margin-bottom: 28px;
}

.browerbtn a {
    width: 300px;
    padding: 15px;
    margin-right: 40px;
    margin-left: 40px;
    margin-top: 40px;
    border-radius: 5px;
}

/*colors-are-here*/

.white {
    color: #fff;
}

.light {
    color: #555;
}

.light2 {
    color: #999;
}

.blue {
    color: #1f558d;
}

.blue-L {
    color: #3870b1;
}

.whitegb {
    background-color: #fff;
}

/*colors-are-here*/

.blue-bg {
    background: rgba(9, 29, 73, 0.97);
}

.gradient {
    /* @alternate */
    background: -moz-linear-gradient(45deg, rgba(121, 0, 4, 0.9) 10%, rgba(227, 0, 9, 0.9) 90%);
    /* @alternate */
    background: -webkit-gradient(linear, left bottom, right top, color-stop(10%, rgba(121, 0, 4, 0.9)), color-stop(90%, rgba(227, 0, 9, 0.9)));
    /* @alternate */
    background: -webkit-linear-gradient(45deg, rgba(121, 0, 4, 0.9) 10%, rgba(198, 14, 14, 0.95) 100%);
    /* @alternate */
    background: -o-linear-gradient(45deg, rgba(121, 0, 4, 0.9) 10%, rgba(198, 14, 14, 0.95) 100%);
    /* @alternate */
    background: -ms-linear-gradient(45deg, rgba(121, 0, 4, 0.9) 10%, rgba(198, 14, 14, 0.95) 100%);
    background: linear-gradient(45deg, rgba(121, 0, 4, 0.9) 10%, rgba(198, 14, 14, 0.95) 100%);
}

.gradient2 {
    /* @alternate */
    background: -moz-linear-gradient(45deg, rgba(255, 255, 255) 0%, rgba(255, 255, 255) 100%); /* ff3.6+ */
    /* @alternate */
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(255, 255, 255)), color-stop(100%, rgba(255, 255, 255))); /* safari4+,chrome */
    /* @alternate */
    background: -webkit-linear-gradient(45deg, rgba(255, 255, 255) 0%, rgba(255, 255, 255) 100%); /* safari5.1+,chrome10+ */
    /* @alternate */
    background: -o-linear-gradient(45deg, rgba(255, 255, 255) 0%, rgba(255, 255, 255) 100%); /* opera 11.10+ */
    /* @alternate */
    background: -ms-linear-gradient(45deg, rgba(255, 255, 255) 0%, rgba(255, 255, 255) 100%); /* ie10+ */
    background: linear-gradient(45deg, rgba(255, 255, 255) 0%, rgba(255, 255, 255) 100%); /* w3c */
    overflow: hidden;
}
.albmflow {
    overflow: visible !important;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #c20008;
    border-color: #fff;
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #cc0000;
    border-color: #fff;
}

/*backgrounds-are-here*/

/*--------------------------------------*/

/*buttons-are-here*/

.btn-default {
    background-color: transparent;
    border: 1px solid #fff;
    color: #fff;
    border-radius: unset;
}

.browerbtn {
    text-align: center;
}

.btn-danger {
    width: 300px;
    height: 60px;
    background: transparent;
    color: #cc0000;
    border-radius: 5px;
    font-weight: 700;
    font-size: 20px;
    margin-right: 55px;
    padding-top: 12px;
}

.allplaybtn a:hover {
    background: #691417;
    color: #fff !important;
    border-color: #691417;
}

.info-btn {
    padding: 3px;
    border-radius: 3px;
    background: transparent;
}

.info-btn:hover {
    background: #eee;
}

.outline-button {
    padding: 2px;
}

.outline-button div {
    padding: 6px 30px;
    border-radius: 30px;
    font-size: 15px;
    font-family: Calibri;
    transition: all 0.3s;
}

/*navbar-styling-is-here*/

nav.navbar.navbar-expand-lg.navbar-default.navbar-light.bg-light {
    background: #bc0e0e !important;
}

.navbar-default {
    background: #691417;
    border: none;
    position: relative;
    width: 100%;
    margin-bottom: 0;
    border-radius: 0;
    box-shadow: none;
    z-index: 1050;
}

.navbar-nav.navbar-right > li {
    padding-top: 20px;
    padding-bottom: 20px;
    margin-left: 1px;
    list-style-type: none;
}
ul#navigation {
    align-items: center;
}
.navbar-nav.navbar-right > li > a {
    padding: 10px 6px;
    color: #fff;
    font-family: Calibri;
    letter-spacing: 1px;
    font-size: 15px;
    border-radius: 0px;
    line-height: normal;
}

/*.navbar-nav.navbar-right > li > a:focus{ background: transparent; color: #FDA10E;} */

.navbar-nav.navbar-right > li > a:hover {
    background: transparent;
    color: #fda10e;
}

.navbar-nav.navbar-right > li > a.active {
    background: transparent;
    color: #fda10e;
}

.navbar-nav.navbar-right > li > a.active:hover {
    background: transparent;
    color: #fda10e;
}

.navbar-nav.navbar-right > li.gold {
    padding-top: 12px;
}

.navbar-nav.navbar-right > li.gold > a {
    color: #fc7c11;
}

.navbar-nav.navbar-right > li.gold > a:hover {
    color: #fff;
    background: transparent;
}

.navbar-brand {
    float: left;
    height: auto;
    padding-top: 0px;
}

.navbar-toggle {
    margin-top: 25px;
}

.navbar-collapse.collapse.in {
    max-height: 80vh !important;
    overflow-y: scroll;
}

.nav-justified {
    border: none;
}

.nav-tabs.nav-justified > li > a {
    border-radius: 0;
    border-color: #eee;
    border-bottom: none !important;
    padding-top: 25px;
    padding-bottom: 25px;
    background: transparent;
    color: #6011b1;
    font-family: Calibri;
    font-size: 16px;
}

.nav-tabs.nav-justified > li > a:hover {
    background-color: #fff;
}

.nav-tabs.nav-justified > li.active {
    background-color: #fff;
    border-color: #fff !important;
}

.nav-tabs.nav-justified > li.active > a:hover {
    color: #6011b1;
}

.navbar-collapse .mr-auto {
    margin-left: auto !important;
    margin-right: unset !important;
}

.nav-fixed {
    position: fixed;
    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgba(8, 27, 73, 0);
    background-color: #691417;
}

.mn-navbor {
    border: 1px solid;
}
.bar1,
.bar2,
.bar3 {
    width: 30px;
    height: 3px;
    background-color: #fff;
    margin: 6px 0;
    transition: 0.4s;
}
.navbar-toggler:not(.collapsed) .bar-btn .bar1 {
    -webkit-transform: rotate(-45deg) translate(-9px, 7px);
    transform: rotate(-45deg) translate(-9px, 7px);
}

.navbar-toggler:not(.collapsed) .bar-btn .bar2 {
    opacity: 0;
}

.navbar-toggler:not(.collapsed) .bar-btn .bar3 {
    -webkit-transform: rotate(45deg) translate(-8px, -8px);
    transform: rotate(45deg) translate(-5px, -4px);
}
.menu-btn {
    pointer-events: none;
}
.bar-btn {
    pointer-events: bounding-box;
}
.dropdown-menu {
    background: #691417;
    border-radius: 0;
    z-index: 9999;
}

.dropdown-item {
    color: #fff;
    border-bottom: 1px solid #e6e4e4;
    font-family: Calibri;
    letter-spacing: 1px;
    font-size: 15px;
    border-radius: 0px;
    line-height: normal;
}

/*navbar-styling-is-here*/

/*Header Padding Space*/
.login_spacing {
    padding-bottom: 10rem;
    padding-top: 5rem;
}
.header-pad {
    padding-top: 70px;
    padding-bottom: 65px;
}

.header-pad-mn {
    padding-top: 70px;
    padding-bottom: 200px;
}

.header-text p {
    margin-top: 30px;
    margin-bottom: 30px;
    font-size: 17px;
}

/*new signup page*/

.header-text {
    margin: 0 auto;
}

.header-bg_signup {
    /*background: url('../img/bg-new-releases.jpg') no-repeat center center fixed;*/
    background-color: #840c1b;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.header-bg {
    /*background: url('../img/bg-new-releases.jpg');*/
    background-color: #840c1b;
    background-size: cover;
    background-position: top right;
    background-repeat: no-repeat;
}

.login-btn {
    border-radius: 0px;
    background-color: #cc0000;
    border: 1px solid #fff;
    color: #fff;
}

.mn-sign-up {
    border-radius: 10px;
    background: #fff;
    padding-top: 30px;
    padding-bottom: 30px;
    margin-top: 20px;
    overflow: hidden;
    box-shadow: 0px 2px 25px rgba(0, 0, 0, 0.25);
}

.mn-sign-up .head h3 {
    font-family: Calibri;
    color: #040404;
    font-size: 45px;
    text-align: center;
    font-weight: bold;
}

.info {
    margin: 0px;
    border: 1px solid #040404;
    padding: 0px 20px;
    top: 10px;
    position: absolute;
    right: 10px;
    font-weight: 600;
}

.plan {
    display: flex;
    flex-wrap: nowrap;
    margin: 10px 0px 0px 55px;
    /* margin: auto 0; */
    /* text-align: center; */
}

.plan > div {
    width: 145px;
    margin: 0px;
    height: 138px;
    padding: 10px;
}

.custom-control-input.is-valid ~ .custom-control-label::before,
.was-validated .custom-control-input:valid ~ .custom-control-label::before {
    background: #fff;
}

.custom-control-input.is-valid:checked ~ .custom-control-label::before,
.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before {
    background: #007aff;
}

.prs-form .custom-control-label::before {
    border-radius: unset !important;
    background-color: transparent;
    border: 1px solid #c4c1c1;
}
.cusRow {
    justify-content: center;
}
.proceed_box {
    height: 350px;
    border-radius: 10px;
    background: #fff;
    padding-top: 30px;
    padding-bottom: 30px;
    margin-top: 20px;
    overflow: hidden;
    box-shadow: 0px 2px 25px rgb(0 0 0 / 25%);
    position: relative;
}
.pro_info {
    margin: 0px;
    border: 1px solid #040404;
    padding: 0px 20px;
    top: 5px;
    position: absolute;
    right: 10px;
    font-weight: 600;
}
.pro_info a {
    color: #040404;
    cursor: pointer;
}
.radio-box-right {
    background: #bb7d11;
    padding: 1rem;
    color: #fff;
    width: 85%;
    margin: 0.9rem auto 3rem;
    padding-top: 0;
    height: 150px;
    cursor: pointer;
}
.radio-box-right h3 {
    text-align: center;
    font-weight: 600;
    font-size: 20px;
}
.radio-box-right p {
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 1.3;
    margin-bottom: 0;
}
.pro_btn {
    text-align: center;
    display: block;
    color: #000;
    background: #ccc;
    width: 70%;
    border: 1px solid #ccc;
    margin: auto;
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    font-family: Aaargh;
}

.btn.disabled,
.btn:disabled {
    opacity: 0.45;
    background-color: #ccc !important;
    color: #222 !important;
}
.custom-radio.signup-radio label.custom-control-label:before {
    top: 5px;
    left: -28px;
}
.custom-radio.signup-radio label.custom-control-label:after {
    top: 5px;
    left: -28px;
}
.custom-radio.signup-radio label.custom-control-label.account-control-label:before {
    top: -10px;
    left: -32px;
}
.custom-radio.signup-radio label.custom-control-label.account-control-label:after {
    top: -10px;
    left: -32px;
}
.modal.show .modal-dialog.more_dialog {
    transform: translateX(-75%) translateY(0%);
    -webkit-transform: translateX(0%) translateY(0%);
    -moz-transform: translateX(-75%) translateY(0%);
    -ms-transform: translateX(-75%) translateY(0%);
}
.modal.show .modal-content.more_content {
    webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
    -webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
    -moz-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
    transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
    box-shadow: none;
}
.more_dialog .more_content {
    width: 100%;
}
.more_dialog .more_content .more-head h4 {
    font-weight: 600;
    font-size: 23px;
}

.more_dialog .more_content .more_body h3 {
    color: #9c0f19;
    font-weight: 600;
    font-size: 22px;
}

.more_dialog .more_content .more_body ul li {
    font-size: 18px;
    font-weight: bold;
    line-height: 35px;
}

.mn-sign-up {
    height: 360px;
    border-radius: 10px;
    background: #fff;
    padding-top: 30px;
    padding-bottom: 30px;
    margin-top: 20px;
    overflow: hidden;
    box-shadow: 0px 2px 25px rgba(0, 0, 0, 0.25);
}

.mn-sign-up .head h3 {
    font-family: Calibri;
    color: #040404;
    font-size: 25px;
    text-align: center;
    font-weight: bold;
}
.acc_text {
    font-family: Calibri;
    color: #040404;
    font-size: 25px;
    text-align: center;
    font-weight: bold;
}
.max_height {
    height: 100%;
}
.info {
    margin: 0px;
    border: 1px solid #040404;
    padding: 0px 20px;
    top: 25px;
    position: absolute;
    right: 25px !important;
    font-weight: 600;
}

.plan {
    display: flex;
    flex-wrap: nowrap;
    margin: 15px auto 0;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.plan > div {
    flex: 0 0 45%;
    margin: 0px;
    height: 150px;
    padding: 0px 10px;
}

.year_sub_color {
    background-color: #bb7d11;
}

.mon_sub_color {
    background-color: #ede9e6;
}

.limited_sub_color {
    background-color: #ffffff;
    border: 3px solid #eeeeee;
}

.plan label {
    text-align: center;
}

.yearly {
    font-size: 19px;
    color: #fff;
    display: block;
    line-height: 20px;
    font-weight: bolder;
    letter-spacing: -1px;
}

.price {
    display: block;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
}

.plan_limit {
    font-size: 12px;
    color: #fff;
    font-weight: bolder;
}

.mon_sub .plan_limit {
    color: #040404;
}

.mon_sub .price {
    color: #040404;
}

.mon_sub .yearly {
    color: #040404;
}

.input-box {
    position: relative;
    margin: 0 auto;
    padding: 5px;
}

.singup {
    width: 70%;
}

.singup input {
    width: 100%;
    padding: 5px 15px;
    border: 2px solid #eeeeee;
    font-weight: 700;
    font-family: sans-serif;
}

.W100.btn-lg.btn-block {
    background: #c20008;
    background-color: #c20008;
    color: #fff;
    font-family: Aaargh;
    border-radius: unset;
}

.singup .custom-checkbox .custom-control-label::before {
    border-radius: 1.25rem;
}

.singup .custom-control-label::after {
    top: -0.75rem !important;
}

.singup .custom-control-label::before {
    top: -0.75rem !important;
}

.mn-sub_yer {
    text-align: center;
    padding: 5px 0px;
}

.mn-sub_yer .yearly {
    font-size: 20px;
    line-height: 35px;
}

.mn-sub_yer .price {
    font-size: 20px;
    line-height: 25px;
}

/*login-div-styles-are-here*/
.login-note {
    color: #fff;
    padding-top: 9px;
    padding-bottom: 9px;
    width: 250px;
    margin: 0 auto;
}
.login-or {
    margin: 0;
    position: absolute;
    top: 31%;
    left: 35%;
    transform: translate(-50%, -50%);
}
.login-or h5 {
    color: #fff;
    font-weight: 400;
    font-size: 23px;
    margin-bottom: 0;
    width: 80px;
    text-align: center;
}
.login-or h5::after {
    content: "";
    width: 20px;
    height: 2px;
    background: #fff;
    position: absolute;
    left: 0;
    margin: auto;
    top: 0;
    bottom: 0;
}
.login-or h5::before {
    content: "";
    width: 20px;
    height: 2px;
    background: #fff;
    position: absolute;
    right: 0;
    margin: auto;
    top: 0;
    bottom: 0;
}
.aboutlogin_details h3 {
    font-size: 30px;
    text-align: center;
    color: #fff;
    font-weight: normal;
    margin-bottom: 1rem;
}

.aboutlogin_details h4 {
    font-size: 30px;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-weight: bolder;
}

.aboutlogin_details p {
    font-size: 22px;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    padding: 0px 0px 20px 0px;
}

.free_traialbtn {
    text-align: center;
}

.aboutlogin_details .btn.btn-warning {
    background-color: #edab23;
    border-color: #edab23;
    color: #fff;
    padding: 9px 40px;
    text-transform: uppercase;
    font-weight: 500;
    border-radius: unset;
}

.login-div {
    border-radius: 10px;
    background: #fff;
    padding: 2rem;
    overflow: hidden;
    box-shadow: 0px 2px 25px rgba(0, 0, 0, 0.25);
}

.login-div .head h3 {
    text-align: center;
    font-weight: 700;
    font-family: Aaargh;
    padding-bottom: 30px;
}

.login-div input {
    width: 100%;
    padding: 5px 15px;
    border: 1px solid #eeeeee;
    font-weight: 700;
    font-family: sans-serif;
}

.login-div .body {
    width: 75%;
    margin: 0 auto;
}

.login-div .foot {
    width: 73%;
    margin: 0 auto;
}

.login-div ul {
    list-style: none;
    padding: 0px;
    display: table;
    width: 100%;
    margin-bottom: 0;
}

.logged_detail li {
    display: table-cell;
    width: 61%;
}

.logged_detail {
    margin: 20px 0px 0;
}

.login-div li a {
    font-weight: 700;
    color: #cc0000;
}

.aboutlogin_details {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/*Login page design css*/

.prs_modal p {
    color: #9c0f19;
    font-weight: bold;
    font-size: 18px;
    line-height: normal;
}

.prs_modal .modal-title {
    font-weight: bold;
    font-size: 25px;
}

.prs_modal .list-group-item {
    padding-left: 0px;
    font-size: 15px;
    font-weight: bold;
}

.prs_modal .modal-footer p {
    color: #9c0f19;
}

.info a {
    color: #000;
}

.foot h2 {
    font-family: Calibri;
    color: #040404;
    font-size: 20px;
    text-align: center;
    font-weight: bold;
}

/*New Sinup page*/

/*Album page*/

.alubm_playplu {
    display: block;
    float: right;
    position: relative;
}

.album_description_1 h2 a {
    color: #333;
    font-size: 1.5rem;
}

.album_description_1 h2 a:hover {
    text-decoration: underline !important;
    color: #cc0000;
}

.album_list_2 ul li a:hover {
    text-decoration: underline !important;
    color: #cc0000;
}

.media-body.album_container {
    padding: 5px 0px 0px 25px;
}

.album_container h5 {
    font-size: 45px;
    font-weight: 700;
}

.album_container h6 {
    font-weight: 700;
    font-size: 30px;
    line-height: 35px;
}

.album_container small {
    font-size: 16px;
}

.album_description ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.album_description a.link-ul {
    font-weight: 700;
}

.album_description ul li span {
    color: grey;
    font-weight: 700;
    padding-right: 5px;
    font-size: 16px;
}

.album_container .play_price ul {
    list-style-type: none;
    float: right;
}

.album_container .play_price li {
    display: table-cell;
    padding-right: 0px;
    float: left;
}

.playbtn.redtl {
    margin-right: 10px;
}

.playbtn {
    cursor: pointer;
    border: 2px solid #cc0000;
    border-radius: 5px;
    padding: 12px 20px 12px 25px;
    color: #fff !important;
    background-color: #cc0000;
    font-weight: 700;
    text-transform: uppercase;
    position: relative;
}

.buybtn {
    border: 2px solid #edab23;
    border-radius: 5px;
    padding: 12px 15px 12px 15px;
    color: #fff;
    background: #edab23;
    text-transform: uppercase;
    margin-left: 0px;
    font-weight: 700;
}

.buymp3price {
    padding: 5px 15px 5px 15px;
    line-height: 20px;
    font-size: 16px;
}

.timebtn {
    padding: 0px 14px 12px 25px;
    color: #0e0e0e;
    font-weight: 500;
    text-transform: uppercase;
    float: right;
}

.plusbtn {
    cursor: pointer;
    border: 2px solid #cc0000;
    border-radius: 5px;
    padding: 12px 20px 12px 20px;
    color: #cc0000 !important;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0;
}

.play_price_1 {
    position: relative;
    text-align: right;
}

.play_price_1 ul {
    list-style-type: none;
}

.album_description_1 h2 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 0px;
}

.album_description_1 ul {
    list-style-type: none;
    padding: 0px;
}

.album_container2 {
    display: table;
    margin-top: 25px;
    margin-bottom: 0px;
    width: 100%;
}

.bgtop {
    background: #fbf7f4;
}

.border_top {
    border-top: 5px solid #eeeeee;
}

.album_description_1 li {
    padding-bottom: 20px;
}

.play_price_1 li {
    display: inline-flex;
    padding-top: 20px;
}

.album_description_1 {
    padding-top: 20px;
    padding-left: 15px;
}

.album_description_1 li:last-child {
    padding-bottom: 5px;
}

.track_heading {
    text-align: center;
    color: #333;
    background: #edab23;
}
.cd-heading {
    margin-bottom: 40px;
    margin-top: 60px;
}

.track_heading h2 {
    font-size: 30px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.album_track_left ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

.album_track_left ul li {
    display: inline;
    padding-right: 50px;
}

.album_track_right li {
    display: inline;
    padding: 0px 0px 0px 10px;
}

.album_track_right ul {
    margin: 0px;
    padding: 0px;
}

.border_bottom {
    border-bottom: 1px solid #eee;
}

.album_page {
    padding: 0;
}

.album_page_track .album_leftlist {
    width: 62%;
    padding-top: 10px;
    padding-bottom: 0px;
}

.album_page_track .album_leftlist ul li {
    padding: 0px;
}

#album .album_description {
    width: 100%;
    display: block;
    position: relative;
}

#album .album_container .play_price {
    display: block;
    width: 100%;
    margin-top: 20px;
}

.album_container h5 {
    padding-bottom: 16px !important;
}

/*add new css code*/

.album_list_2 ul {
    list-style-type: none;
    list-style: none;
    padding: 0;
}

.album_list_2 ul li {
    display: inline;
}

.album_list_2 ul li a {
    font-weight: 700;
    color: #000;
}

.albume_onlybtn {
    background: #edab23;
    border-radius: 5px;
    width: auto !important;
    height: auto;
    display: inherit;
    text-align: center !important;
    padding: 15px 10px;
    color: #000 !important;
    font-weight: 700;
    font-size: 14px;
    cursor: default;
    text-transform: uppercase;
}

/*  .albume_onlybtn:hover {background: #691417; color: #fff;}*/

.buybtn:hover {
    background: #691417;
    color: #fff !important;
    border-color: #691417;
}

.playbtn:hover {
    background-color: #691417;
    border-color: #691417;
    color: #fff !important;
}

.plusbtn:hover {
    background-color: #691417;
    border-color: #691417;
    color: #fff !important;
}

/*prs form*/

/*.sbt-form {margin-left: 15px;}
    .g-recaptcha {margin-left: 15px;}*/

.alert-submit {
    text-align: left;
    margin-top: 30px;
    font-weight: 600;
    background: #f0bb4f;
    padding: 5px 10px;
    border-radius: 2px;
}

.message-box textarea.text-area {
    resize: vertical;
}

.check-box.ng-scope {
    padding: 10px 0;
}

.msg-body {
    margin-left: 15px;
}

div#message_box_and_submit_button {
    /*padding-left: 15px;*/
    padding-top: 30px;
}

#message_box_and_submit_button em {
    font-weight: 600;
    font-style: normal;
    color: #212529;
}

.prs_must_checkbox .prs_must_list_checkbox a {
    color: #000;
    font-size: 16px;
    font-weight: 700;
    position: relative;
}

.prs_must_checkbox .prs_must_list_checkbox {
    padding: 15px 50px;
    position: relative;
}

/*The Must know section Carsual*/

/*Prs form*/

.prs-form .custom-control-label::before {
    border-radius: unset !important;
    background-color: transparent;
    border: 1px solid #c4c1c1;
}

/*Prs form*/

/*Search Page*/

.searchlist ul {
    list-style-type: none;
    padding: 0px;
}

.searchlist li a {
    padding: 10px 0px 20px 15px;
    display: block;
    border-bottom: 1px solid #eeeeee;
    color: #000;
}

.suggestion {
    text-align: center;
    color: #000;
    background: #eee;
    padding: 8px 10px;
    font-size: 24px;
    margin-bottom: 0px;
}

.search_form .form-control {
    border-radius: 0px;
    height: 60px;
}

.search_form label.custom-control-label {
    color: #fff;
}

.searchlist {
    background: #fff;
}

.mn-red-color {
    color: #bd0e0d !important;
}

.modal-content {
    height: auto;
}

.playlist_toggle {
    position: relative;
}

.add_playlist {
    position: relative;
    overflow: visible !important;
}

.album_description_1 span {
    font-weight: normal;
    /*font-size: 14px;*/
}
.smpl {
    line-height: 35px !important;
}
.album_description_1 span.work-space {
    padding-left: 0;
}
.album_rightlist ul li {
    padding: 0px 9px 0px 0px !important;
}

#composer .album_rightlist ul li {
    padding: 0px 2px !important;
    display: inline-table;
    position: relative;
}

#composer .track_body .album_rightlist_1 {
    margin-top: 30px;
}

.searchlist {
    overflow-y: auto;
    height: auto;
    max-height: 250px;
}

/*Search Page*/

/*Playlist Page*/

.featurelist ul {
    list-style-type: none;
    padding: 0px;
}

.featurelist {
    background: #fff;
}

.featurelist li {
    padding: 20px 30px;
    border-bottom: 1px solid #e9e9e9;
}

.featurelist li a {
    color: #000;
    font-weight: 700;
    display: block;
}

.featurelist li a span {
    font-weight: normal;
}

span.mn-device {
    color: #d6d4d4;
}

.featurelist p {
    color: #000;
}

/*favorted page*/

.album_list_cont {
    display: flex;
    width: 100%;
    background-color: #fff;
    padding-bottom: 11px;
    padding-top: 10px;
    position: relative;
}

#composer .album_page_track .album_leftlist {
    position: relative;
}

/*.album_list_cont .album_leftlist:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    background: #eeeeee;
    left: 0px;
    bottom: -5px;
}
*/
.album_list_cont1 {
    display: table;
    width: 100%;
    background-color: #fff;
    padding-bottom: 0px;
    padding-top: 10px;
    position: relative;
}

.album_leftlist {
    display: table-cell;
    width: 63.1%;
}

.album_leftlist ul {
    list-style: none;
    display: table;
    width: 100%;
    padding: 0px;
    margin: 0px 0px 10px 0px;
}

.album_rightlist {
    display: table-cell;
    width: 34%;
}

.album_leftlist ul li {
    display: table-cell;
    width: auto;
    padding: 0px 0px 0px 20px;
}

.album_rightlist ul {
    list-style-type: none;
    display: table;
    width: 100%;
    margin: 0px;
    padding: 0px;
    text-align: right;
}

#composer .album_rightlist ul {
    display: table;
    text-align: right;
}

.album_rightlist ul li {
    display: table-cell;
    padding: 40px 9px 0px 0px;
}

#track_detail .album_rightlist ul li {
    padding: 0 !important;
}

.album_leftlist ul li:nth-last-child(1) {
    text-align: right;
    padding-right: 0px;
}

.album_leftlist ul li i {
    color: #9c0f19;
}

.album_list_left1 {
    margin-bottom: 30px;
}

.album_rightlist_1 {
    margin-bottom: 30px;
}

.prs_title h1 {
    font-weight: 700;
    line-height: 30px;
}

.prs_title p {
    font-size: 16px;
    color: #cac6c6;
    margin-bottom: 0px;
}

/*composer page*/

.mn-img-center img {
    width: 200px;
    height: 200px;
    object-fit: contain;
}

#composer .suggestion {
    color: #000;
    font-weight: 700;
}

.albumlist li {
    padding: 15px 0px 0px 0px;
    border-bottom: 1px solid #eeeeee;
}

.media-body h5 {
    font-weight: 700;
    line-height: 44px;
    padding-bottom: 40px;
}

/*.media-body span { color: #333;}*/

.media-body p {
    font-weight: 700;
    color: #000;
    margin: 0px;
}

.media-body {
    padding-top: 10px;
}

.mntime {
    font-weight: normal;
    padding-top: 20px;
}

.header-pad-mn_composeer {
    padding-top: 120px;
    padding-bottom: 600px;
}

.prs_title h3 {
    font-size: 20px;
    font-weight: 700;
    margin-top: 30px;
}

.prs_title p strong {
    width: 85%;
    float: right;
    color: #000;
}

/* .margin-minus-mn_composer { margin-top: -579px; } */

.media-body p:last-child {
    font-weight: normal;
    margin-top: 15px;
}

.media-body p {
    margin-top: 15px;
}

/*-------------------------------------*/

/*footer-styles-are-here*/

.footer {
    position: absolute;
    width: 100%;
    background-color: #f5f5f5;
    height: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.footer a {
    color: #353535;
    font-weight: 600;
}

.socialicon ul {
    list-style-type: none;
    padding: 0;
    text-align: left;
}

.socialicon li {
    display: inline;
}

.socialicon li a {
    padding: 10px;
    color: #691417;
}

.socialicon li a:hover {
    padding: 10px;
    color: #881519;
}

.bottom_footer ul {
    list-style-type: none;
    text-align: center;
    padding: 0;
    margin-bottom: 0;
}

.bottom_footer li {
    display: inline;
}

.footer_topborder {
    position: relative;
}

.footer_topborder:before {
    content: "";
    width: 95%;
    height: 5px;
    background: #bb7d11;
    position: absolute;
    bottom: 20px;
    left: 40px;
}

.footer:before {
    content: "";
    position: absolute;
    height: 5px;
    width: 100%;
    background: #bb7d11;
}

.bottom_footer p {
    text-align: center;
    display: inherit;
    line-height: normal;
    margin-bottom: 5px;
    font-weight: 900;
    color: #353535;
}

/*footer-styles-are-here*/

/*scroll-bar-atyle-are-here*/

.nicescroll-rails div {
    width: 5px !important;
    height: 25px;
    border-radius: 2px;
    border: none !important;
    /* @alternate */
    background: -moz-linear-gradient(top, #fda10e 0%, #ff6c0d 100%);
    /* @alternate */
    background: -webkit-linear-gradient(top, #fda10e 0%, #ff6c0d 100%);
    /* @alternate */
    background: -o-linear-gradient(top, #fda10e 0%, #ff6c0d 100%);
    /* @alternate */
    background: -ms-linear-gradient(top, #fda10e 0%, #ff6c0d 100%);
    background: linear-gradient(to bottom, #fda10e 0%, #ff6c0d 100%);
}

/*scroll-bar-atyle-are-here*/

/*loader-styles-are-here*/

.no-js #loader {
    display: none;
}

.js #loader {
    display: block;
    position: absolute;
    left: 100px;
    top: 0;
}

.se-pre-con {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999999;
    background: url("../images/preloader-small.gif") center no-repeat #fff;
}

/*loader-styles-are-here*/

.appicon {
    position: relative;
    white-space: nowrap;
}

.appsocial {
    list-style-type: none;
    text-align: right;
    justify-content: end;
    margin: auto;
}

.appsocial li {
    display: inline;
}

.appicon.mnsectionP30 {
    padding-bottom: 30px;
}

.appicon p {
    text-align: center;
    display: inherit;
    font-weight: 700;
    color: #000;
    font-size: 18px;
    margin-left: 21%;
    margin-bottom: 0;
    padding-bottom: 15px;
}

/*New Realease page */

.page_title_heading {
    font-size: 145px;
    color: #fff;
    opacity: 0.3;
    text-transform: capitalize;
}

.page_title_two {
    font-size: 65px;
    text-transform: capitalize;
    color: #bb7d11;
    font-weight: 600;
}

.card-title {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 5px;
    letter-spacing: 0.2px;
}

.newreals_album1 .card {
    border-radius: unset;
    border: none;
    background: transparent;
}

.newreals_album1 .card-body {
    padding: 8px 10px 5px 8px;
    color: #fff;
    max-width: 88.5%;
}

.newreals_album1 .card-text:last-child {
    color: #fff;
    background-color: transparent;
    padding-left: 0px;
}

/* .radio_listmn { display: table; width: 100%; padding-left: 14px;}
     .radio_listmn li { display: table-cell; width: 33.33%; float: left;} */

/*.radio_listmn {
    list-style: none;
    columns: 3;
    -webkit-columns: 3;
    -moz-columns: 3;
    padding-left: 14px;
}*/
.radio_listmn {
    list-style: none;
    padding-left: 14px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
}
.radio_listmn li {
    flex: 0 0 30%;
}
.row.mustknow_form_radio .prs_pagination .pagination > li > a:hover {
    background-color: transparent;
    border: unset;
    color: #c20008;
}

.prs_title {
    text-align: center;
    color: #bb7d11;
    text-transform: capitalize;
    font-weight: 700;
    padding: 0px 0px;
    font-size: 60px;
}

.new_col {
    margin: auto;
    max-width: 971px;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 54px;
}

.new_col .col {
    /*padding: 20px 10px;*/
    max-width: 180px;
    text-align: center;
    flex-wrap: wrap;
}

.new_col .col h3 {
    font-weight: 700;
    font-size: 26px;
}

.new_col .col p {
    color: #000;
    font-size: 18px;
    line-height: normal;
}

.row.prs_brands {
    width: 80%;
    margin: 0 auto;
    display: table;
}

.prs_brands .col {
    display: table-cell;
    width: 12.5%;
    vertical-align: bottom;
    text-align: center;
}

.row.prs_brands .col img {
    height: auto;
    object-fit: contain;
    max-width: 100%;
    height: auto;
    width: 100%;
}

.bg_container {
    background: #fbf7f4;
    width: 1270px;
    max-width: 100%;
    margin: 0 auto;
}

.bottom_padding {
    padding-bottom: 30px;
    position: relative;
}

.custm_top_border {
    padding-top: 60px;
}

.custm_top_border .page_title_two:before,
.bottom_padding:before {
    content: " ";
    width: 290px;
    height: 10px;
    background: #bb7d11;
    position: absolute;
    left: 0;
    top: -30px;
}

.btn-danger {
    width: 300px;
    height: 60px;
    background: transparent;
    color: #cc0000 !important;
    border-color: #cc0000 !important;
    border-radius: 5px;
    font-weight: 700;
    font-size: 20px;
    margin-right: 55px;
}

.newreals_container img {
    width: 100% !important;
    height: 300px !important;
}

@media (max-width: 980px) {
    textarea.text-area {
        width: 100% !important;
        border: 1px solid;
    }
    .featureplaylist-btn .add-to-queue-img {
        left: auto !important;
    }
    .btn-group .add-to-queue-img {
        left: auto !important;
    }
}

@media (max-width: 768px) {
    span.showon-mobile {
        display: none;
    }
    textarea.text-area {
        width: 100% !important;
    }
    form.form-sec.contact_us_formss {
        padding: 15px 10px !important;
    }
    .pagination li.paginate_button.page-item {
        margin: 0 0px !important;
    }
    .scroll {
        bottom: 140px !important;
        right: 5px;
    }
    .performeralbumlist .plusbtn:before {
        opacity: 0 !important;
    }
    .performeralbumlist .plusbtn:after {
        opacity: 0 !important;
    }
}
@media (max-width: 768px) {
    .prs_pagination ul li {
        margin: 0 8px;
    }
    .none {
        display: none;
    }
    .banner-text {
        margin-top: 36px;
        margin-bottom: 38px;
    }
}
@media (max-width: 991px) {
    .banner-text h3 {
        font-size: 1.5rem;
    }
}
 @media (max-width: 768px) {
        .prs_pagination ul li {
            margin: 0 8px;
        }
        .none{
            display: none;
        }
        .banner-text{
            margin-top: 36px;
            margin-bottom: 38px;
        }
    }
    
    @media  (max-width: 991px){
        .banner-text h3{
            font-size: 1.50rem;
        }
    }
 .cus-container .row a span{
    color:#fff
 }
#tableFea_next a {
    padding: 5px 6px !important;
}
@media (max-width: 767px) {
    #tableFea_next a {
        /*line-height: 25px;*/
        padding: 6px 6px !important;
    }
    #tableFea_wrapper .dataTables_paginate li.page-item,
    #tableplaylist_wrapper .dataTables_paginate li.page-item {
        line-height: 0;
        margin-left: 0px;
    }
    #tableFea_wrapper .dataTables_paginate li.page-item {
        margin-left: 0px !important;
    }
    .greats_left_arrow_two {
        right: -4px !important;
    }
    .greats_right_arrow_two {
        left: -4px !important;
    }
    .greats_left_arrow {
        right: 38px !important;
    }
    .greats_right_arrow {
        left: 38px !important;
    }
    /*.custom_pagination_greate {padding:5px !important;}*/
    .scroll {
        bottom: 160px !important;
    }
    .aboutlogin_details {
        margin: 0;
        position: relative;
        top: auto;
        left: auto;
        transform: none;
    }
    .comp-modl {
        justify-content: center;
    }
    .notable_tab .srch-name {
        justify-content: center;
    }
    .pianist-div .pianist {
        margin: auto;
    }
    .beats-div .piano-beats {
        margin: auto;
    }
}

/*Tab play list*/

.nav-tabs {
    border-bottom: 2px solid #eae8e7;
    margin-bottom: 30px;
}

.nav-justified .nav-item {
    text-align: left;
    color: #000 !important;
    font-weight: 700;
    font-size: 24px;
    padding-left: 0px;
}

.nav-tabs .nav-link.active {
    color: #c20008 !important;
    border: none;
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    border-color: transparent;
}

.page_title_four {
    color: #bf0f0f;
    font-size: 25px;
    position: relative;
    padding-bottom: 10px;
}

.page_title_four:after {
    content: "";
    width: 100%;
    height: 2px;
    background: #d4d0cd;
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
}

.prs_list_details li a {
    color: #000;
    font-size: 16px;
    font-weight: 700;
}

.prs_list_details li {
    padding: 10px 0;
}

.prs_list_details ul {
    list-style: none;
    position: relative;
    margin: 0;
}

.prs_list_details {
    max-height: 360px;
    overflow-y: scroll;
    padding: 1.2em 0;
}

#bdt_context1 .sectionP80 {
    padding-top: 120px;
    padding-bottom: 30px;
}

.home-Playlists_list li a {
    color: #000;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
}
.home-Playlists_list li a:hover {
    text-decoration: underline !important;
}
.home-Playlists_list li {
    padding: 10px 0px;
    position: relative;
}

.home-Playlists_list ul {
    list-style: none;
    position: relative;
    margin: 0;
    padding-top: 20px;
    padding-left: 24px;
}

.home-Playlists_list {
    max-height: 360px;
    overflow-y: auto;
}

.home-Playlists_list li :before {
    width: 30px;
    height: 30px;
    position: inherit;
    left: 0px;
    right: 0px;
    background-repeat: no-repeat;
}

.prs-form .custom-control {
    padding: 12px 5px;
    color: #000 !important;
    font-weight: 700;
}

.allplaybtn a {
    cursor: pointer;
    border: 2px solid #cc0000;
    border-radius: 5px;
    padding: 12px 120px;
    color: #fff !important;
    background: #cc0000;
    text-transform: uppercase;
    font-weight: 700;
}

.allplaybtn {
    position: relative;
    margin: 30px 0px;
}

.row.american_tb {
    display: table;
    width: 95%;
}

.mn_tb {
    display: table-cell;
    width: 50%;
    vertical-align: bottom;
}

.american_tb .allplaybtn {
    text-align: right;
}

.mn_tb img {
    padding: 0px 0px 24px 75px;
}

/*new playlist page*/

.table th {
    border-top: none;
    border-bottom: 1px solid #eee;
    padding: 10px 0;
    width: 50%;
    font-family: Calibri;
    cursor: pointer;
    font-weight: 700;
    text-transform: capitalize;
}

/*new playlist page*/

/*after loged rewrealses page*/

.mustknow_form .custom-control {
    padding-left: 25px;
    padding-top: 12px;
    padding-bottom: 12px;
    color: #000 !important;
    font-weight: 700;
}

.mustknow_form .custom-control-label::before {
    border-radius: unset !important;
    background-color: transparent;
    border: 1px solid #c4c1c1;
}

.mustknow_form_radio .custom-control {
    padding-left: 25px;
    padding-top: 12px;
    padding-bottom: 12px;
    color: #000 !important;
    font-weight: 700;
}

.mustknow_form_radio .custom-control-label::before {
    background-color: transparent;
    border: 1px solid #c4c1c1;
}

.mustknow_form_radio .prs_pagination {
    width: auto;
    margin-top: 20px;
}

.loged .dropdown-toggle::after {
    display: none;
}

.loged .dropdown-menu.show {
    left: -87px !important;
}

.loged img {
    width: 30px;
    height: auto;
}

/*after loged rewrealses page*/

/*New Realses details Page*/

.home-Playlists_list li,
.prs_list_details li {
}

.prs_albumnewlist.list-inline {
    display: table;
    width: 100%;
    margin: auto 12%;
}

.prs_albumnewlist .list-inline-item {
    display: table-cell;
    width: 25%;
    float: left;
}

.prs_albumnewlist .list-inline-item {
    margin-left: 0.5rem;
    margin-bottom: 2rem;
}

.prs_albumnewlist .card {
    border: none;
    border-radius: unset;
}

.prs_albumnewlist .card-body {
    padding-left: 5px;
    padding-top: 10px;
}

.prs_albumnewlist .list-inline-item:not(:last-child) {
    margin-right: 2.5rem;
}

.prs_albumnewlist a {
    font-weight: 700;
}

.prs_albumnewlist .card-title a {
    color: #000;
}

.prs_albumnewlist .card-body p {
    color: #000;
    font-weight: 700;
}

.prs_pagination .pagination > li > a {
    background-color: white;
    color: #000;
    border: none;
    padding: 5px;
    font-weight: 700;
}

.prs_pagination .pagination > li > a:focus,
.prs_pagination .pagination > li > a:hover,
.prs_pagination .pagination > li > span:focus,
.prs_pagination .pagination > li > span:hover {
    color: #fff;
    background-color: #c20008;
    border-color: #ddd;
}

.prs_pagination .pagination > .active > a {
    color: #000;
}

.prs_pagination .pagination > .active > a:hover {
    background-color: #c20008;
    border: solid 1px #c20008;
}

.prs_albumnewlist .card {
    width: 250px;
    height: 340px !important;
    margin-bottom: 15px !important;
    max-height: 390px !important;
}

.prs_albumnewlist .card img {
    min-height: 250px;
}

/*New Realeses details Pgae*/

/*Performer page*/

.prs_title_3 {
    margin-top: 30px;
}

.prs_title_3 p {
    line-height: 18pt;
    margin-bottom: 0px;
}

.img-height {
    width: 100%;
    max-width: 250px;
}

/*Performer page*/

/*composer Page*/

.prs_title_2 h1 {
    font-weight: 700;
    line-height: normal;
    color: #000;
}

.prs_title_2 a {
    color: #000;
}

.prs_title_2 p {
    font-size: 16px;
    color: #333;
    margin-bottom: 0px;
}

.prs_title_p {
    font-size: 18px !important;
    color: #000 !important;
    clear: both;
    margin-bottom: 5px;
    padding-bottom: 5px;
    display: table;
    width: 100%;
    font-weight: 700 !important;
}

.composer_name {
    font-size: 20px !important;
    color: #000 !important;
    clear: both;
    margin-bottom: 5px;
    padding-bottom: 5px;
    font-weight: 700 !important;
}

.mn-media_body h5 {
    line-height: 20px !important;
    padding-bottom: 0px !important;
}

/*composer Page */

/* gaurav-css */

.col-md-9.centered.sectionP20.border_bottom {
    border: none;
}

/*Composer page*/

.margin-minus-gc_great {
    margin-top: -370px;
}

.header-pad-gc_great {
    padding-bottom: 350px;
}

/*accrodion of Composer Page */

a:hover,
a:focus {
    text-decoration: none;
    outline: none;
}

#accordion .panel {
    border: none;
    box-shadow: none;
    border-radius: 0;
    margin-bottom: 15px;
}

#accordion .panel-title a {
    cursor: pointer;
    display: block;
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
    color: #000;
    background: #eeeeee;
    padding: 15px 32px 15px 18px;
    position: relative;
    transition: all 0.5s ease 0s;
}

#accordion .panel-title a.collapsed {
    border-bottom-color: #ddd;
    color: #000;
}

#accordion .panel-title a span {
    top: 6px;
    left: 10px;
    position: relative;
    display: block;
}

#accordion .panel-title a span:before {
    content: "\f0de";
    font-family: "FontAwesome";
    font-weight: 900;
    font-size: 18px;
    position: relative;
    transition: all 0.3s ease 0s;
}

#accordion .panel-title a span .collapsed:before {
    content: "\f0dd";
}

#accordion .panel-body {
    font-size: 15px;
    color: #000;
    line-height: 25px;
    background: #fff;
    border: none;
    padding: 14px 0px 0px 0px;
}

.panel-title {
    margin-bottom: 0px;
}

.list-group-item.mn {
    padding-right: 0px;
}

.mn-list-two {
    padding: 0px 0px 0px 30px;
}

.mn-list-three {
    padding-left: 85px;
}

.panel-list .list-group-item {
    padding: 5px 0px 25px 0px;
}

.margin-minus-mn_great {
    margin-top: -322px;
}

/*g-css-10jan*/

#accordion ul ul li h4 a {
    background: #fff !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
    font-weight: normal !important;
}

#accordion ul {
    list-style-type: none;
}

#accordion .panel-title a span:before {
    display: none;
}

#accordion .panel-title a span:after {
    content: "\f067" !important;
    font-family: "FontAwesome";
    font-weight: 100;
    font-size: 18px;
    position: relative;
    transition: all 0.3s ease 0s;
    left: 5px;
    top: -2px;
}

#accordion .panel-title a span {
    top: 0px;
    left: 0px;
}

#accordion {
    padding-top: 35px;
}

.open-tab {
    max-height: 450px;
    overflow-y: auto;
}

.open-tab ul {
    max-height: inherit;
    overflow-y: hidden;
}

.select_perfrmer_div {
    background: #eeeeee;
    padding: 10px 10px;
    margin-top: 10px;
}

.select_perfrmer_div h3 {
    margin-bottom: 0;
    padding: 0;
    font-size: 20px;
    font-weight: 700;
}

.select_perfrmer_div .prs_title_3 {
    margin-top: 10px;
}

.select_perfrmer_div p {
    cursor: pointer;
    color: #000;
}

.albumlist.pagin_style {
    padding: 0 0 20px 0;
}

.pagin_style ul.pagination {
    text-align: center;
    width: 100%;
    position: relative;
    margin: 0 auto;
    display: block;
    font-weight: 700;
    font-size: 16px;
}

.pagin_style ul.pagination li {
    display: inline-block;
    border-bottom: none;
    margin: 0 auto;
}

.pagin_style ul.pagination li a {
    padding: 5px 10px;
    color: #c20008;
}

.pagin_bottom ul.pagination {
    text-align: center;
    width: 100%;
    display: block;
    position: relative;
    margin: 0 auto;
    font-weight: 700;
    font-size: 16px;
}

.pagin_bottom ul.pagination li {
    display: inline-block;
    border-bottom: none;
    margin: 0 auto;
}

.pagin_bottom ul.pagination li a {
    padding: 5px 10px;
    color: #c20008;
}

/* .pagin_style ul.pagination li a:hover,.pagin_style ul.pagination li a:focus, .pagin_bottom ul.pagination li a:hover, .pagin_bottom ul.pagination li a:focus{
      color: #fff; background-color: #c20008; border-color: #ddd;} */

ul.list-unstyled.border-btm {
    border-bottom: 1px solid #ccc;
}

.border-btm .media {
    position: relative;
}

p.track_length {
    position: absolute;
    bottom: 10px;
}

.performr_name {
    position: relative;
    top: -15px;
}

#home-radio .prs-form .custom-control {
    display: block;
}

/*modalcss*/

.add_playlist .modal-header .close {
    color: #fff;
    background: transparent;
    opacity: 1;
}

.add_playlist .modal-header {
    background: #660003;
    color: #fff;
}

.btns_wrapper button i {
    font-size: 14px !important;
}

.btns_wrapper {
    text-align: right;
}

.mediaplay_modal .modal-content {
    background: #691417;
    color: #fff;
}

.mediaplay_modal .modal-title {
    font-weight: bold;
}

.mediaplay_modal button.close {
    color: #fff;
}

.worktopcusline-style {
    height: 52px;
    margin: 0px 2px 1px;
    padding-bottom: 1px;
}

.workcusline-style {
    height: 50px;
    padding: 0 0px 0 4px;
}

.topcusline-style {
    margin: 0 6px 0 3px;
    height: 52px;
}

@media (min-width: 320px) and (max-width: 479px) {
    .worktopcusline-style {
        height: 47px;
        margin: 0px 2px;
        padding-bottom: 3px;
    }
}

/*newpage*/

.regular .slick-slide img {
    width: 128px;
    height: 128px;
    margin: 0 auto;
    object-fit: cover;
    object-position: top center;
}

.slick-prev:before,
.slick-next:before {
    color: black;
}

.slick-slide {
    transition: all ease-in-out 0.3s;
    opacity: 1;
}

.slick-active {
    opacity: 1;
    color: #000;
}

.slick-current {
    opacity: 1;
}

.mn_dot {
    color: #9c0f19 !important;
    font-weight: 700;
}

.regular .slick-dots li button::before {
    font-size: 30px !important;
}

/* hiding all bullets by default */

.regular .slick-dots li {
    display: none;
}

/* only displaying the active bullets and the 5 bullets next to it */

.regular .slick-dots li.slick-active,
.regular .slick-dots li.slick-active + li,
.regular .slick-dots li.slick-active + li + li,
.regular .slick-dots li.slick-active + li + li + li,
.regular .slick-dots li.slick-active + li + li + li + li,
.regular .slick-dots li.slick-active + li + li + li + li {
    display: inline-block !important;
}

/* displaying the last three bullets when slick-active class isn't applied to any li before them  */

.regular .slick-dots li:nth-last-child(1),
.regular .slick-dots li:nth-last-child(2),
.regular .slick-dots li:nth-last-child(3),
.regular .slick-dots li:nth-last-child(4),
.regular .slick-dots li:nth-last-child(5) {
    display: inline-block;
}

/* hiding the last three bullets if slick-active exist before them */

.regular .slick-dots li.slick-active ~ li:nth-last-child(1),
.regular .slick-dots li.slick-active ~ li:nth-last-child(2),
.regular .slick-dots li.slick-active ~ li:nth-last-child(3),
.regular .slick-dots li.slick-active ~ li:nth-last-child(4),
.regular .slick-dots li.slick-active ~ li:nth-last-child(5),
.regular .slick-dots li.slick-active ~ li:nth-last-child(6) {
    display: none;
}

/* specific conditions to always display the last three bullets */

.regular .slick-dots li.slick-active + li + li:nth-last-child(5),
.regular .slick-dots li.slick-active + li + li:nth-last-child(4),
.regular .slick-dots li.slick-active + li + li:nth-last-child(3),
.regular .slick-dots li.slick-active + li + li:nth-last-child(2),
.regular .slick-dots li.slick-active + li + li:nth-last-child(1),
.regular .slick-dots li.slick-active + li:nth-last-child(5),
.regular .slick-dots li.slick-active + li:nth-last-child(4),
.regular .slick-dots li.slick-active + li:nth-last-child(3),
.regular .slick-dots li.slick-active + li:nth-last-child(2),
.regular .slick-dots li.slick-active + li:nth-last-child(1) {
    display: inline-block;
}

.regular .slick-dots li {
    margin: 0 20px;
}

.regular .slick-prev:before {
    content: "";
    background-image: url(../img/arrow-red-left.png) !important;
    background-size: 100% 100%;
    height: 103px;
    width: 52px !important;
    position: absolute;
    bottom: 0px;
    right: 45px;
}

.regular .slick-next:before {
    content: "";
    background-image: url(../img/arrow-red-right.png) !important;
    background-size: 100% 100%;
    height: 103px;
    width: 52px !important;
    position: absolute;
    bottom: 0px;
}

.great_imgsec p {
    background: #fff;
    padding: 0 10px;
    font-weight: 700;
    color: #000;
    font-size: 16px;
    text-align: center;
}

.slick-active .mn_dot {
    color: #000 !important;
}

.custom_pagination_greate {
    width: 45%;
    position: relative;
    margin: 0 auto;
    color: #000;
    font-weight: 700;
    font-size: 16px;
}

.custom_pagination_greate.custom_pagination_greatepage {
    width: 39%;
}

.greats_left_arrow {
    position: absolute;
    right: 32px;
    bottom: 2px;
    cursor: pointer;
}

.greats_right_arrow {
    position: absolute;
    left: 32px;
    bottom: 2px;
    cursor: pointer;
}

.greats_left_arrow_two {
    position: absolute;
    right: -30px;
    bottom: 2px;
    cursor: pointer;
}

.greats_right_arrow_two {
    position: absolute;
    left: -30px;
    bottom: 2px;
    cursor: pointer;
}

/*new album carsual*/

.newreals_album1 .slick-slide img {
    width: 280px;
    height: 280px;
    transition: 0.5s;
}

.newreals_album1 .slick-prev:before,
.newreals_album1 .slick-slide {
    transition: all ease-in-out 0.3s;
    opacity: 1;
}

.newreals_album1 .slick-active {
    opacity: 1;
    color: #000;
}

.newreals_album1 .slick-current {
    opacity: 1;
}

.newreals_album1 .mn_dot {
    color: #fff !important;
    font-weight: 700;
}

.newreals_album1 .slick-dots li {
    display: none;
}

.newreals_album1 .slick-dots li button::before {
    font-size: 30px !important;
}

/* hiding all bullets by default */

.newreals_album1 .slick-dots li {
    display: none;
}

/* only displaying the active bullets and the 5 bullets next to it */

.newreals_album1 .slick-dots li.slick-active,
.newreals_album1 .slick-dots li.slick-active + li,
.newreals_album1 .slick-dots li.slick-active + li + li,
.newreals_album1 .slick-dots li.slick-active + li + li + li,
.newreals_album1 .slick-dots li.slick-active + li + li + li + li,
.newreals_album1 .slick-dots li.slick-active + li + li + li + li {
    display: inline-block !important;
}

/* displaying the last three bullets when slick-active class isn't applied to any li before them  */

.newreals_album1 .slick-dots li:nth-last-child(1),
.newreals_album1 .slick-dots li:nth-last-child(2),
.newreals_album1 .slick-dots li:nth-last-child(3),
.newreals_album1 .slick-dots li:nth-last-child(4),
.newreals_album1 .slick-dots li:nth-last-child(5) {
    display: inline-block;
}

/* hiding the last three bullets if slick-active exist before them */

.newreals_album1 .slick-dots li.slick-active ~ li:nth-last-child(1),
.newreals_album1 .slick-dots li.slick-active ~ li:nth-last-child(2),
.newreals_album1 .slick-dots li.slick-active ~ li:nth-last-child(3),
.newreals_album1 .slick-dots li.slick-active ~ li:nth-last-child(4),
.newreals_album1 .slick-dots li.slick-active ~ li:nth-last-child(5),
.newreals_album1 .slick-dots li.slick-active ~ li:nth-last-child(6) {
    display: none;
}

/* specific conditions to always display the last three bullets */

.newreals_album1 .slick-dots li.slick-active + li + li:nth-last-child(5),
.newreals_album1 .slick-dots li.slick-active + li + li:nth-last-child(4),
.newreals_album1 .slick-dots li.slick-active + li + li:nth-last-child(3),
.newreals_album1 .slick-dots li.slick-active + li + li:nth-last-child(2),
.newreals_album1 .slick-dots li.slick-active + li + li:nth-last-child(1),
.newreals_album1 .slick-dots li.slick-active + li:nth-last-child(5),
.newreals_album1 .slick-dots li.slick-active + li:nth-last-child(4),
.newreals_album1 .slick-dots li.slick-active + li:nth-last-child(3),
.newreals_album1 .slick-dots li.slick-active + li:nth-last-child(2),
.newreals_album1 .slick-dots li.slick-active + li:nth-last-child(1) {
    display: inline-block;
}

.newreals_album1 .slick-dots li {
    margin: 0 20px;
}

.newreals_album1 .slick-prev:before {
    content: "";
    background-image: url(../img/arrow-red-left.png) !important;
    background-size: 100% 100%;
    height: 103px;
    width: 52px !important;
    position: absolute;
    bottom: 0px;
    right: 45px;
}

.newreals_album1 .slick-next:before {
    content: "";
    background-image: url(../img/arrow-red-right.png) !important;
    background-size: 100% 100%;
    height: 103px;
    width: 52px !important;
    position: absolute;
    bottom: 0px;
}

.newreals_album1 .slick-active .mn_dot {
    color: #000 !important;
}

.custom_pagination_newalbum {
    width: 40%;
    position: relative;
    margin: 0 auto;
    color: #000;
    font-weight: 700;
    font-size: 16px;
}

.newreals_album1 .greats_left_arrow {
    position: absolute;
    right: 15%;
    bottom: 5px;
    cursor: pointer;
}

.newreals_album1 .greats_right_arrow {
    position: absolute;
    left: 15%;
    bottom: 5px;
    cursor: pointer;
}

.newreals_album1 .greats_left_arrow_two {
    position: absolute;
    right: 0;
    bottom: 5px;
    cursor: pointer;
}

.newreals_album1 .greats_right_arrow_two {
    position: absolute;
    left: 0;
    bottom: 5px;
    cursor: pointer;
}

/*new album carsual*/

.mustknow_mn img {
    width: 48px;
    height: 48px;
    display: inline !important;
}

.mustknow_mn .great_imgsec p {
    background: #fff;
    padding: 0 10px;
    font-weight: 700;
    color: #000;
    font-size: 16px;
    text-align: center;
    display: inline;
}

.mustknow_mn .great_imgsec {
    display: inline-block !important;
    padding-top: 10px;
}

/*mustknow section*/

.mustknow_mn .slick-dots li {
    margin: 0 15px;
}

.sectionpad80-15 {
    padding-top: 80px;
    padding-bottom: 15px;
}

.mustknow_mn .slick-dots {
    bottom: -70px;
}

.mustknow_mn.slider.slick-dotted.slick-slider {
    margin-bottom: 75px;
}

.mustknow_mn .slick-prev:before {
    content: "";
    background-image: url(../img/arrow-red-left.png) !important;
    background-size: 100% 100%;
    height: 103px;
    width: 52px !important;
    position: absolute;
    bottom: 0px;
    right: 45px;
}

.mustknow_mn .slick-next:before {
    content: "";
    background-image: url(../img/arrow-red-right.png) !important;
    background-size: 100% 100%;
    height: 103px;
    width: 52px !important;
    position: absolute;
    bottom: 0px;
}

.show_div {
    min-width: 365px;
    position: absolute;
    right: 0;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    z-index: 99;
    -webkit-box-shadow: 0 15px 10px #777;
    -moz-box-shadow: 0 15px 10px #777;
    box-shadow: 0px 15px 10px #777;
}
.playmodalbox .show_div:before {
    top: -18px;
    right: 17px;
}

.modal_wrapper_body {
    border: 12px solid rgb(102, 0, 3);
    height: 150px;
    overflow-y: scroll;
    text-align: left;
    padding: 5px;
}

.modal_wrapper_header {
    background: #660003;
    color: #fff;
    padding: 20px 15px 0;
    text-align: left;
}

.modal_wrapper_footer {
    background: #660003;
    color: #fff;
    padding: 15px 3px;
    position: relative;
    top: 0px;
    text-align: left;
}

/*album*/

/*prelogin*/

.modal_prelogin_header {
    position: relative;
    background: #660003;
    color: #fff;
    border-radius: 10px 10px 0 0;
}

.show_prelogin_div {
    position: absolute;
    width: 300px;
    top: unset;
    pointer-events: auto;
    z-index: 99;
}

.modal_prelogin_body {
    border: 15px solid rgb(102, 0, 3);
    background-color: #fff;
}

.modal_prelogin_footer {
    background: #660003;
    padding: 10px 0 30px 0;
    display: inline-block;
    position: relative;
    top: -5px;
    width: 100%;
    border-radius: 0 0 10px 10px;
}

.statusBox p {
    font-size: 13px;
    text-align: center;
    padding: 5px;
    margin-bottom: 0;
}

a.free_trial_link {
    font-size: 22px;
    font-weight: bold;
    color: #666;
}

.show_prelogin_div .statusBox p a {
    color: #666;
    text-decoration: underline !important;
}

.show_prelogin_div .img_icons {
    width: 90%;
    margin: 0 auto;
}

.show_prelogin_div .img_icons img {
    margin-right: 5px;
    width: 60px;
}

.show_prelogin_div .img_icons img:last-child {
    margin-right: 0px;
}

/*end*/

.media-body.album_container h5 {
    font-size: 30px;
    margin: 0;
    padding: 0 !important;
    line-height: 35px;
}

.album_container h6 {
    font-size: 24px;
    margin-bottom: 0 !important;
    line-height: 30px;
}

.album_container2 {
    margin-top: 5px;
}

.media-body.album_container p {
    margin-top: 10px;
}

.media-body.album_container {
    padding: 0px 0px 0px 25px;
}

.composer_lists {
    overflow-y: auto;
    height: 130px;
    padding: 5px 10px;
    background: #eeeeee;
}

.work_performer_list {
    overflow-y: auto;
    height: 130px;
}

.playmodalbox {
    position: relative;
}
.footer {
    z-index: 1;
}

.playmodalbox .show_prelogin_div {
    top: 0px;
    right: 0;
}
.playmodalbox .show_prelogin_div:before {
    top: -18px;
    right: 18px;
}

/*  .track_body .playmodalbox .show_prelogin_div { left: 215px; } */

/************/

.hd_close_div {
    padding: 10px 0;
}

.hd_close_div button {
    position: absolute;
    right: 15px;
    top: 5px;
    color: #fff;
    opacity: 1;
}

.show_div:before,
.show_prelogin_div:before {
    content: "";
    position: absolute;
    border-width: 9px;
    border-style: solid;
    border-color: transparent;
    transform: rotate(180deg);
    border-top-color: #660003;
}
.playmodalbox .show_div.albumshow_div:before {
    top: -18px;
    right: 17px;
}
.hd_close_div.post_login {
    padding: 0;
}

.post_login button.close {
    top: 0px;
}

.modal_wrapper_footer i {
    font-style: normal;
    background: #f9c357;
    padding: 1px 5px;
    border-radius: 5px;
    position: relative;
    font-size: 14px;
    color: #660003;
    line-height: 0px;
    left: 10px;
    top: -5px;
    cursor: pointer;
}

.login-div h3.m0.ng-binding {
    transform: scale(1.1);
    transition: all 1s;
    color: #7b1218;
    text-transform: capitalize;
    padding: 10px 0;
    margin-bottom: 10px;
}

/* new css code for slider*/

.great_imgsec.card {
    border: none;
    padding-top: 0;
    min-height: 212px;
}

.great_imgsec.card p {
    line-height: normal;
}

.mn-card_1.card.flex-row.flex-wrap {
    border: none;
    background: transparent;
}

.mn-card_1 .card-header {
    background-color: transparent;
    padding: 10px;
}

.mn-card_1.card.flex-row.flex-wrap a {
    display: flex;
}

.mn-card_1 .card-block.px-2 {
    vertical-align: middle;
    height: 28px;
    padding-top: 23px;
    display: inline-table;
}

.mn-card_1 p {
    font-weight: 700;
    color: #000;
    font-size: 16px;
    text-align: center;
}

.great-class .slick-dots li.slick-active button:before {
    color: transparent !important;
    opacity: 1 !important;
}

.slick-dots li button {
    font-size: 15px;
    font-weight: 700;
}

.great-class .slick-dots li button:before {
    color: transparent !important;
    opacity: 1 !important;
    content: "";
}

.newreals_album1 .slick-dots li button:before {
    color: transparent;
    content: "";
}

.newreals_album1 .slick-dots li button {
    font-size: 15px !important;
    color: #000 !important;
    font-weight: 700;
}

.newreals_album1 .slick-dots li.slick-active button:before {
    display: none;
}

.newreals_album1 .slick-dots li.slick-active button {
    color: #9c0f19 !important;
}
.great-class .slick-dots li.slick-active button:before {
    display: none;
}

.great-class .slick-dots li.slick-active button button {
    color: #000 !important;
}

.regular .slick-dots li.slick-active button {
    color: #9c0f19 !important;
}
@supports (-webkit-touch-callout: none) {
    .newreals_album1 .slick-dots li.slick-active button {
        color: #9c0f19 !important;
    }
    .newreals_album1 .slick-dots li:hover button,
    .custom_pagination_newalbum span:hover {
        color: #9c0f19 !important;
    }
    .regular .slick-dots li.slick-active button {
        color: #9c0f19 !important;
    }
    .dataTables_paginate li:hover a,
    .great-class .slick-dots li:hover button,
    .custom_pagination_greate span:hover {
        color: #c20008 !important;
    }
}

/*work page*/

.work_performer_list.prs_title_3.prsscrollbar a {
    color: #000;
    font-weight: 700;
    font-size: 18px;
    line-height: normal;
    letter-spacing: 1px;
}

.select_perfrmer_div:before {
    content: "";
    width: 100%;
    height: 1px;
    background: #a3a3a3;
    position: absolute;
    top: 40px;
    left: 0;
}

.select_perfrmer_div {
    position: relative;
}

.conductor_name a {
    color: #333;
}

.conductor_name a:hover {
    color: #cc0000;
    text-decoration: underline !important;
}

.mn0lisr {
    display: inline;
}

.album_link a:hover {
    color: #cc0000;
    text-decoration: underline !important;
}

.workpagination p span {
    color: #cc0000;
    font-weight: 700;
}

.workpagination p {
    color: #000;
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 0;
}

.workpagination {
    background: #eeeeee;
    padding: 5px 0px;
}

.workpro .col-md-3 {
    -ms-flex: 0 0 23%;
    flex: 0 0 23%;
    max-width: 23%;
}

.workpro .col-md-7 {
    -ms-flex: 0 0 60.333333%;
    flex: 0 0 60.333333%;
    max-width: 60.333333%;
}

.prs_must_list_checkbox a:hover {
    text-decoration: underline !important;
    color: #b31d15;
}

DIV.music-main {
    margin: 0 0 10px 0px;
    padding: 10px;
    border: 1px solid #aaa;
    background-color: #fff;
    color: #333;
    text-align: left;
}

DIV.music-main DIV.bio-info {
    border: 1px solid #aaa;
    background-color: #eee;
    padding: 5px;
    width: 92%;
    margin: 5px 0 5px 0;
    color: #333;
}

.biog {
    padding-top: 2rem;
}
.biog p {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    color: #212934;
}
.biog p a {
    text-decoration: underline !important;
    color: #212934;
}
.biog h6 {
    font-weight: bold;
    text-align: center;
}

/*Album page*/

.album_page_track {
    position: relative;
    display: table;
    width: 100%;
}

/* a.buybtn.btnx{ font-size: 16px;} */

#track_detail .track_body .album_rightlist ul {
    padding-top: 22px;
}

.track_body .album_rightlist ul li:first-child {
    margin-right: 10px;
}

#composer .album_page_track .album_leftlist {
    width: 70% !important;
    display: inline-table;
}

#composer .album_page_track .album_rightlist {
    width: 30% !important;
    display: inline-table;
}

#track_detail .track_body .show_prelogin_div {
}

#track_detail .track_body .show_prelogin_div:before {
    top: -18px;
    transform: rotate(180deg);
}

#track_detail .album_leftlist {
    width: 70%;
    display: inline-table;
    position: relative;
}

#track_detail .album_rightlist {
    width: 30%;
    display: inline-table;
}
#track_detail .album_rightlist.album_rightlist_width {
    width: auto;
}

/*Responsive css*/

@media (max-width: 767px) {
    .web {
        display: none !important;
    }
    .mobile {
        display: block !important;
    }
    .allCmp-center {
        justify-content: center;
    }
}

@media (min-width: 320px) and (max-width: 415px) {
    .nav-justified .nav-item {
        font-size: 17px;
        text-align: center;
    }
}

@media (max-width: 500px) {
    #searchpage .search_form .col-md-2 {
        max-width: max-content;
        padding-right: 0px;
    }
}

/*New Release page*/

@media (max-width: 640px) {
    .media {
        display: block;
        text-align: center;
    }
    .album_container2 {
        display: block;
        text-align: left;
        width: 100%;
    }
    .album_container .play_price ul {
        float: right !important;
        padding: 0px;
        margin-top: 30px !important;
    }
    .buymp3price {
        height: 50px;
        line-height: 18px;
    }
    a.buytrackprice {
        height: 52px;
        line-height: 20px;
    }
    .buyalbumprice {
        height: 52px;
        line-height: 18px;
    }
    /*.plusbtn {padding: 12px 16px 12px 16px !important;}*/
    .track_body ul.work_playbtn_list.workbtn_listxx li:first-child {
        padding-right: 5px !important;
    }
    .timebtn {
        text-align: left;
        padding: 0px;
    }
    .album_track_right ul {
        text-align: left;
        margin: 0px;
        padding: 0px;
    }
    .page_title_two.m0 {
        font-size: 35px;
        padding-left: 15px;
    }
    .album_container h5 {
        font-size: 30px;
        text-align: left;
    }
    .album_container h6 {
        font-size: 25px;
        text-align: left;
        line-height: 30px;
    }
    .album_container small {
        font-size: 20px;
    }
    .playbtn {
        padding: 12px 18px;
    }
    .newreals_album1 .slick-slide img {
        width: 100%;
        height: 100%;
    }
    .great_imgsec a {
        margin: 0 auto;
    }
    .custom_pagination_greate {
        width: 80% !important;
    }
    .regular .slick-dots li {
        margin: 0 5px !important;
    }
    .prs_pagination ul li {
        margin: 0 5px !important;
    }
    .newreals_album1 .slick-dots li {
        margin: 0 5px !important;
    }
    .mn_tb {
        display: block;
        width: 100%;
        margin-bottom: 28px;
    }
    #home-section h1 {
        padding-bottom: 30px;
    }
    .allplaybtn a {
        border: 2px solid #c20008;
        padding: 12px 10px;
    }
    .prs-form .custom-control {
        padding: 5px 25px;
    }
    .footer_topborder:before {
        width: 100%;
        left: 0;
    }
    .nav-justified .nav-item {
        font-size: 17px;
    }
    /*Must know page responsive*/
    .radio_listmn {
        list-style: none;
        columns: 2;
        -webkit-columns: 2;
        -moz-columns: 2;
        padding-left: 0px;
        font-size: 13px;
    }
    .mn-scrolltop {
        right: 0;
    }
    .page_title_four {
        font-size: 19px;
    }
    .prs_list_details li a {
        font-size: 13px;
    }
    .prs_list_details li :before {
        width: 13px;
        height: 19px;
        top: 13px;
    }
}

@media (min-width: 320px) and (max-width: 767px) {
    .header-pad {
        padding-top: 70px;
        padding-bottom: 10px;
    }
    .mn-sign-up .head h3 {
        font-size: 25px;
        padding-top: 15px;
    }
    .plan > div {
        display: flex;
        width: 100%;
        height: auto;
        padding-right: 5px;
    }
    .yearly {
        font-size: 25px;
    }
    .plan label {
        margin: 0 auto;
    }
    .mn-sub_yer .yearly {
        font-size: 20px;
        line-height: 25px;
        padding: 5px 0px;
    }

    .plan > div {
        width: 100%;
        height: auto;
        padding-right: 5px;
    }
    .mn-sub_yer {
        margin: auto 10px;
    }
    .newreals_container .swiper-slide {
        margin-right: unset;
        width: 80% !important;
        display: block !important;
        margin: auto 10%;
    }
    .btn-danger,
    .browerbtn a {
        width: auto;
        font-size: 12px;
        padding: 10px 8px !important;
        height: auto;
        margin-right: 0;
        margin-left: 0;
    }
    .prs_title {
        font-size: 40px;
    }
    .new_col .col {
        max-width: 100%;
        display: block;
    }
    .new_col {
        margin: 0 auto;
        display: block;
    }
    .prs_brands .col {
        width: 100%;
        display: block;
        padding-top: 15px;
    }
    .bg_container {
        width: 100%;
        max-width: 100%;
    }
    /*album page*/
    #album .gradient2 .sectionP140 {
        padding-top: 70px;
    }
    #album .gradient2 .media-body.album_container h5 {
        line-height: normal;
        font-size: 20px;
    }
    #album .gradient2 .album_description_1 h2 {
        font-size: 20px;
        line-height: normal;
    }
    #album .gradient2 .album_description_1 ul {
        padding-left: 0;
    }
    .track_body .album_rightlist_1 ul {
        margin: 20px;
    }
    #track_detail .album_list_2 ul {
        display: grid;
    }
    /*login page*/
    .aboutlogin_details {
        width: 100%;
    }
    .login-div li a {
        font-size: 13px !important;
    }
    .logged_detail li {
        width: 50%;
    }
    /*newrealses page*/
    .page_title_two {
        font-size: 20px;
    }
    /*login page*/
    .navbar-brand {
        width: 210px;
    }
    /*search page*/
    .search_form .col-md-2 {
        max-width: max-content;
        margin-left: 0px;
    }
    .col-md-5.offset-sm-3 {
        margin-left: 0px;
    }
    .search_form .form-control {
        height: auto;
    }
    .search_form .col-md-5 {
        max-width: 66%;
    }
    /*Newrealses page details */
    .prs_albumnewlist .card {
        max-height: 100%;
        margin: 0 auto;
    }
    .prs_pagination {
        margin: 0 auto;
        width: 250px;
    }
    .prs_pagination ul li {
        font-weight: 600;
    }
    /*footer css*/
    .appsocial img {
        width: 100%;
    }
    .appicon p {
        display: none;
    }
    /* .appsocial li:nth-child(1) { display:  none;} */
    .appsocial {
        margin: 0px;
        padding: 0px;
    }
    .bottom_footer ul {
        padding-left: 0px;
    }
    .socialicon li a {
        font-size: 12px;
        padding: 3px;
    }
    .footer_left {
        width: 80%;
    }
    .footer_right {
        width: 20%;
    }
    /*g-css*/
    .album_rightlist_1 {
        margin-bottom: 0px;
        font-size: 15px;
        /*font-size: 12px;*/
    }
    .album_container .album_list_2 ul {
        text-align: left;
    }
    .album_container .album_list_2 ul li {
        padding-left: 0px;
    }
    /* .radio_listmn { display: table; width: 100%; padding-left: 0px; font-size: 13px;}
.radio_listmn li { display: table-cell; width: 50%; float: left;}   */
    .performeralbumlist .rightwidth {
        margin-bottom: 0px;
        font-size: 12px;
    }
}

@media (min-width: 767px) and (max-width: 980px) {
    .radio_listmn {
        list-style: none;
        columns: 3;
        -webkit-columns: 3;
        -moz-columns: 3;
        padding-left: 0px;
        font-size: 15px;
    }
    .mn-scrolltop {
        right: 0;
    }
    .page_title_four {
        font-size: 19px;
    }
    .prs_list_details li a {
        font-size: 15px;
    }
    .Searchcenter {
        margin: 0 auto !important;
    }
}

/*Must know page responsive*/

@media (max-width: 992px) {
    .great_imgsec a {
        margin: 0 auto;
    }
    .custom_pagination_newalbum {
        width: 80% !important;
    }
    .custom_pagination_greate {
        width: 80% !important;
    }
    .browerbtn {
        display: block;
        height: auto;
        width: 100%;
    }
    .browerbtn a {
        display: inline-block;
        margin-left: 0px;
        margin-right: 0px;
    }
    .regular .slick-next:before {
        right: 0;
        top: -45px;
    }
    .regular .slick-prev:before {
        left: auto;
        top: -45px;
    }
    .p0 {
        padding-left: 15px;
        padding-right: 15px;
    }
    .performerTitle .p0 {
        padding-left: 0;
        padding-right: 0;
    }
    .radio-box-right {
        margin: 20px auto 2.8rem;
    }
    .mn-sign-up .head h3 {
        font-size: 20px;
    }
    .acc_text {
        font-size: 20px;
    }
    .singup.sectionP20 {
        padding-top: 0;
    }
}
@media (max-width: 991px) {
    .navbar-expand-lg .navbar-toggler {
        display: block !important;
    }
    .allplaybtn a {
        padding: 12px 100px;
    }
    ul#navigation {
        align-items: flex-start;
    }
    .header-icon a i {
        font-size: 13px;
    }
    .mob-navigation {
        top: 17px;
    }
    .menuTooltip .menuTooltip-text {
        left: 200% !important;
        font-size: 14px;
    }
}

/*footer*/

@media (min-width: 768px) and (max-width: 992px) {
    #great_container .offset-sm-1 {
        margin-left: 0px !important;
    }
    /*sigup page*/
    .mn-sub_yer .yearly {
        font-size: 20px;
        line-height: 25px;
        padding: 5px 0px;
    }
    .plan {
        margin: 0px;
    }
    .plan > div {
        padding-right: 0px;
        margin-bottom: 15px;
        display: block;
        cursor: pointer;
        margin-top: 20px;
    }
    .mn-sub_yer {
        margin: 0 auto;
    }
    .header-text {
        min-width: 75% !important;
    }

    .yearly {
        font-size: 22px;
    }
    span.price {
        font-size: 22px;
    }
    .appsocial img {
        width: 100%;
    }
    .album_leftlist {
        width: 50%;
    }
    .album_rightlist {
        width: 50%;
    }
    .album_list_cont {
        margin-bottom: 0px;
        padding-bottom: 1px;
    }
    /*Search page*/
    .navbar-nav.navbar-right > li {
        padding: 10px 0px 5px 0px;
    }
    #searchpage .col-md-5.offset-sm-3 {
        max-width: 50% !important;
        margin-left: 22%;
    }
    #searchpage .custom-control.custom-radio {
        padding-left: 0px;
    }
    /*Mustcompser page*/
    .page_title_two {
        font-size: 65px;
    }
    .prs_pagination .pagination > li > a {
        /* padding: -0.2rem; */
    }
    .prs_albumnewlist .list-inline-item:not(:last-child) {
        margin-right: 7.5rem;
    }
    .sectionP140 {
        padding-top: 70px;
    }
    .centered .album_list_2 ul li {
        padding-left: 15px;
    }
}

@media (min-width: 768px) and (max-width: 1280px) {
    .subscription-alert p {
        font-size: 16px !important;
    }
}

@media (min-width: 1024px) and (max-width: 1199px) {
    .appsocial img {
        width: 100%;
    }
    .navbar-nav.navbar-right > li > a {
        padding: 9px;
    }
    .plan {
        margin: 10px 10px 0px 10px;
    }
    .radio-box-right {
        margin: 10px auto 3.2rem;
    }
    .album_leftlist {
        width: 61%;
    }
    .album_rightlist {
        width: 39%;
    }
    .album_list_cont {
        margin-bottom: 0px;
        padding-bottom: 1px;
    }
    /*.pianist {
        padding: 10px 25px 0 0 !important;
    }*/
}

@media (max-width: 1024px) {
    .regular .slick-next:before {
        right: -30px;
        top: -45px;
    }
    .regular .slick-prev:before {
        top: -45px;
        right: 20px;
    }
    .album_img img {
        max-height: 200px;
    }
    .w1-75 {
        width: 100%;
    }
    .prs_titlep_42 .prtracktextright {
        float: left;
    }
    .cus_tooltip .tooltiptext {
        display: none;
    }
}
@media (max-width: 1199px){
    .prs_title,
    .title-large {
        font-size: 50px;
    }
}

@media (max-width: 1199px) and (min-width: 1024px) {
    .newreals_album1 .slick-slide img {
        width: 200px;
        height: 200px;
    }
}

@media (max-width: 1080px) {
    #home-section .container {
        padding-right: 15px;
        padding-left: 40px;
    }
    
    #composer .col-md-3 {
        -ms-flex: 0 0 30%;
        flex: 0 0 30%;
        max-width: 30%;
        margin-right: 0;
    }
    #composer .col-md-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 53.333333%;
        max-width: 53.333333%;
    }
    #composer .album_work {
        float: none;
    }
    .custom_width_define .col-md-3 {
        -ms-flex: 0 0 30%;
        flex: 0 0 30%;
        max-width: 30%;
        margin-right: 0;
    }
    .custom_width_define .col-md-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 53.333333%;
        max-width: 53.333333%;
        margin-left: 0;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .album_track_left ul li {
        padding-right: 15px;
    }
    .playbtn {
        padding: 12px 12px 12px 12px;
    }
    .crossbtnpldtl {
        padding: 12px 15px 12px 15px !important;
    }
    .buybtn {
        padding: 5px 15px 5px 15px;
    }
    .album_container .play_price {
        display: block;
    }
    .album_container .play_price ul {
        float: none;
        padding-top: 20px;
        padding-left: 0;
    }
    .album_page_track .album_leftlist {
        width: 57.5%;
    }
    .album_page_track.album_list_cont:after {
        width: 63%;
        bottom: 0px;
    }
    .album_page_track .album_rightlist {
        width: 34%;
    }
    .albume_onlybtn {
        width: 150px;
    }
    #track_detail .album_rightlist ul li {
        padding: 0px 2px 0 2px !important;
    }
    .cusbuymp3price {
        margin-left: 1px;
    }
    /* .row.prs_brands .col img{
        max-width: 108px;
        width: 108px;
        object-fit: contain;
        height: auto;
    }*/
}

@media (max-width: 991px) and (min-width: 767px) {
    .navbar-collapse.collapse.show {
        display: block !important;
    }
    .navbar-collapse {
        background-color: #691417 !important;
    }
    .navbar-nav.navbar-right > li {
        padding-top: 5px !important;
        padding-bottom: 0px !important;
    }
    .navbar-nav.navbar-right > li > a {
        font-size: 15px !important;
    }
    #navigation .mn-navbor {
        border: none !important;
    }

    #mobsearchBtn1 {
    }
    .custom_width_define .col-md-3,
    .custom_width_define .col-md-7 {
        margin: 0 auto;
    }
    .box-main-img img {
        width: 260px !important;
        height: 260px !important;
    }
}

@media (max-width: 768px) and (min-width: 650px) {
    .album_container2 .buyalbumprice {
        padding: 5px 5px 5px 5px;
        margin-left: 0px !important;
    }
    .playlist .playbtn {
        padding: 10px 15px !important;
    }
    .albume_onlybtn {
        padding: 13px 10px !important;
    }
    .cusalbume_onlybtn1 {
        padding: 13px 10px !important;
    }
}

@media (max-width: 991px) {
    #track_detail .col-md-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    #track_detail .col-md-6.float-left.border_bottom {
        border: none;
    }
    .col-md-9.centered.sectionP20.border_bottom {
        border-bottom: 1px solid #eee;
    }
    .album_container2 {
        display: block;
    }
    .album_container2 .play_price {
        display: inline-block;
        padding-top: 15px;
    }
    .album_container2 .play_price .playbtn {
        padding: 14px 20px 14px 20px;
        height: 52px;
        line-height: 18px;
    }
    /*.album_container2 .play_price .buybtn { padding:12px 5px 12px 5px; margin-left:-6px; }*/
    .album_container2 .play_price ul {
        padding: 0px;
        float: none;
    }
    .album_page_track.album_list_cont {
        display: block;
    }
    .album_page_track .album_leftlist {
        width: 100% !important;
        padding-bottom: 20px;
    }
    .album_page_track .album_rightlist {
        display: block;
    }
    .album_page_track .album_rightlist {
        width: 100% !important;
        text-align: left !important;
    }
    .album_page_track .album_leftlist {
        display: block;
    }
    .album_page_track.album_list_cont:after {
        width: 100%;
        bottom: -10px;
    }
    .mn-pannel-list {
        padding: 0;
    }
    #album .col-md-9,
    #track_detail .col-md-9 {
        max-width: 85% !important;
        -ms-flex: 0 0 85%;
        flex: 0 0 85%;
    }
    #track_detail .col-md-8,
    #track_detail .col-md-2 {
        width: 100% !important;
        -ms-flex: 0 0 99.666667%;
        flex: 0 0 99.666667%;
        max-width: 99.666667%;
    }
    .navbar-default {
        padding: 0.3rem;
    }
    .subscription-alert {
        padding: 2px 0 !important;
    }
    .loged img {
        width: 24px;
        height: 24px;
        top: -2px;
        position: relative;
    }
    #desktopsearchBtn2 {
        display: none;
    }
    #mobsearchBtn1 {
        display: block;
    }
    /*new performar page*/
    .performeralbumlist .leftwidth {
        width: 100%;
    }
    .performeralbumlist .rightwidth {
        width: 100%;
        text-align: left;
        margin: 10px 0 0;
    }
    .performeralbumlist .rightwidth:after {
        display: block;
    }
    .performeralbumlist .leftwidth:after {
        display: none;
    }
    .rightwidth .albume_onlybtn {
        width: auto !important;
    }
    /*g-css-20sep*/
    .share_btn .form-group {
        float: left !important;
        margin-top: 20px;
    }
    .dropdwn_nav .mob_visbl {
        display: inline-block !important;
        color: #fff;
        font-size: 12px;
    }
    .dropdwn_nav .dropdown-menu {
        top: 0 !important;
        padding: 0px 12px !important;
        padding-bottom: 0 !important;
        position: relative !important;
        border: none;
        box-shadow: none !important;
    }
    .dropdwn_nav .mb-5 {
        margin-bottom: 0px !important;
    }
    .dropdwn_nav .dropdown-menu li a {
        border-bottom: none !important;
    }
    .dropdown-item {
        border-bottom: none !important;
    }
    .album_page_track.albumhrline .album_leftlist:after {
        width: 100% !important;
    }
    .performeralbumlist .performer_left_colm,
    .performeralbumlist .performer_right_colm {
        width: 100% !important;
    }
    .custom_performers_tracks {
        position: relative;
    }
    /*.custom_performers_tracks:after {
        content: '';
        position: absolute;
        width: 100%;
        height: 1px;
        background: #eeeeee;
        left: 0px;
        bottom: 0px;
    }*/
    .login-or {
        left: 50%;
    }
}

@media (max-width: 980px) {
    #bdt_context .new_col {
        margin: auto 8%;
    }
    .regular .slick-prev:before,
    .regular .slick-next:before,
    .newreals_album1 .slick-prev:before,
    .newreals_album1 .slick-next:before {
        display: none;
    }
}

@media (max-width: 899px) {
    #home-section .slick-next {
        right: 0;
    }
    #home-section .slick-prev {
        left: -25px;
    }
    #home-section .container {
        padding-right: 15px;
        padding-left: 15px;
    }
}

@media (max-width: 767px) {
    .prs_title,
    .page_title_two {
        font-size: 35px;
        text-align: center;
    }
    .countcs{
        font-size: 25px;
        text-align: center;
    }
    .header-pad-mn {
        padding-top: 70px;
        padding-bottom: 150px;
    }
    ul#navigation {
    }
    #navigation .mn-navbor {
        border: none !important;
    }
    .login-or {
        margin: 3.5rem 0;
        position: relative;
        top: auto;
        left: auto;
        transform: none;
    }
    .login-or h5 {
        color: #fff;
        font-weight: 400;
        font-size: 23px;
        margin-bottom: 0;
        width: 80px;
        text-align: center;
        position: relative;
        margin: auto;
    }
    .proceed_box {
        height: auto;
    }
    .mn-sign-up {
        height: auto;
    }
    .mn-sign-up .head h3 {
        margin-bottom: 1rem;
    }
    .plan > div {
        margin-bottom: 0;
        margin-top: 0;
        justify-content: center;
    }
    .radio-box-right {
        margin: 2rem;
        width: auto;
    }
    .plan {
        display: block;
        margin: 0 2rem;
        width: auto;
        height: 220px;
    }
    .pianist-div {
        display: block !important;
    }
    .beats-div {
        display: block !important;
    }
    .box-main-img img {
        width: 60% !important;
        height: auto !important;
    }
    .box-main-img {
        text-align: center;
    }
    .piano-beats.rounded{
        margin-top: 1rem !important;
    }
}

@media (max-width: 599px) {
    .page_title_two.m0 {
        font-size: 35px;
        padding-left: 0;
/*        margin-bottom: 1rem;*/
    }
    .prs_albumnewlist.list-inline {
        display: block;
        margin: 0px;
    }
    .prs_albumnewlist .list-inline-item {
        width: 100%;
        margin: 0px;
    }
    .prs_pagination .pagination > li > a {
        padding: 8px 4px;
    }
    .top_titleP60 {
        padding-bottom: 30px;
    }
    /*slider none*/
    .regular .slick-prev,
    .slick-next {
        display: block;
    }
    .mob-border {
        border-bottom: 1px solid #dee2e6 !important;
        padding-bottom: 2px;
    }
}

@media (min-width: 600px) and (max-width: 767px) {
    .prs_albumnewlist.list-inline {
        margin: 0 auto;
    }
    .prs_albumnewlist .list-inline-item {
        width: 46%;
        margin: 0px;
    }
    .prs_pagination .pagination > li > a {
        padding: 8px 5px;
    }
    .top_titleP60 {
        padding-bottom: 30px;
    }
    .list-inline-item:nth-child(even) {
        margin-right: 0px !important;
    }
}

@media (max-width: 640px) {
    span.timebtn {
        float: none;
        display: block;
    }
    .play_price_1 {
        text-align: left;
    }
    .play_price_1 ul {
        padding: 0px;
    }
    .album_description_1 ul,
    .play_price_1 {
        padding-left: 0px;
    }
    .album_page_track .album_rightlist {
        width: 100%;
    }
    #home-section .container {
        padding-right: 60px;
        padding-left: 60px;
    }
    .album_list_2 ul li {
        padding-left: 20px;
    }
    .albume_onlybtn {
        width: auto !important;
        height: auto;
    }
    #album .album_container .play_price {
        display: inline-block;
    }
    .share_btn button {
        padding: 8px 10px 8px 10px;
        font-size: 14px;
    }
    #tableplaylist tbody tr td:last-child .btn-group button,
    #tableFea tbody tr td:last-child .btn-group button {
        padding: 8px 10px 8px 10px !important;
    }
    #tableplaylist a.playbtn {
        padding: 8px 10px 8px 10px !important;
    }
}

@media (max-width: 360px) {
    .album_track_right li {
        padding: 0 0 0 5px;
    }
    .worlkbtnradio .custom-control-inline {
        padding-left: 9px;
        font-size: 15px;
    }
}
@media (max-width: 340px) {
    .pianist {
        width: 280px !important;
        height: 200px !important;
    }
    .buyalbumprice {
        font-size: 10px !important;
    }
    .buy-inbox.buymp3price {
        padding: 5px 8px 5px 8px;
        white-space: nowrap;
    }
}

button {
    background: #fff;
    border: 2px solid #660003;
    cursor: pointer;
}

.alubm_playplu .show_div {
    width: 100%;
    min-width: 365px;
    right: 0;
}

.alubm_playplu .show_div:before,
.show_prelogin_div:before {
    transform: rotate(180deg);
}

.modal_wrapper_body .col-sm-6 {
    float: left;
    text-align: left;
    padding-left: 6px;
    padding-right: 0;
}

.col-sm-6.btns_wrapper {
    float: right;
    padding: 0;
    margin: 0;
    text-align: right;
}

.myplaylists_row {
    background-color: #fff3d6 !important;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    padding-right: 0;
}

.modal-backdrop.fade.show {
    display: none;
}

@media (max-width: 1080px) {
    .show_prelogin_div:before {
        top: -18px !important;
        transform: rotate(180deg) !important;
    }
    .show_prelogin_div {
    }
    .track_body .show_prelogin_div {
    }
}

@media (max-width: 980px) {
    .row.pg_responsive .col-md-3 {
        max-width: 100% !important;
        margin: 0 auto;
    }
    .pagin_style ul.pagination,
    .pagin_bottom ul.pagination {
        width: 65%;
    }

    .playmodalbox .show_div {
    }
    /* .show_prelogin_div { left:-50px !important;  } */
    .show_div:before {
        transform: rotate(180deg) !important;
    }
    .show_prelogin_div:before {
        top: -18px !important;
        transform: rotate(180deg) !important;
    }
    #cartbtn {
        display: block;
    }
    /*notable page*/
    .notable_tab {
        max-width: 100%;
        margin-left: 0;
    }
    .notable_tab .nav-pills li.nav-item {
        margin-right: auto;
    }
    .notable_tab .nav-pills .nav-link {
        font-size: 16px !important;
        padding: 1rem 2.5rem;
        width: 100%;
    }
}

@media (max-width: 767px) {
    .row.pg_responsive .col-md-3 {
        margin: 10px 0;
    }
    .pagin_style ul.pagination,
    .pagin_bottom ul.pagination {
        width: 100%;
    }
    .pagin_style ul.pagination li,
    .pagin_bottom ul.pagination li {
        margin: 0 auto;
    }
    .modal_wrapper_body .col-sm-6 {
        float: left;
        width: 50% !important;
    }

    .show_prelogin_div:before {
        right: 0;
    }

    #composer .col-md-7 {
        max-width: 100% !important;
        flex: 0 0 100%;
    }
    #composer .album_work {
        display: flex;
        margin: 0 auto;
        width: 400px !important;
    }
    #composer .album_link {
        display: block !important;
        width: 100%;
        margin: 0;
    }
    #composer .track_body .album_list_2 ul li {
        padding-left: 0px;
    }

    .performerlink_1 .album_list_2 ul li {
        padding-left: 0 !important;
    }
}

@media (max-width: 639px) {
    p.track_length,
    .performr_name {
        position: relative;
        transform: none;
    }
    /*noteable page */
    .notable_tab {
        max-width: 100% !important;
        margin-left: 0 !important;
    }
    .nav-pills {
        max-width: 100%;
        margin: 0 auto;
    }
    .notable_tab .nav-pills .nav-link {
        font-size: 14px !important;
        padding: 1rem !important;
        width: 100% !important;
        text-align: center;
    }
    .notable_tab .nav-pills li.nav-item {
        margin-right: 10px !important;
        margin: 0 auto !important;
        float: none !important;
    }
    /*notable page*/
    /*All composer page*/
    .alphOrderlistCont {
        max-width: 100%;
        flex-wrap: wrap;
    }
    .alphorderlist {
        display: flex;
        flex-wrap: inherit;
        line-height: normal;
    }
    .alphorderlist li a {
        font-size: 20px;
    }
    .allCompo_tab .nav-pills .nav-link {
        font-size: 14px !important;
        padding: 1rem 0.5rem !important;
        width: 100% !important;
        text-align: center;
    }
    .allCompo_tab .nav-pills li.nav-item {
        flex: 0 0 23%;
    }
    .allCompo_tab {
        max-width: 100% !important;
        margin-left: 0 !important;
    }

    .allCompo_tab .nav-pills li.nav-item {
        margin-right: 10px !important;
        margin: 0 auto !important;
        float: none !important;
    }
    /*All Composer page */
}
@media (min-width: 541px) and (max-width: 639px) {
    img.card-img-top {
    border-radius: 5px;
    }
}
@media (min-width: 768px) and (max-width: 2000px){
    img.card-img-top {
    border-radius: 7px;
    }
}

@media (max-width: 480px) {
    .select_perfrmer_div h3 {
        font-size: 16px;
    }
    .select_perfrmer_div:before {
        top: 35px !important;
    }
    #composer .track_body {
        padding-bottom: 10px;
    }
    .worlkbtnradio_per {
        position: relative !important;
        border-bottom: 1px solid #a3a3a3;
        display: block;
        margin-bottom: 12px;
    }
    .workpagination p {
        margin-top: 0;
        margin-bottom: 0;
        font-size: 13px;
    }
    .workpro .p0 {
        padding-left: 0;
        padding-right: 0;
    }
    .workprorow .p0 {
        padding-left: 0;
        padding-right: 0;
    }
    .alphorderlist li a {
        font-size: 15px !important;
        padding: 5px !important;
    }
}

@media (max-width: 400px) {
    #composer .album_link,
    #composer .album_work {
        width: 100% !important;
    }
    #composer .track_body .album_rightlist_1 ul {
        margin: 20px 0;
    }
    .albume_onlybtn {
        width: auto !important;
        height: auto;
        padding: 14px;
    }

    /*.slick-dots li button{padding: 0 !important;}*/
    .custom_pagination_newalbum {
        width: 95% !important;
    }
    #composer .album_link,
    #composer .album_work {
        padding-left: 5px;
        padding-right: 0px;
    }

    body .subscription-alert p {
        font-size: 10px !important;
        line-height: 26px;
    }
    .mob-navigation .header-icon {
        padding-right: 6px;
    }
    .header-icon a i {
        font-size: 12px;
    }
}

@media (max-width: 375px) {
    .pagin_bottom ul.pagination li a,
    .pagin_style ul.pagination li a {
        padding: 5px 5px;
    }
    .track_body .show_prelogin_div {
    }
    .col_right_shr input {
        width: 100% !important;
        display: inline-block;
    }
    .mob-navigation {
        right: 50px;
    }
    .bar1,
    .bar2,
    .bar3 {
        width: 20px;
        margin: 3px 0;
    }
    .navbar-toggler:not(.collapsed) .bar-btn .bar3 {
        -webkit-transform: rotate(45deg) translate(-8px, -8px);
        transform: rotate(45deg) translate(-1px, 0px);
    }
}

@media (max-width: 320px) {
    .select_perfrmer_div:before {
        top: 40px !important;
    }
    .customlink ul li a {
        font-size: 12px;
        padding: 5px;
    }
    .logo .unicorn-logo {
        margin-right: 5px;
    }
    .header-icon a i {
        font-size: 11px;
    }
}

/*nav*/
@media screen and (max-width: 1270px) and (min-width: 1081px) {
    .navbar-nav.navbar-right > li > a {
        padding: 10px 5px !important;
        display: inline-block;
        letter-spacing: 0.7px;
    }
}
@media screen and (max-width: 1270px) and (min-width: 1025px) {
    .cusD {
        top: 60px !important;
    }
    .dropdwn_nav .dropdown-menu {
        top: 58px !important;
    }
}
@media (max-width: 1080px) {
    .navbar-nav.navbar-right > li > a {
        padding: 10px 5px !important;
        display: inline-block;
        word-spacing: 0;
        letter-spacing: 0.5px;
    }
    .workbtn_listxx .show_prelogin_div {
    }
}
@media (max-width: 767px) {
    .navbar-collapse,
    .navbar-default {
        background: #691417 !important;
    }
    .navbar-nav.navbar-right > li {
        padding-top: 5px !important;
        padding-bottom: 5px !important;
        margin-left: 1px;
        list-style-type: none;
    }
    .navbar-nav.navbar-right > li > a {
        padding: 5px !important;
    }
    #composer .header-pad-mn {
        padding-top: 70px;
        padding-bottom: 316px;
    }
    #searchpage .header-pad-mn {
        padding-top: 70px;
        padding-bottom: 170px;
    }
    .mn-img-left {
        max-width: 100% !important;
        margin-left: 0;
    }
    .mn-img-left img {
        margin-bottom: 15px;
    }
    .albume_onlybtn {
        width: auto;
        height: auto;
    }
    /*notable page*/
    .notable_tab {
        max-width: 100%;
        margin-left: 0;
    }
    .notable_tab .nav-pills .nav-link {
        font-size: 14px !important;
        padding: 1rem 2rem;
        width: 100%;
    }
    .notable_tab .nav-pills li.nav-item {
        margin-right: auto;
    }
    /*all composer*/
    .alphOrderlistCont {
        max-width: 100%;
        flex-wrap: wrap;
    }
    /*  .alphorderlist { display: flex; flex-wrap: inherit; line-height: normal; align-items: center;
   justify-content: center;} */
    .alphorderlist {
        overflow: hidden !important;
        display: inline-block;
        margin: 0 auto;
        margin-bottom: 10px;
    }
    .alphorderlist.scrollAllComp li {
        float: left !important;
    }
    .alphorderlist.scrollAllComp li:nth-child(14) {
        clear: left;
    }
    .alphorderlist li a {
        font-size: 15px;
        line-height: normal;
        padding: 10px;
    }
    .allCompo_tab .nav-pills .nav-link {
        font-size: 14px !important;
        padding: 1rem 2rem;
        width: 120px;
    }
    .allCompo_tab {
        max-width: 100% !important;
        margin-left: 0 !important;
    }
    .allCompo_tab .nav-pills li.nav-item {
        margin-right: 10px !important;
        margin: 0 auto !important;
        float: none !important;
    }
}
@media screen and (max-width: 1024px) and (orientation: landscape) {
    .navbar-collapse {
        max-height: 100%;
        position: relative;
        z-index: 999;
    }
    .navbar-nav.navbar-right > li {
        padding-top: 5px !important;
        padding-bottom: 5px !important;
        margin-left: 1px;
        list-style-type: none;
    }
    .navbar-nav.navbar-right > li > a {
        padding: 5px !important;
    }
}

/*slidercss*/

.slick-dots li button {
    font-size: 16px !important;
    line-height: 25px !important;
    color: #000 !important;
}

#album img {
    /* width: 258px; */
    /* height: 258px; */
    object-fit: cover;
}
.main-album-img {
    border-radius: 5px;
}
.performer-row {
    margin-bottom: 60px;
}
.track_body {
    background: #fef9eb;
    margin-bottom: 20px;
}
.album_page .track_body {
    background: #fef9eb;
    margin-bottom: 40px;
}

#track_detail .album_rightlist ul li {
    display: inline-table;
    position: relative;
}

/*album page*/

@media (min-width: 981px) {
    .span_width span {
        display: inline-block;
        padding-right: 8px;
    }
    .album_page_track .album_leftlist ul li {
        display: inline-block;
    }
    ul.prformer_list_left1 li:nth-last-child(1),
    .album_leftlist ul li:nth-last-child(1) {
        float: right;
    }
    ul.prformer_list_left1 li:nth-child(1),
    .album_leftlist ul li:nth-child(1) {
        width: 75%;
        vertical-align: top;
    }
}

/*Safari browser*/

@media all and (-webkit-min-device-pixel-ratio: 0) {
    .prs_albumnewlist .card {
        width: 250px;
        max-height: 325px;
        margin-bottom: 10px;
    }
    .W100.btn-lg.btn-block {
        background-color: rgb(194, 0, 8);
    }
}

@media (max-width: 1080px) {
    #track_detail .track_body .show_prelogin_div {
    }
    #track_detail .track_body .show_prelogin_div:before {
    }
    .workplayplubtn {
        display: table;
    }
}

@media (max-width: 980px) {
    #composer .album_page_track .album_leftlist {
        width: 100% !important;
    }
    #track_detail .track_body .show_prelogin_div {
    }
}

@media (max-width: 480px) {
    .show_prelogin_div {
        width: 300px !important;
        right: -125px !important;
    }
    .show_prelogin_div .img_icons img {
        width: 60px;
    }
    /*#composer .row {
        display: block !important;
    }*/
    .workinlinebtnprice .workbtn_listxx {
        font-size: 10px;
    }
    a.buytrackprice {
        height: unset !important;
        font-size: 12px;
        padding: 2px 6px 2px 6px;
    }
    .buytrackprice {
        line-height: 18px;
    }
}

@media (max-width: 320px) {
    #composer .track_body .playbtn {
        padding: 12px 10px;
    }
    #composer .track_body .plusbtn {
        padding: 12px;
    }
}

#composer .track_body .plusbtn:hover {
    color: #fff !important;
}

@media (min-width: 768px) and (max-width: 991px) {
    #cartbtn {
        display: block;
    }
    #composer .col-md-7 {
        max-width: 100% !important;
    }
}

@media (min-width: 1081px) and (max-width: 1199px) {
    .album_work {
        width: 41% !important;
    }
}

@media (min-width: 993px) and (max-width: 1023px) {
    .appsocial img {
        width: 100%;
    }
}
/*(min-width: 993px) and */
@media (max-width: 1023px) {
    /*.pianist {
        padding: 13px 25px 0 0 !important;
    }*/
}

@media (min-width: 640px) and (max-width: 767px) {
    #home-section .container {
        padding-left: 10px;
        padding-right: 10px;
    }
}

.slick-dots li {
    width: auto !important;
    height: auto !important;
}

.slick-dots li button {
    height: auto !important;
    line-height: normal !important;
    width: auto !important;
}

.slick-dots {
    bottom: -30px !important;
}

/*IE browser*/

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .nav-justified {
        box-shadow: none;
    }
    #nav-tab a {
        display: inline-flex;
    }
    #track_detail .album_rightlist {
        width: 35%;
    }
    #composer .album_rightlist ul {
        display: inline-flex;
    }
    .mustknow_form_radio .custom-control {
        z-index: 9;
    }
    .logo .navbar-brand img {
        width: 250px;
        height: auto;
    }
    .logo {
        width: 350px;
    }
    .prs_albumnewlist .card a {
        max-height: 245px;
        margin-bottom: 5px;
    }
    .prs_albumnewlist .card {
        width: 250px;
        max-height: 325px;
        margin-bottom: 10px;
    }
    #composer .work_playbtn_list {
        font-size: 14px;
    }
    #composer .album_page_track .album_leftlist {
        vertical-align: top;
    }
    #composer .album_page_track .album_list_cont1 {
        padding-top: 14px;
    }
    #track_detail .album_leftlist {
        width: 65%;
    }
}

/*Edge broswoer*/

@supports (-ms-ime-align: auto) {
    .mustknow_form_radio .custom-control {
        z-index: 9;
    }
    #track_detail .track_body .album_rightlist {
        width: 32% !important;
    }
    #track_detail .album_leftlist {
        width: 64%;
        max-width: 600px;
    }
    #track_detail .album_rightlist {
        width: 36%;
        max-width: 350px;
    }
    .alubm_playplu {
        display: table-cell;
        float: none;
    }
    #composer .album_page_track .album_leftlist {
        width: 64% !important;
        max-width: 600px;
    }
    #composer .album_page_track .album_rightlist {
        width: 36%;
        max-width: 350px;
    }
    /* #composer .album_rightlist ul{text-align: left;} */
    #composer .album_rightlist ul li {
        padding: 0px 1px 0px 0px !important;
        display: inline-table;
    }
    .notable_tab {
        max-width: 860px;
    }
    .allCompo_tab {
        max-width: 860px;
    }
}

/*mozila broswer*/

@supports (-moz-appearance: none) {
    #track_detail .album_leftlist {
        width: 63.5%;
    }
    #track_detail .album_rightlist {
        width: 36%;
    }
    #composer .album_page_track .album_leftlist {
        width: 63.5% !important;
    }
    #composer .album_page_track .album_rightlist {
        width: 36%;
    }
    .custom_performers_tracks {
        display: flex !important;
    }
    .performer_left_colm,
    .performer_right_colm {
        display: inline-flex !important;
    }
}

@media (max-width: 991px) {
    #navigation li.loged {
        display: none;
    }
    #cartbtn li {
        list-style: none;
    }
    .alubm_playplu {
        text-align: left !important;
        float: none;
        display: inline-block;
    }
    #track_detail .album_rightlist ul li {
        display: inline-block;
    }
    .alubm_playplu li {
        display: table-cell !important;
    }
    #bdt_context1 .sectionP80 {
        padding-top: 60px !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    #composer .album_rightlist ul li {
        padding: 0px 1px 0px 0px !important;
        display: inline-table;
    }
    #track_detail .album_leftlist {
        width: 68%;
    }
    #track_detail .album_rightlist {
        width: 32%;
    }
    #composer .album_page_track .album_leftlist {
        width: 68% !important;
    }
    #composer .album_page_track .album_rightlist {
        width: 32% !important;
    }
    .centered.cus-pad-work {
        padding: 0;
    }
}

@media (max-width: 991px) {
    #track_detail .album_leftlist {
        width: 100%;
        display: table;
    }
    #track_detail .album_rightlist {
        width: 100%;
        display: table;
        float: right;
    }
    ul.album_mnbtn_plusbtn {
        display: block;
    }
    #track_detail .album_rightlist ul {
        text-align: left;
    }
    /*Work page*/
    #composer .album_page_track .album_leftlist {
        width: 100% !important;
        display: inline-table;
    }
    #composer .album_page_track .album_rightlist {
        width: 100% !important;
        display: inline-table;
    }
    #composer .album_rightlist ul {
        text-align: left;
    }
    /*Work Page*/
    .albumxx {
        flex: 0 0 93.333333% !important;
        max-width: 93.333333% !important;
    }
    /*hr line*/
    .album_page_track.albumhrline:after {
        width: 100% !important;
        bottom: -5px !important;
    }
    .worlkbtnradio_per {
        position: relative !important;
        border-bottom: 1px solid #a3a3a3;
        display: block;
        margin-bottom: 10px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .american_tb .allplaybtn a {
        padding: 12px 100px;
    }
    .prs_title, .title-large {
    font-size: 45px;
    }
}

@media (min-width: 1081px) and (max-width: 1199px) {
    #composer .col-md-3 {
        -ms-flex: 0 0 30%;
        flex: 0 0 30%;
        max-width: 28%;
        margin-right: 0;
    }
}

@media (min-width: 320px) and (max-width: 351px) {
    .album_container2 .play_price ul li a {
        /*font-size: 13px !important;*/
    }
    .worlkbtnradio span.sortby {
        margin-right: 20px !important;
    }
    .notable_tab .nav-pills .nav-link {
        width: 65px !important;
    }
    .allCompo_tab .nav-pills .nav-link {
        width: 65px !important;
        padding: 16px 0 16px 0 !important;
    }
}

@media (min-width: 641px) and (max-width: 767px) {
    .albumxx .album_container2 .play_price .playbtn {
        padding: 16px 12px 16px 12px;
    }
    .buyalbumprice {
        padding: 5px !important;
    }
    .albumxx .media-body.album_container {
        padding: 0px 0px 0px 10px;
    }
    .centered .album_list_2 ul li {
        padding-left: 20px;
    }
}

@media (min-width: 320px) and (max-width: 767px) {
    .workbtn_listxx {
        margin-left: 5px !important;
        width: auto !important;
    }
    /*.workbtn_listxx .playbtn, .plusbtn, .buybtn { padding: 12px 18px;}*/
    /*.buymp3price {padding: 5px 12px 5px 12px;}*/
    .mustformgenre .row .col-md-6 {
        width: 50%;
        flex: 0 0 50%;
    }
    #home-radio .sectionP80 {
        padding-bottom: 0px;
    }
    /*footerbanner*/
    .bannderMob {
        display: block;
    }
    .bannderDesk {
        display: none;
    }
    /*footerbanner*/
}

@media (min-width: 395px) and (max-width: 767px) {
    .workinlinebtnprice .workbtn_listxx {
        width: 100% !important;
        text-align: left;
    }
}

@media (min-width: 320px) and (max-width: 394px) {
    .workinlinebtnprice .workbtn_listxx {
        width: 100% !important;
        text-align: left;
        font-size: 10px;
    }
    .workinlinebtnprice .workbtn_listxx .playbtn {
        padding: 12px 12px;
    }
}

.album_mnbtn_plusbtn li {
    display: table-cell !important;
}

/*addinals composer css page*/

.workplayplubtn {
}
.album_page_track.album_list_cont.workplayplubtn {
    margin: 0;
    padding: 0;
}
.composersectm .album_list_left1 {
    margin-bottom: 0;
}

.composersectm .album_rightlist_1 {
    margin-bottom: 0;
}

/* .composersectm .row {margin-right: unset; margin-left: unset;} */

.workinlinebtnprice {
    text-align: right;
}

.viwe_albumlinktxt {
    width: auto;
    text-align: center;
    position: relative;
}

.viwe_albumlinktxt a {
    color: black;
    font-weight: 900;
}

.viwe_albumlinktxt a:hover {
    color: #cc0000;
    text-decoration: underline !important;
}

.wrkpgrghtbtn {
    display: table;
    width: auto;
}

.workbtn_listxx {
    display: table;
    list-style: none;
    width: 100%;
    padding: 0;
}

.workbtn_listxx li {
    display: inline-table;
    margin: 0 2px;
    position: relative;
    padding: 0 2px;
}

.newwrp {
    /* z-index: 99;  */
    position: relative;
}

/*Add album page css*/

/*.album_page_track.albumhrline .album_leftlist:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    background: #eeeeee;
    left: 0px;
    bottom: 0px;
}*/

/*.album_page_track.albumhrline:after { position: absolute; content: ""; width: 66%; height: 1px; background: #eeeeee;
 left: 0px; bottom: 0px;}*/

.albumhrline .album_list_left1 {
    margin-bottom: 0;
}

.albumhrline .album_rightlist_1 {
    margin-bottom: 0;
}

.albumhrline {
    margin-bottom: 10px;
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 10px;
}

.activeper {
    color: #cc0000 !important;
}

@media (max-width: 991px) and (min-width: 768px) and (-ms-high-contrast: none), (max-width: 991px) and (min-width: 768px) and (-ms-high-contrast: active) {
    .american_tb .allplaybtn a {
        padding: 12px 50px;
    }
}

@media (min-width: 320px) and (max-width: 640px) {
    .radiocol12 {
        max-width: 100%;
    }
    .radiomin12 {
        max-width: 50%;
        flex: 0 0 50%;
        padding: 0 14px;
    }
    .navbar-toggler {
        padding-bottom: 0;
    }
    .mustknow_form_radio .custom-control-label::before {
        top: 0.1rem !important;
    }
    .mustknow_form_radio .custom-control-label::after {
        top: 0.1rem !important;
    }
}

@media (min-width: 641px) and (max-width: 767px) {
    .radiocol12 {
        max-width: 100%;
    }
    .radiomin12 {
        max-width: 50%;
        flex: 0 0 50%;
        padding: 0 35px;
    }
    .allplaybtn a {
        padding: 12px 65px;
    }
}

@media (max-width: 1199px) and (min-width: 992px) and (-ms-high-contrast: none), (max-width: 1199px) and (min-width: 992px) and (-ms-high-contrast: active) {
    .navbar-nav.navbar-right > li > a {
        padding: 10px 5px !important;
    }
}

.removearrow12 li :before {
    background-image: unset !important;
}

.removearrow12 .loginaft {
    color: #c20008;
    font-size: 24px;
    font-weight: 700;
}

.removearrow12 .loginaft:hover {
    text-decoration: underline !important;
}
.select_perfrmer_div a {
    color: #000;
    font-weight: 700;
    font-size: 18px;
    line-height: normal;
    letter-spacing: 1px;
}

/*add radio button on work page and performerce page*/

.worlkbtnradio {
    position: absolute;
    right: 0;
    top: 10px;
    font-weight: 700;
}

.worlkbtnradio span.sortby {
    margin-right: 10px;
}

.worlkbtnradio_per {
    position: absolute;
    right: 0;
    top: 10px;
    font-weight: 700;
}

.worlkbtnradio_per span.sortby {
    margin-right: 10px;
}

.w1-75 {
    float: left;
    width: 75% !important;
    display: block;
}

/*count css for home page*/

@media (min-width: 768px) and (max-width: 980px) {
    .new_col h3 {
        font-size: 24px;
    }
    .new_col .col p {
        font-size: 16px;
    }
    .new_col .col {
        padding: 5px;
    }
    #bdt_context .new_col {
        margin: auto 0 !important;
    }
    .custom_pagination_greate {
        width: 55% !important;
    }
}

@media (min-width: 981px) and (max-width: 1199px) {
    .new_col h3 {
        font-size: 24px;
    }
    .new_col .col p {
        font-size: 16px;
    }
    .new_col .col {
        padding: 5px;
    }
    #bdt_context .new_col {
        margin: auto 6% !important;
    }
    /*noteable page*/
    .notable_tab {
        max-width: 100%;
        margin-left: 15px;
    }
    .notable_tab .nav-pills li.nav-item {
        margin-right: 10px;
    }
    .notable_tab .nav-pills .nav-link {
        font-size: 16px !important;
        padding: 1rem 2.5rem;
        width: 100%;
    }
}

@media (min-width: 767px) {
    .aboutSectionprs .sectionP80 {
        padding-top: 120px;
        padding-bottom: 25px;
    }
}

@media (min-width: 320px) and (max-width: 1024px) {
    .composersectm .row {
        margin-right: unset;
        margin-left: unset;
    }
    .regular .slick-dots li {
        margin: 0 12px;
    }
    /* section#performer .row {
        margin-left: unset;
        margin-right: unset;
    }*/
}

@media (min-width: 1024px) and (max-width: 1080px) {
    .album_page_track.album_list_cont.workplayplubtn:after {
        bottom: -20px;
    }
}

@media (max-width: 1081px) {
    .worlkbtnradio {
        position: relative;
        border-bottom: 1px solid #a3a3a3;
        display: block;
        margin-bottom: 12px;
    }
}

#bdt_context1 .sectionP80 {
    padding-top: 10px;
}

.recodebt {
    border-bottom: 1px solid #dcdcdc;
}

/*tooltip css*/

.recodebt {
    border-bottom: 1px solid #dcdcdc;
}

.playlist_toggle .plusbtn:before {
    content: attr(data-title);
    position: absolute;
    font-size: 13px;
    line-height: normal;
    background: #691417;
    bottom: -32px;
    color: #fff;
    padding: 5px;
    width: 110px;
    text-align: center;
    left: 0;
}

.playlist_toggle .plusbtn:after {
    width: 0;
    height: 0;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 9px solid #691417;
    content: "";
    bottom: -9px;
    left: 20px;
    position: absolute;
    right: 0;
}

.playlist_toggle .plusbtn:before,
.playlist_toggle .plusbtn:after {
    display: none;
}

.playlist_toggle .plusbtn:hover::before,
.playlist_toggle .plusbtn:hover::after {
    display: block;
}

.performancesListBorder {
    border-bottom: 1px solid #dcdcdc;
}

@media (min-width: 981px) {
    .playlist_toggle .plusbtn:hover::before,
    .playlist_toggle .plusbtn:hover::after {
        z-index: 999;
    }
}

/*tooltip css*/

/* great slider css*/

@media (min-width: 600px) and (max-width: 767px) {
    .slick-initialized .slick-slide {
        /*display: flex;*/
        justify-content: center;
    }
    .slick-initialized .slick-slide div:first-child,
    .slick-initialized .slick-slide div:nth-child(2) {
        flex: 0 0 50%;
    }
    .regular .slick-dots li {
        margin: 0 3px;
    }
    .custom_pagination_greate {
        width: 55% !important;
    }
}

@media (min-width: 981px) and (max-width: 991px) {
    .notable_tab .nav-pills .nav-link {
        font-size: 16px !important;
        padding: 1rem 3rem;
        width: 160px;
    }
}

/*All composer page*/

@media (min-width: 768px) and (max-width: 991px) {
    .alphOrderlistCont {
        max-width: 100%;
        flex-wrap: wrap;
    }
    .alphorderlist {
        display: flex;
        flex-wrap: inherit;
        line-height: normal;
        align-items: center;
        justify-content: start;
    }
    .alphorderlist li a {
        font-size: 17px;
    }
    .allCompo_tab .nav-pills .nav-link {
        font-size: 16px !important;
        padding: 1rem 3rem;
        width: 160px;
    }
    .allCompo_tab {
        max-width: 100% !important;
        margin-left: 0 !important;
    }
    .allCompo_tab .nav-pills li.nav-item {
        margin-right: 10px !important;
        margin: 0 auto !important;
        float: none !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .alphOrderlistCont {
        max-width: 92%;
        flex-wrap: wrap;
    }
    .alphorderlist {
        display: flex;
        flex-wrap: inherit;
        line-height: normal;
    }
    .alphorderlist li a {
        font-size: 20px;
    }
    .allCompo_tab .nav-pills .nav-link {
        font-size: 16px !important;
        padding: 1rem 2.5rem;
        width: 100%;
    }
    .allCompo_tab {
        max-width: 100% !important;
        margin-left: 0 !important;
    }
    .allCompo_tab .nav-pills li.nav-item {
        margin-right: 10px !important;
        margin: 0 auto !important;
        float: none !important;
    }
}

#tableMyFav tr,
#tableplaylist tr,
#tableFea tr {
    border: 0;
    background: #fff;
}

#tableplaylist tr td,
#tableFea tr td {
    vertical-align: middle;
}

#tableplaylist thead tr,
#tableFea thead tr {
    background: #ede9e6;
}

#tableplaylist thead tr th,
#tableFea thead tr th {
    padding: 13px 36px 13px 10px;
    font-weight: bold;
    font-size: 16px;
    border: 0;
    vertical-align: bottom;
    position: relative;
}

.cntntupd {
    display: none;
}

.plylstttlwrap {
    position: relative;
    clear: both;
    display: table;
    width: 100%;
}

.plylstdescwrap {
    position: relative;
    display: table;
    width: 100%;
}

.plylstttlwrap h4 {
    float: left;
    display: inline-block;
}

.plylstttlwrap .cntntedit,
.plylstdescwrap .cntntedit {
    margin-left: 5px;
    float: left;
}

.editfocus {
    border: 1px solid #000000;
    padding: 0px 10px 0 5px;
    position: relative;
}

.editfocus:before {
    content: "|";
    position: absolute;
    right: 2px;
    top: 0;
    font-weight: 100;
    font-size: 21px;
    line-height: normal;
    color: #2e3d48;
    -webkit-animation: 1s blink step-end infinite;
    -moz-animation: 1s blink step-end infinite;
    -ms-animation: 1s blink step-end infinite;
    -o-animation: 1s blink step-end infinite;
    animation: 1s blink step-end infinite;
}

/*.playlist_details_pg .editfocus:after{
    content: '|';
    position: relative;
    right: 2px;
    font-weight: 100;
    top: -2px;
    font-size: inherit;
    line-height: normal;
    color: #000 !important;
    webkit-animation: 1s blink step-end infinite;
    -moz-animation: 1s blink step-end infinite;
    -ms-animation: 1s blink step-end infinite;
    -o-animation: 1s blink step-end infinite;
    animation: 1s blink step-end infinite;
}
*/

@keyframes blink {
    from,
    to {
        color: transparent;
    }
    50% {
        color: black;
    }
}

@-moz-keyframes blink {
    from,
    to {
        color: transparent;
    }
    50% {
        color: black;
    }
}

@-webkit-keyframes blink {
    from,
    to {
        color: transparent;
    }
    50% {
        color: black;
    }
}

@-ms-keyframes blink {
    from,
    to {
        color: transparent;
    }
    50% {
        color: black;
    }
}

@-o-keyframes blink {
    from,
    to {
        color: transparent;
    }
    50% {
        color: black;
    }
}

.plylstttlwrap h4:focus::before,
.plylstdescwrap span:focus::before {
    opacity: 0;
}

.plylstdescwrap span {
    float: left;
}

.plylstdescwrap span.editfocus:before {
    font-size: 18px;
}

#tableplaylist thead tr th:first-child,
#tableFea thead tr th:first-child {
    /*font-size: 22px;*/
    font-size: 16px;
}

#tableplaylist thead tr th.sorting:before,
#tableplaylist thead tr th.sorting:after,
#tableFea thead tr th.sorting:before,
#tableFea thead tr th.sorting:after {
    display: none;
}

#tableplaylist thead tr th.sorting_asc:after,
#tableFea thead tr th.sorting_asc:after {
    display: none;
}

#tableplaylist thead tr th.sorting_desc:after,
#tableFea thead tr th.sorting_desc:after {
    display: none;
}

#tableplaylist thead tr th.sorting_asc:before,
#tableFea thead tr th.sorting_asc:before {
    content: "\f0d8 ";
    font-family: fontawesome;
    position: absolute;
    bottom: 13px;
    left: 80px;
}

#tableplaylist thead tr th.sorting_desc:before,
#tableFea thead tr th.sorting_desc:before {
    content: "\f0d7 ";
    font-family: fontawesome;
    position: absolute;
    bottom: 14px;
    left: 80px;
    opacity: 1;
}

#tableplaylist tbody tr td,
#tableFea tbody tr td {
    border: 0;
}

#tableplaylist tbody tr td,
#tableFea tbody tr td {
    border-bottom: 2px solid #ede9e6 !important;
}

#tableplaylist tbody tr td:last-child .btn-group button,
#tableFea tbody tr td:last-child .btn-group button {
    cursor: pointer;
    border: 2px solid #cc0000;
    padding: 12px 20px 12px 20px;
    color: #cc0000;
    background-color: #fff;
    font-weight: 700;
    text-transform: uppercase;
}

#tableplaylist tbody tr td:last-child .btn-group,
#tableFea tbody tr td:last-child .btn-group {
    text-align: right;
}

#tableplaylist tbody tr td:last-child .btn-group button:not(:last-child),
#tableFea tbody tr td:last-child .btn-group button:not(:last-child) {
    /*margin-right: 10px; */
    background: #cc0000 !important;
    color: #fff !important;
    border-color: #cc0000 !important;
}

.view-btn button {
    background: #cc0000;
    border-color: #cc0000;
    border-radius: 5px;
    color: #fff;
    padding: 12px 15px;
    font-weight: 700;
    text-transform: uppercase;
}

/*#home-Playlists a.view-btn button:hover 
{
 background-color: transparent !important;
 border-color:none;
}*/

/*.view-btn {
    background: #cc0000;
    color: #fff;
    border-color: #fff;
    padding: 12px 15px;
}*/

#tableFea tbody tr td:last-child .btn-group button:nth-child(3),
#tableFea tbody tr td:last-child .btn-group button:nth-child(3) a,
#tableFea tbody tr td:last-child .btn-group button:last-child {
    cursor: no-drop;
    background: #ede9e6;
    border-color: #cc0000 !important;
    color: #cc0000 !important;
}

#tableFea button a {
    color: #c00;
}

table#tableplaylist button a {
    color: #cc0000 !important;
}

.dropdwn_nav {
    position: relative;
}

.dropdwn_nav .dropdown-menu {
    position: absolute;
    background: #691417 !important;
    padding: 20px 12px;
}

.dropdwn_nav .dropdown-menu li a {
    color: #000;
}

.dropdwn_nav .dropdown-menu {
    top: 50px;
}

@media (min-width: 993px) {
    .dropdwn_nav:hover ul.dropdown-menu {
        display: block;
    }
}

.dropdwn_nav .dropdown-menu li a {
    color: #fff;
    padding: 5px 0px;
    border-bottom: 1px solid #e6e4e4;
    display: block;
    font-family: Calibri;
    letter-spacing: 1px;
    font-size: 15px;
    text-align: center;
}

.dropdwn_nav .dropdown-menu li:last-child a {
    border-bottom: none;
}

.share_bg .album_container {
    padding: 0px;
}

.share_hdng i {
    font-family: "FontAwesome";
    font-size: 16px;
    vertical-align: top;
    font-style: normal;
}

p.share_text_with_bg {
    background: #fef9eb;
    padding: 10px;
    font-size: 20px;
    text-align: left;
}

.col_left_shr {
    width: auto;
    float: left;
}

.col_right_shr {
    float: left;
    padding-left: 12px;
}

.composerSearchlist {
    display: inline-block;
    width: 100%;
}

.col_right_shr input {
    margin-bottom: 10px;
    width: 300px;
}

.share_btn button.fillbtn {
    background-color: #c82333;
    border-color: #bd2130;
    color: #fff !important;
}

.share_btn .form-group {
    float: right;
}

.share_details {
    padding: 10px;
}

.share_details p {
    font-size: 20px;
    color: #000;
}

.foredititle h1 {
    display: inline-block;
    max-width: 97%;
}

li.dropdown-menu-item a.active {
    color: #fda10e;
}

.dropdwn_nav ul li:hover a {
    color: #fda10e;
}

.playlist_title_hdng.editfocus:before {
    display: none;
}

#myplaylists .modal-dialog {
    transform: none !important;
    -webkit-transform: none !important;
    transition: none !important;
    -webkit-transition: none !important;
}

#createplaylistmodal .modal-content,
#myplaylists .modal-content {
    transform: none !important;
    -webkit-transform: none !important;
    width: auto;
}

#createplaylistmodal .modal-dialog,
#createplaylistmodal1 .modal-dialog {
    position: absolute;
    top: 45%;
    left: 48%;
    transform: translate(-50%, -50%) !important;
    width: 100%;
}

div#tableplaylist_wrapper button:hover,
div#tableplaylist_wrapper button:hover a,
#tableFea button:hover,
#tableFea button:hover a {
    background-color: #691417 !important;
    border-color: #691417 !important;
    color: #fff !important;
}

.confirm_delete_mdl .modal-content {
    text-align: left;
}

.confirm_delete_mdl h5 {
    font-size: 26px;
    border-bottom: 1px solid #e9ecef;
    font-weight: bold;
    padding-bottom: 15px;
}

.confirm_delete_mdl p {
    font-size: 20px;
    padding-top: 15px;
}

#createplaylistmodal .icon-box i {
    font-size: 80px;
    font-weight: 100;
    color: #cc0000;
    text-align: center;
}

#createplaylistmodal button.close {
    position: absolute;
    right: 20px;
}

#createplaylistmodal .icon-box {
    text-align: center;
    margin: 0 auto;
    width: 100%;
}

#createplaylistmodal .modal-body h4 {
    font-size: 45px;
}

#createplaylistmodal p {
    font-size: 18px;
}

.confirm_delete_mdl .modal-body {
    padding: 24px;
}

.tooltips {
    position: relative;
}

.tooltips .tooltiptext {
    visibility: hidden;
    width: 300px;
    background-color: #fff;
    color: #000;
    text-align: center;
    border-radius: 6px;
    padding: 15px;
    position: absolute;
    z-index: 1;
    top: 150%;
    left: 50%;
    margin-left: -60px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.tooltips .tooltiptext::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 60px;
    margin-left: -10px;
    border-width: 10px;
    border-style: solid;
    border-color: transparent transparent #c5c5c5 transparent;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.tooltips:hover .tooltiptext {
    visibility: visible;
}

.shareok {
    padding: 5px 10px 5px 10px !important;
    display: block;
    margin: 15px 0;
}

@media (max-width: 991px) {
    .album_list_cont .album_leftlist:after {
        display: none;
    }
    .album_list_cont:after {
        position: absolute;
        content: "";
        width: 100%;
        height: 1px;
        background: #eeeeee;
        left: 0px;
        bottom: 0px;
    }
}

@media (max-width: 980px) {
    table#tableplaylist thead tr,
    table#tableFea thead tr {
        width: 100%;
    }
    /*table#tableplaylist thead th,*/
    table#tableFea thead th {
        width: 33% !important;
    }
    table#tableplaylist tbody tr,
    table#tableFea tbody tr {
        width: 100%;
        border-bottom: 2px solid #ede9e6 !important;
    }
    /*table#tableplaylist tbody tr td,*/
    table#tableFea tbody tr td {
        width: 23% !important;
    }
    table#tableplaylist tbody tr td:last-child,
    table#tableFea tbody tr td:last-child {
        width: auto;
        display: block !important;
        clear: both;
        /*border-bottom: 2px solid #ede9e6 !important;*/
    }
    .featureplaylist-btn {
        text-align: right;
    }
    table#tableplaylist tr,
    table#tableFea tr {
        clear: both;
        float: left;
    }
    #tableplaylist thead tr th,
    #tableFea thead tr th {
        padding-right: 0px !important;
    }
    table#tableplaylist tbody tr td {
        width: 29% !important;
    }
    table#tableplaylist thead th {
        width: 30% !important;
    }
    table#tableplaylist .plylstttlwrap h4 {
        word-break: break-all;
    }
}

@media (max-width: 980px) and (min-width: 481px) {
    table#tableFea tbody td:first-child {
        min-width: 210px;
    }
}

.mob_visbl {
    display: none !important;
}

/* for making modal display proper */

.modal-backdrop.show {
    z-index: -1;
    display: none;
}

/*table#tableFea tr th:last-child, #tableplaylist tr th:last-child { display: none; }*/

@media (max-width: 480px) {
    table#tableplaylist tbody tr td.dataTables_empty {
        width: 100% !important;
        border: 0 !important;
    }
}

@media (max-width: 414px) {
    table#tableplaylist td,
    table#tableplaylist th {
        padding: 2px;
    }
    .plylstttlwrap h4 {
        font-size: 16px;
    }
    #tableplaylist tr {
        padding-bottom: 10px;
    }
}

.login-div h3 {
    font-size: 25px;
}

@media (max-width: 400px) {
    #tableplaylist thead tr th.sorting_asc:first-child::before {
        left: 52px !important;
    }
    #tableplaylist thead tr th.sorting_desc:first-child::before {
        left: 52px !important;
    }
    #tableplaylist thead tr th.sorting_asc:before {
        left: 75px;
    }
    #tableplaylist thead tr th.sorting_desc:before {
        left: 75px;
    }
}

.dropdwn_nav .show-hide {
    display: block !important;
}

.myplaylists_row a {
    background: #fff;
    border: 2px solid #660003;
    cursor: pointer;
    padding: 3.5px 4px;
}

.myplaylists_row a i {
    color: #000;
}

.myplaylists_row a:hover {
    background-color: #660003;
}

.myplaylists_row a:hover i {
    color: #fff;
}

.dataTables_paginate .page-item.disabled .page-link {
    color: #000 !important;
}

.dataTables_paginate li a {
    border: none;
    color: #000;
    padding: 5px;
    font-weight: 700;
}

.dataTables_paginate .page-item.active .page-link {
    background: none;
    color: #c20008;
}

.dataTables_paginate .page-link:focus {
    box-shadow: none;
}

.dataTables_paginate .page-link:hover {
    background-color: transparent;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    justify-content: center !important;
}

#chgplnmmodal .modal-dialog {
    transform: none !important;
}

#chgplnmmodal .modal-content {
    transform: none !important;
    margin: 90px auto;
}

#chgplnmmodal .icon-box {
    text-align: center;
    margin: 0 auto;
    width: 100%;
}

#chgplnmmodal .icon-box i {
    font-size: 80px;
    font-weight: 100;
    color: #cc0000;
    text-align: center;
}

.modal-content {
    box-shadow: 2px 2px 2px 2px #f0f1f0;
}

.fa-check-circle-o {
    color: #03a003 !important;
}

#chgplnmmodal .modal-body h4 {
    font-size: 45px;
}

#chgplnmmodal p {
    font-size: 18px;
}

.new_subscrb_popup p {
    font-size: 16px !important;
}

.member_alias_popup p {
    padding: 6px !important;
    font-size: 16px !important;
}

.member_alias_popup a.free_trial_link {
    font-size: 20px;
}

.track_body .show_div:before {
    right: 16px;
    top: -18px;
}

.workinlinebtnprice .playmodalbox .show_div {
    right: 0;
    top: 0;
}
.workinlinebtnprice .playmodalbox .show_div.performar {
    left: -10px !important;
    top: 12px !important;
}
.workinlinebtnprice .playmodalbox .show_div:before {
    top: -17px;
    transform: rotate(180deg);
}

.performeralbumlist a.plusbtn.lblock {
    position: relative;
}

.performeralbumlist .plusbtn:before {
    content: attr(data-title);
    position: absolute;
    font-size: 13px;
    opacity: 0;
    line-height: normal;
    background: #691417;
    bottom: -32px;
    color: #fff;
    padding: 5px;
    min-width: 110px;
    left: 0;
    z-index: 9;
    text-align: center;
}

.performeralbumlist .plusbtn:after {
    width: 0;
    height: 0;
    opacity: 0;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 9px solid #691417;
    content: "";
    bottom: -9px;
    left: 20px;
    position: absolute;
    right: 0;
}

.performeralbumlist .plusbtn:hover::after {
    opacity: 1;
}

.performeralbumlist .plusbtn:hover::before {
    opacity: 1;
}

.performeralbumlist .btns_wrapper a {
    margin: 0;
    padding: 0.8px 3px;
}

a.free_trial_link {
    cursor: pointer;
    text-decoration: underline !important;
}

.album_rightlist ul li:nth-child(2) .playmodalbox {
    z-index: 99;
}

span.btn_wrapper {
    display: block;
    text-align: center;
    padding: 10px 0;
}

span.btn_wrapper button:hover {
    background-color: #edab23;
    border-color: #edab23;
}

.input_box input {
    padding: 5px;
}

button.close.new_btn {
    background: #8c0100 !important;
    color: #fff;
    font-size: 18px;
    padding: 6px !important;
    opacity: 1 !important;
    font-weight: normal;
    text-shadow: none;
}

button.close.new_btn:hover {
    color: #fff !important;
    text-shadow: none !important;
    opacity: 1 !important;
}

p.err_msg {
    color: red !important;
    font-weight: bold;
    text-transform: capitalize;
    font-size: 17px !important;
    position: relative;
}

p.err_msg:before {
    content: "\f071";
    font-family: FontAwesome;
}

span#dlt_confirm:before {
    display: none;
}

span#dlt_confirm:after {
    display: none;
}

.album_list_2 ul li a {
    font-size: 18px;
}

.perform_names {
    padding-left: 0px !important;
}

.foredititle span.cntntedit {
    padding-left: 10px;
}

.foredititle span.cntntedit i.fa:before,
.cntntupd i.fa:before,
.foreditdesc .cntntedit i:before,
.performeralbumlist span.cntntedit i:before {
    color: #6b6b6b !important;
}

.cntntedit,
.cntntupd {
    cursor: pointer;
}

.welcomeModal .modal-content {
    box-shadow: 0px 1px 1px 0px #f0f1f0 !important;
}

.about_us_content {
    margin-bottom: 40px;
}

.about_us_content p {
    font-size: 17px;
    color: #353535;
}

.site_link {
    color: #353535;
}

.site_link:hover {
    color: #691416;
}

/*span.track_num { padding-right: 5px; }*/

.track_body ul.work_playbtn_list.workbtn_listxx li:first-child {
    padding-right: 15px;
}

.dropdwn_nav a.dropdown-toggle {
    cursor: pointer;
}

.browerbtn a:hover {
    border-color: #f9a10e;
}

.Searchcenter .custom-control.custom-radio label {
    cursor: pointer;
}

h1.page_title_two.bottom_padding {
    padding-bottom: 50px;
}

#must-know .sectionP60-0 {
    padding-bottom: 10px;
}

#nav-tabContent .custom-radio label {
    cursor: pointer;
}

.paginate_button a.page-link:hover {
    color: #9c0f19;
}

.radiocol12 .custom-checkbox label,
.mustformgenre .custom-checkbox label {
    cursor: pointer;
}

.searchboxin .btn-primary.focus,
.searchboxin .btn-primary:focus {
    box-shadow: none !important;
}

#accordion .panel-title a.collapsed span:after {
/*    top: 5px !important;*/
}

#accordion .panel-title a span:after {
/*    top: 3px !important;*/
}

.playlist_modal .modal-dialog {
    max-width: 650px !important;
}

.playlist_modal .modal-content {
    width: 650px !important;
}

a.updown_arrow {
    cursor: pointer;
    border: 2px solid #cc0000;
    padding: 12px 20px 12px 20px;
    color: #cc0000 !important;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0;
    display: inline-block;
}

.playlist_details_pg .dragable_playlist_items ul.album_mnbtn_plusbtn li {
    padding-left: 4px;
}

.dragable_playlist_items .album_description_1 span {
    padding-left: 1px;
}

.work_div_title .pull-right,
.select_perfrmer_div .pull-right {
    font-size: 18px !important;
    color: #000 !important;
    margin-bottom: 5px;
    padding-top: 15px;
    font-weight: 700 !important;
    float: right;
}

.work_performer_list.prs_title_3.prsscrollbar {
    width: 100%;
}

.custom_performers_tracks {
    display: table;
    width: 100%;
    margin-bottom: 0px;
    margin-top: 0px;
    padding: 0;
}

.performer_left_colm {
    width: 70% !important;
    display: inline-table;
}

.performer_right_colm {
    width: 30% !important;
    display: inline-table;
}

.btn_get_all {
    position: relative;
    /*left: -5%; top:-4px;*/
    cursor: pointer;
    border: 2px solid #cc0000;
    padding: 4px 20px 2px 20px;
    color: #cc0000 !important;
    font-weight: 700;
    text-transform: uppercase;
}

.btn_get_all:hover {
    background-color: #edab23;
    border-color: #edab23;
    color: #000 !important;
}

ul.prformer_list_right1 li {
    padding: 0px 2px 0px 0px !important;
}

/*ul.prformer_list_right1 { padding:0; margin:0; }*/

.buyybtn {
    display: inline-block;
}

@media (min-width: 1600px) {
    .performeralbumlist .leftwidth:after {
        bottom: -9px;
    }
}

@media (min-width: 2500px) {
    .performer_left_colm {
        width: 60% !important;
    }
    .performer_right_colm {
        width: 40% !important;
    }
    /* .performeralbumlist .leftwidth { width:60% !important; }
  .performeralbumlist .rightwidth{ width:40% !important; }*/
    #track_detail .album_leftlist {
        width: 62% !important;
    }
    #track_detail .album_rightlist {
        width: 38% !important;
    }
    #composer .album_page_track .album_leftlist {
        width: 60% !important;
    }
    #composer .album_page_track .album_rightlist {
        width: 40% !important;
    }
    .leftwidth > span:nth-child(1) {
        width: 85% !important;
    }
    .leftwidth > span:nth-child(2) {
        width: 10%;
        text-align: center;
    }
    .playlist_modal .modal-dialog {
        max-width: 800px !important;
    }
    .playlist_modal .modal-content {
        width: 800px !important;
    }
    .performeralbumlist .albume_onlybtn,
    .album_listbtn .albume_onlybtn {
        width: auto !important;
        display: block;
    }
    .album_list_cont .album_leftlist:after,
    .performeralbumlist li.leftwidth:after {
        height: 4px;
    }
    .performeralbumlist .leftwidth:after {
        height: 4px;
    }
    .width_sixty {
        width: 65% !important;
    }
    .width_forty {
        width: 35% !important;
    }
}

@media (min-width: 1080px) and (max-width: 1400px) {
    /* #track_detail .album_rightlist { width:34%; }
  #track_detail .album_leftlist { width:66%; }*/
    .track_body .album_rightlist ul.album_mnbtn_plusbtn li:first-child {
        margin-right: 15px !important;
        display: block !important;
    }
}

@media (max-width: 1300px) {
    .logo {
        max-width: 320px;
    }
    .logo .unicorn-logo {
        max-width: 55px;
        max-height: 100%;
    }
    .logo .text-logo {
        width: 250px;
        max-height: 100%;
    }
}

@media (max-width: 1024px) and (min-width: 992px) {
    /* .performeralbumlist .leftwidth { width:63% !important; }
  .performeralbumlist .rightwidth { width:37% !important; }*/
}

@media (max-width: 767px) {
    #track_detail .album_rightlist.album_rightlist_width {
        width: 100%;
    }
    #track_detail .track_body .album_rightlist ul {
        padding-top: 0px !important;
        margin: 0 !important;
        padding-right: 4px;
        justify-content: flex-end;
    }
    .album-queue-btn-box.btn-inbox {
        padding-right: 15px !important;
    }
    .track_body .album_rightlist_1 ul {
        margin: 0 20px;
    }
    .custom_width_define .col-md-7,
    .custom_width_define .col-md-3 {
        margin: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

.workpagination.containerscroll {
    width: 100%;
    display: flex;
    padding: 0;
}

.width_sixty {
    width: 100%;
    display: inline-flex;
    padding: 0 35px;
    align-items: center;
}

.width_sixty p {
    text-align: center;
    width: 100%;
}

.width_forty {
    width: 30%;
    display: inline-flex;
    align-items: center;
}

@media (max-width: 1024px) {
    .width_sixty {
        width: 100%;
    }
    .width_forty {
        width: 40%;
    }
    .dropdwn_nav .dropdown-menu {
        top: 33px;
    }
}
@media (max-width: 850px) and (min-width: 510px) {
    .custom_portrait_width {
        flex: 0 0 93.333333% !important;
        max-width: 93.333333% !important;
    }
}

@media (max-width: 767px) {
    .get_all_wrapper .offset-sm-1 {
        margin-left: 0px;
        padding: 0px;
    }
    .width_forty .btn_get_all {
        font-size: 14px;
        padding: 4px 10px;
    }
}

@media (max-width: 480px) {
    a.albume_onlybtn:before {
        height: 120px !important;
        padding: 10px !important;
    }
    .workpagination.containerscroll {
        display: grid;
    }
    .width_sixty,
    .width_forty {
        width: 100% !important;
    }
    .width_forty .btn_get_all {
        margin: 10px auto;
        font-size: 12px;
    }
}

a.albume_onlybtn {
    position: relative;
}

a.albume_onlybtn:after {
    width: 0;
    height: 0;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 9px solid #691417;
    content: "";
    bottom: -9px;
    left: 40px;
    position: absolute;
    right: 0;
    opacity: 0;
}

a.albume_onlybtn:before {
    top: 61px;
    content: 'Regretfully, this track cannot be purchased/downloaded separately--but only through the purchase/download of the entire album. (See "BUY MP3 ALBUM" above.)';
    position: absolute;
    text-transform: initial;
    font-size: 15px;
    height: 100px;
    z-index: 9;
    line-height: normal;
    background: #691417;
    bottom: -85px;
    color: #fff;
    padding: 6px;
    width: 300px;
    left: -80px;
    opacity: 0;
    display: none;
}
.albume_onlybtn.albm-only-popup::before {
    left: -200px;
}

a.albume_onlybtn:hover::after,
a.albume_onlybtn:hover::before {
    display: block;
    opacity: 1;
}

span.descend {
    opacity: 0.5;
}

span.descend_num {
    opacity: 0.5;
}

#myplaylists .btn-group button:hover {
    background: #f0bc52;
    border-color: #f0bc52 !important;
    color: #000 !important;
}

.workpagination span.track_num {
    color: #000 !important;
    display: block !important;
}

.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
    opacity: 0.25 !important;
}

.slick-next:before,
.slick-prev:before {
    opacity: 1 !important;
}

#nav-tab a {
    cursor: inherit;
}

#nav-tab .mn-checkbox label {
    cursor: pointer;
    line-height: 22px !important;
}

#newreleases_page_two .custom-control label {
    cursor: pointer;
}

#createplaylistform {
    display: none;
}

#createplaylistform button,
#createplaylistbtn button {
    font-weight: 600;
    color: #cc0000;
    border-color: #cc0000;
}

#createplaylistform button:hover,
span#createplaylistbtn button:hover {
    background-color: #edab23;
    border-color: #edab23;
    color: #000;
}

.select_perfrmer_div h3 {
    color: #cc0000;
}

.questn_mark i {
    font-size: 30px;
    font-weight: 500;
}

.show_mob {
    display: none;
}

.radiowrapper {
    position: relative;
}

.radio_cont {
    position: absolute;
    right: 0;
    top: 0px;
    left: 0px;
    margin: 0 auto;
    text-align: center;
}

.custmz_hdng {
    padding: 0px !important;
    margin-bottom: 0px !important;
    color: #c40000;
    font-weight: bold;
}

.custmz_hdng:after {
    display: none;
}

.radio_radbtn .custom-control-label {
    cursor: pointer;
}

.radio_radbtn .custom-control-label::before {
    top: 10px !important;
}

/*.dragable_playlist_items:hover { cursor:move; }*/

.wrap_ull {
    max-height: 400px;
    overflow-y: scroll;
}

a.nav-item.nav-link.mob-full-width {
    cursor: default !important;
}

.show_tab_portrait,
.show_tab_landscape {
    display: none;
}
@media (max-width: 1080px) {
    area {
        outline: none !important;
    }
}

@media (max-width: 768px) {
    .autoplay_text .slick-prev:before {
        left: 70px !important;
    }
    .autoplay_text .slick-next:before {
        right: 70px !important;
    }
    #accordion .panel-title a {
        font-size: 12px !important;
    }
}

@media (min-width: 992px) {
    .dropdwn_nav .dropdown-menu {
        left: -50px;
    }
    .dropdwn_nav.questNav .dropdown-menu {
        left: -100px;
    }
}

@media (max-width: 1024px) and (min-width: 1024px) {
    .show_desk {
        display: none !important;
    }
    .show_tab_landscape {
        display: block;
    }
    #image img {
        width: 1024px !important;
    }
}
@media (min-width: 991px)  and (max-width: 1920px){
    .cus-container .banner-wid{
        width: 80%;
    }
}

@media (max-width: 991px) {
    .show_mob {
        display: block !important;
    }
    .show_desk {
        display: none !important;
    }
    section#top_txt_slider {
        top: 55px !important;
    }
}

@media (max-width: 768px) and (min-width: 768px) {
    .show_tab_portrait {
        display: block;
    }
    .show_mob {
        display: none !important;
    }
    #image img {
        width: 768px !important;
    }
}

@media (max-width: 767px) {
    #accordion .panel-title a span {
/*        width: 95%;*/
    }
    #accordion .panel-title a span:after {
        right: -15px;
    }
    /*  .searchboxin { align-items: center; }*/
    .searchboxin .offset-sm-1 {
        margin-left: 0px !important;
    }
}

@media (max-width: 640px) {
    section#top_txt_slider {
        display: none;
    }
    #accordion .panel-title a {
        font-size: 15px !important;
    }
    .radio_radbtn .custom-control-label::after,
    .radio_radbtn a.nav-item.active label::after {
        top: 10px !important;
    }
    .radio_radbtn .custom-control-label::before,
    .radio_radbtn a.nav-item.active label::before {
        top: 5px !important;
    }
    a.nav-item.mob-full-width {
        display: block !important;
        width: 100% !important;
        flex: auto;
    }
}

@media (max-width: 450px) {
    .radio_cont {
        position: relative !important;
        right: 0px;
    }
}
@media (min-width: 400px) {
    .signupFooter {
        white-space: nowrap;
    }
}
@media (max-width: 360px) {
    .worlkbtnradio span.sortby {
        margin-right: 20px !important;
    }
}

.radio_radbtn a.nav-item.active label::before {
    background: #cc0000;
}

.radio_radbtn a.nav-item.active label::after {
    background-color: #fff;
    width: 6px;
    left: -19px;
    height: 6px;
    top: 15px;
    border-radius: 20px;
}

div#image {
    text-align: center !important;
}

img[usemap] {
    border: none;
    height: auto;
    max-width: 100%;
    width: auto;
}

.dropdown-menu-item button {
    background-color: transparent;
    color: #fff;
    text-align: center;
    border: transparent;
}

.dropdown-menu-item button:hover {
    color: #fda10e !important;
}

@media (min-width: 991px) {
    li.dropdown-menu-item {
        text-align: center;
    }
}

body {
    margin: 0px !important;
}

span.question_text {
    position: relative;
    left: 10px;
    color: #0e0e0e;
}

span.question_text:hover,
span.question_text.tool-open {
    color: #cc0000;
}

span.question_text:after {
    width: 0;
    height: 0;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 9px solid #691417;
    content: "";
    bottom: -9px;
    left: 0px;
    position: absolute;
    right: 0;
    opacity: 0;
}

span.question_text:before {
    top: 45px;
    content: 'When in "Full works" mode, no opera will be played unless "Stage (incl. Opera)" is expressly selected. Full works may contain single tracks from compilation albums.';
    position: absolute;
    text-transform: initial;
    font-size: 15px;
    height: 160px;
    z-index: 9;
    line-height: normal;
    background: #691417;
    bottom: -85px;
    color: #fff;
    padding: 10px;
    width: 200px;
    left: -50px;
    opacity: 0;
    display: none;
}
.tooltip-area {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    align-items: center;
}
.question_tooltip i {
    font-size: 1.5rem;
}
.question_tooltip {
    position: relative;
    left: 20px;
}

.question_tooltip .question_tooltiptext {
    visibility: hidden;
    width: 350px;
    background-color: #691417;
    color: #fff;
    text-align: left;
    border-radius: 6px;
    padding: 1rem;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 0.3s;
}

.question_tooltip .question_tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 17%;
    margin-left: -5px;
    border-width: 6px;
    border-style: solid;
    border-color: #691417 transparent transparent transparent;
}

.question_tooltip:hover .question_tooltiptext {
    visibility: visible;
    opacity: 1;
}
@media (max-width: 980px) and (min-width: 768px) {
    .radio_radbtn .custom-control-label {
        font-size: 19px;
    }
    .radio_radbtn a.nav-item.active label::after {
        top: 13px !important;
    }
    .radio_radbtn .custom-control-label::before {
        top: 7px !important;
    }
    .albumgrid .card img {
        /*height: 100% !important;*/
    }

    .subscription-alert p {
        font-size: 12px !important;
    }
}

@media (min-width: 768px) {
    span.question_text:hover::after,
    span.question_text:hover::before {
        display: block;
        opacity: 1;
    }
    .cus_question_text:hover::after,
    span.cus_question_text:hover::before {
        display: block;
        opacity: 1;
    }
}

@media (max-width: 767px) {
    .question_text.tool-open:after,
    span.question_text.tool-open:before {
        display: block;
        opacity: 1;
    }
    .cus_question_text.tool-open:after,
    span.cus_question_text.tool-open:before {
        display: block;
        opacity: 1;
    }
    .playlist_details_pg .performeralbumlist .rightwidth {
        display: block;
        width: 100% !important;
        padding-top: 20px;
        padding-bottom: 10px;
    }
}

.cusalbume_onlybtn {
    padding: 15px 10px;
    margin-left: 1px;
}
::i-block-chrome,
cusalbume_onlybtn {
    padding: 15px 8px;
    margin-left: 1px;
}
@media (max-width: 640px) {
    .nav-justified.radio_radbtn .nav-item {
        flex-basis: auto !important;
    }
    .mob-full-width {
        width: 100%;
    }
    span.question_text:before {
        right: -35px;
        left: unset;
        top: 34px;
    }
    .dataTables_paginate li a {
        padding: 0.5rem 10px !important;
    }
    .american_tb .allplaybtn {
        text-align: center !important;
    }
    .playlist .playbtn {
        padding: 10px 15px !important;
    }
    .albume_onlybtn {
        padding: 14px 10px !important;
        margin-left: 0;
    }
    .cusalbume_onlybtn1 {
        padding: 13px 10px !important;
    }
}

@media (max-width: 480px) and (min-width: 412px) {
    #home-section .newreals_album1 .slick-slide img {
        margin: 0 auto;
    }
    .newreals_album1 .card-body {
        text-align: center;
        max-width: 100%;
    }
}

@media (max-width: 414px) {
    .radio_radbtn .custom-control-label {
        font-size: 15px;
    }
    .dataTables_paginate li a {
        padding: 0.5rem 0.5rem !important;
    }
}

@media (max-width: 981px) {
    .dropdwn_nav .dropdown-menu li a {
        text-align: left !important;
    }
}

@media screen and (max-width: 814px) and (orientation: landscape) {
    .question_text.tool-open:after,
    span.question_text.tool-open:before {
        display: block;
        opacity: 1;
    }
    .nav-justified.radio_radbtn .nav-item {
        flex-basis: auto !important;
    }
    .mob-full-width {
        width: 100%;
    }
    .navbar-collapse {
        /* max-height: auto; */
        overflow-y: hidden;
    }
    ul#navigation {
        width: 100%;
    }
}

@media screen and (max-width: 736px) and (orientation: landscape) {
    ul#navigation {
        width: 100%;
    }
}
@media screen and (max-height: 450px) and (orientation: landscape) {
    .menu-sec {
        height: auto;
    }
    .slick-initialized .slick-slide div:first-child,
    .slick-initialized .slick-slide div:nth-child(2) {
        flex: 0 0 90%;
    }
    #bdt_context1 .slick-initialized .slick-slide div:first-child,
    #bdt_context1 .slick-initialized .slick-slide div:nth-child(2) {
        flex: 0 0 50%;
    }
    .zoomimg2.home-slider {
        width: 250px;
        height: 250px;
    }
    .zoomimg2.home-slider img.card-img-top {
        width: 100%;
        height: 100%;
    }
}
@media screen and (max-height: 414px) and (max-width: 736px) and (orientation: landscape) {
    .zoomimg2.home-slider {
        width: 150px;
        height: 150px;
    }
}
.disp_tbl a.nav-item {
    display: table;
}

/*@media(max-width: 1024px){
 .hide_ipad , .hide_mbl  { display: none;  }
}*/

#home-radio .fade:not(.show) {
    display: none;
}

.errr_msgs p {
    text-align: center;
    font-weight: bold;
    font-size: 22px;
    background: #981911;
    color: #fff;
    padding: 10px;
    width: 425px;
    margin: 0 auto 20px;
}

@media (max-width: 414px) {
    .errr_msgs p {
        font-size: 15px !important;
        width: 260px !important;
    }
    .playmodalbox .show_div {
        min-width: 310px !important;
        right: -125px !important;
    }
    .playmodalbox .show_div.albumshow_div:before {
        right: 125px;
    }
    .buyalbumprice {
        font-size: 12px;
    }
    .modal_wrapper_body {
        font-size: 13px;
    }
    .playbtn.box-btn-play{
        padding: 12px;
    }
    .buy-inbox.buyalbumprice{
        font-size: 10px;
        white-space: nowrap;
    }
}

.search_result #accordion .panel-title a span {
    top: 0px;
    left: 0px;
    position: relative;
    display: inline !important;
}

.prs_pagination .pagination li a:hover,
.prs_pagination .pagination li.active a:hover,
.prs_pagination .pagination li.active a,
.prs_pagination .pagination > li > a:focus {
    background: transparent !important;
    border: none !important;
    color: #c20008 !important;
}

.dataTables_paginate li:hover a,
.great-class .slick-dots li:hover button,
.custom_pagination_greate span:hover {
    color: #c20008 !important;
}

.newreals_album1 .slick-dots li:hover button,
.custom_pagination_newalbum span:hover {
    color: #c20008 !important;
}

/*contact form css*/

/* Full-width input fields */

.contact_us_formss input[type="text"],
.contact_us_formss input[type="password"] {
    width: 100%;
    padding: 15px;
    display: inline-block;
    border: none;
    margin-bottom: 15px;
    background: #f1f1f1;
}

.contact_us_formss select#opt {
    width: 100%;
    padding: 15px;
    margin: 5px 0 22px 0;
    display: inline-block;
    /*border: none;*/
    background: #f1f1f1;
}

.contact_us_formss input[type="text"],
.contact_us_formss input[type="password"] {
    border: 1px solid;
}

.contact_us_formss input[type="text"]:focus,
.contact_us_formss input[type="password"]:focus {
    background-color: #f1f1f1;
    outline: none;
    border-color: #262626;
    /*outline: none;*/
}

.contact_us_formss .col-md-12 input:focus,
.contact_us_formss .col-md-12 select:focus {
    border-radius: 5px;
    /* border: 2px solid; */
}

/* Set a style for the submit button */
/*.browerbtn { display: none;  }*/

/* Add a blue text color to links */
/*.contact_us_formss a { color: dodgerblue; }*/

.contact_us_formss .form-container {
    padding: 70px 0;
}

/* Set a grey background color and center the text of the "sign in" section */

.contact_us_formss .signin {
    background-color: #f1f1f1;
    text-align: center;
}

.dropdown-menu li {
    color: #ffffff;
}

.contact_us_formss .col-md-12 {
    display: flex !important;
}

.contact_us_formss .col-md-12 label {
    padding-top: 10px;
    padding-right: 10px;
    min-width: 80px;
}

.contact_us_formss .col-md-12 input,
.contact_us_formss .col-md-12 select {
    padding: 8px !important;
    color: #666;
    outline: none;
    border: 1px solid #262626;
    width: 100%;
}

h1.cf_background {
    white-space: nowrap;
    color: #ffe598;
    background: #950106;
    font-size: 22px;
    padding: 10px;
    font-weight: bold;
    border-radius: 8px 8px 0 0;
}

form.form-sec.contact_us_formss {
    border: 1px solid #000;
    margin-top: 30px;
    border-radius: 25px;
    padding: 30px;
    background: #fff;
    z-index: 99999 !important;
}

.full_width_cf {
    margin: 30px 15px;
    border: 1px solid black;
    border-radius: 8px;
}

.cf-d-contact {
    padding: 0 10px;
}

.non-draggable-cursor .dragable_playlist_items {
    cursor: auto !important;
}

.playlist_details_pg .dragable_playlist_items {
    cursor: move;
}

/*imam css*/

#help_yes_no_prompt li {
    margin-bottom: 20px;
    list-style-type: none;
    display: inline-block;
    margin-left: 10px;
}

#help_yes_no_prompt .help-button {
    padding: 8px;
    background: #950106;
}

#help_yes_no_prompt ul {
    padding-left: 0;
}

#help_yes_no_prompt {
    margin-top: 20px;
}

#help_yes_no_prompt ul li span a {
    color: #fff;
}

.ctn-sbt .browerbtn {
    margin: 0 auto 30px;
    position: relative;
    top: -15px;
}

.form-sec.contact_us_formss p.info-ctn {
    font-size: 16px;
    font-weight: 600;
    color: #000;
}

.ctn-sbt .browerbtn:hover a {
    background-color: #950106;
}

.playbtn:before {
    content: "\f04b";
    font: normal normal normal 14px/1 FontAwesome;
    position: relative;
    left: -5px;
}

.allplaybtn a:before {
    content: "\f04b";
    font: normal normal normal 14px/1 FontAwesome;
    position: relative;
    left: -3px;
}

/* .allplaybtn a:after{  font: normal normal normal 14px/1 FontAwesome;
    position: relative;
    left: 4px;}*/

a.playbtn.redtl {
    background: #fff;
    color: #cc0000 !important;
}

/*.btn-group button:not(:last-child):after{content: "\f04b";
    font: normal normal normal 14px/1 FontAwesome;
    position: relative;
    left: 4px;
} */

a.playbtn.redtl {
    background: #fff;
    color: #cc0000 !important;
    border-color: #cc0000 !important;
}

#tableplaylist tbody tr td:last-child .btn-group button:not(:last-child):hover {
    background: #691417 !important;
    border-color: #691417 !important;
}

#tableFea tbody tr td:last-child .btn-group button:last-child:hover {
    background: #691417 !important;
    border-color: #691417 !important;
    cursor: pointer;
    color: #fff !important;
}

/*#tableFea .btn-group button:hover {
    background: #691417 !important;
    border-color: #691417 !important;
    cursor: pointer;
}*/

.browerbtn a.btn-danger:hover {
    background: #691417;
    border-color: #691417 !important;
    color: #fff !important;
}

a.btn.btn-danger:active {
    background: #691417 !important;
}

li.nplay a:after {
    display: none;
}

button#dlt_confirm {
    color: #cc0000 !important;
    background: #fff !important;
}

button#dlt_confirm:after {
    display: none;
}

a.playbtn.redtl:after {
    display: none;
}

a.playbtn.redtl:hover {
    background: #691417;
    color: #fff !important;
    border-color: #691417 !important;
}
.album_mnbtn_plusbtn .crossbtn:hover {
    background: #691417;
    color: #fff !important;
    border-color: #691417 !important;
}
@media (max-width: 1024px) {
    .playlist_toggle .plusbtn:hover::before,
    .playlist_toggle .plusbtn:hover::after {
        opacity: 0 !important;
    }
    .performeralbumlist .plusbtn:hover::before {
        opacity: 0 !important;
    }
    .performeralbumlist .plusbtn:hover::after {
        opacity: 0 !important;
    }
}
@media (max-width: 1024px) and (min-width: 980px) {
    .albumgrid .card img {
        /*height: 210px !important;*/
    }
}

@media (max-width: 767px) {
    .playlist_rights a.playbtn {
        margin-bottom: 3px !important;
    }
    .performeralbumlist .rightwidth {
        text-align: right !important;
    }
    /*.playmodalbox .show_div { position: absolute; top: 5px !important; left: -143px !important; right: 0; }*/
    .track_body .show_div:before {
    }

    /*new css*/
    .albumgrid .card img {
        height: 100% !important;
    }
}

@media (max-width: 480px) {
    .btns_wrapper button i {
        font-size: 11px !important;
    }
    .modal_wrapper_header {
        padding: 10px 12px 10px;
    }
    .track_body .workinlinebtnprice .playmodalbox .show_div:before {
    }
    .contact_us_formss .browerbtn a {
        width: 100%;
        font-size: 16px;
        padding: 11px 22px !important;
    }
    form.form-sec.contact_us_formss {
        margin-top: 0px;
    }
    .ctn-sbt .browerbtn {
        margin-bottom: 0 !important;
    }
    .contact_us_formss .browerbtn a {
        margin-top: 0;
    }
    #help_yes_no_prompt .help-button {
        padding: 4px;
    }
    #help_yes_no_prompt li {
        margin-left: 5px;
    }
    #help_yes_no_prompt ul {
        padding: 0px 10px;
        display: flex;
    }
    #help_yes_no_prompt li {
        font-size: 14px;
    }
    .playlist_modal .close {
        top: 15px;
        position: absolute !important;
        right: 15px !important;
    }
    .mn_tb img {
        padding: 0px 0px 24px 20px;
    }
    .american_tb .allplaybtn {
        text-align: center;
        margin-left: 30px;
    }
    .login-div input {
        width: 100%;
        padding: 15px !important;
    }
    .about_us_content p {
        padding: 18px;
    }
    .about_us_content.medi-row p {
        padding: 0px;
    }
    .track_body .playmodalbox .show_div {
    }
    /*.playmodalbox .show_div { width: 350px !important; }*/
    .custom_performers_tracks .show_div {
        width: 300px !important;
        left: -50px !important;
    }
    .custom_performers_tracks .show_div:before {
        left: 139px !important;
    }
    .album_rightlist .show_div:before {
    }
}

span.description_newline.ng-binding {
    display: block;
    font-size: 14px;
}

.autoplay_text.slick-initialized.slick-slider {
    overflow: hidden;
}

#top_txt_slider {
    text-transform: uppercase;
    border-top-style: solid;
    border-bottom-style: solid;
    border-width: 2px 0px;
    border-color: #bb7d11;
    text-align: center;
    height: 89px;
    background-color: #991417;
    color: #fff;
}

#top_txt_slider h2 {
    color: #fff !important;
    font-size: 22px;
    margin-bottom: 0px;
    margin-top: 8px;
}

.slide-texts p {
    color: #ffffff !important;
    margin-bottom: 0px !important;
}

#top_txt_slider h4 {
    color: #ffffff !important;
    font-size: 18px;
    position: relative;
}

#top_txt_slider h4:after {
    content: "\f0dd" !important;
    font-family: "FontAwesome";
    font-weight: 900;
    font-size: 16px;
    transform: rotate(-90deg) !important;
    position: absolute;
    top: 1px;
}

section#top_txt_slider {
}

.autoplay_text .slick-prev {
    z-index: 99;
}

.autoplay_text .slick-prev:before {
    content: "";
    background-image: url(../img/arrow-white-left.png) !important;
    background-size: 100% 100%;
    height: 30px;
    width: 25px !important;
    position: absolute;
    bottom: -5px;
    left: 150px;
    transition: transform 0.5s ease;
}

.autoplay_text .slick-next:before {
    content: "";
    background-image: url(../img/arrow-white-right.png) !important;
    background-size: 100% 100%;
    height: 30px;
    width: 25px !important;
    position: absolute;
    bottom: -5px;
    right: 150px;
    transition: transform 0.5s ease;
}

/*.autoplay_text  .slick-next:hover:before {transform: scale(1.0);}*/

.autoplay_text .slick-next:hover:before {
    transform: scale(1.5);
}

.autoplay_text .slick-prev:hover:before {
    transform: scale(1.5);
}

/*new css*/

.prtracktextright {
    padding: 0 10px;
}

.broseAll a:hover {
    color: #fff !important;
    background: #691417;
}

input.sbt-form.ng-scope {
    padding: 10px 12px;
    background: transparent;
    letter-spacing: 1px;
    font-size: 16px;
    border-radius: 0px;
    border: 1px solid;
    line-height: normal;
}

input.sbt-form:hover {
    background: #691417;
    color: #fff;
}

a.item-text:hover,
a.item-text:active {
    background: none;
    cursor: initial;
}

.release_pgn {
    max-width: 100% !important;
    width: max-content !important;
    margin: 0 auto;
    display: block;
    margin-bottom: 30px;
}

.buybtn span {
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    display: block;
}

/*end new css*/

@media (min-width: 1900px) {
    .container {
        max-width: 1440px !important;
    }
    #track_detail .album_leftlist {
        width: 77%;
    }
    #track_detail .album_rightlist {
        width: 23%;
    }
    .performer_left_colm {
        width: 76% !important;
    }
    .performer_right_colm {
        width: 24% !important;
    }
    #composer .album_page_track .album_leftlist {
        width: 76% !important;
    }
    #composer .album_page_track .album_rightlist {
        width: 24% !important;
    }
}

@media (min-width: 2000px) {
    section#top_txt_slider {
        top: 89px;
    }
    .list-inline-item .card-img-top {
        width: 80%;
    }
}

.m-0-10 {
    margin: auto 10%;
}

.bold-text span {
    color: #000;
}

.rel-pg label.custom-control-label {
    color: #000 !important;
    font-weight: 700;
    font-size: 20px;
}

/*.bold-text span:hover {
    text-decoration: underline;
}*/

.slick-next {
    z-index: 99;
}

/*.playlis li {
    list-style-type: none;
    display: inline-table;
    text-align: right;}
    .playlis ul {
    text-align: right;}*/

.album_list_2 ul li span {
    font-weight: 300;
}

.list-inline-item:not(:last-child) {
    display: block;
}

.searchboxin .newsearchbtn {
    border-color: #bf100f !important;
}

a.buybtn:active,
a.buybtn:visited {
    background: red;
    border-color: red;
}

a.buybtn.rem1 {
    background: #cc0000;
    border-color: #cc0000;
    padding: 5px 15px 5px 15px;
    line-height: 20px;
    font-size: 16px;
}

a.buybtn.rem1:hover {
    background-color: #691417;
    border-color: #691417;
}

/*.list-inline-item {
     display: inline-block; 
}*/

/*ul.list-inline.albumgrid li {
    display: inline-block !important;
}*/

/*.list-inline-item:not(:last-child) {display: block ;}*/

/*.list-inline-item {
    display: inline-block !important;
}*/

.dropdown-item:last-child {
    border-bottom: 0;
}

.dropdown-item:focus,
.dropdown-item:hover {
    color: #fda10e;
    background: transparent;
}

/*@media(max-width:991px){
  .navbar #mobsearchBtn1 { right: 130px !important; }
  .navbar #cartbtn { width: 100px!important; right: 38px!important; }
    .navbar #cartbtn li { display: inline-block; }
}*/

@media (max-width: 991px) {
    .dropdwn_nav .dropdown-item {
        color: #fff !important;
    }
    #cartbtn li img {
        display: none !important;
    }
}

/*new arpit css*/

.ShowForSmall {
    display: none;
}

@media (max-width: 768px) {
    .prs_albumnewlist .card {
        height: 350px !important;
        max-height: 380px !important;
    }
    .ShowForSmall {
        display: flex;
        justify-content: center;
    }
    .footer .mnsectionP20 {
        padding-bottom: 20px !important;
    }
    .ShowForBig {
        display: none !important;
    }
    span.showon-mobile {
        display: none;
    }

    .subscription-alert p {
        font-size: 12px !important;
    }
}

.footer .mnsectionP20 {
    padding-bottom: 105px !important;
}

h5.card-title span {
    font-weight: 500;
}

.bottom .next a {
    padding: 5px;
}

.top .next a {
    padding: 5px;
}

.bottom .next {
    margin-left: 35px;
    margin-right: 10px;
    width: 30px;
    position: relative;
}

.top .next {
    margin-left: 35px;
    margin-right: 10px;
    width: 30px;
    position: relative;
}

/*
label.lfttxt:before {
    content: attr(dataset);
    position: absolute;
    left: -68px !important;
    padding: 0 5px;
    margin: 0 25px;
    color: black;
    pointer-events: none !important;
}
*/

/*new css*/

.searchPagination.release_pgn ul li:nth-last-child(2) a,
.paging_full_numbers ul li:nth-last-child(2) a {
    padding-left: 0;
}

.searchPagination.release_pgn ul li:nth-last-child(3) a {
    padding-right: 5px;
}

.paging_full_numbers ul li:nth-last-child(3) a {
    padding-right: 0;
}

li#tableFea_next {
    width: auto !important;
}

/*.bottom .next {width:55px !important;}
.top .next {width:55px !important;}*/

.playlist-sec {
    position: fixed;
    display: block;
    bottom: 0;
    left: 0;
    z-index: 99999;
    margin: 0 auto;
    width: 100%;
}

span.offf {
    font-weight: bold;
    position: relative;
    display: inline-block !important;
    left: 5px;
    pointer-events: none !important;
}

div.searchPagination > ul > span.offf:nth-child(6),
div.searchPagination > ul > span.offf:nth-child(7),
div.searchPagination > ul > span.offf:nth-child(8),
div.searchPagination > ul > span.offf:nth-child(9),
div.searchPagination > ul > span.offf:nth-child(10) {
    display: none;
}

/*player css*/

.play-section {
    background: #000;
    padding: 6px 0;
}

.even {
    background: #606060;
    padding: 5px 0;
}

.odd {
    background: #404040;
    padding: 5px 0;
}

.ui-slider-range-min {
    height: 5px;
    width: 300px;
    position: absolute;
    /* background: $primary-color; */
    border: none;
    border-radius: 10px;
    outline: none;
}

.ui-slider-handle {
    width: 20px;
    height: 20px;
    border-radius: 20px;
    background: #fff;
    position: absolute;
    margin-left: -8px;
    margin-top: -8px;
    cursor: pointer;
    outline: none;
}

.play-info_details {
    position: relative;
    height: 100%;
    display: inline-block;
    color: #fff;
}

.play-info-img {
    height: 100%;
    float: left;
    margin-right: 10px;
    position: relative;
}

.fap-play-pause,
.fap-skip-next {
    position: relative;
    height: 100%;
    display: inline-block;
    padding: 0 10px;
}

.album-data ul li {
    text-decoration: none;
    list-style-type: none;
    color: #fff;
    font-weight: 400;
    font-size: 14px;
    font-family: Arial;
    line-height: 18px;
}

/*new css*/

.now-play {
    color: #fff;
    line-height: 18px;
}

.link {
    line-height: 16px !important;
}

.link a {
    font-size: 14px !important;
}

.bar-author {
    font-size: 14px;
    font-family: Arial;
    font-weight: 300;
    line-height: 16px;
}

@media only screen and (max-width: 767px) {
    .sm-border {
        /*border-top: 1px solid white;*/
        border-bottom: 1px solid white;
        padding: 4px 0;
    }
    #first {
        order: 2;
    }
    #second {
        order: 3;
    }
    #third {
        order: 1;
    }
    .p-10 {
        padding: 2px 10px;
    }
    .play-section {
        padding: 2px 0;
    }
    .play-list-info {
        /*padding: 8px 0 !important;*/
        position: relative;
        top: 2px;
    }
    .queue-sec .btn-common.bordered {
        padding: 2px 16px;
        line-height: 20px;
    }
    .queue-sec .btn-group button:not(:last-child):after {
        display: none;
    }
    .bar-author {
        font-size: 14px !important;
        font-weight: 400 !important;
        line-height: 15px !important;
        font-family: Arial;
    }
    .bar-title {
        font-weight: bolder;
        font-size: 13px !important;
        line-height: 14px !important;
        font-family: arial;
    }
    .time-du p {
        margin-bottom: 0;
        font-size: 12px;
        line-height: 14px;
    }
    .max-h {
        height: 80px;
    }
    .play-info-img img {
        width: 65px !important;
        height: auto !important;
        position: absolute;
    }
    .play-section .play-info_details {
        float: right;
        width: 78% !important;
    }
    .play-info {
        padding-top: 5px;
    }
    .play-section {
        padding-bottom: 8px !important;
    }
    .title-info h3 {
        font-size: 18px !important;
    }
}

/*end new css*/

span.fap-icon-pause {
    color: #fff;
}

.play-info-img img {
    width: 54px;
    margin-right: 4px;
}

.play-info-container {
    position: relative;
    float: left;
    padding: 10px 0;
    height: 50px;
}

.queue-sec {
    left: 90px;
    float: right;
    height: 28px;
}

.queue-sec .dropdown-toggle::after {
    vertical-align: middle;
    border-top: 0.4em solid;
    border-right: 0.4em solid transparent;
    border-left: 0.4em solid transparent;
}

/*.album-data {
            padding: 8px;
        }*/

.album-data ul {
    margin-bottom: 0;
    padding-left: 0;
}

.queue-sec a {
    color: #fff;
}

.btn-common.bordered {
    border: 1px solid white;
    background: transparent;
    border-radius: 1px;
    padding: 5px 8px;
    /*height: 30px;*/
    color: #fff;
    font-size: 14px;
}

.btn-common a {
    color: #fff;
    font-size: 14px;
}

.title-info h3 {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 0;
    line-height: 30px;
}

.bar-title {
    font-weight: bolder;
    font-family: Arial;
    font-size: 14px;
    line-height: 18px;
    max-width: 460px;
    color: #fff;
}

.play-list-info {
    background-color: #000000e0 !important;
    /* padding: 6px 0;*/
}

.tableFea_next {
    margin-left: 35px;
}

.play-list-album {
    background: unset;
    height: unset;
    padding: unset;
    position: relative;
}

.play-list-album .text-right p a {
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    line-height: 27px;
}

.play-list-albump {
    margin-bottom: 0;
}

.play-list-album a {
    margin: 0 auto;
    padding-right: 10px;
    color: #fff;
    font-size: 14px;
    font-family: Arial;
    font-weight: 400;
    vertical-align: middle;
    text-transform: capitalize;
}

.btn-grp {
    padding-right: 10px;
    padding: 9px 10px 0 10px;
}

.title-info {
    padding: 10px 0;
}

.dropdown-menu.show {
    /* background: #474747;*/
    border-radius: 0 !important;
}

.album-list {
    max-height: 180px;
    height: auto;
    overflow: auto;
    background: #606060;
}

.btn-common i {
    vertical-align: middle;
    font-size: 18px;
    padding-left: 4px;
    text-align: right;
}

.p-left {
    padding-left: 15px;
    float: left;
}

.p-right {
    padding-right: 15px;
    float: right;
    position: absolute;
    right: 0;
}

/* media query */
@media all and (max-width: 767px) and (min-width: 320px) {
    .p-left {
        padding-left: 5px !important;
        float: left;
    }
    .p-right {
        padding-right: 5px !important;
        float: right;
    }
    .btn-common.bordered {
        padding: 2px 6px;
        line-height: 20px;
    }
    .bar-author {
        font-size: 12px;
        font-weight: 400;
    }
    .playlist-sec .col-sm-6 {
        max-width: 50% !important;
        display: block;
    }
}

/* end media query */
/*play new css*/

.mdl-slider__background-lower {
    background: #000 !important;
}

.mdl-slider__background-upper {
    background: #3b8d86 !important;
}

input[type="range"] {
    background: #f9f9f9 !important;
}

input[type="range"] {
    background: #f9f9f9 !important;
}

.audio-player {
    width: 100%;
    padding: 0;
    margin: auto;
    background-color: white;
}

.player-controls {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.play-list-album p {
    margin: 0 0 0 5px;
    line-height: 1;
    display: inline-flex;
}

small {
    font-size: 10px;
    display: none;
}

.col-md-12.track-bar {
    padding: 0;
}

.mdl-slider__background-lower {
    background: #f9f9f9 !important;
}

/*end player css*/

.prs_pagination ul li {
    font-weight: 600 !important;
    margin: 0 20px;
}

.prs_pagination .pagination > li:nth-last-child(2) > a {
    margin-left: 0px;
}

.pagination li.paginate_button.page-item {
    margin: 0 20px;
}

/*#tableFea_paginate ul li:last-child {
    padding: 0 30px;
}*/

.dataTables_paginate li.page-item {
    font-weight: 600;
    margin-left: 20px;
    margin-right: 0;
    padding: 5px;
    line-height: 28px;
}

/* new css */

.album_container .play_price li:first-child {
    padding-right: 4px !important;
}

.album_rightlist ul {
    display: flex !important;
    justify-content: flex-end;
    align-items: center;
}

#tableFea a.view-btn button {
    height: 100%;
}

#tableFea button.playbtn {
    margin-right: 4px;
}

.btnview {
    cursor: pointer;
    border: 2px solid #cc0000;
    border-radius: 5px;
    padding: 12px 20px 12px 20px;
    color: #cc0000 !important;
    font-weight: 700;
    text-transform: uppercase;
    position: relative;
    margin-right: 4px;
}

.btnview:hover {
    background: #691417 !important;
    border: 2px solid #691417;
    color: #fff !important;
}

.modal_prelogin_header button.close {
    padding: 0 !important;
}

.btnall {
    cursor: pointer;
    border: 2px solid #cc0000;
    border-radius: 5px;
    padding: 12px 20px 12px 20px;
    color: #fff !important;
    background-color: #cc0000;
    font-weight: 700;
    text-transform: uppercase;
    position: relative;
}

.btnall:hover {
    background-color: #691417;
    border-color: #691417;
    color: #fff !important;
}

.flrght {
    text-align: right;
}

.staticwidthbtn {
    width: 250px;
    text-align: center;
}

.playbtn.fade:not(.show) {
    display: none;
}

.txtwhite {
    color: #fff;
}

.albumlist ul {
    display: flex;
    flex: 0 0 100%;
    align-items: center;
    padding: 10px 0px !important;
    flex-wrap: wrap;
}

.albumlist ul li.plylistlft {
    flex: 0 0 50%;
    padding: 0 20px;
    border: 0;
}

.albumlist ul li.playlstrght {
    flex: 0 0 50%;
    justify-content: flex-end;
    align-items: center;
    padding: 0 20px;
    border: 0;
    display: inline-flex;
}

.albumlist ul li.playlstrght .playbtn {
    margin-right: 4px;
}

.inflex {
    display: inline-flex;
}

.workbtn_listxx a.btnx {
    position: relative;
    top: 9px;
}

@media (max-width: 991px) {
    .albumlist ul li.plylistlft,
    .albumlist ul li.playlstrght {
        flex: 0 0 100% !important;
    }
    .albumlist ul li.plylistlft {
        margin-bottom: 20px;
    }
}

@media (max-width: 480px) {
    .albumlist ul li.playlstrght {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        padding: 0 2px;
    }
    .albumlist ul li.playlstrght span.playlist_timer {
        flex: 0 0 100%;
        text-align: center;
        margin-bottom: 10px;
    }
}

/* for subscriber alert */

.subscription-alert {
    position: relative;
    top: 0px;
    text-align: center;
    background: #ffda80;
    padding: 4px 30px 3px;
    height: 26px;
    line-height: 18px;
}

.subscription-alert p {
    padding: 0;
    text-align: left;
    color: #000;
    font-size: 18px;
    font-weight: normal;
    line-height: 20px;
}

.plusbtn-for-album {
    padding: 11px 20px 13px;
}

.cus-playlist-plusbtn {
    margin-left: 2px;
}

.radiocustom-control-label::before {
    width: 1rem;
    height: 1rem;
}

.zoomimg2 {
    width: 95%;
    height: 210px;
    margin: 0;
    padding: 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
}

/* Zoom In #1 */
.hover02 .zoomimg2 img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    width: 220px;
    height: 210px;
    max-width: 100%;
}

.circ-play:hover + .zoomimg2 img, .hover02 .zoomimg2:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.zoomimg {
    width: 250px;
    height: 250px;
    margin: 0;
    padding: 0;
    border-radius: 5px;
    overflow: hidden;
}

/* Zoom In #1 */

.hover00 {
    position: relative;
    z-index: 90;
}

.hover00 .circ-play {
    opacity: 0;
}

.hover00:hover .circ-play {
    opacity: 1;
    transition: opacity .5s ease-in-out;
    transition: bottom .25s ease-in-out;
    bottom: 30px;
}

.hover00 .circ-play {
    position: absolute;
    bottom: 20px;
    right: 30px;
    z-index: 89;
    width:80px;
    height:80px;
    padding-top: 14px;
    padding-left: 8px;
    line-height: 20px;
    border: 6px solid #fff;
    border-radius: 50%;
    color:#f5f5f5;
    text-align:center;
    text-decoration:none;
    background-color: rgba(0,0,0,0.5);
    font-size:20px;
    font-weight:bold;
    transition: all 0.3s ease;
}

.hover00 .circ-play:hover {
    background-color: rgba(0,0,0,0.8);
    box-shadow: 0px 0px 10px rgba(255,255,100,1);
    text-shadow: 0px 0px 10px rgba(255,255,100,1);
}

.hover01 .zoomimg img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    width: 250px;
    height: 250px;
}

.circ-play:hover + .zoomimg img, .hover01 .zoomimg:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    transition: 0.5s;
}

.zoomimg3 {
    width: 130px;
    height: auto;
    margin: auto;
    padding: 0;
    overflow: hidden;
    border-radius: 100%;
}
/* Zoom In #1 */
.hover03 .zoomimg3 img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    width: 130px;
    height: 130px;
}

.hover03 .zoomimg3:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.Phover02 {
    margin-right: 1em;
}

.Pzoomimg2 {
    width: 300px;
    height: 300px;
    margin: 0em 0em 1em 0em;
}

/* Zoom In #1 */

.img-section .Phover02 .Pzoomimg2 img {
    width: auto;
    height: auto;
}

.Wzoomimg2 {
    width: 260px;
    height: 260px;
    margin: 0em 1em 1em 0em;
}
/* Zoom In #1 */

.Whover02 .Wzoomimg2 img {
    width: 260px;
    height: 260px;
}
.cus-performer li {
    margin: 0 1px;
}

.cusline-style {
    height: 50px;
    padding: 0 3px;
}

.featurecusline-style {
    margin: 0 6px 0 2px;
    height: 55px;
    padding-bottom: 0;
}
div.album_img img {
    max-height: 100%;
}
@media (min-width: 1900px) {
    .zoomimg2 {
        width: 280px;
        height: 280px;
    }
    .hover02 .zoomimg2 img {
        width: 280px;
        height: 280px;
    }
    .img-section .Phover02 .Pzoomimg2 img {
        width: 380px;
        height: 380px;
    }
    .img_section .Whover02 .Wzoomimg2 img {
        width: 380px;
        height: 380px;
    }
}
@media (min-width: 1440px) {
    .max_height {
        height: 100vh;
    }
    .web-header-icon a i {
        font-size: 20px;
    }
}
@media (max-width: 1440px) {
    .navbar-nav.navbar-right > li > a {
        padding: 10px 5px;
        font-size: 13px;
    }
}
@media screen (-webkit-min-device-pixel-ratio: 1) and (min-width: 1440px) and (max-width: 1899px) {
    .zoomimg2 {
        width: 300px;
        height: 300px;
    }

    .hover02 .zoomimg2 img {
        width: 100%;
        height: 100%;
    }
}
@media screen and (min-width: 1440px) and (max-width: 1899px) {
    .zoomimg2 {
        width: 100%;
        height: 210px;
    }
    .img-section .Phover02 .Pzoomimg2 img {
        width: 210px;
        height: 210px;
    }
    .hover02 .zoomimg2 img {
        width: 210px;
        height: 210px;
    }
}
@media (min-width: 769px) {
    .cusplaylist_toggle .plusbtn,
    .buybtn,
    .playbtn {
        display: inline-block;
    }
}

@media (max-width: 768px) {
    .plusbtn-for-album {
        padding: 12px 20px 13px;
    }
    #lb-img {
        display: none;
    }
}

@media (min-width: 650px) and (max-width: 768px) {
    .cusplaylist_toggle .plusbtn,
    .buybtn,
    .playbtn {
        display: inline-block;
    }
    .plusbtn-for-album {
        padding: 10px 20px 10px;
    }
}

@media (min-width: 320px) and (max-width: 649px) {
    .cusplaylist_toggle .plusbtn,
    .buybtn,
    .playbtn {
        display: inline-block;
    }
    .plusbtn-for-album {
        padding: 10px 20px 13px;
    }
}

@media (min-width: 641px) and (max-width: 649px) {
    .cusplaylist_toggle .plusbtn,
    .buybtn,
    .playbtn {
        display: inline-block;
    }
    .plusbtn-for-album {
        padding: 11px 20px 13px;
    }
}

@media (min-width: 991px) and (max-width: 1200px) {
    .cus-playlist-plusbtn {
        margin-left: 3px;
        margin-right: 1px;
    }
}

@media (min-width: 320px) and (max-width: 403px) {
    #top_txt_slider h2 {
        font-size: 12px;
    }
    .slide-texts p {
        font-size: 11px;
        line-height: 20px;
        padding: 5px 30px 0;
    }
    #top_txt_slider h4 {
        color: #ffffff !important;
        font-size: 12px;
        position: relative;
    }
    .autoplay_text .slick-next:before {
        content: "";
        background-image: url(../img/arrow-white-right.png) !important;
        background-size: 10px;
        height: 30px;
        width: 25px !important;
        position: absolute;
        bottom: -1px;
        right: 150px;
        transition: transform 0.5s ease;
        background-repeat: no-repeat;
    }
    .autoplay_text .slick-next:before {
        right: 30px !important;
    }
    .autoplay_text .slick-prev:before {
        content: "";
        background-image: url(../img/arrow-white-left.png) !important;
        background-size: 10px;
        height: 20px;
        width: 20px !important;
        position: absolute;
        bottom: 10px;
        left: 150px;
        transition: transform 0.5s ease;
        background-repeat: no-repeat;
    }
    .autoplay_text .slick-prev:before {
        left: 40px !important;
    }
}

@media (min-width: 404px) and (max-width: 479px) {
    #top_txt_slider h2 {
        font-size: 12px;
    }
    .slide-texts p {
        font-size: 11px;
        line-height: 20px;
        padding: 5px 30px 0;
    }
    #top_txt_slider h4 {
        color: #ffffff !important;
        font-size: 12px;
        position: relative;
    }
    .autoplay_text .slick-next:before {
        content: "";
        background-image: url(../img/arrow-white-right.png) !important;
        background-size: 10px;
        height: 30px;
        width: 25px !important;
        position: absolute;
        bottom: -10px;
        right: 150px;
        transition: transform 0.5s ease;
        background-repeat: no-repeat;
    }
    .autoplay_text .slick-next:before {
        right: 30px !important;
    }
    .autoplay_text .slick-prev:before {
        content: "";
        background-image: url(../img/arrow-white-left.png) !important;
        background-size: 10px;
        height: 20px;
        width: 20px !important;
        position: absolute;
        bottom: 0px;
        left: 150px;
        transition: transform 0.5s ease;
        background-repeat: no-repeat;
    }
    .autoplay_text .slick-prev:before {
        left: 40px !important;
    }
}

@media (min-width: 480px) and (max-width: 600px) {
    #top_txt_slider h2 {
        color: #fff !important;
        font-size: 17px;
        margin-bottom: 0px;
        margin-top: 8px;
    }
    .slide-texts p {
        color: #ffffff !important;
        margin-bottom: 0px !important;
        font-size: 12px;
    }
    #top_txt_slider h4 {
        color: #ffffff !important;
        font-size: 16px;
        position: relative;
    }
    .autoplay_text .slick-prev:before {
        left: 40px !important;
    }
    .autoplay_text .slick-next:before {
        right: 40px !important;
    }
    .autoplay_text .slick-prev:before {
        content: "";
        background-image: url(../img/arrow-white-left.png) !important;
        background-size: 10px;
        height: 30px;
        width: 25px !important;
        position: absolute;
        bottom: -10px;
        left: 150px;
        transition: transform 0.5s ease;
        background-repeat: no-repeat;
    }
    .autoplay_text .slick-next:before {
        content: "";
        background-image: url(../img/arrow-white-right.png) !important;
        background-size: 10px;
        height: 30px;
        width: 25px !important;
        position: absolute;
        bottom: -10px;
        right: 150px;
        transition: transform 0.5s ease;
        background-repeat: no-repeat;
    }
}

@media (min-width: 769px) and (max-width: 800px) {
    .slick-next {
        right: -45px;
    }
    .slick-prev {
        left: -45px;
    }
}

@media (min-width: 992px) and (max-width: 1270px) {
    .navbar {
        height: 89px;
    }
    .performer_left_colm {
        width: 67% !important;
    }
    .performer_right_colm {
        width: 33% !important;
    }
}
@media (min-width: 769px) and (max-width: 991px) {
    .pagination li.paginate_button.page-item {
        margin: 0 10px !important;
    }
}

@media (min-width: 1024px) and (max-width: 1199px) {
    .zoomimg2 {
        width: 95%;
        height: 200px;
    }
    .hover02 .zoomimg2 img {
        width: 210px;
        height: 200px;
    }
    .img_section .Whover02 .zoomimg2 {
        width: 290px;
        height: auto;
    }
    .img_section .Whover02 .Wzoomimg2 img {
        width: 290px;
        height: 290px;
    }
}
@media (max-width: 1199px) {
    .logo {
        max-width: 270px;
    }
    .logo .unicorn-logo {
        max-width: 45px;
        max-height: 100%;
    }
    .logo .text-logo {
        width: 200px;
        max-height: 100%;
    }
    .navbar-nav.navbar-right > li > a {
        font-size: 11px !important;
    }
    .web-header-icon a i {
        font-size: 13px;
    }
    .musical-tabs ul li a {
        padding: 4px 8px !important;
    }
}

@media (min-width: 641px) and (max-width: 767px) {
    .buymp3price {
        padding: 4px 15px 4px 15px;
    }
    .cusbuymp3track {
        padding: 5px 15px 5px 15px;
    }
    .media {
        width: 550px;
    }
    .top-buy.buybtn{
        font-size: 13px;
    }
}
@media (max-width: 640px) {
    div#tableFea_paginate ul.pagination li {
        display: none;
        position: relative;
    }
    .dataTables_paginate.paging_full_numbers ul.pagination li {
        display: none;
        position: relative;
    }
    div#tableFea_paginate ul.pagination li.active {
        display: block;
        margin-right: 28px !important;
    }
    div#tableFea_paginate ul.pagination li.paginate_button.page-item.first.disabled {
        display: block !important;
    }
    div#tableFea_paginate ul.pagination li.paginate_button.page-item.previous.disabled {
        display: block !important;
    }
    div#tableFea_paginate ul.pagination li.paginate_button.page-item.first {
        display: block !important;
    }
    div#tableFea_paginate ul.pagination li.paginate_button.page-item.previous {
        display: block !important;
    }
    div#tableFea_paginate ul.pagination li.paginate_button.page-item.next {
        display: block !important;
        padding-top: 6px;
    }
    div#tableFea_paginate ul.pagination li.paginate_button.page-item.last {
        display: block !important;
    }
    /* div#tableFea_paginate ul.pagination li:nth-last-child(3) {
      display: block !important;
  } */
    /* div#tableFea_paginate ul.pagination li:nth-last-child(3):before {
      content:"/";  
      position:absolute;
      left   :-2px;
  } */
    .dataTables_paginate.paging_full_numbers ul.pagination li {
        display: none;
    }
    .dataTables_paginate.paging_full_numbers ul.pagination li.active {
        display: block;
        margin-right: 20px !important;
    }
    .dataTables_paginate.paging_full_numbers li.paginate_button.page-item.first.disabled {
        display: block !important;
    }
    .dataTables_paginate.paging_full_numbers li.paginate_button.page-item.previous.disabled {
        display: block !important;
    }
    .dataTables_paginate.paging_full_numbers li.paginate_button.page-item.first {
        display: block !important;
    }
    .dataTables_paginate.paging_full_numbers li.paginate_button.page-item.previous {
        display: block !important;
    }
    .dataTables_paginate.paging_full_numbers li.paginate_button.page-item.next {
        display: block !important;
    }
    .dataTables_paginate.paging_full_numbers li.paginate_button.page-item.last {
        display: block !important;
    }
    /* .dataTables_paginate.paging_full_numbers ul.pagination li:nth-last-child(3) {
      display: block !important;
  } */
    .dataTables_paginate.paging_full_numbers ul.pagination li:nth-last-child(2) a {
        /*padding: 5px !important;*/
        margin-left: -5px;
    }
    /* .dataTables_paginate.paging_full_numbers ul.pagination li:nth-last-child(3):before {
      content:"/";  
      position:absolute;
      left   :-2px;
  } */
    div#tableFea_paginate ul.pagination li.paginate_button.page-item.next a label:before,
    .dataTables_paginate.paging_full_numbers ul.pagination li.paginate_button.page-item.next a label:before {
        content: "/";
        left: -30px;
        top: 7px;
        position: absolute;
    }
    div#tableFea_paginate ul.pagination li.paginate_button.page-item.next a label:after,
    .dataTables_paginate.paging_full_numbers ul.pagination li.paginate_button.page-item.next a label:after {
        content: attr(dataset);
        position: absolute;
        left: -10px;
        top: 7px;
    }
    div#tableFea_paginate ul.pagination li.paginate_button.page-item.next a label,
    .dataTables_paginate.paging_full_numbers ul.pagination li.paginate_button.page-item.next a label {
        pointer-events: none !important;
    }
    .question_tooltip .question_tooltiptext {
        left: -145px;
        font-size: 12px;
        width: 300px;
    }
    .question_tooltip .question_tooltiptext::after {
        left: 71%;
    }
    .question_tooltip .question_tooltiptext.com_question_tooltiptext {
        left: -75px;
    }
    .question_tooltip .question_tooltiptext.com_question_tooltiptext::after {
        left: 48%;
    }
    .allplaybtn a {
        padding: 12px 50px;
    }
}
@media (min-width: 320px) and (max-width: 479px) {
    #top_txt_slider h4:after {
        top: -2px;
    }
    .paginate_button:nth-child(5) {
        display: none;
    }
    .paginate_button:nth-child(6) {
        display: none;
    }
    .paginate_button:nth-child(7) {
        display: none;
    }
}
.hoversec {
    width: 290px;
    height: 290px;
}

.overlay {
    position: fixed;
    bottom: 0;
    left: 160px;
    right: 0;
    top: 0px;
    background-color: transparent;
    overflow: hidden;
    display: block;
    margin: auto;
    width: 450px;
    height: auto;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: 0.1s ease;
    transition: 0.1s ease;
    z-index: 999;
}

.hoversec:hover .overlay {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

#lb-img {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
}

#lb-img img {
    width: 100%;
    height: auto;
    max-width: 450px;
    border: 5px solid #ccc;
}

.playmodalbox .cusshow_div {
    top: 52px !important;
    right: 0;
    left: unset !important;
}

.cusshow_div:before {
    top: -18px;
    left: unset;
    right: 20px;
}
.great-btn {
    margin: 5em auto 0;
    display: block;
}

.great-btn .browerbtn a {
    margin: 0 1em 1.5em;
}

.great-sec {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    list-style: none;
    padding: 0;
    margin-bottom: 5em;
}

.great-sec li {
    flex: 0 0 20%;
    padding: 10px 8px 10px 0;
}

.great-sec li a {
    display: flex;
    align-items: center;
}

.great-sec li img {
    width: 40px;
    height: 40px;
    float: left;
    margin: 0 10px 0 0;
    border-radius: 3px;
}

.great-sec li span {
    display: block;
    text-align: left;
    font-size: 13px;
    font-weight: 600;
    color: #222;
}

.allgreatpage-head {
    margin: 0 0 0.5em;
    font-size: 65px;
    text-transform: capitalize;
    color: #bb7d11;
    font-weight: 600;
    font-family: Verlag;
}

.browerbtn .cus-btn-great {
    border: 1px solid maroon;
    display: inline-block;
    margin: 0 15px 5em;
    color: maroon;
    font-weight: 600;
}

.browerbtn .cus-btn-great:hover {
    background-color: maroon;
    color: #fff;
}

/****************************Start latest css(11/25/2021)*************************************/
.album_container .play_price li {
    position: relative;
}
.prs_list_work .mn_play_icon {
    padding: 5px 3px 5px 6px;
    border: 1px solid;
    font-size: 13px;
    height: 25px;
    width: 25px;
    text-align: center;
    align-items: center;
    margin-right: 10px;
    border-radius: 5px;
    cursor: pointer;
}
.modal.show .modal-dialog.cus-dialog-box {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 22%;
    transform: translate(-50%, -50%);
}
.modal-content.cus-modal-contant {
    box-shadow: 0px 5px 20px -5px #000;
    width: auto;
}
.modal-header.modal-header1.popup-modal-head {
    display: block;
}
.popup-modal-head h3 {
    font-size: 25px;
    font-weight: 700;
    text-align: center;
    text-transform: capitalize;
    margin-bottom: 0;
}
.modal-header.popup-modal-head {
    background: #ececec;
    padding: 10px 0;
}
.modal-body.cus-modal-popup-bdy {
    font-size: 20px;
    text-align: center;
    color: #000;
    font-weight: 500;
}
.modal-body.cus-modal-popup-bdy p {
    font-size: 20px;
    color: #000;
}
.modal-footer.popup-modal-footer {
    background: #ececec;
    padding: 12px 0;
    border-top: 1px dashed #d2d2d2;
    border-radius: 0 0 5px 5px;
}
.cus-btn-popup {
    width: auto;
    height: auto;
    padding: 5px 30px;
    border-radius: 3px;
    text-transform: capitalize;
    color: #ffffff !important;
    background: #cc0000;
    border: 1px solid #cc0000;
    font-size: 16px;
    letter-spacing: 1px;
    margin: auto;
}

/****************************End latest css*************************************/
.playmodalbox .albumshow_div {
    right: 0;
    min-width: 365px;
}

@media screen and (max-width: 1250px) and (min-width: 1081px) {
    .playmodalbox .cusshow_div {
        left: unset !important;
    }
    .playmodalbox .albumshow_div {
        left: unset !important;
    }
}
@media (max-width: 1024px) {
    .home-slider {
        width: 95%;
        height: 170px;
    }
    .hover02 .zoomimg2:hover img {
        transform: none;
    }
    .hover02.home-slider-outter .home-slider img {
        width: 210px;
        height: 170px;
    }
    .modal.show .modal-dialog.cus-dialog-box {
        left: 15%;
    }
    .logo {
        max-width: 235px;
    }
    .logo .unicorn-logo {
        max-width: 40px;
    }
    .logo .text-logo {
        width: 180px;
    }
}
@media (max-width: 980px) {
    .albumshow_div:before {
    }
    .playmodalbox .cusshow_div {
        top: 52px !important;
        left: -100px !important;
        right: unset !important;
    }
    .cusshow_div:before {
        top: -18px !important;
        left: 61px !important;
        transform: rotate(180deg) !important;
        right: unset;
    }
}
@media (max-width: 768px) {
    .albumcusline-style {
        height: 46px;
        padding: 0 3px;
    }
    .performercusline-style {
        height: 46px;
        padding: 0 3px;
    }
    .mp3cusline-style {
        height: 54px;
        padding-bottom: 2px;
    }
    .cusalbumplaybtn {
        line-height: 18px;
    }
    .great-btn .browerbtn a {
        margin: 0 1em 1.5em;
    }
    .featureplaylist-btn {
        text-align: right;
    }
    .great-sec li {
        flex: 0 0 33.33%;
    }
    .browerbtn .cus-btn-great {
        margin: 0 5px 1em;
        font-size: 15px;
        padding: 15px 0;
        width: 30%;
    }
    .modal.show .modal-dialog.cus-dialog-box {
        left: 0%;
    }
    .playmodalbox.before_login_perf .show_prelogin_div {
        right: -100px;
    }
    .playmodalbox.before_login_perf .show_prelogin_div:before {
        right: 115px;
    }
    .playmodalbox.after_login_perf .show_prelogin_div {
        right: -100px;
    }
    .playmodalbox.after_login_perf .show_prelogin_div:before {
        right: 115px;
    }
}
@media (max-width: 767px) {
    .playmodalbox .albumshow_div:before {
        top: -18px;
        right: 16px;
    }
    .playmodalbox .cusshow_div:before {
        left: 17% !important;
    }
    .home-slider {
        width: 95%;
        height: 250px;
    }
    .hover02.home-slider-outter .home-slider img {
        width: 250px;
        height: 250px;
    }
}
@media (max-width: 639px) {
    .home-slider {
        width: 100%;
        height: 200px;
    }
    .hover02.home-slider-outter .home-slider img {
        width: 200px;
        height: 200px;
    }
}
/* Great Section */

@media (max-width: 540px) {
    .great-sec li {
        flex: 0 0 50%;
        padding: 10px 6px 10px 0;
    }
    .great-sec li img {
        margin: 0 5px 0 0;
    }
    .great-sec li span {
        font-size: 11px;
    }
    .browerbtn .cus-btn-great {
        margin: 0 0px 1em;
        color: maroon;
        font-weight: 500;
        font-size: 13px;
        padding: 10px 5px !important;
        width: 100%;
    }
    .allgreatpage-head {
        margin: 15px 0;
        font-size: 30px;
    }
    .great-btn .browerbtn a {
        margin: 0 0px 1em;
        color: maroon !important;
        font-weight: 500;
        font-size: 13px;
        padding: 10px 5px !important;
        width: 90%;
    }
    .modal.show .modal-dialog.cus-dialog-box {
        margin: 0 2em;
        transform: translate(-75%, -50%);
    }
    .media-body.album_container {
        padding: 25px 0 0;
    }

    .workinlinebtnprice .playmodalbox .show_div {
        right: -35px;
    }
    .workinlinebtnprice .playmodalbox .show_div:before {
        right: 52px;
    }
    .workinlinebtnprice .workbtn_listxx {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        justify-content: flex-end;
    }
    .workbtn_listxx a.btnx {
        top: 0;
    }
    .track_body .workinlinebtnprice .playmodalbox .show_div {
        min-width: 300px;
    }
    .home-slider {
        width: 100%;
        height: 100%;
        margin: auto;
    }
    .hover02.home-slider-outter .home-slider img {
        width: 100%;
        height: auto;
    }
    .foot h2 {
        font-size: 15px;
    }
    .singup .foot .W100.btn-lg.btn-block {
        background-color: rgb(194, 0, 8);
        font-size: 15px;
    }
    .pro_btn {
        font-size: 15px;
    }
    .prs_title.title-large{
        display: none;
    }
    h1.prs_title.d-none{
        display: block !important;
    }
}

@media (max-width: 479px) {
    .mp3cusline-style {
        height: 43px;
        padding-bottom: 1px;
    }
    a.performerbuytrack {
        height: 42px !important;
        line-height: 16px;
    }
    .cusalbumplaybtn {
        line-height: 18px;
    }
    a.workpagebuymp3 {
        height: unset !important;
        font-size: 12px;
        padding: 0px 6px 6px 6px;
        text-align: center;
        white-space: nowrap;
    }
    .modal.show .modal-dialog.cus-dialog-box {
        margin: 0 1em;
        transform: translate(-75%, -50%);
    }
    .modal-body.cus-modal-popup-bdy {
        font-size: 15px;
    }
    .modal-body.cus-modal-popup-bdy p {
        font-size: 14px;
        margin-bottom: 5px;
    }
    .greats_left_arrow {
        right: 30px !important;
    }
    .greats_right_arrow {
        left: 30px !important;
    }

    .track_body .playmodalbox .show_div {
        min-width: 330px;
    }
    .playmodalbox .albumshow_div {
        min-width: 330px;
        right: -100px;
    }
    .playmodalbox .albumshow_div:before {
        right: 115px;
    }
    .playmodalbox .show_div {
        min-width: 330px;
        right: -100px;
    }
    .album_rightlist .show_div:before {
        right: 115px;
    }
    .workbtn_listxx .show_prelogin_div {
        right: -100px;
    }
    .workbtn_listxx .show_prelogin_div:before {
        right: 115px;
    }
    .playmodalbox.before_login_work .show_prelogin_div {
        right: -100px;
    }
    .playmodalbox.before_login_work .show_prelogin_div:before {
        right: 115px;
    }
    .playmodalbox.after_login_work .show_prelogin_div {
        right: -100px;
    }
    .playmodalbox.after_login_work .show_prelogin_div:before {
        right: 115px;
    }
    .playmodalbox.afterLoginAlbum .show_prelogin_div {
        right: -100px;
    }
    .playmodalbox.afterLoginAlbum .show_prelogin_div:before {
        right: 115px;
    }
    .playmodalbox.AlbumPage .show_prelogin_div {
        right: -100px;
    }
    .playmodalbox.AlbumPage .show_prelogin_div:before {
        right: 115px;
    }
    .playmodalbox .show_prelogin_div:before {
        right: 130px;
    }
    .logo {
        max-width: 200px;
    }
    .logo .unicorn-logo {
        max-width: 35px;
    }
    .logo .text-logo {
        width: 150px;
    }
    .subscription-alert p {
        font-size: 10px !important;
    }
    .mn-sub_yer .yearly {
        font-size: 15px;
    }
    .mn-sub_yer .price {
        font-size: 15px;
    }
    .radio-box-right h3 {
        font-size: 15px;
    }
    .radio-box-right p {
        font-size: 12px;
    }
    .plan {
        margin: 0 1rem;
    }
    .radio-box-right {
        margin: 2rem 1rem;
    }
    .mob-navigation {
        top: 15px;
    }
}
@media (max-width: 375px) {
    .logo {
        max-width: 150px;
    }
    .navbar-brand {
        width: 150px;
    }
    .logo .unicorn-logo {
        max-width: 25px;
    }
    .logo .text-logo {
        width: 120px;
    }
    .credit-btn.box-header h4 a{
    font-size: 11px;
    }
}
@media (max-width: 360px) {
    .track_body .workinlinebtnprice .playmodalbox .show_div {
        min-width: 300px;
        right: -100px;
    }
    .track_body .workinlinebtnprice .playmodalbox .show_div:before {
        right: 115px;
    }
    .playmodalbox .show_div {
        min-width: 300px;
    }
    .AlbumPage.playmodalbox .show_prelogin_div {
        right: -100px;
    }
    .AlbumPage.playmodalbox .show_prelogin_div:before {
        right: 115px;
    }
    .playmodalbox.afterLoginAlbum .show_prelogin_div {
        right: -100px;
    }
    .playmodalbox.afterLoginAlbum .show_prelogin_div:before {
        right: 115px;
    }
    .mn-sign-up .head h3 {
        font-size: 15px;
    }
    .mn-sub_yer .yearly {
        font-size: 13px;
        padding-bottom: 0;
    }
    .mn-sub_yer .price {
        font-size: 13px;
    }
    .mn-sub_yer .price {
        font-size: 13px;
        line-height: 15px;
    }
    .plan_limit {
        font-size: 11px;
    }
    .plan {
        height: 180px;
    }
    .foot h2 {
        font-size: 12px;
    }
    .singup .foot .W100.btn-lg.btn-block {
        font-size: 12px;
    }
    .pro_btn {
        font-size: 12px;
    }
    .radio-box-right h3 {
        font-size: 13px;
    }
    .radio-box-right p {
        font-size: 11px;
    }

    #mobsearchBtn1 a {
        padding: 10px 0;
    }
}
@media (max-width: 320px) {
    .browerbtn .cus-btn-great {
        margin: 0 0 1em;
        padding: 10px 0 !important;
        width: 100%;
    }
    .great-sec li {
        padding: 10px 5px 10px 0;
    }
    .great-sec li span {
        font-size: 10px;
    }
    .playmodalbox .albumshow_div {
    }
    .popup-modal-head h3 {
        font-size: 18px;
    }
    .modal-body.cus-modal-popup-bdy p {
        font-size: 13px;
    }
    .modal-body.cus-modal-popup-bdy {
        font-size: 12px;
    }
    .cus-btn-popup {
        font-size: 12px;
        padding: 5px 30px !important;
    }
    .playmodalbox .albumshow_div {
        min-width: 300px;
    }
    .greats_left_arrow_two {
        right: -20px !important;
    }
    .greats_right_arrow_two {
        left: -20px !important;
    }
    .greats_left_arrow {
        right: 10px !important;
    }
    .greats_right_arrow {
        left: 10px !important;
    }
    .track_body .workinlinebtnprice .playmodalbox .show_div {
        left: -120px !important;
    }
    .track_body .workinlinebtnprice .playmodalbox .show_div:before {
        left: 140px !important;
    }
    .track_body .playmodalbox .show_div {
        min-width: 300px;
    }
    .logo {
        max-width: 160px;
    }
    .logo .unicorn-logo {
        max-width: 30px;
    }
    .logo .text-logo {
        width: 125px;
    }
    .question_tooltip .question_tooltiptext.com_question_tooltiptext {
        left: -93px;
    }
    .question_tooltip .question_tooltiptext.com_question_tooltiptext::after {
        left: 54%;
    }
}
@media (max-width: 280px) {
    body .subscription-alert p {
        font-size: 8px !important ;
    }

    .playbtn {
        padding: 12px 10px 12px 10px;
    }
    .album_container2 .play_price .playbtn {
        padding: 14px 10px 14px 10px;
        font-size: 11px;
    }
    .buyalbumprice {
        padding: 5px 10px 5px 10px;
        font-size: 11px;
    }
    .sectionP140 {
        padding-top: 70px;
    }
    .logo {
        max-width: 100px;
    }
    .logo .unicorn-logo {
        max-width: 20px;
        margin-right: 5px;
    }
    .logo .text-logo {
        width: 100px;
    }
}

#nav-tabContent .prs_pagination ul li.ng-scope a {
    color: #000 !important;
}
#nav-tabContent .prs_pagination ul li.ng-scope.active a {
    color: #c20008 !important;
}
#nav-tabContent .prs_pagination ul li.ng-scope.active a:active,
.prs_pagination ul li.ng-scope.focus a {
    color: #c20008 !important;
}
#nav-tabContent .prs_pagination ul li.ng-scope a:active,
.prs_pagination ul li.ng-scope a:focus {
    color: #000 !important;
}
.view_price ul li a.buybtn.plblock {
    display: inline-block !important;
    padding: 5px 15px 5px 15px;
    font-size: 13px;
}
.view_price ul li a.btnview {
    padding: 14px 20px 14px 20px;
}
.playlist_modal img.topcusline-style {
    width: 1px;
    height: 55px;
}

.view_price ul li a.buybtn.plblock {
    display: inline-block !important;
    padding: 5px 15px 5px 15px;
    font-size: 13px;
}
.view_price ul li a.btnview {
    padding: 12px 20px 12px 20px;
    color: #fff !important;
    background-color: #cc0000;
    margin-right: 0;
}
.playlist_modal img.topcusline-style {
    width: 1px;
    height: 55px;
}
#track_detail .album_rightlist ul li {
    padding: 0 2px 0 0 !important;
}
#track_detail .album_rightlist ul li a#plusbtn_playlist {
    margin-left: 2px !important;
}
.playlist_toggle.album_rightlist_1 ul li a.plusbtn {
    margin-left: 2px !important;
}
#track_detail .album_rightlist ul li a.albume_onlybtn {
    padding: 15px 10px;
}
/* allComposer page */
.allCompLoader {
    position: absolute !important;
    width: 100%;
    height: 100%;
    z-index: 99;
}
.allCompLoader:before {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 999;
}
.allCompLoader:after {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 999;
    top: 45%;
    float: none;
}
.cus-great:hover .great-img {
    border: 1px solid #cc0000;
    border-radius: 3px;
}
.cus-great:hover .great-txt {
    border: 1px solid #cc0000;
    padding: 3px 1px;
    border-radius: 3px;
    color: maroon;
}
ul.gtcl {
    margin-top: 120px;
}
span.crd {
    opacity: 0.6;
    font-weight: normal;
    padding-left: 5px;
    text-transform: lowercase;
}

input.downloadcount {
    background: transparent;
    color: #fff;
    border: 0;
    width: 35px;
}
input.downloadcount:focus-visible {
    outline: none;
}

/*download icon hover tooltip css 7 july*/
.menuTooltip {
    position: relative;
}
.menuTooltip .menuTooltip-text {
    visibility: hidden;
    width: 150px;
    background-color: #6e1415;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    top: 150%;
    left: 50%;
    margin-left: -75px;
    margin-top: 10px;
}
.menuTooltip .menuTooltip-text::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #6e1415;
}
.downloadcount:hover ~ .menuTooltip .menuTooltip-text {
    visibility: visible;
    border: 1px solid rgba(0, 0, 0, 0.15);
}

.Shopping_cart:hover ~ .menuTooltip .menuTooltip-text {
    visibility: visible;
    border: 1px solid rgba(0, 0, 0, 0.15);
}
.searchTool:hover ~ .menuTooltip .menuTooltip-text {
    visibility: visible;
    border: 1px solid rgba(0, 0, 0, 0.15);
}
#tpb:hover ~ .menuTooltip .queueTooltip-text{
    visibility: visible;
}
.queueTooltip-text{
     visibility: hidden;
    width: 150px;
    background-color: #fdfaf2;
    color: #000000bd !important;
    text-align: center;
/*    border-radius: 6px;*/
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    top: 150%;
    left: 50%;
    margin-left: -100px;
    margin-top: 0px;
}
.cusD {
    display: none;
    left: -87px !important;
    top: 47px;
}
.cusP {
    position: relative;
}
.cusP:hover .cusD {
    display: block;
}
.SignupTxt-section {
    padding: 0 2rem;
}
.SignupTxt-section .main-text {
    color: #ffcf9c;
    font-size: 43px;
    font-weight: bold;
    text-align: center;
}
.SignupTxt-section .sec-main-text {
    color: #ffcf9c;
    font-size: 28px;
    font-weight: bold;
    text-align: center;
}
.SignupTxt-section .clipTxt {
    color: #fff;
    text-align: center;
    font-size: 18px;
}
.SignupTxt-section .streamList ul {
    list-style: none;
    padding-left: 0;
}
.SignupTxt-section .streamList ul li {
    font-size: 18px;
    font-weight: bold;
    color: #ffcf9c;
}
.SignupTxt-section .streamList ul li a {
    cursor: pointer;
}
.SignupTxt-section .streamList ul li:hover a {
    text-decoration: underline !important;
}
.SignupTxt-section .streamList ul li:hover a i {
    color: #ffcf9c;
}
.SignupTxt-section .streamList ul li a i {
    color: #fff;
    margin-right: 5px;
    font-size: 20px;
}
.signupFooter {
    font-size: 15px;
    font-weight: bold;
    color: #ffcf9c;
    text-align: center;
}
.fullList a {
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    display: block;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}
.Archives-sign-up {
    height: auto;
}
@media (max-width: 1920px) and (min-width: 1900px) {
    .SignupTxt-section ul.firstList {
        padding-left: 4rem;
    }
    .alphOrderlistCont {
        max-width: 55%;
    }
    .box-main-img img {
        width: auto !important;
    }
}

@media (max-width: 991px) {
    .fullList a {
        font-size: 13px;
    }
    .SignupTxt-section .main-text {
        font-size: 30px;
    }
    .SignupTxt-section .sec-main-text {
        font-size: 18px;
    }
    .SignupTxt-section .clipTxt {
        font-size: 12px;
    }
    .SignupTxt-section .streamList ul li {
        font-size: 13px;
    }
    .signupFooter {
        font-size: 12px;
    }
    .musical-tabs ul li a {
        font-size: 10px !important;
        padding: 4px 5px !important;
    }
}
@media (max-width: 767px) {
    .Archives-sign-up {
        height: auto;
    }
    .SignupTxt-section ul.firstList {
        padding-left: 4rem;
    }
    .album-info-box {
        margin-top: 20px;
    }
    .musical-tabs ul li a {
        font-size: 14px;
        padding: 4px 6px;
    }
}
@media (max-width: 639px) and (min-width: 576px) {
    .SignupTxt-section ul.firstList {
        padding-left: 1rem;
    }
}
@media (max-width: 576px) {
    .Box-album img {
        width: 110px !important;
    }
}
@media (max-width: 540px) and (min-width: 500px) {
    .SignupTxt-section ul.firstList {
        padding-left: 3.5rem;
    }
}
@media (max-width: 500px) {
    .SignupTxt-section ul.firstList {
        padding-left: 2rem;
    }
}
@media (max-width: 479px) and (min-width: 420px) {
    .SignupTxt-section ul.firstList {
        padding-left: 2rem;
    }
}
@media (max-width: 479px) {
    .SignupTxt-section {
        padding: 0;
    }
    .SignupTxt-section .main-text {
        font-size: 25px;
    }
    .SignupTxt-section .sec-main-text {
        font-size: 15px;
    }
    .SignupTxt-section .streamList ul li {
        font-size: 11px;
    }
    .SignupTxt-section .streamList ul li a i {
        font-size: 12px;
    }
}
@media (max-width: 360px) {
    .SignupTxt-section ul.firstList {
        padding-left: 1rem;
    }
}
@media (max-width: 320px) {
    .SignupTxt-section .main-text {
        font-size: 20px;
    }
    .SignupTxt-section .sec-main-text {
        font-size: 12px;
    }
    .SignupTxt-section .clipTxt {
        font-size: 10px;
    }
    .SignupTxt-section .streamList ul li {
        font-size: 10px;
    }
    .signupFooter {
        font-size: 11px;
    }
}
#accordion .select10 .panel-title a span:after {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    transform: rotate(0deg);
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    background: #ab1d19;
    color: #f9a10e !important;
}
#accordion ul.composerListsec {
    padding-left: 0rem;
}
html {
    scroll-behavior: smooth;
}
.box-img {
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    display: block;
}
.box-div {
    width: 250px !important;
    height: 200px !important;
}
.banner-text {
    text-align: center;
    margin-top: 54px;
    margin-bottom: 54px;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}
.cus-container {
    /*max-width: 900px;*/
    text-align: center;
}
.banner-text .col p {
    font-size: 18px;
    white-space: nowrap;
}
@media (max-width: 768px) {
    .prs_pagination ul li {
        margin: 0 8px;
    }
    .none {
        display: none;
    }
    .banner-text {
        margin-top: 36px;
        margin-bottom: 38px;
    }
}
@media (max-width: 991px) {
    .banner-text h3 {
        font-size: 1.5rem;
    }
}
.cus-container .row a span {
    color: #fff;
}
/*.pianist {
    padding: 13px 0 0 0;
}*/
.customMargin {
    margin-left: 0%;
}
.list-inline.customMargin {
    margin-left: 0%;
}

/*performer page albhabet wrap*/
.scrollAllComp.cus-wrap {
    flex-wrap: wrap;
    margin-right: 26%;
}
.work-composersectm.composersectm .row {
    margin-right: -15px;
    margin-left: -15px;
}

@media (max-width: 1199px) {
    .zoomimg {
        width: 230px;
        height: 230px;
    }
    .hover01 .zoomimg img {
        width: 230px;
        height: 230px;
        min-height: 230px;
    }
}
.main-dropdown {
    padding: 0;
}

.main-dropdown > li > div:first-child {
    display: block;
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
    color: #000;
    background: #eeeeee;
    padding: 15px 20px 15px 18px;
    position: relative;
}
.main-dropdown > li {
    margin: 1rem 0;
}
.main-dropdown ul li > div:first-child {
    display: block;
    font-size: 16px;
    font-weight: normal;
    line-height: 24px;
    color: #000;
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
    padding: 15px 25px 15px 18px;
    position: relative;
}
.main-dropdown li.xcat > div:first-child {
    cursor: pointer;
}
.main-dropdown > li > div:first-child {
    cursor: pointer;
}
.main-dropdown .rotate {
    -moz-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s;
    font-size: 28px;
    position: absolute;
    right: 10px;
    user-select: none;
}
.main-dropdown .rotate.down {
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
button.expand-toggle {
    display: block;
    color: rgb(171, 29, 25);
    font-size: 18px;
    text-align: center;
    padding: 5px 15px;
    border: 2px solid #ab1d19;
    border-radius: 5px;
    font-weight: 700;
    letter-spacing: 0.6px;
}
button.expand-toggle:hover {
    background: #ab1d19;
    color: #f9a10e;
}
.main-dropdown a {
    color: #000;
}
.main-dropdown a:hover {
    color: #b71011 !important;
    text-decoration: underline !important;
}
.fa-drop .fa {
    font-size: 20px;
    margin-left: 4px;
}
.n_trk {
    color: #f9a10e;
    margin-left: 10px;
}

.srch-name {
    align-items: center;
    margin-bottom: 15px;
    position: relative;
}
.srch-name p {
    margin: 0 0 0 5px;
}
.srch-name .fa-search {
    font-size: 21px;
    margin: 0 5px 6px 0;
}
.srch-name .srch-box {
    margin-bottom: 10px;
    border: none;
    border-bottom: 1px solid grey;
    resize: none;
    outline: none;
}
.modal-header form .srch-box {
    border: 2px solid darkgrey;
    resize: none;
    outline: none;
    margin-left: 5px;
    border-radius: 5px;
    padding: 6px;
}
.srch-modal .modal-header {
    padding: 10px;
}
.modal-header .cus-close {
    padding: 5px 13px 0px 5px;
}
.modal-header .cus-close span {
    font-size: 40px;
}
.apnnd-modal #myModal {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    overflow-y: hidden;
    height: 250px;
    z-index: 1049;
}
.modal-dialog.srch-modal {
    position: relative;
    transform: none;
    margin: 0 !important;
}
.srch-modal .modal-body {
    overflow-y: auto;
    min-height: 100px !important;
    max-height: 180px !important;
}
.srch-modal .modal-content {
    box-shadow: 4px 5px 8px 7px #efe8e8;
}
.srch-modal .modal-body ul {
    list-style: none;
    padding: 0;
}
.pianist-div .pianist {
    width: 300px;
    height: 215px;
    display: block;
}
.srch-name.d-flex.comp-modl {
    margin-top: 4rem;
}
.pianist-div .cus-wrap {
    margin-right: auto !important;
}
.beats-div .cus-wrap {
    margin-right: auto !important;
}
.modal-content .modal-body.perf-h {
    max-height: 135px !important;
}
.modal-body .searchlist2 ul li a:hover {
    color: maroon;
}
.apnnd-modal .modal:before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    background: transparent;
    z-index: 0;
}
.srch-modal form {
    width: 100%;
    display: flex;
    align-items: baseline;
}
.srch-modal form input {
    width: 100%;
}
.mob-border .labelText.card-title {
    display: flex;
}
.mob-border .labelText.card-title .ng-binding {
    white-space: nowrap;
    width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block !important;
}
.mainlabelCardtxt {
    display: flex;
}
.mob-border .labelCardtxt {
    white-space: nowrap;
    width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}
.mob-border .pref-name a {
    display: flex;
}
.card-text.pref-text {
    width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}
.modal-body .searchlist2 ul li {
    margin-left: 2px;
    padding: 3px;
}
.modal-open {
    overflow-y: scroll;
}
.srch-modal .modal-header {
    padding: 10px 10px 2px 10px;
    align-items: baseline;
}
.title-b {
    font-weight: bold !important;
}
li .cus-pad {
    padding-left: 3px;
}
.removemar span.alrpr {
    color: #fff;
    font-weight: 100;
}
.removemar span.emptyheader {
    color: #fff;
    font-weight: 200;
}
.palyer-hover .fa {
    font-size: 25px;
}
.player-modal {
    top: unset;
    overflow: auto;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    bottom: 75px;
    border: 2px solid #ccc;
    border-radius: 6px;
}
.modal-ok {
    text-align: center;
    padding: 5px;
}
.modal-ok button {
    padding: 2px 25px 2px 25px;
    border-radius: 5px;
}
.piano-beats {
    width: 263px;
    display: block;
    margin-top: 15px;
}
.mainmedival-tab {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: flex-start;
    align-items: center;
}
.medival-tab {
    flex: 0 0 30%;
    border: 1px solid #aaa;
    border-radius: 10px;
    padding: 5px;
    background: #fef9eb;
    text-align: center;
    margin-right: 1rem;
    margin-bottom: 1rem;
}
.medival-tab a {
    display: block;
    color: #fff;
    font-weight: 600;
    font-size: 15px;
    background-color: #ab1d19;
    border: 1px solid #ab1d19;
    border-radius: 5px;
    padding: 3px 5px;
}
.medi-box {
    align-items: center;
}
.block-quote {
    width: 80%;
    margin: 20px auto 20px auto !important;
    background-color: #eee;
    border: 1px solid #aaa;
    box-shadow: 0px 10px 20px -10px #dee2e6;
    padding: 20px;
}
.composer-quote {
    text-align: justify !important;
    font-size: 120%;
    margin-bottom: 0px;
}
.search-card-body h5 span {
    white-space: nowrap;
    width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    font-weight: bold;
}
.reni-album-img a {
    color: #000;
}
.reni-album-img a:hover {
    color: #cc0000;
    text-decoration: underline !important;
}
.reni-album-img a .fa-play {
    font-size: 12px;
    padding-left: 3px;
}
.reni-album-info .reni-album-name {
    color: #000;
    font-weight: bold;
}
.reni-album-info .reni-album-name:hover {
    color: #cc0000;
    text-decoration: underline !important;
    font-weight: bold;
}
.reni-playbtn {
    cursor: pointer;
    padding: 10px 12px 10px 12px;
    color: #fff !important;
    background-color: #cc0000;
    border: 1px solid #cc0000;
    font-weight: 700;
}
.reni-playbtn .fa-play {
    font-size: 12px;
    margin: 5px;
}
.reni-buybtn a {
    padding: 9px 13px 9px 13px;
    color: #fff;
    background-color: #edab23;
    text-transform: uppercase;
    border: 1px solid #edab23;
    font-weight: 700;
}
.reni-buybtn {
    margin: 10px 0 10px 0;
}
.reni-buybtn strong {
    color: #9c0f19;
    font-weight: bold;
    font-size: 18px;
}
.name-link a {
    color: #000;
    text-decoration: underline !important;
}
.name-link a:hover {
    text-decoration: underline !important;
    color: #cc0000;
}
.name-link p span {
    margin-left: 10px;
}
.name-link {
    text-align: justify;
}
.crdt {
    color: #777;
    font-weight: normal;
    padding-left: 3px;
}
.prd {
    opacity: 0.7;
    font-weight: normal;
    margin-left: 10px;
}
.mainOutter-Box {
    border: 1px solid #dee2e6;
    border-radius: 10px;
    padding: 20px;
}
.CusBox-Table table {
    width: 100%;
}
.name-link.CusBox-Table p {
    margin: 0.5rem 0;
}
.CusBox-Table table tr td:nth-child(1) {
    width: 50%;
}
.CusBox-Table table tr td:nth-child(2) {
    width: 0%;
}
.CusBox-Table table tr td:nth-child(3) {
    width: 50%;
}
.Box-album {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    align-items: center;
    justify-content: flex-start;
}
.Box-album img {
    width: 65%;
    height: auto;
    object-fit: contain;
    border-radius: 5px;
}
.Box-album a {
    font-size: 18px;
}
.box-main-img {
    width: 100%;
    height: 100%;
    white-space: nowrap;
}
.box-main-img img {
    width: 280px;
    height: 250px;
    object-fit: fill;
    border-radius: 5px;
    /*box-shadow: 0px 10px 20px -10px #6f6e6e;    */
}
.album-info-box {
    border: 1px solid #dee2e6;
    border-radius: 10px;
    padding: 12px;
    box-shadow: 0px 10px 20px -10px #dee2e6;
}
.Box-album a {
    width: 100%;
    text-align: initial;
}
.musical-tabs ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.musical-tabs ul li a {
    display: block;
    color: rgb(171, 29, 25);
    font-size: 14px;
    text-align: center;
    padding: 4px 15px;
    border: 2px solid #ab1d19;
    border-radius: 5px;
    font-weight: 700;
}
.musical-tabs ul li {
    display: inline-block;
    margin: 5px 3px 0 0;
}
.musical-tabs ul li a.active {
    background: #ab1d19;
    color: #f9a10e !important;
}
a.link-ul,
.link-ul a {
    text-decoration: underline !important;
    color: #000 !important;
}
a.link-ul:hover,
.link-ul a:hover {
    color: #b31d15 !important;
}
.work-date p a:hover {
    color: #f9a10e;
    text-decoration: underline;
}
.cusTable tr td a.link-hover:hover {
    color: #b31d15 !important;
}
.banner-text .col h3 {
    font-weight: 700;
    font-size: 26px;
}
.cus-mb{
    padding-bottom: 25px;
}
.cus-rounded{
    border-radius: 8px;
}
.cus-br{
    border-radius: 8px;
}
.piano-beats.rounded{
    border-radius: 8px !important;
}
ul.prs_list_work li, div.prs_list_work {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.countcs{
font-size: 30px;
color: #bb7d11;
}
.welcome-page h1.prs_title {
    color: #ffcf9c;
}
.img-position{
    position: relative;
}
.prs_pagination ul li {
        margin: 0 20px;
        position: relative;
    }

    .prs_pagination .pagination>li:nth-last-child(2)>a {
        margin-left: 0 !important;
        color: #100e0e !important;
    }

    .prs_pagination .pagination>li:nth-last-child(2)>a:hover {
        color: #bf100f !important;
    }
    .banner-text{
        text-align: center;
        margin-top: 35px;
        margin-bottom: 35px;
        max-width: 1000px;
        margin-left: auto;
        margin-right: auto;
    }
    .cus-container{
        /*max-width: 900px;*/
        text-align: center;
    }
    .banner-text .col p{
        font-size: 18px;
        white-space: nowrap;
    }
#afternav {
    background-color: #691417;
}
#tableMyFav .perfs::before {
    content: 'Performers: '
}
#tableMyFav .album::before {
    content: 'Album: '
}
#tableMyFav .rmbtn {
    border: 0;
    border-radius: 5px;
    padding: 12px 20px 12px 20px;
    background: #cc0000 !important;
    color: #fff !important;
    margin-left: 4px;
    font-weight: 700;
}
table#tableMyFav td div.work {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
table#tableMyFav td div.perfs, table#tableMyFav td div.album {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
@media (max-width: 991px) {
    table#tableMyFav tbody tr td:last-child {
        display: block !important;
        clear: both;
        border-top: 0;
        text-align: left;
    }
    table#tableMyFav tr {
        display: block !important;
        clear: both;
    }
    table#tableMyFav td div.perfs, table#tableMyFav td div.album {
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}
.scroll-text{
    font-size: 12px;
    color: #691417;
    font-weight: bold;
    margin-bottom: 5px;
    margin-top: -4px;
}
a:not([href]):not([tabindex]) {
    color: inherit;
    text-decoration: none;
}
/* from artistbio.html */
.cus-bio {
    padding-bottom: 5rem;
}
.cus-bio p{
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    color: #212934;
}
.cus-bio p a {
    color: #212934;
    text-decoration: underline !important;
}
.cus-bio address {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #212934;
}
.img-fluid.cus-fluid {
    width: 300px;
    height: 300px;
    /* max-width: 200px; */
    /* object-fit: contain; */
}
/* .gradient2 {
    padding-top: 0 !important;
} */
.aboutBio {
    padding: 2rem 0;
}
.credit-btn.box-header h4{
    text-align: center;
    padding: 8px 5px;
    font-size: 13px;
}
hr.bio-sep {
    border: none;
    height: 3px;
    color: #cc0000;
    background-color: #cc0000;
    margin: 30px 20px;
}