html, body {
	 text-align: center;
	 font-family: Arial, Verdana, Helvetica, sans-serif;
	 font-size: 13px;
	 color: #fff;
	 margin-top: 0px;
	 background: #000;
	 overflow-x: hidden;
}
/* a img {
	 border: 1px #650505 solid;
}
 a:hover img {
	 border: 1px #650505 solid;
}
 a:visited img {
	 border: 1px #650505 solid;
}
 */
 img {
	/*opacity: 0.9;
	 filter: alpha(opacity=90);
	/* For IE8 and earlier */
	 filter: brightness(110%);
}
 ul {
	 list-style-type: none;
}
 #top {
	 width: 100%;
	 height: 80px;
	 background: #650505;
	 margin: auto;
}
 ::-webkit-scrollbar {
	 width: 12px;
}
 ::-webkit-scrollbar-thumb {
	 background: #650505;
	 border-radius: 2px;
}
 ::-webkit-scrollbar-track {
	 background: #000;
}
 a:link, a:visited, a:active {
	 color: #fff;
	 font-family: Arial, Verdana, Helvetica, sans-serif;
	 font-style: normal;
	 line-height: normal;
	 font-weight: none;
	 font-variant: normal;
	 text-transform: none;
	 text-decoration: none;
}
 a:hover {
	 text-decoration: underline;
}
 label {
	 font-size: 10px !important;
}
 .navbar-brand {
	 width: 95px;
	 background-image: url("https://www.mymusicvids.com/HelpImages/Logo3.jpg");
	 background-repeat: no-repeat;
}
 .container2 {
	/* padding-right: 10px;
	 padding-left: 10px;
	 */
	 margin-right: auto;
	 margin-left: auto;
}
 .headerStyle {
	 color: #9d9d9d;
	 font-size: 25px;
	 font-weight: bold;
}
 #frontPage {
	 display: block;
}
 .frontPageMobile {
	 display: none;
}
 .deskTopInfo, #deskTopSelect {
	 display: block;
}
 .mobileInfo, #mobileSelect {
	 display: none;
}
 .nav > li > a {
	 position: relative;
	 display: block;
	 padding: 15px 5px;
}
 .navbar {
	 margin-bottom: 0;
	 border-radius: 0;
	 background: #650505;
	 font-size: 10px !important;
}
 .navbar-nav {
	 color: #fff;
	 font-weight: bold;
}
 .navbar-nav > li:hover, .navbar-nav > li:active {
	 background-color: #000;
	 font-weight: bold;
}
 .txt-glyph {
	 margin-top: 2px;
}
 .bannerHeader {
	 color: #fff;
	 font-size: 20px;
}
 .genreHead {
	 border: none;
	 cursor: pointer;
	 background: none;
	 color: #fff;
}
 .genreHead:focus {
	 outline: 0;
}
 .viewMore {
	 height: 20px;
	 width: 18px;
	 vertical-align: top;
	 margin-top: 5px;
}
 .fill, .fillFront, .fillFrontMobile, .fillRadio {
	 object-fit: scale-down;
	 -ms-transform: scale(1.8);
	/* IE 9 */
	 -webkit-transform: scale(1.8);
	/* Safari 3-8 */
	 transform: scale(1.8);
}
 .fillRadio {
	 object-fit: scale-down;
	 -ms-transform: scale(1.03);
	/* IE 9 */
	 -webkit-transform: scale(1.03);
	/* Safari 3-8 */
	 transform: scale(1.03);
}
 .fill:hover, .fillFront:hover, .fillFrontMobile:hover, .fillRadio:hover {
	 -ms-transform: scale(2.3);
	/* IE 9 */
	 -webkit-transform: scale(2.3);
	/* Safari 3-8 */
	 transform: scale(2.3);
}
 .fillRadio:hover {
	 -ms-transform: scale(1.2);
	/* IE 9 */
	 -webkit-transform: scale(1.2);
	/* Safari 3-8 */
	 transform: scale(1.2);
}
 .fill_small {
	 object-fit: scale-down;
}
 .fill_small:hover {
	 -ms-transform: scale(1.5);
	/* IE 9 */
	 -webkit-transform: scale(1.5);
	/* Safari 3-8 */
	 transform: scale(1.5);
}
 .fill_small_mobile {
	 -ms-transform: scale(1.5);
	/* IE 9 */
	 -webkit-transform: scale(1.5);
	/* Safari 3-8 */
	 transform: scale(1.5);
}
 .fill_small_tablet {
	 -ms-transform: scale(1.5);
	/* IE 9 */
	 -webkit-transform: scale(1.5);
	/* Safari 3-8 */
	 transform: scale(1.5);
}
 * {
	 box-sizing: border-box;
}
 .rowGrid {
	 display: -ms-flexbox;
	/* IE10 */
	 display: flex;
	 -ms-flex-wrap: wrap;
	/* IE10 */
	 flex-wrap: wrap;
	 padding: 0 0px;
}
 .column {
	 -ms-flex: 25%;
	/* IE10 */
	 flex: 25%;
	 max-width: 25%;
	 padding: 0 0px;
}
 .column img {
	 margin-top: 0px;
	 vertical-align: middle;
}
 .fillGrid {
	 object-fit: none;
}
 .fillGrid:hover {
	 -ms-transform: scale(1.5);
	/* IE 9 */
	 -webkit-transform: scale(1.5);
	/* Safari 3-8 */
	 transform: scale(1.5);
}
 .dropdown.dropdown-lg .dropdown-menu {
	 margin-top: -1px;
	 padding: 6px 20px;
}
 .dropdown-content {
	 background-color: #000;
	 color: #fff;
	 font-size: 10px;
	 font-family: Arial, Verdana, Helvetica, sans-serif;
}
 .dropdown-content a {
	 float: none;
	 color: #fff;
	 background-color: #000;
	 padding: 5px 10px;
	 text-decoration: none;
	 display: block;
	 text-align: left;
}
 .dropdown-content a:hover {
	 background-color: #650505;
	 color: #fff;
	 padding: 5px 10px;
}
.dropdown-submenu {
  position: relative;
}

.dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -1px;
}
.dropdown-menu>li>a {
	 background-color: #000;
	 color: #fff;
	 font-size: 12px;
	 font-family: Arial, Verdana, Helvetica, sans-serif;
	 padding: 5px 10px;
}
.dropdown-menu>li>a:hover {
	 background-color: #650505;
	 color: #fff;
	 padding: 5px 10px;
}
.dropdownPlaylist {
	font-size: 14px !important;
}
 .input-group-btn .btn-group {
	 display: flex !important;
}
 .btn-group .btn {
	 border-radius: 0;
	 margin-left: 1px;
	 height: 50px;
	 font-size: 10px !important;
}
 .btn-default {
	 background: #650505;
	 color: #9d9d9d;
	 font-weight: bold;
	 border: none;
	 margin-left: 5px;
	 font-size: 10px !important;
}
 .btn-default:hover, .btn-default:active, #adv-search:hover, #adv-playlist:hover, #adv-radio:hover, #adv-soul:hover, #adv-genre:hover, #adv-featured:hover {
	 background: #000;
	 color: #fff;
}
 .btn-group .btn:last-child {
	 border-top-right-radius: 4px;
	 border-bottom-right-radius: 4px;
}
 .btn-group .form-horizontal .btn[type="submit"] {
	 border-top-left-radius: 4px;
	 border-bottom-left-radius: 4px;
}
 .form-horizontal .form-group {
	 margin-left: 0;
	 margin-right: 0;
}
 .form-group .form-control:last-child {
	 border-top-left-radius: 4px;
	 border-bottom-left-radius: 4px;
}
 .btn-searchBox {
	 height: 30px !important;
	 background-color: #650505;
	 border-color: #650505;
}
 .btn-searchBox:hover {
	 height: 30px;
	 background-color: #000;
	 border-color: #000;
}
 .dropdown-toggle {
	 height: 30px;
}
 .dropdown-menu {
	 color: #000;
	 width: 400px;
	 min-width: 400px;
}
 .dropdown-toggle[aria-expanded="true"], .dropdown-toggle[aria-expanded="false"]:hover {
	 background: #000 !important;
	 color: #fff !important;
}
 .dropdown-toggle[aria-expanded="false"] {
	 background: #650505 !important;
	 color: #9d9d9d !important;
}
 .dropdown-menu {
	 background: #000 !important;
	 color: #fff !important;
}
 .optionColor {
	 background: #650505 !important;
	 color: #fff !important;
}
 .container-space {
	 margin-top: 200px;
	 margin-bottom: 100px;
}
 section {
	 padding: 60px 0;
}
 section h3 {
	 font-size: 30px;
	 margin-top: 0;
	 margin-bottom: 15px;
	 text-transform: uppercase;
}
 #adv-search {
	 width: 105px;
	 height: 50px;
}
 #adv-playlist {
	 width: 90px;
	 height: 50px;
}
 #adv-radio {
	 width: 70px;
	 height: 50px;
}
 #adv-genre {
	 width: 70px;
	 height: 50px;
}
 #adv-featured {
	 width: 70px;
	 height: 50px;
}
 #adv-soul {
	 width: 80px;
	 height: 50px;
}
 #adv-login {
	 width: 75px;
	 height: 50px;
}
 #register {
	 margin-right: 5px;
	 height: 50px;
}
 .input-search {
	 height: 30px;
	 width: 175px;
}
 .img-genre, .img-most-viewed {
	 width: 100%;
	 height: 125px;
	 padding: 5xp;
}
 .img-video-radio_front {
	 height: 175px;
	 width: 100%;
}
 .img-video-radio {
	 height: 225px;
	 width: 100%;
}
 .txt-image-footer {
	 margin-bottom: 30px;
	 text-align: right;
}
 .txt-large {
	 margin-top: 5px;
}
 .img-carousel-front {
	 height: 720px !important;
	 margin-top: -80px !important;
}
 .txt-hover {
	 font-size: 35px;
}
 .img-video-play {
	 width: 50%;
	 height: 240px;
}
 .img-most-viewed {
	 height: 175px;
}
 .img-most-radio {
	 width: 100%;
	 height: 425px;
	 padding: 5xp;
}
 .img-video-bar {
	 width: 65px;
	 height: 55px;
}
 .img-video-share {
	 width: 100%;
	 height: 200px;
}
 .text-name-title {
	 font-size: 15px;
	 margin-top: 5px;
	 text-transform: uppercase;
}
 .text-genre-description {
	 font-size: 14px;
	 margin-top: 5px;
 	 left: 17%;
  /* text-transform: uppercase;*/s
}
 .text-name-nav {
	 text-transform: uppercase;
}
 .text-views {
	 font-size: 15px;
	 margin-top: 5px;
	 text-transform: uppercase;
}
 .text-artist-info {
	 font-size: 12px;
	 margin-top: 5px;
	 display: none;
}
 .text-artist-concerts {
	 font-size: 13px;
	 margin-top: 15px;
}
 .concertInfo tr {
	 background-coloer: #000;
}
 tr:hover {
	 background-coloer: #e3e6ea;
}
 .img-concert {
	 width: 100px;
	 height: 56px;
	 margin-left: 0px;
}
 .concertTourDate {
	 width: 75px;
	 padding-bottom: 6px;
}
 .concertDayTime {
	 width: 120px;
	 padding-bottom: 6px;
}
 .concertCityStateVenue {
	 width: 400px;
	 padding-bottom: 6px;
}
 .concertTickets {
	 width: 100px;
	 padding-bottom: 6px;
	 text-align: right;
}
 #concertTourMore {
	 display: none;
}
 .prevName {
	 font-size: 30px;
	 margin-top: 150px;
	 text-transform: uppercase;
	 text-align: center;
}
 .prevTitle {
	 font-size: 20px;
	 margin-top: 10px;
	 text-transform: uppercase;
	 text-align: center;
}
 .prevGenreViews {
	 font-size: 15px;
	 margin-top: 15px;
	 text-transform: uppercase;
	 text-align: center;
}
 .prevGenre {
	 margin-right: 20px;
}
 .prevFull {
	 font-size: 15px;
	 margin-top: 10px;
	 text-transform: uppercase;
	 text-align: center;
}
 .video-overlay_prev {
	 position: absolute;
	 width: 100%;
	 height: 100%;
	 left: 0px;
	 top: 0px;
	 padding: 5px 5px;
	 text-align: left;
	 font-size: 10px;
	 color: #fff;
	 z-index: 99;
}
 .video-overlay {
	 position: absolute;
	 width: 100%;
	 height: 100%;
	 left: 0px;
	 top: 0px;
	 margin-top: 50px;
	 padding: 5px 5px;
	 font-size: 20px;
	 color: #fff;
	 text-align: left;
	 z-index: 99;
}
 .video-overlay_desktop {
	 position: absolute;
	 width: 100%;
	 height: 180px;
	 left: 0px;
	 top: 0px;
	 padding: 5px 5px;
	 text-align: left;
}
 .openName {
	 font-size: 50px;
	 font-weight: bold;
	 margin-top: 150px;
	 margin-left: 20px;
	 text-transform: uppercase;
}
 .openTitle {
	 font-size: 30px;
	 font-weight: bold;
	 margin-top: 10px;
	 margin-left: 20px;
	 text-transform: uppercase;
}
 .openGenreViews {
	 font-size: 20px;
	 margin-top: 10px;
	 margin-left: 20px;
	 text-transform: uppercase;
}
 .openGenre {
	 margin-right: 20px;
}
 .openFull {
	 font-size: 20px;
	 margin-top: 10px;
	 margin-left: 20px;
	 text-transform: uppercase;
}
 .singleName {
	 font-size: 40px;
	 font-weight: bold;
	 margin-top: 60px;
	 margin-left: 20px;
	 text-transform: uppercase;
}
 .singleTitle {
	 font-size: 20px;
	 font-weight: bold;
	 margin-top: 10px;
	 margin-left: 20px;
	 text-transform: uppercase;
}
 .singleGenreViews {
	 font-size: 15px;
	 margin-top: 10px;
	 margin-left: 20px;
	 text-transform: uppercase;
}
 .singleGenre {
	 margin-right: 20px;
}
 .singleFull {
	 font-size: 20px;
	 margin-top: 20px;
	 margin-left: 20px;
	 text-transform: uppercase;
}
 .txt-playing-now h2 {
	 font-weight: bold;
	 font-size: 16px;
}
 a.back-to-top {
	 display: none;
	 width: 60px;
	 height: 60px;
	 text-indent: -9999px;
	 position: fixed;
	 z-index: 999;
	 right: 20px;
	 bottom: 20px;
	 background: #650505 url("https://www.mymusicvids.com/HelpImages/up-arrow.png") no-repeat center 43%;
	 -webkit-border-radius: 30px;
	 -moz-border-radius: 30px;
	 border-radius: 30px;
}
 a:hover.back-to-top {
	 background-color: #000;
}
 #icons_trashhit, #icons_trashhit_Mobile, #icons_trashhit_off, #icons_trashhit_off_Mobile {
	 width: 20px;
	 height: 20px;
	 margin-left: 15px;
	 border: none;
	 cursor: pointer;
}
 #icons_smashhit, #icons_smashhit_Mobile, #icons_smashhit_off, #icons_smashhit_off_Mobile, #icons_share, #icons_comments {
	 width: 20px;
	 height: 20px;
	 border: none;
	 cursor: pointer;
}
 #icons_trashhit:hover, #icons_smashhit:hover, #icons_trashhit_off:hover, #icons_smashhit_off:hover, #icons_share:hover, #icons_comments:hover {
	 border: none;
}
 .icons_arrow {
	 width: 25x;
	 height: 25px;
	 border: none;
	 background: none;
	 cursor: pointer;
}
 .btn-arrow {
	 border: none;
	 background: none;
}
 .no-gutter [class*="-2"] {
	 padding-left: 0;
	 padding-right: 0;
}
 .btn-center {
	 margin: 0px auto;
}
 .btn-playall {
	 margin-right: 5px;
	 margin-top: -5px;
}
 #add_new_playlist {
	 font-weight: bold;
}
 #add_playlist, #add_playlist_off, #add_new_playlist, #manage_new_playlist {
	 border: none;
	 cursor: pointer;
	 background: none;
}
 #add_playlist:focus, #add_playlist_off:focus, #add_new_playlist:focus, .btn-arrow:focus, .btn-manage:focus, #manage_new_playlist:focus {
	 outline: 0;
}
 #playlistManage .modal-dialog, #playlistManagelLogin .modal-dialog {
	 width: 70%;
	 vertical-align: top;
	 top: 15% !important;
	 outline: none;
}
 .manage-playlist {
	 margin-top: 10px;
	 /*border: 1px solid #9d9d9d;*/
 	 margin-left: -5px;
	 color: #9d9d9d;
	 padding: 5px;
}
#play-list {
	top: 10px;
}
 .row-spacer {
	 margin-bottom: 5px;
	 font-size: 11px;
}
 .modal-body {
	 max-height: calc(100vh - 210px);
	 overflow-y: auto;
	 overflow-x: hidden;
}
 .btn-manage, .btn-manage:focus {
	 background-color: #650505;
	 color: #fff;
}
 .btn-manage:hover {
	 background-color: #000;
	 color: #fff;
}
 .img-manage {
	 width: 170px;
	 height: 150px;
	 padding: 5xp !important;
}
 .img-manage-radio-preview {
	 width: 150px;
	 height: 75px;
	 margin-bottom: 15px;
}
 .btn-remove {
	 margin-top: 60px;
}
 .txt-middle {
	 margin-top: 65px;
	 font-size: 16px;
}
 .txt-middle-radio-preview {
	 margin-top: 30px;
	 font-size: 12px;
}
 .txt-middle-check {
	 margin-left: 15px;
	 margin-top: 5px;
}
 .manage-add {
	 margin-left: 0px;
	 margin-top: 5px;
}
 .manage-top {
	 margin-left: 60px !important;
}
 .manage-create {
	 margin-left: 17px;
	 margin-top: 5px;
	 color: #000 !important;
}
 .btn-manage-new {
	 right: 14px;
}
 .btn-button-top {
	 margin-left: 45px;
}
 .btn-buttons {
	 margin-top: -5px;
	 margin-left: 10px;
}
 #btn-search-playall, #btn-search-playall-0, #btn-search-playall-1, #btn-search-playall-2, #btn-search-playall-3, #btn-search-playall-4, #btn-search-playall-5 {
	 margin-top: -4px;
	 margin-right: 5px;
}
 #btn-search-playall_off, #btn-search-playall-0_off, #btn-search-playall-1_off, #btn-search-playall-2_off, #btn-search-playall-3_off, #btn-search-playall-4_off, #btn-search-playall-5_off {
	 margin-top: -4px;
	 margin-right: 5px;
}
 select.btn-mini {
	 height: 28px;
	 line-height: 26px;
	 font-size: 11px;
	 margin-left: 35px;
}
 select.btn-mini-genre {
	 height: 28px;
	 line-height: 26px;
	 font-size: 11px;
}
 input.btn-mini-new {
	 height: 28px;
	 line-height: 26px;
	 font-size: 11px;
}
 #playlist_title_name {
	 margin-top: 5px;
}
 #btn-manage-add:hover:disabled, #btn-manage-preview:hover:disabled {
	 background: #000 !important;
	 color: #fff !important;
}
 #btn-manage-add, #btn-manage-preview, #btn-manage-add:focus, #btn-manage-preview:focus {
	 background-color: #650505 !important;
	 color: #fff !important;
}
 #managePreview .modal-dialog {
	 width: 45%;
	 outline: none;
}
 #manageError .modal-dialog {
	 width: 30%;
	 outline: none;
}
 #add_playlistplus {
	 width: 13px;
	 height: 13px;
	 border: none;
	 margin-top: -3px;
	 cursor: pointer;
}
 .modal {
	 text-align: center;
	 padding: 0 !important;
}
 .modal:before {
	 content: '';
	 display: inline-block;
	 height: 100%;
	 vertical-align: middle;
	 margin-right: -4px;
}
 .modal-dialog {
	 display: inline-block;
	 text-align: left;
	 vertical-align: middle;
}
 .modal-body {
	 color: #000;
}
 .modal-header {
	 background-color: #650505;
	 font-weight: bold;
	 text-transform: uppercase;
	 padding: 5px !important;
}
 .modal-footer, .modal-body {
	 padding: 5px !important;
}
 .modal-title {
	 font-size: 12px;
	 margin-top: 6px;
}
 #playlistModal .modal-dialog {
	 width: 40%;
}
 #playlistModalLogin .modal-dialog {
	 width: 20%;
}
 #shareVideoModal .modal-dialog {
	 width: 30%;
}
 #shareVideoList {
	 padding: 5px;
	 margin: auto;
}
 #advertModal .modal-dialog {
	/* position: relative;
	 */
	 overflow-y: hidden;
	/* max-height: 400px;
	 */
	 width: 59%;
	 margin-top: 490px;
}
 .modal-backdrop.in {
	 opacity: 0;
}
 #requireAge a:link, #requireAge a:visited, #requireAge a:hover {
	 text-decoration: none;
}
 #requireAge:focus {
	 outline: 0;
}
 .modal-open {
	 padding-right: 0 !important;
}
 .modal {
	 overflow-y: auto;
}
 .modal-open {
	 overflow: auto;
}
 html {
	 overflow-y: scroll !important;
}
 .txt-header-mobile {
	 color: #9d9d9d;
}
 .belowNavBar, .belowNavBarMobile {
	 margin-top: 40px;
}
 .belowNavBarFront {
	 margin-top: 60px;
}
 .sidenav {
	 height: 100%;
	 width: 0;
	 position: fixed;
	 z-index: 1;
	 top: 0;
	 left: 0;
	 background-color: #fff;
	 overflow-x: hidden;
	 transition: 0.5s;
	 padding-top: 60px;
	 text-align: left;
}
/*.sidenav a {
	 padding: 8px 8px 8px 32px;
	 text-decoration: none;
	 font-size: 25px;
	 color: #818181;
	 display: block;
	 transition: 0.3s;
}
 */
 .sidenav a:hover {
	 color: #f1f1f1;
}
 .sidenav .closebtn {
	 position: absolute;
	 top: 0;
	 right: 15px;
	 font-size: 36px;
	 margin-left: 60px;
	 margin-top: 53px;
	 color: #650505;
}
 .commentText {
	 color: #650505;
	 font-size: 20px;
	 font-weight: bold;
	 margin: 0px 0px 0px 5px;
}
 #nameTitleText, #nameTitleMobileText {
	 color: #650505;
	 font-size: 12px;
	 font-weight: bold;
	 margin: 5px 5px 0px 5px;
	 border-bottom-style: solid;
	 border-color: #650505;
	 border-width: 2px;
}
 #numOfComments, #numOfCommentsMobile {
	 color: #650505;
	 font-size: 12px;
	 font-weight: bold;
}
 #commentBox, #commentBoxMobile, #searchFreeBox {
	 margin: 10px 5px 0px 5px;
}
 #searchFreeBoxMobile {
	 margin: 10px 5px 0px 5px;
}
 #comment_video, #comment_video_mobile {
	 height: 80px;
	 border: solid;
	 border-color: #650505;
	 border-width: 2px;
	 overflow: hidden;
}
 .searchInput {
	 height: 15%;
	 width: 0;
	 position: fixed;
	 z-index: 100;
	 top: 0;
	 right: 0;
	 background-color: #fff;
	 overflow-x: hidden;
	 transition: 0.5s;
	 padding-top: 0px;
	 text-align: right;
}
 .searchInput a:hover {
	 color: #f1f1f1;
}
 .searchInput .closebtn {
	 position: absolute;
	 top: 0;
	 right: 15px;
	 font-size: 36px;
	 margin-left: 60px;
	 margin-top: 53px;
	 color: #650505;
}
 #search_site {
	 float: left;
	 margin-top: 40px;
	 width: 295px;
}
 #search_site_mobile {
	 float: left;
	 margin: 2px 0px 10px 0px;
	 padding: 3px;
	 width: 100%;
	 height: 25px;
	 font-size: 15px;
	 color: #fff;
	/* border: 1px solid #9d9d9d;
	 */
	 background-color: #000;
}
 #icons_search, #icons_home, #icons_playlist, #icons_radio, #icons_history, #icons_find {
	 margin: 10px 0px 10px 0px;
	 width: 25px;
	 height: 25px;
}
 .icon_bar {
	 margin-left: auto;
	 margin-right: auto;
	 background-color: #202021;
}
 #search_button {
	 float: right;
	 margin-top: 40px;
	 margin-right: 2px;
}
 #searchResult {
	 margin: 90px 5px 0px -30px;
	 width: 100%;
	 text-align: left;
	 color: #650505;
}
 #searchResult li:hover {
	 color: #fff;
	 background-color: #650505;
}
 #searchResultMobile {
	 margin: 2px 0px 0px 0px;
	 width: 100%;
	 text-align: left;
	 color: #650505;
}
 #searchResultMobile li:hover {
	 color: #fff;
	 background-color: #650505;
}
 #charLeft, #charLeftMobile {
	 color: #650505;
	 font-size: 16px;
	 padding-top: 8px;
}
 #charLeftBox, #charLeftBoxMobile {
	 width: 60px;
	 text-align: center;
	 border: solid;
	 border-color: #650505;
	 border-width: 2px;
}
 #shareGrp, #shareGrpMobile {
	 display: none;
}
 #theWallComments, #theWallCommentsMobile, #theArtistInfoMobile {
	 margin: 10px 5px 0px 5px;
	 color: #000;
	 font-size: 12px;
}
 #noCommentsText, #noCommentsTextMobile {
	 float: left;
	 width: 380px;
	 height: 10px;
	 text-align: left;
}
 .commentsLineBreak {
	 float: left;
	 width: 380px;
	 height: 5px;
	 margin-left: 5px;
	 padding: 5px;
	 border-bottom: #d8d8d8 1px solid;
}
 .singleCommentWrap {
	 float: left;
	 width: 380px;
	 height: auto;
	 margin-left: 5px;
	 margin-top: 10px;
}
 .singleCommentTimeWrap {
	 float: left;
	 width: 380px;
	 height: auto;
	 margin-left: 5px;
}
 .singleCommentTimeDeleteWrap {
	 float: left;
	 width: 380px;
	 height: 10px;
}
 .singleCommentTime {
	 float: left;
	 width: auto;
	 height: 10px;
	 text-align: left;
	 font-size: 13px;
	 font-family: Arial, Verdana, Helvetica, sans-serif;
	 font-weight: bold;
}
 .singleComment {
	 float: left;
	 width: 380px;
	 height: auto;
	 margin-top: 5px;
	 margin-left: 8px;
	 text-align: left;
	 font-size: 13px;
	 font-family: Arial, Verdana, Helvetica, sans-serif;
}
 #commentLoginText, #commentLoginTextMobile {
	 color: #650505;
	 font-size: 14px;
	 font-weight: bold;
	 margin-top: 4px;
}
 .playButtonImg1 {
	 position: absolute;
	 top: 115px;
	 right: 10px;
}
 .playButtonImg2 {
	 position: absolute;
	 top: 85px;
	 right: 5px;
}
 .playButtonImg3 {
	 position: absolute;
	 top: 75px;
	 right: 155px;
}
 .playButtonImgRadio {
	 position: absolute;
	 top: 315px;
	 right: 10px;
}
 .topVideosMobile {
	 font-size: 16px;
	 font-weight: bold;
	 text-transform: uppercase;
}
 #progressBar {
	 width: 70%;
	 margin: 2px auto;
	 height: 5px;
	 background-color: #fff;
}
 #progressBar div {
	 height: 100%;
	 text-align: right;
	 padding: 0 0px;
	 line-height: 5px;
	/* same as #progressBar height if we want text middle aligned */
	 width: 0;
	 background-color: #FFFFFF;
	 box-sizing: border-box;
}
.video-container {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 Aspect Ratio */
    height: 0;
    overflow: hidden;
    width: 100%;
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}
 #sortControls {
	 padding-bottom: 10px;
	 margin-left: 0px;
}
 .icons_updateArtist, .icons_addVideo, .icons_convertGenre, .icons_email, .icons_listVideos, .icons_setDefinitions {
	 width: 200px;
	 height: 200px;
}
 .icons_updateArtist:hover {
	 content: url('https://www.mymusicvids.com/HelpImages/youtube_on.gif');
}
 .icons_addVideo:hover {
	 content: url('https://www.mymusicvids.com/HelpImages/twitter_on.gif');
}
 .icons_convertGenre:hover {
	 content: url('https://www.mymusicvids.com/HelpImages/facebook_on.gif');
}
 .icons_email:hover {
	 content: url('https://www.mymusicvids.com/HelpImages/instagram_on.gif');
}
 .icons_listVideos:hover {
	 content: url('https://www.mymusicvids.com/HelpImages/tumblr_on.gif');
}
 .icons_setDefinitions:hover {
	 content: url('https://www.mymusicvids.com/HelpImages/reddit_on.gif');
}
 .icons_setDefinitions:hover {
	 content: url('https://www.mymusicvids.com/HelpImages/tiktok_on.gif');
}
 .video-container {
	 position: relative;
	 padding-bottom: 56.25%;
	 height: 0;
	 overflow: hidden;
}
 .video-container iframe {
	 position: absolute;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
}

.banner_ads_video {
	margin-left: 20px;
	height: 85px;
	width: 120px;
}
.banner_ads_watch {
	margin-left: 12px;
	height: 85px;
}

 #advertModal .modal-dialog {
	 width: 728px;
}


 @media screen and (max-height: 450px) {
	 .sidenav {
		 padding-top: 15px;
	}
	 .sidenav a {
		 font-size: 18px;
	}
}
/****************************************************************************************************/
/****************************************************************************************************/
/****************************************************************************************************/
/****************************************************************************************************/
/****************************************************************************************************/
/****************************************************************************************************/
/****************************************************************************************************/
/****************************************************************************************************/
 .imageFrontWrap {
	 margin-bottom: 20px;
}
 .imageFront {
	 float: left;
	 width: 100%;
	 height: 145px;
}
 .imageWrap {
	 width: 100%;
	 height: 145px;
	 display: inline-block;
	 margin-right: 15px;
	 margin-bottom: 15px;
	 border: 1px #fff solid;
	 overflow: hidden;
 	 border-radius: 10px;

}
 .imageFront:hover {
	 opacity: 1.4;
}
 .carousel-cell {
	 width: 18%;
	 height: 180px;
	 display: inline-block;
	 margin-right: 5px;
	 margin-bottom: 15px;
	 overflow: hidden;
}
 .carousel-cell .overlay {
	 position: absolute;
	 top: 0;
	 bottom: 0;
	 left: 0;
	 right: 0;
	 height: 100%;
	 width: 100%;
	 background: #000;
	 background: rgba(0, 0, 0, 0.5);
	/* Black see-through */
	 transition: 0.5s ease;
	 opacity: 0;
	 color: white;
	 font-size: 13px;
	 text-align: center;
	 z-index: 3;
}
 .carousel-cell:hover .overlay {
	 opacity: 1;
}
 .carousel-cell-trend {
 	 width: 18%;
 	 height: 330px;
 	 display: inline-block;
 	 margin-right: 5px;
 	 margin-bottom: 15px;
 	 overflow: hidden;
}
 .carousel-cell-trend .overlay {
 	 position: absolute;
 	 top: 0;
 	 bottom: 0;
 	 left: 0;
 	 right: 0;
 	 height: 100%;
 	 width: 100%;
 	 background: #000;
 	 background: rgba(0, 0, 0, 0.5);
 	/* Black see-through */
 	 transition: 0.5s ease;
 	 opacity: 0;
 	 color: white;
 	 font-size: 13px;
 	 text-align: center;
 	 z-index: 3;
}
 .carousel-cell-trend:hover .overlay {
 	 opacity: 1;
}
 .playButtonImgTrend {
 	 position: absolute;
 	 top: 100px;
 	 right: 7px;
 	 height: 40px;
 	 width: 40px;
}
 .imageWrap2 {
 	 width: 100%;
 	 height: 145px;
 	 display: inline-block;
 	 margin-right: 15px;
 	 margin-bottom: 15px;
  	 margin-top: -25px;
 	 border: 1px #fff solid;
 	 overflow: hidden;
  	 border-radius: 10px;
 	 z-index: 3;
}
 .numberTrend {
     text-align: center;
 	font-size: 150px;
 	font-weight: bold;
     -webkit-text-stroke-width: 5px;
     -webkit-text-stroke-color: #9d9d9d;
 	color: #000000;
}
 .carousel-cell-playall {
	 width: 18%;
	 height: 180px;
	 display: inline-block;
	 margin-right: 5px;
	 margin-bottom: 15px;
	 overflow: hidden;
}
 .carousel-cell-playall .overlay {
	 position: absolute;
	 top: 0;
	 bottom: 0;
	 left: 0;
	 right: 0;
	 height: 100%;
	 width: 100%;
	 background: #000;
	 background: rgba(0, 0, 0, 0.5);
	/* Black see-through */
	 transition: 0.5s ease;
	 opacity: 0;
	 color: white;
	 font-size: 13px;
	 text-align: center;
	 z-index: 3;
	 opacity: 1;
}
 .flickity-button:disabled {
	 display: none;
}
 .fillImageFront {
	 -ms-transform: scale(1.8);
	/* IE 9 */
	 -webkit-transform: scale(1.8);
	/* Safari 3-8 */
	 transform: scale(1.8);
}
 .fillImageFront:hover {
	 -ms-transform: scale(1.9);
	/* IE 9 */
	 -webkit-transform: scale(1.9);
	/* Safari 3-8 */
	 transform: scale(1.9);
}
 .overlayName {
	 font-weight: bold;
	 font-size: 16px;
	 padding-top: 15px;
	 text-transform: uppercase;
}
 .overlaySongBelow {
	 font-weight: bold;
	 font-size: 13px;
	 padding-top: 15px;
	 text-transform: uppercase;
	 text-align: right;
}
 .overlayNameBelow {
	 font-weight: none;
	 font-size: 13px;
	 text-align: right;
	 color: #aaa;
}
 .playButtonImgFront {
	 position: absolute;
	 top: 100px;
	 right: 7px;
	 height: 40px;
	 width: 40px;
}
 .imageRadioFront {
	 float: left;
	 width: 100%;
	 height: 365px;
	 z-index: 2;
}
 .imageRadioFront:hover {
	 opacity: 1.4;
}
 .carousel-cell-radio {
	 width: 18%;
	 height: 365px;
	 display: inline-block;
	 margin-right: 5px;
	 margin-bottom: 15px;
	 border: 1px #fff solid;
	 overflow: hidden;
  	 border-radius: 10px;
}
 .carousel-cell-radio .overlay {
	 position: absolute;
	 top: 0;
	 bottom: 0;
	 left: 0;
	 right: 0;
	 height: 100%;
	 width: 100%;
	 background: #000;
	 background: rgba(0, 0, 0, 0.5);
	/* Black see-through */
	 transition: 0.5s ease;
	 opacity: 0;
	 color: white;
	 font-size: 13px;
	 text-align: center;
	 z-index: 3;
}
 .carousel-cell-radio:hover .overlay {
	 opacity: 1;
}
 .playButtonImgRadioFront {
	 position: absolute;
	 top: 315px;
	 right: 7px;
	 height: 40px;
	 width: 40px;
}
 .imageNewFront {
	 width: 225px;
	 height: 225px;
	 border-radius: 50%;
	 border: solid #fff 1px;
}
 .imageFrontWrapNew {
	 margin-bottom: 20px;
}
 .carousel-cell-new {
	 width: 18.5%;
	 display: inline-block;
	 overflow: hidden;
}
 .carousel-cell-new .overlay {
	 position: absolute;
	 top: 0;
	 bottom: 0;
	 left: 0;
	 right: 0;
	 height: 100%;
	 width: 100%;
	 background: #000;
	 background: rgba(0, 0, 0, 0.5);
	/* Black see-through */
	 transition: 0.5s ease;
	 opacity: 0;
	 color: white;
	 font-size: 13px;
	 text-align: center;
	 z-index: 3;
}
 .carousel-cell-new:hover .overlay {
	 opacity: 1;
}
 .carousel-cell-playlist {
	 width: 18%;
	 height: 190px;
	 display: inline-block;
	 margin-right: 5px;
	 margin-bottom: 15px;
	 overflow: hidden;
}
 .carousel-cell-playlist .overlay {
	 position: absolute;
	 top: 0;
	 bottom: 0;
	 left: 0;
	 right: 0;
	 height: 77%;
	 width: 100%;
	 background: #000;
	 background: rgba(0, 0, 0, 0.5);
	/* Black see-through */
	 transition: 0.5s ease;
	 opacity: 0;
	 color: white;
	 font-size: 13px;
	 text-align: center;
	 z-index: 3;
}
 .carousel-cell-playlist:hover .overlay {
	 opacity: 1;
}
 .playButtonImgNewFront {
	 position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
	 height: 50px;
	 width: 50px;
}
.imageHotOnes {
	 float: left;
	 width: 100%;
	 height: 250px;
	 z-index: 2;
}
 .carousel-cell-hot {
	 width: 18%;
	 height: 365px;
	 display: inline-block;
	 margin-right: 5px;
	 margin-bottom: 15px;
	 border: 1px #fff solid;
	 overflow: hidden;
  	 border-radius: 10px;
}
 .carousel-cell-hot .overlay {
	 position: absolute;
	 top: 0;
	 bottom: 0;
	 left: 0;
	 right: 0;
	 height: 100%;
	 width: 100%;
	 background: #000;
	 background: rgba(0, 0, 0, 0.5);
	/* Black see-through */
	 transition: 0.5s ease;
	 opacity: 0;
	 color: white;
	 font-size: 13px;
	 text-align: center;
	 z-index: 3;
}
 .carousel-cell-hot:hover .overlay {
	 opacity: 1;
}
 .playButtonImgHot {
	 position: absolute;
	 top: 102px;
	 right: 90px;
	 height: 50px;
	 width: 50px;
}
.imageVerzus {
	 float: left;
	 width: 100%;
	 height: 250px;
	 z-index: 2;
}
 .carousel-cell-verzus {
	 width: 18%;
	 height: 250px;
	 display: inline-block;
	 margin-right: 5px;
	 margin-bottom: 15px;
	 border: 1px #fff solid;
	 overflow: hidden;
  	 border-radius: 10px;
}
 .carousel-cell-verzus .overlay {
	 position: absolute;
	 top: 0;
	 bottom: 0;
	 left: 0;
	 right: 0;
	 height: 100%;
	 width: 100%;
	 background: #000;
	 background: rgba(0, 0, 0, 0.5);
	/* Black see-through */
	 transition: 0.5s ease;
	 opacity: 0;
	 color: white;
	 font-size: 13px;
	 text-align: center;
	 z-index: 3;
}
 .carousel-cell-verzus:hover .overlay {
	 opacity: 1;
}
 .playButtonImgVerzus {
	 position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     height: 50px;
	 width: 50px;
}
 .imageShortsFront {
	 float: left;
	 height: 365px;
 	 margin-left: -140px;
     margin-right: auto;

}
 .imageShortsWrap {
	 width: 100%;
	 height: 365px;
	 display: inline-block;
	 margin-right: 15px;
	 margin-bottom: 15px;
	 border: 1px #fff solid;
	 overflow: hidden;
 	 border-radius: 20px;
}

 .imageShortsFront:hover {
	 opacity: 1.4;
}
 .carousel-cell-shorts {
	 width: 13%;
	 height: 400px;
	 display: inline-block;
	 margin-right: 5px;
	 margin-bottom: 15px;
	 overflow: hidden;
}
 .carousel-cell-shorts .overlay {
	 position: absolute;
	 top: 0;
	 bottom: 0;
	 left: 0;
	 right: 0;
	 height: 100%;
	 width: 100%;
	 background: #000;
	 background: rgba(0, 0, 0, 0.5);
	/* Black see-through */
	 transition: 0.5s ease;
	 opacity: 0;
	 color: white;
	 font-size: 13px;
	 text-align: center;
	 z-index: 3;
}
 .carousel-cell-shorts:hover .overlay {
	 opacity: 1;
}
 .carousel-cell-shorts-playall {
	 width: 13%;
	 height: 400px;
	 display: inline-block;
	 margin-right: 5px;
	 margin-bottom: 15px;
	 overflow: hidden;
}
 .carousel-cell-shorts-playall .overlay {
	 position: absolute;
	 top: 0;
	 bottom: 0;
	 left: 0;
	 right: 0;
	 height: 100%;
	 width: 100%;
	 background: #000;
	 background: rgba(0, 0, 0, 0.5);
	/* Black see-through */
	 transition: 0.5s ease;
	 opacity: 0;
	 color: white;
	 font-size: 13px;
	 text-align: center;
	 z-index: 3;
	 opacity: 1;
}
.playButtonImgShortsFront {
	 position: absolute;
	 top: 315px;
	 right: 7px;
	 height: 40px;
	 width: 40px;
}
 .txt-middle-radio-front {
	 margin-top: 10px;
	 font-size: 12px;
}
 .switch {
	 position: relative;
	 display: inline-block;
	 width: 40px;
	 height: 15px;
	 top: -3px;
}
 .switch input {
	 opacity: 0;
	 width: 0;
	 height: 0;
}
 .slider {
	 position: absolute;
	 cursor: pointer;
	 top: 0;
	 left: 0;
	 right: 0;
	 bottom: 0;
	 background-color: #ccc;
	 -webkit-transition: 0.4s;
	 transition: 0.4s;
}
 .slider:before {
	 position: absolute;
	 content: "";
	 height: 20px;
	 width: 20px;
	 left: 0px;
	 bottom: -2px;
	 background-color: white;
	 -webkit-transition: 0.4s;
	 transition: 0.4s;
}
 input:checked + .slider {
	 background-color: #ccc;
}
 input:checked + .slider:before {
	 background-color: #650505;
}
 input:focus + .slider {
	 box-shadow: 0 0 1px #650505;
}
 input:checked + .slider:before {
	 -webkit-transform: translateX(26px);
	 -ms-transform: translateX(26px);
	 transform: translateX(26px);
}
/* Rounded sliders */
 .slider.round {
	 border-radius: 34px;
}
 .slider.round:before {
	 border-radius: 50%;
}
/****************************************************************************************************/
/****************************************************************************************************/
/****************************************************************************************************/
 .ienlarger {
	 float: right;
	 clear: none;
	 padding-right: 5px;
	 text-align: left;
}
 .ienlarger a {
	 display: block;
	 text-decoration: none;
}
 .ienlarger a:hover {
	 position: relative;
}
 .ienlarger span img {
	 border: 1px solid #fff;
	 margin-bottom: 5px;
}
 .ienlarger a span {
	 position: absolute;
	 display: none;
	 color: #fff;
	/* caption text colour */
	 text-decoration: none;
	 font-family: Arial, Helvetica, sans-serif;
	 font-size: 13px;
	/* caption text size */
	 background-color: #000;
	 font-weight: none;
	 margin-top: 10px;
	 padding-top: 10px;
	 padding-right: 10px;
	 padding-bottom: 5px;
	 padding-left: 10px;
	 width: 505px;
}
 .ienlarger img {
	 border-width: 0;
}
 .ienlarger a:hover span {
	 display: block;
	 bottom: 20px;
	 right: 60px;
	 z-index: 100;
}
 .imageLoc {
	 float: left;
	 margin-right: 5px;
}
 .resize_large {
	 width: 170px;
	 height: auto;
}
/****************************************************************************************************/
/****************************************************************************************************/
/****************************************************************************************************/
 .arrowNext, .arrowPrev {
	 clear: none;
	 padding-right: 5px;
	 text-align: left;
}
 .arrowNext a, .arrowPrev a {
	 display: block;
	 text-decoration: none;
}
 .arrowNext a:hover, .arrowPrev a:hover {
	 position: relative;
}
 .arrowNext span img, .arrowPrev span img {
	 margin-bottom: 0px;
}
 .arrowNext a span, .arrowPrev a span {
	 position: absolute;
	 display: none;
	 color: #fff;
	/* caption text colour */
	 text-decoration: none;
	 font-family: Arial, Helvetica, sans-serif;
	 font-size: 13px;
	/* caption text size */
	 background-color: #000;
	 font-weight: none;
	 padding-top: 5px;
	 padding-right: 5px;
	 padding-left: 5px;
	 width: 350px;
}
 .arrowNext img, .arrowPrev img {
	 border-width: 0;
}
 .arrowNext a:hover span {
	 display: block;
	 bottom: 30px;
	 left: -60px;
	 z-index: 100;
}
 .arrowPrev a:hover span {
	 display: block;
	 bottom: 30px;
	 right: -80px;
	 z-index: 100;
}
 .imageLoc_next {
	 float: left;
	 margin-right: 8px;
}
 .resize_large_next {
	 width: 150px;
	 height: auto;
}
/****************************************************************************************************/
/****************************************************************************************************/
/****************************************************************************************************/
 .videoPreview {
	 clear: none;
	 padding-right: 5px;
	 text-align: left;
}
 .videoPreview a {
	 display: block;
	 text-decoration: none;
}
 .videoPreview a:hover {
	 position: relative;
}
 .videoPreview span img {
	 margin-bottom: 0px;
}
 .videoPreview a span {
	 position: absolute;
	 display: none;
	 color: #fff;
	/* caption text colour */
	 text-decoration: none;
	 font-family: Arial, Helvetica, sans-serif;
	 font-size: 13px;
	/* caption text size */
	 background-color: #000;
	 font-weight: none;
	 padding-top: 5px;
	 padding-right: 5px;
	 padding-left: 5px;
	 width: 400px;
}
 .videoPreview img {
	 border-width: 0;
}
 .videoPreview a:hover span {
	 display: block;
	 bottom: 30px;
	 left: -60px;
	 z-index: 100;
}
 .imageLoc_preview {
	 float: left;
	 margin-right: 8px;
}
 .resize_large_preview {
	 width: 350px;
	 height: auto;
}
/****************************************************************************************************/
/********************************************* phone ************************************************/
/****************************************************************************************************/
 @media only screen and (min-width: 320px) and (max-width: 812px) and (orientation: portrait) {
	/* Rounded sliders */
	 .container2 {
		 margin-right: auto;
		 margin-left: auto;
	}
	 .imageFront {
		 float: left;
		 width: 100%;
		 height: 165px;
	}
	 .imageWrap {
		 width: 100%;
		 height: 165px;
		 display: inline-block;
		 margin-right: 15px;
		 margin-bottom: 15px;
		 border: 1px #fff solid;
		 overflow: hidden;
  	 	 border-radius: 10px;
	}
	 .fillImageFront {
		 -ms-transform: scale(1.8);
		/* IE 9 */
		 -webkit-transform: scale(1.8);
		/* Safari 3-8 */
		 transform: scale(1.8);
	}
	 .carousel-cell {
		 width: 75%;
		 height: 200px;
		 display: inline-block;
		 margin-right: 5px;
		 margin-bottom: 15px;
		 overflow: hidden;
	}
	 .carousel-cell-trend {
	 	 width: 75%;
	 	 height: 355px;
	 	 display: inline-block;
	 	 margin-right: 5px;
	 	 margin-bottom: 15px;
	 	 overflow: hidden;
	}
	 .carousel-cell-trend .overlay {
	 	 position: absolute;
	 	 top: 0;
	 	 bottom: 0;
	 	 left: 0;
	 	 right: 0;
	 	 height: 100%;
	 	 width: 100%;
	 	 background: #000;
	 	 background: rgba(0, 0, 0, 0.5);
	 	/* Black see-through */
	 	 transition: 0.5s ease;
	 	 opacity: 0;
	 	 color: white;
	 	 font-size: 13px;
	 	 text-align: center;
	 	 z-index: 3;
	}
	 .carousel-cell-trend:hover .overlay {
	 	 opacity: 1;
	}
	 .playButtonImgTrend {
	 	 position: absolute;
	 	 top: 115px;
	 	 right: 7px;
	 	 height: 50px;
	 	 width: 50px;
	}
	 .imageWrap2 {
	 	 width: 100%;
	 	 height: 165px;
	 	 display: inline-block;
	 	 margin-right: 15px;
	 	 margin-bottom: 15px;
	  	 margin-top: -25px;
	 	 border: 1px #fff solid;
	 	 overflow: hidden;
	  	 border-radius: 10px;
	}
	 .numberTrend {
	     text-align: center;
	 	font-size: 150px;
	 	font-weight: bold;
	     -webkit-text-stroke-width: 5px;
	     -webkit-text-stroke-color: #9d9d9d;
	 	color: #000000;
	}
	 .carousel-cell-playall {
		 width: 75%;
		 height: 200px;
		 display: inline-block;
		 margin-right: 5px;
		 margin-bottom: 15px;
		 overflow: hidden;
	}
	 .carousel-cell-playall .overlay {
		 position: absolute;
		 top: 0;
		 bottom: 0;
		 left: 0;
		 right: 0;
		 height: 100%;
		 width: 100%;
		 background: #000;
		 background: rgba(0, 0, 0, 0.5);
		/* Black see-through */
		 transition: 0.5s ease;
		 opacity: 0;
		 color: white;
		 font-size: 13px;
		 text-align: center;
		 z-index: 3;
		 opacity: 1;
	}
	 .flickity-button {
		 display: block;
	}
	 .playButtonImgFront {
		 position: absolute;
		 top: 110px;
		 right: 7px;
		 height: 50px;
		 width: 50px;
	}
	 .imageRadioFront {
		 float: left;
		 width: 100%;
		 height: 400px;
		 z-index: 2;
	}
	 .imageRadioFront:hover {
		 opacity: 1.4;
	}
	 .carousel-cell-radio {
		 width: 75%;
		 height: 400px;
		 display: inline-block;
		 margin-right: 5px;
		 margin-bottom: 15px;
		 border: 1px #fff solid;
		 overflow: hidden;
  	 	 border-radius: 10px;
	}
	 .carousel-cell-radio .overlay {
		 position: absolute;
		 top: 0;
		 bottom: 0;
		 left: 0;
		 right: 0;
		 height: 100%;
		 width: 100%;
		 background: #000;
		 background: rgba(0, 0, 0, 0.5);
		/* Black see-through */
		 transition: 0.5s ease;
		 opacity: 0;
		 color: white;
		 font-size: 13px;
		 text-align: center;
		 z-index: 3;
	}
	 .carousel-cell-radio:hover .overlay {
		 opacity: 1;
	}
	 .playButtonImgRadioFront {
		 position: absolute;
		 top: 315px;
		 right: 7px;
		 height: 40px;
		 width: 40px;
	}
	 .imageFrontPreview {
		 float: left;
		 width: 100%;
		 height: 240px;
	}
	 .imageWrapPreview {
		 width: 100%;
		 height: 240px;
		 display: inline-block;
		 margin-right: 15px;
		 margin-bottom: 5px;
		 overflow: hidden;
	}
	 .fillImageFrontPreview {
		 -ms-transform: scale(1.8);
		/* IE 9 */
		 -webkit-transform: scale(1.8);
		/* Safari 3-8 */
		 transform: scale(1.8);
	}
	 .carousel-cell-preview {
		 width: 100%;
		 height: 240px;
		 display: inline-block;
		 margin-right: 5px;
		 margin-bottom: 30px;
		 overflow: hidden;
	}
	 .carousel-cell-preview .overlay {
		 position: absolute;
		 top: 0;
		 bottom: 0;
		 left: 0;
		 right: 0;
		 height: 100%;
		 width: 100%;
		 background: #000;
		 background: rgba(0, 0, 0, 0.5);
		/* Black see-through */
		 transition: 0.5s ease;
		 opacity: 0;
		 color: white;
		 font-size: 13px;
		 text-align: center;
		 z-index: 3;
		 opacity: 1;
	}
	 .imageNewFront {
		 width: 225px;
		 height: 225px;
		 border-radius: 50%;
		 border: solid #fff 1px;
	}
	 .imageFrontWrapNew {
		 margin-bottom: 20px;
	}
	 .carousel-cell-new {
		 width: 56%;
		 display: inline-block;
		 overflow: hidden;
	}
	 .carousel-cell-new .overlay {
		 position: absolute;
		 top: 0;
		 bottom: 0;
		 left: 0;
		 right: 0;
		 height: 100%;
		 width: 100%;
		 background: #000;
		 background: rgba(0, 0, 0, 0.5);
		/* Black see-through */
		 transition: 0.5s ease;
		 opacity: 0;
		 color: white;
		 font-size: 13px;
		 text-align: center;
		 z-index: 3;
	}
	 .carousel-cell-new:hover .overlay {
		 opacity: 1;
	}
	 .playButtonImgNewFront {
		 position: absolute;
	     top: 50%;
	     left: 50%;
	     transform: translate(-50%, -50%);
		 height: 50px;
		 width: 50px;
	}
	.imageHotOnes {
		 float: left;
		 width: 100%;
		 height: 250px;
		 z-index: 2;
	}
	 .carousel-cell-hot {
		 width: 75%;
		 height: 400px;
		 display: inline-block;
		 margin-right: 5px;
		 margin-bottom: 15px;
		 border: 1px #fff solid;
		 overflow: hidden;
  	 	 border-radius: 10px;
	}
	 .carousel-cell-hot .overlay {
		 position: absolute;
		 top: 0;
		 bottom: 0;
		 left: 0;
		 right: 0;
		 height: 100%;
		 width: 100%;
		 background: #000;
		 background: rgba(0, 0, 0, 0.5);
		/* Black see-through */
		 transition: 0.5s ease;
		 opacity: 0;
		 color: white;
		 font-size: 13px;
		 text-align: center;
		 z-index: 3;
	}
	 .carousel-cell-hot:hover .overlay {
		 opacity: 1;
	}
    .playButtonImgHot {
    	 position: absolute;
    	 top: 102px;
    	 right: 110px;
    	 height: 50px;
    	 width: 50px;
    }
	.imageVerzus {
		 float: left;
		 width: 100%;
		 height: 250px;
		 z-index: 2;
	}
	 .carousel-cell-verzus {
		 width: 75%;
		 height: 250px;
		 display: inline-block;
		 margin-right: 5px;
		 margin-bottom: 15px;
		 border: 1px #fff solid;
		 overflow: hidden;
  	 	 border-radius: 10px;
	}
	 .carousel-cell-verzus .overlay {
		 position: absolute;
		 top: 0;
		 bottom: 0;
		 left: 0;
		 right: 0;
		 height: 100%;
		 width: 100%;
		 background: #000;
		 background: rgba(0, 0, 0, 0.5);
		/* Black see-through */
		 transition: 0.5s ease;
		 opacity: 0;
		 color: white;
		 font-size: 13px;
		 text-align: center;
		 z-index: 3;
	}
	 .carousel-cell-verzus:hover .overlay {
		 opacity: 1;
	}
	 .playButtonImgVerzus {
		 position: absolute;
	     top: 50%;
	     left: 50%;
	     transform: translate(-50%, -50%);
		 height: 50px;
		 width: 50px;
	}
	 .imageShortsFront {
		 float: left;
		 height: 300px;
	 	 margin-left: -120px;
	     margin-right: auto;

	}
	 .imageShortsWrap {
		 width: 100%;
		 height: 300px;
		 display: inline-block;
		 margin-right: 15px;
		 margin-bottom: 15px;
		 border: 1px #fff solid;
		 overflow: hidden;
	 	 border-radius: 20px;
	}

	 .imageShortsFront:hover {
		 opacity: 1.4;
	}
	 .carousel-cell-shorts {
		 width: 40%;
		 height: 335px;
		 display: inline-block;
		 margin-right: 5px;
		 margin-bottom: 15px;
		 overflow: hidden;
	}
	 .carousel-cell-shorts .overlay {
		 position: absolute;
		 top: 0;
		 bottom: 0;
		 left: 0;
		 right: 0;
		 height: 100%;
		 width: 100%;
		 background: #000;
		 background: rgba(0, 0, 0, 0.5);
		/* Black see-through */
		 transition: 0.5s ease;
		 opacity: 0;
		 color: white;
		 font-size: 13px;
		 text-align: center;
		 z-index: 3;
	}
	 .carousel-cell-shorts:hover .overlay {
		 opacity: 1;
	}
	 .carousel-cell-shorts-playall {
		 width: 40%;
		 height: 335px;
		 display: inline-block;
		 margin-right: 5px;
		 margin-bottom: 15px;
		 overflow: hidden;
	}
	 .carousel-cell-shorts-playall .overlay {
		 position: absolute;
		 top: 0;
		 bottom: 0;
		 left: 0;
		 right: 0;
		 height: 100%;
		 width: 100%;
		 background: #000;
		 background: rgba(0, 0, 0, 0.5);
		/* Black see-through */
		 transition: 0.5s ease;
		 opacity: 0;
		 color: white;
		 font-size: 13px;
		 text-align: center;
		 z-index: 3;
		 opacity: 1;
	}
	.playButtonImgShortsFront {
		 position: absolute;
		 top: 255px;
		 right: 7px;
		 height: 40px;
		 width: 40px;
	}
	 .txt-middle-radio-front {
		 margin-top: 10px;
		 font-size: 12px;
	}
	 .openName {
		 font-size: 30px;
		 font-weight: bold;
		 margin-top: 20px;
		 margin-left: 20px;
		 text-transform: uppercase;
		 text-align: left;
	}
	 .openTitle {
		 font-size: 18px;
		 margin-top: 10px;
		 margin-left: 20px;
		 text-transform: uppercase;
		 text-align: left;
	}
	 .openGenreViews {
		 font-size: 16px;
		 margin-top: 10px;
		 margin-left: 20px;
		 text-transform: uppercase;
		 text-align: left;
	}
	 .openGenre {
		 margin-right: 20px;
	}
	 .openFull {
		 font-size: 20px;
		 margin-top: 10px;
		 font-weight: bold;
		 margin-left: 20px;
		 text-transform: uppercase;
		 color: #fff;
		 text-align: left;
	}
	 .switch {
		 position: relative;
		 display: inline-block;
		 width: 40px;
		 height: 15px;
		 top: -3px;
	}
	 .switch input {
		 opacity: 0;
		 width: 0;
		 height: 0;
	}
	 .slider {
		 position: absolute;
		 cursor: pointer;
		 top: 0;
		 left: 0;
		 right: 0;
		 bottom: 0;
		 background-color: #ccc;
		 -webkit-transition: 0.4s;
		 transition: 0.4s;
	}
	 .slider:before {
		 position: absolute;
		 content: "";
		 height: 20px;
		 width: 20px;
		 left: 0px;
		 bottom: -2px;
		 background-color: white;
		 -webkit-transition: 0.4s;
		 transition: 0.4s;
	}
	 input:checked + .slider {
		 background-color: #ccc;
	}
	 input:checked + .slider:before {
		 background-color: #650505;
	}
	 input:focus + .slider {
		 box-shadow: 0 0 1px #650505;
	}
	 input:checked + .slider:before {
		 -webkit-transform: translateX(26px);
		 -ms-transform: translateX(26px);
		 transform: translateX(26px);
	}
	 .slider.round {
		 border-radius: 34px;
	}
	 .slider.round:before {
		 border-radius: 50%;
	}
	 .carousel-cell-playlist {
		 width: 75%;
		 height: 210px;
		 display: inline-block;
		 margin-right: 5px;
		 margin-bottom: 15px;
		 overflow: hidden;
	}
	 .carousel-cell-playlist .overlay {
		 position: absolute;
		 top: 0;
		 bottom: 0;
		 left: 0;
		 right: 0;
		 height: 77%;
		 width: 100%;
		 background: #000;
		 background: rgba(0, 0, 0, 0.5);
		/* Black see-through */
		 transition: 0.5s ease;
		 opacity: 0;
		 color: white;
		 font-size: 13px;
		 text-align: center;
		 z-index: 3;
	}
	 .carousel-cell-playlist:hover .overlay {
		 opacity: 1;
	}
	 .img-manage-mobile {
		 width: 200px;
		 height: 130px;
		 padding: 5xp !important;
	}
	 .btn-remove-mobile {
		 margin-top: 45px;
	}
	 .txt-middle-mobile {
		 margin-top: 40px;
		 font-size: 17px;
	}
	.txt-middle-mobile-views {
		 display: none;
		 margin-top: 0px;
		 font-size: 17px;
	}
}
/****************************************************************************************************/
/********************************************** phone ***********************************************/
/****************************************************************************************************/
 @media only screen and (min-width: 480px) and (max-width: 1200px) and (orientation: landscape) {
	 .container2 {
		 margin-right: auto;
		 margin-left: auto;
	}
	 .imageFront {
		 float: left;
		 width: 100%;
		 height: 165px;
	}
	 .imageWrap {
		 width: 100%;
		 height: 165px;
		 display: inline-block;
		 margin-right: 15px;
		 margin-bottom: 15px;
		 border: 1px #fff solid;
		 overflow: hidden;
  	 	 border-radius: 10px;
	}
	 .carousel-cell {
		 width: 35%;
		 height: 200px;
		 display: inline-block;
		 margin-right: 5px;
		 margin-bottom: 15px;
		 overflow: hidden;
	}
	 .carousel-cell-trend {
	 	 width: 35%;
	 	 height: 255px;
	 	 display: inline-block;
	 	 margin-right: 5px;
	 	 margin-bottom: 15px;
	 	 overflow: hidden;
		 /*border: 1px #fff solid;*/
	}
	 .carousel-cell-trend .overlay {
	 	 position: absolute;
	 	 top: 0;
	 	 bottom: 0;
	 	 left: 0;
	 	 right: 0;
	 	 height: 100%;
	 	 width: 100%;
	 	 background: #000;
	 	 background: rgba(0, 0, 0, 0.5);
	 	/* Black see-through */
	 	 transition: 0.5s ease;
	 	 opacity: 0;
	 	 color: white;
	 	 font-size: 13px;
	 	 text-align: center;
	 	 z-index: 3;
	}
	 .carousel-cell-trend:hover .overlay {
	 	 opacity: 1;
	}
	 .playButtonImgTrend {
	 	 position: absolute;
	 	 top: 115px;
	 	 right: 7px;
	 	 height: 50px;
	 	 width: 50px;
	}
	 .imageWrap2 {
	 	 width: 100%;
	 	 height: 165px;
	 	 display: inline-block;
	 	 margin-right: 15px;
	 	 margin-bottom: 15px;
	  	 margin-top: -25px;
	 	 border: 1px #fff solid;
	 	 overflow: hidden;
	  	 border-radius: 10px;
	}
	 .numberTrend {
	     text-align: center;
	 	font-size: 150px;
	 	font-weight: bold;
	     -webkit-text-stroke-width: 5px;
	     -webkit-text-stroke-color: #9d9d9d;
	 	color: #000000;
	}
	 .carousel-cell-playall {
		 width: 35%;
		 height: 200px;
		 display: inline-block;
		 margin-right: 5px;
		 margin-bottom: 15px;
		 overflow: hidden;
	}
	 .carousel-cell-playall .overlay {
		 position: absolute;
		 top: 0;
		 bottom: 0;
		 left: 0;
		 right: 0;
		 height: 100%;
		 width: 100%;
		 background: #000;
		 background: rgba(0, 0, 0, 0.5);
		/* Black see-through */
		 transition: 0.5s ease;
		 opacity: 0;
		 color: white;
		 font-size: 13px;
		 text-align: center;
		 z-index: 3;
		 opacity: 1;
	}
	 .imageFrontPreview {
		 float: left;
		 width: 100%;
		 height: 270px;
	}
	 .imageWrapPreview {
		 width: 100%;
		 height: 270px;
		 display: inline-block;
		 margin-right: 15px;
		 margin-bottom: 5px;
		 overflow: hidden;
	}
	 .fillImageFrontPreview {
		 -ms-transform: scale(1.8);
		/* IE 9 */
		 -webkit-transform: scale(1.8);
		/* Safari 3-8 */
		 transform: scale(1.8);
	}
	 .carousel-cell-preview {
		 width: 60%;
		 height: 270px;
		 display: inline-block;
		 margin-right: 5px;
		 margin-bottom: 30px;
		 overflow: hidden;
	}
	 .carousel-cell-preview .overlay {
		 position: absolute;
		 top: 0;
		 bottom: 0;
		 left: 0;
		 right: 0;
		 height: 100%;
		 width: 100%;
		 background: #000;
		 background: rgba(0, 0, 0, 0.5);
		/* Black see-through */
		 transition: 0.5s ease;
		 opacity: 0;
		 color: white;
		 font-size: 13px;
		 text-align: center;
		 z-index: 3;
		 opacity: 1;
	}
	 .flickity-button {
		 display: block;
	}
	 .playButtonImgFront {
		 position: absolute;
		 top: 110px;
		 right: 7px;
		 height: 50px;
		 width: 50px;
	}
	 .bannerHeader {
		 font-size: 13px;
	}
	 .imageRadioFront {
		 float: left;
		 width: 100%;
		 height: 370px;
		 z-index: 2;
	}
	 .imageRadioFront:hover {
		 opacity: 1.4;
	}
	 .carousel-cell-radio {
		 width: 35%;
		 height: 370px;
		 display: inline-block;
		 margin-right: 5px;
		 margin-bottom: 15px;
		 border: 1px #fff solid;
		 overflow: hidden;
  	 	 border-radius: 10px;
	}
	 .carousel-cell-radio .overlay {
		 position: absolute;
		 top: 0;
		 bottom: 0;
		 left: 0;
		 right: 0;
		 height: 100%;
		 width: 100%;
		 background: #000;
		 background: rgba(0, 0, 0, 0.5);
		/* Black see-through */
		 transition: 0.5s ease;
		 opacity: 0;
		 color: white;
		 font-size: 13px;
		 text-align: center;
		 z-index: 3;
	}
	 .carousel-cell-radio:hover .overlay {
		 opacity: 1;
	}
	 .playButtonImgRadioFront {
		 position: absolute;
		 top: 315px;
		 right: 7px;
		 height: 40px;
		 width: 40px;
	}
	 .imageNewFront {
		 width: 225px;
		 height: 225px;
		 border-radius: 50%;
		 border: solid #fff 1px;
	}
	 .imageFrontWrapNew {
		 margin-bottom: 20px;
	}
	 .carousel-cell-new {
		 width: 29%;
		 display: inline-block;
		 overflow: hidden;
	}
	 .carousel-cell-new .overlay {
		 position: absolute;
		 top: 0;
		 bottom: 0;
		 left: 0;
		 right: 0;
		 height: 100%;
		 width: 100%;
		 background: #000;
		 background: rgba(0, 0, 0, 0.5);
		/* Black see-through */
		 transition: 0.5s ease;
		 opacity: 0;
		 color: white;
		 font-size: 13px;
		 text-align: center;
		 z-index: 3;
	}
	 .carousel-cell-new:hover .overlay {
		 opacity: 1;
	}
	 .playButtonImgNewFront {
		 position: absolute;
	     top: 50%;
	     left: 50%;
	     transform: translate(-50%, -50%);
		 height: 50px;
		 width: 50px;
	}
	.imageHotOnes {
		 float: left;
		 width: 100%;
		 height: 250px;
		 z-index: 2;
	}
	 .carousel-cell-hot {
		 width: 35%;
		 height: 370px;
		 display: inline-block;
		 margin-right: 5px;
		 margin-bottom: 15px;
		 border: 1px #fff solid;
		 overflow: hidden;
  	 	 border-radius: 10px;
	}
	 .carousel-cell-hot .overlay {
		 position: absolute;
		 top: 0;
		 bottom: 0;
		 left: 0;
		 right: 0;
		 height: 100%;
		 width: 100%;
		 background: #000;
		 background: rgba(0, 0, 0, 0.5);
		/* Black see-through */
		 transition: 0.5s ease;
		 opacity: 0;
		 color: white;
		 font-size: 13px;
		 text-align: center;
		 z-index: 3;
	}
	 .carousel-cell-hot:hover .overlay {
		 opacity: 1;
	}
    .playButtonImgHot {
    	 position: absolute;
    	 top: 102px;
    	 right: 95px;
    	 height: 50px;
    	 width: 50px;
    }
	.imageVerzus {
		 float: left;
		 width: 100%;
		 height: 250px;
		 z-index: 2;
	}
	 .carousel-cell-verzus {
		 width: 35%;
		 height: 250px;
		 display: inline-block;
		 margin-right: 5px;
		 margin-bottom: 15px;
		 border: 1px #fff solid;
		 overflow: hidden;
  	 	 border-radius: 10px;
	}
	 .carousel-cell-verzus .overlay {
		 position: absolute;
		 top: 0;
		 bottom: 0;
		 left: 0;
		 right: 0;
		 height: 100%;
		 width: 100%;
		 background: #000;
		 background: rgba(0, 0, 0, 0.5);
		/* Black see-through */
		 transition: 0.5s ease;
		 opacity: 0;
		 color: white;
		 font-size: 13px;
		 text-align: center;
		 z-index: 3;
	}
	 .carousel-cell-verzus:hover .overlay {
		 opacity: 1;
	}
	 .playButtonImgVerzus {
		 position: absolute;
	     top: 50%;
	     left: 50%;
	     transform: translate(-50%, -50%);
		 height: 50px;
		 width: 50px;
	}
	 .imageShortsFront {
		 float: left;
		 height: 370px;
	 	 margin-left: -150px;
	     margin-right: auto;

	}
	 .imageShortsWrap {
		 width: 100%;
		 height: 370px;
		 display: inline-block;
		 margin-right: 15px;
		 margin-bottom: 15px;
		 border: 1px #fff solid;
		 overflow: hidden;
	 	 border-radius: 20px;
	}

	 .imageShortsFront:hover {
		 opacity: 1.4;
	}
	 .carousel-cell-shorts {
		 width: 25%;
		 height: 410px;
		 display: inline-block;
		 margin-right: 5px;
		 margin-bottom: 15px;
		 overflow: hidden;
	}
	 .carousel-cell-shorts .overlay {
		 position: absolute;
		 top: 0;
		 bottom: 0;
		 left: 0;
		 right: 0;
		 height: 100%;
		 width: 100%;
		 background: #000;
		 background: rgba(0, 0, 0, 0.5);
		/* Black see-through */
		 transition: 0.5s ease;
		 opacity: 0;
		 color: white;
		 font-size: 13px;
		 text-align: center;
		 z-index: 3;
	}
	 .carousel-cell-shorts:hover .overlay {
		 opacity: 1;
	}
	 .carousel-cell-shorts-playall {
		 width: 25%;
		 height: 410px;
		 display: inline-block;
		 margin-right: 5px;
		 margin-bottom: 15px;
		 overflow: hidden;
	}
	 .carousel-cell-shorts-playall .overlay {
		 position: absolute;
		 top: 0;
		 bottom: 0;
		 left: 0;
		 right: 0;
		 height: 100%;
		 width: 100%;
		 background: #000;
		 background: rgba(0, 0, 0, 0.5);
		/* Black see-through */
		 transition: 0.5s ease;
		 opacity: 0;
		 color: white;
		 font-size: 13px;
		 text-align: center;
		 z-index: 3;
		 opacity: 1;
	}
	.playButtonImgShortsFront {
		 position: absolute;
		 top: 320px;
		 right: 7px;
		 height: 40px;
		 width: 40px;
	}
	 .txt-middle-radio-front {
		 margin-top: 10px;
		 font-size: 12px;
	}
	 .openName {
		 font-size: 25px;
		 font-weight: bold;
		 margin-top: 35px;
		 margin-left: 20px;
		 text-transform: uppercase;
		 text-align: left;
	}
	 .openTitle {
		 font-size: 20px;
		 margin-top: 10px;
		 margin-left: 20px;
		 text-transform: uppercase;
		 text-align: left;
	}
	 .openGenreViews {
		 font-size: 16px;
		 margin-top: 10px;
		 margin-left: 20px;
		 text-transform: uppercase;
		 text-align: left;
	}
	 .openGenre {
		 margin-right: 20px;
	}
	 .openFull {
		 font-size: 20px;
		 margin-top: 10px;
		 font-weight: bold;
		 margin-left: 20px;
		 text-transform: uppercase;
		 color: #fff;
		 text-align: left;
	}
	 .carousel-cell-playlist {
		 width: 35%;
		 height: 210px;
		 display: inline-block;
		 margin-right: 5px;
		 margin-bottom: 15px;
		 overflow: hidden;
	}
	 .carousel-cell-playlist .overlay {
		 position: absolute;
		 top: 0;
		 bottom: 0;
		 left: 0;
		 right: 0;
		 height: 77%;
		 width: 100%;
		 background: #000;
		 background: rgba(0, 0, 0, 0.5);
		/* Black see-through */
		 transition: 0.5s ease;
		 opacity: 0;
		 color: white;
		 font-size: 13px;
		 text-align: center;
		 z-index: 3;
	}
	 .carousel-cell-playlist:hover .overlay {
		 opacity: 1;
	}
	 .img-manage-mobile {
		 width: 200px;
		 height: 170px;
		 padding: 5xp !important;
	}
	 .btn-remove-mobile {
		 margin-top: 65px;
	}
	 .txt-middle-mobile {
		 margin-top: 60px;
		 font-size: 17px;
	}
	.txt-middle-mobile-views {
		 margin-top: 65px;
		 font-size: 17px;
	}
}
/****************************************************************************************************/
/*************************************** tablet *****************************************************/
/****************************************************************************************************/
 @media (min-width: 600px) and (orientation: portrait) {
	 .container2 {
		 margin-right: auto;
		 margin-left: auto;
	}
	 .imageFront {
		 float: left;
		 width: 100%;
		 height: 165px;
	}
	 .imageWrap {
		 width: 100%;
		 height: 165px;
		 display: inline-block;
		 margin-right: 15px;
		 margin-bottom: 15px;
		 border: 1px #fff solid;
		 overflow: hidden;
  	 	 border-radius: 10px;
	}
	 .carousel-cell {
		 width: 45%;
		 height: 200px;
		 display: inline-block;
		 margin-right: 5px;
		 margin-bottom: 15px;
		 overflow: hidden;
	}
	 .carousel-cell-trend {
	 	 width: 37%;
	 	 height: 355px;
	 	 display: inline-block;
	 	 margin-right: 5px;
	 	 margin-bottom: 15px;
	 	 overflow: hidden;
	}
	 .carousel-cell-trend .overlay {
	 	 position: absolute;
	 	 top: 0;
	 	 bottom: 0;
	 	 left: 0;
	 	 right: 0;
	 	 height: 100%;
	 	 width: 100%;
	 	 background: #000;
	 	 background: rgba(0, 0, 0, 0.5);
	 	/* Black see-through */
	 	 transition: 0.5s ease;
	 	 opacity: 0;
	 	 color: white;
	 	 font-size: 13px;
	 	 text-align: center;
	 	 z-index: 3;
	}
	 .carousel-cell-trend:hover .overlay {
	 	 opacity: 1;
	}
	 .playButtonImgTrend {
	 	 position: absolute;
	 	 top: 115px;
	 	 right: 7px;
	 	 height: 50px;
	 	 width: 50px;
	}
	 .imageWrap2 {
	 	 width: 100%;
	 	 height: 165px;
	 	 display: inline-block;
	 	 margin-right: 15px;
	 	 margin-bottom: 15px;
	  	 margin-top: -25px;
	 	 border: 1px #fff solid;
	 	 overflow: hidden;
	  	 border-radius: 10px;
	}
	 .numberTrend {
	     text-align: center;
	 	font-size: 150px;
	 	font-weight: bold;
	     -webkit-text-stroke-width: 5px;
	     -webkit-text-stroke-color: #9d9d9d;
	 	color: #000000;
	}
	 .carousel-cell-playall {
		 width: 45%;
		 height: 200px;
		 display: inline-block;
		 margin-right: 5px;
		 margin-bottom: 15px;
		 overflow: hidden;
	}
	 .carousel-cell-playall .overlay {
		 position: absolute;
		 top: 0;
		 bottom: 0;
		 left: 0;
		 right: 0;
		 height: 100%;
		 width: 100%;
		 background: #000;
		 background: rgba(0, 0, 0, 0.5);
		 transition: 0.5s ease;
		 opacity: 0;
		 color: white;
		 font-size: 13px;
		 text-align: center;
		 z-index: 3;
		 opacity: 1;
	}
	 .imageFrontPreview {
		 float: left;
		 width: 100%;
		 height: 360px;
	}
	 .imageWrapPreview {
		 width: 100%;
		 height: 360px;
		 display: inline-block;
		 margin-right: 15px;
		 margin-bottom: 5px;
		 overflow: hidden;
	}
	 .fillImageFrontPreview {
		 -ms-transform: scale(1.8);
		/* IE 9 */
		 -webkit-transform: scale(1.8);
		/* Safari 3-8 */
		 transform: scale(1.8);
	}
	 .carousel-cell-preview {
		 width: 100%;
		 height: 360px;
		 display: inline-block;
		 margin-right: 5px;
		 margin-bottom: 30px;
		 overflow: hidden;
	}
	 .carousel-cell-preview .overlay {
		 position: absolute;
		 top: 0;
		 bottom: 0;
		 left: 0;
		 right: 0;
		 height: 100%;
		 width: 100%;
		 background: #000;
		 background: rgba(0, 0, 0, 0.5);
		/* Black see-through */
		 transition: 0.5s ease;
		 opacity: 0;
		 color: white;
		 font-size: 13px;
		 text-align: center;
		 z-index: 3;
		 opacity: 1;
	}
	 .flickity-button {
		 display: block;
	}
	 .playButtonImgFront {
		 position: absolute;
		 top: 110px;
		 right: 7px;
		 height: 50px;
		 width: 50px;
	}
	 .bannerHeader {
		 font-size: 13px;
	}
	 .imageRadioFront {
		 float: left;
		 width: 100%;
		 height: 400px;
		 z-index: 2;
	}
	 .imageRadioFront:hover {
		 opacity: 1.4;
	}
	 .carousel-cell-radio {
		 width: 45%;
		 height: 400px;
		 display: inline-block;
		 margin-right: 5px;
		 margin-bottom: 15px;
		 border: 1px #fff solid;
		 overflow: hidden;
  	 	 border-radius: 10px;
	}
	 .carousel-cell-radio .overlay {
		 position: absolute;
		 top: 0;
		 bottom: 0;
		 left: 0;
		 right: 0;
		 height: 100%;
		 width: 100%;
		 background: #000;
		 background: rgba(0, 0, 0, 0.5);
		/* Black see-through */
		 transition: 0.5s ease;
		 opacity: 0;
		 color: white;
		 font-size: 13px;
		 text-align: center;
		 z-index: 3;
	}
	 .carousel-cell-radio:hover .overlay {
		 opacity: 1;
	}
	 .playButtonImgRadioFront {
		 position: absolute;
		 top: 315px;
		 right: 7px;
		 height: 40px;
		 width: 40px;
	}
	 .imageNewFront {
		 width: 225px;
		 height: 225px;
		 border-radius: 50%;
		 border: solid #fff 1px;
	}
	 .imageFrontWrapNew {
		 margin-bottom: 20px;
	}
	 .carousel-cell-new {
		 width: 38.5%;
		 display: inline-block;
		 overflow: hidden;
	}
	 .carousel-cell-new .overlay {
		 position: absolute;
		 top: 0;
		 bottom: 0;
		 left: 0;
		 right: 0;
		 height: 100%;
		 width: 100%;
		 background: #000;
		 background: rgba(0, 0, 0, 0.5);
		/* Black see-through */
		 transition: 0.5s ease;
		 opacity: 0;
		 color: white;
		 font-size: 13px;
		 text-align: center;
		 z-index: 3;
	}
	 .carousel-cell-new:hover .overlay {
		 opacity: 1;
	}
	 .playButtonImgNewFront {
		 position: absolute;
	     top: 50%;
	     left: 50%;
	     transform: translate(-50%, -50%);
		 height: 50px;
		 width: 50px;
	}
	.imageHotOnes {
		 float: left;
		 width: 100%;
		 height: 250px;
		 z-index: 2;
	}
	 .carousel-cell-hot {
		 width: 45%;
		 height: 400px;
		 display: inline-block;
		 margin-right: 5px;
		 margin-bottom: 15px;
		 border: 1px #fff solid;
		 overflow: hidden;
  	 	 border-radius: 10px;
	}
	 .carousel-cell-hot .overlay {
		 position: absolute;
		 top: 0;
		 bottom: 0;
		 left: 0;
		 right: 0;
		 height: 100%;
		 width: 100%;
		 background: #000;
		 background: rgba(0, 0, 0, 0.5);
		/* Black see-through */
		 transition: 0.5s ease;
		 opacity: 0;
		 color: white;
		 font-size: 13px;
		 text-align: center;
		 z-index: 3;
	}
	 .carousel-cell-hot:hover .overlay {
		 opacity: 1;
	}
    .playButtonImgHot {
    	 position: absolute;
    	 top: 102px;
    	 right: 100px;
    	 height: 50px;
    	 width: 50px;
    }
	.imageVerzus {
		 float: left;
		 width: 100%;
		 height: 250px;
		 z-index: 2;
	}
	 .carousel-cell-verzus {
		 width: 45%;
		 height: 250px;
		 display: inline-block;
		 margin-right: 5px;
		 margin-bottom: 15px;
		 border: 1px #fff solid;
		 overflow: hidden;
  	 	 border-radius: 10px;
	}
	 .carousel-cell-verzus .overlay {
		 position: absolute;
		 top: 0;
		 bottom: 0;
		 left: 0;
		 right: 0;
		 height: 100%;
		 width: 100%;
		 background: #000;
		 background: rgba(0, 0, 0, 0.5);
		/* Black see-through */
		 transition: 0.5s ease;
		 opacity: 0;
		 color: white;
		 font-size: 13px;
		 text-align: center;
		 z-index: 3;
	}
	 .carousel-cell-verzus:hover .overlay {
		 opacity: 1;
	}
	 .playButtonImgVerzus {
		 position: absolute;
	     top: 50%;
	     left: 50%;
	     transform: translate(-50%, -50%);
		 height: 50px;
		 width: 50px;
	}
	 .imageShortsFront {
		 float: left;
		 height: 400px;
	 	 margin-left: -155px;
	     margin-right: auto;

	}
	 .imageShortsWrap {
		 width: 100%;
		 height: 400px;
		 display: inline-block;
		 margin-right: 15px;
		 margin-bottom: 15px;
		 border: 1px #fff solid;
		 overflow: hidden;
	 	 border-radius: 20px;
	}

	 .imageShortsFront:hover {
		 opacity: 1.4;
	}
	 .carousel-cell-shorts {
		 width: 28%;
		 height: 435px;
		 display: inline-block;
		 margin-right: 5px;
		 margin-bottom: 15px;
		 overflow: hidden;
	}
	 .carousel-cell-shorts .overlay {
		 position: absolute;
		 top: 0;
		 bottom: 0;
		 left: 0;
		 right: 0;
		 height: 100%;
		 width: 100%;
		 background: #000;
		 background: rgba(0, 0, 0, 0.5);
		/* Black see-through */
		 transition: 0.5s ease;
		 opacity: 0;
		 color: white;
		 font-size: 13px;
		 text-align: center;
		 z-index: 3;
	}
	 .carousel-cell-shorts:hover .overlay {
		 opacity: 1;
	}
	 .carousel-cell-shorts-playall {
		 width: 28%;
		 height: 435px;
		 display: inline-block;
		 margin-right: 5px;
		 margin-bottom: 15px;
		 overflow: hidden;
	}
	 .carousel-cell-shorts-playall .overlay {
		 position: absolute;
		 top: 0;
		 bottom: 0;
		 left: 0;
		 right: 0;
		 height: 100%;
		 width: 100%;
		 background: #000;
		 background: rgba(0, 0, 0, 0.5);
		/* Black see-through */
		 transition: 0.5s ease;
		 opacity: 0;
		 color: white;
		 font-size: 13px;
		 text-align: center;
		 z-index: 3;
		 opacity: 1;
	}
	.playButtonImgShortsFront {
		 position: absolute;
		 top: 345px;
		 right: 7px;
		 height: 40px;
		 width: 40px;
	}
	 .txt-middle-radio-front {
		 margin-top: 10px;
		 font-size: 12px;
	}
	 .openName {
		 font-size: 40px;
		 font-weight: bold;
		 margin-top: 50px;
		 margin-left: 20px;
		 text-transform: uppercase;
		 text-align: left;
	}
	 .openTitle {
		 font-size: 25px;
		 margin-top: 10px;
		 margin-left: 20px;
		 text-transform: uppercase;
		 text-align: left;
	}
	 .openGenreViews {
		 font-size: 20px;
		 margin-top: 10px;
		 margin-left: 20px;
		 text-transform: uppercase;
		 text-align: left;
	}
	 .openGenre {
		 margin-right: 20px;
	}
	 .openFull {
		 font-size: 20px;
		 margin-top: 10px;
		 margin-left: 20px;
		 text-transform: uppercase;
		 text-align: left;
	}
	 .carousel-cell-playlist {
		 width: 45%;
		 height: 210px;
		 display: inline-block;
		 margin-right: 5px;
		 margin-bottom: 15px;
		 overflow: hidden;
	}
	 .carousel-cell-playlist .overlay {
		 position: absolute;
		 top: 0;
		 bottom: 0;
		 left: 0;
		 right: 0;
		 height: 77%;
		 width: 100%;
		 background: #000;
		 background: rgba(0, 0, 0, 0.5);
		/* Black see-through */
		 transition: 0.5s ease;
		 opacity: 0;
		 color: white;
		 font-size: 13px;
		 text-align: center;
		 z-index: 3;
	}
	 .carousel-cell-playlist:hover .overlay {
		 opacity: 1;
	}
	 .img-manage-mobile {
		 width: 200px;
		 height: 130px;
		 padding: 5xp !important;
	}
	 .btn-remove-mobile {
		 margin-top: 45px;
	}
	 .txt-middle-mobile {
		 margin-top: 40px;
		 font-size: 17px;
	}
	.txt-middle-mobile-views {
		 margin-top: 70px;
		 font-size: 17px;
	}
}
/****************************************************************************************************/
/****************************************** tablet **************************************************/
/****************************************************************************************************/
 @media (min-width: 801px) and (max-width: 1300px) and (orientation: landscape) {
	 .container2 {
		 margin-right: auto;
		 margin-left: auto;
	}
	 .imageFront {
		 float: left;
		 width: 100%;
		 height: 165px;
	}
	 .imageWrap {
		 width: 100%;
		 height: 165px;
		 display: inline-block;
		 margin-right: 15px;
		 margin-bottom: 15px;
		 border: 1px #fff solid;
		 overflow: hidden;
  	 	 border-radius: 10px;
	}
	 .carousel-cell {
		 width: 25%;
		 height: 200px;
		 display: inline-block;
		 margin-right: 5px;
		 margin-bottom: 15px;
		 overflow: hidden;
	}
	 .carousel-cell-trend {
	 	 width: 22%;
	 	 height: 355px;
	 	 display: inline-block;
	 	 margin-right: 5px;
	 	 margin-bottom: 15px;
	 	 overflow: hidden;
	}
	 .carousel-cell-trend .overlay {
	 	 position: absolute;
	 	 top: 0;
	 	 bottom: 0;
	 	 left: 0;
	 	 right: 0;
	 	 height: 100%;
	 	 width: 100%;
	 	 background: #000;
	 	 background: rgba(0, 0, 0, 0.5);
	 	/* Black see-through */
	 	 transition: 0.5s ease;
	 	 opacity: 0;
	 	 color: white;
	 	 font-size: 13px;
	 	 text-align: center;
	 	 z-index: 3;
	}
	 .carousel-cell-trend:hover .overlay {
	 	 opacity: 1;
	}
	 .playButtonImgTrend {
	 	 position: absolute;
	 	 top: 115px;
	 	 right: 7px;
	 	 height: 50px;
	 	 width: 50px;
	}
	 .imageWrap2 {
	 	 width: 100%;
	 	 height: 165px;
	 	 display: inline-block;
	 	 margin-right: 15px;
	 	 margin-bottom: 15px;
	  	 margin-top: -25px;
	 	 border: 1px #fff solid;
	 	 overflow: hidden;
	  	 border-radius: 10px;
	}
	 .numberTrend {
	     text-align: center;
	 	font-size: 150px;
	 	font-weight: bold;
	     -webkit-text-stroke-width: 5px;
	     -webkit-text-stroke-color: #9d9d9d;
	 	color: #000000;
	}
	 .carousel-cell-playall {
		 width: 25%;
		 height: 200px;
		 display: inline-block;
		 margin-right: 5px;
		 margin-bottom: 15px;
		 overflow: hidden;
	}
	 .carousel-cell-playall .overlay {
		 position: absolute;
		 top: 0;
		 bottom: 0;
		 left: 0;
		 right: 0;
		 height: 100%;
		 width: 100%;
		 background: #000;
		 background: rgba(0, 0, 0, 0.5);
		 transition: 0.5s ease;
		 opacity: 0;
		 color: white;
		 font-size: 13px;
		 text-align: center;
		 z-index: 3;
		 opacity: 1;
	}
	 .imageRadioFront {
		 float: left;
		 width: 100%;
		 height: 400px;
		 z-index: 2;
	}
	 .imageRadioFront:hover {
		 opacity: 1.4;
	}
	 .carousel-cell-radio {
		 width: 25%;
		 height: 400px;
		 display: inline-block;
		 margin-right: 5px;
		 margin-bottom: 15px;
		 border: 1px #fff solid;
		 overflow: hidden;
  	 	 border-radius: 10px;
	}
	 .carousel-cell-radio .overlay {
		 position: absolute;
		 top: 0;
		 bottom: 0;
		 left: 0;
		 right: 0;
		 height: 100%;
		 width: 100%;
		 background: #000;
		 background: rgba(0, 0, 0, 0.5);
		 transition: 0.5s ease;
		 opacity: 0;
		 color: white;
		 font-size: 13px;
		 text-align: center;
		 z-index: 3;
	}
	 .carousel-cell-radio:hover .overlay {
		 opacity: 1;
	}
	 .imageFrontPreview {
		 float: left;
		 width: 100%;
		 height: 360px;
	}
	 .imageWrapPreview {
		 width: 100%;
		 height: 360px;
		 display: inline-block;
		 margin-right: 15px;
		 margin-bottom: 5px;
		 overflow: hidden;
	}
	 .fillImageFrontPreview {
		 -ms-transform: scale(1.8);
		 -webkit-transform: scale(1.8);
		 transform: scale(1.8);
	}
	 .carousel-cell-preview {
		 width: 60%;
		 height: 360px;
		 display: inline-block;
		 margin-right: 5px;
		 margin-bottom: 30px;
		 overflow: hidden;
	}
	 .carousel-cell-preview .overlay {
		 position: absolute;
		 top: 0;
		 bottom: 0;
		 left: 0;
		 right: 0;
		 height: 100%;
		 width: 100%;
		 background: #000;
		 background: rgba(0, 0, 0, 0.5);
		 transition: 0.5s ease;
		 opacity: 0;
		 color: white;
		 font-size: 13px;
		 text-align: center;
		 z-index: 3;
		 opacity: 1;
	}
	 .flickity-button {
		 display: block;
	}
	 .playButtonImgFront {
		 position: absolute;
		 top: 110px;
		 right: 7px;
		 height: 50px;
		 width: 50px;
	}
	 .imageNewFront {
		 width: 225px;
		 height: 225px;
		 border-radius: 50%;
		 border: solid #fff 1px;
	}
	 .imageFrontWrapNew {
		 margin-bottom: 20px;
	}
	 .carousel-cell-new {
		 width: 24%;
		 display: inline-block;
		 overflow: hidden;
	}
	 .carousel-cell-new .overlay {
		 position: absolute;
		 top: 0;
		 bottom: 0;
		 left: 0;
		 right: 0;
		 height: 100%;
		 width: 100%;
		 background: #000;
		 background: rgba(0, 0, 0, 0.5);
		/* Black see-through */
		 transition: 0.5s ease;
		 opacity: 0;
		 color: white;
		 font-size: 13px;
		 text-align: center;
		 z-index: 3;
	}
	 .carousel-cell-new:hover .overlay {
		 opacity: 1;
	}
	 .playButtonImgNewFront {
		 position: absolute;
	     top: 50%;
	     left: 50%;
	     transform: translate(-50%, -50%);
		 height: 50px;
		 width: 50px;
	}
	.imageHotOnes {
		 float: left;
		 width: 100%;
		 height: 250px;
		 z-index: 2;
	}
	 .carousel-cell-hot {
		 width: 25%;
		 height: 380px;
		 display: inline-block;
		 margin-right: 5px;
		 margin-bottom: 15px;
		 border: 1px #fff solid;
		 overflow: hidden;
	}
	 .carousel-cell-hot .overlay {
		 position: absolute;
		 top: 0;
		 bottom: 0;
		 left: 0;
		 right: 0;
		 height: 100%;
		 width: 100%;
		 background: #000;
		 background: rgba(0, 0, 0, 0.5);
		 transition: 0.5s ease;
		 opacity: 0;
		 color: white;
		 font-size: 13px;
		 text-align: center;
		 z-index: 3;
	}
	 .carousel-cell-hot:hover .overlay {
		 opacity: 1;
	}
    .playButtonImgHot {
    	 position: absolute;
    	 top: 102px;
    	 right: 95px;
    	 height: 50px;
    	 width: 50px;
    }
	.imageVerzus {
		 float: left;
		 width: 100%;
		 height: 250px;
		 z-index: 2;
	}
	 .carousel-cell-verzus {
		 width: 25%;
		 height: 250px;
		 display: inline-block;
		 margin-right: 5px;
		 margin-bottom: 15px;
		 border: 1px #fff solid;
		 overflow: hidden;
	}
	 .carousel-cell-verzus .overlay {
		 position: absolute;
		 top: 0;
		 bottom: 0;
		 left: 0;
		 right: 0;
		 height: 100%;
		 width: 100%;
		 background: #000;
		 background: rgba(0, 0, 0, 0.5);
		/* Black see-through */
		 transition: 0.5s ease;
		 opacity: 0;
		 color: white;
		 font-size: 13px;
		 text-align: center;
		 z-index: 3;
	}
	 .carousel-cell-verzus:hover .overlay {
		 opacity: 1;
	}
	 .playButtonImgVerzus {
		 position: absolute;
	     top: 50%;
	     left: 50%;
	     transform: translate(-50%, -50%);
		 height: 50px;
		 width: 50px;
	}
	 .imageShortsFront {
		 float: left;
		 height: 380px;
	 	 margin-left: -145px;
	     margin-right: auto;

	}
	 .imageShortsWrap {
		 width: 100%;
		 height: 380px;
		 display: inline-block;
		 margin-right: 15px;
		 margin-bottom: 15px;
		 border: 1px #fff solid;
		 overflow: hidden;
	 	 border-radius: 20px;
	}

	 .imageShortsFront:hover {
		 opacity: 1.4;
	}
	 .carousel-cell-shorts {
		 width: 17%;
		 height: 420px;
		 display: inline-block;
		 margin-right: 5px;
		 margin-bottom: 15px;
		 overflow: hidden;
	}
	 .carousel-cell-shorts .overlay {
		 position: absolute;
		 top: 0;
		 bottom: 0;
		 left: 0;
		 right: 0;
		 height: 100%;
		 width: 100%;
		 background: #000;
		 background: rgba(0, 0, 0, 0.5);
		/* Black see-through */
		 transition: 0.5s ease;
		 opacity: 0;
		 color: white;
		 font-size: 13px;
		 text-align: center;
		 z-index: 3;
	}
	 .carousel-cell-shorts:hover .overlay {
		 opacity: 1;
	}
	 .carousel-cell-shorts-playall {
		 width: 17%;
		 height: 420px;
		 display: inline-block;
		 margin-right: 5px;
		 margin-bottom: 15px;
		 overflow: hidden;
	}
	 .carousel-cell-shorts-playall .overlay {
		 position: absolute;
		 top: 0;
		 bottom: 0;
		 left: 0;
		 right: 0;
		 height: 100%;
		 width: 100%;
		 background: #000;
		 background: rgba(0, 0, 0, 0.5);
		/* Black see-through */
		 transition: 0.5s ease;
		 opacity: 0;
		 color: white;
		 font-size: 13px;
		 text-align: center;
		 z-index: 3;
		 opacity: 1;
	}
	.playButtonImgShortsFront {
		 position: absolute;
		 top: 330px;
		 right: 7px;
		 height: 40px;
		 width: 40px;
	}
	 .bannerHeader {
		 font-size: 13px;
	}
	 .openName {
		 font-size: 40px;
		 font-weight: bold;
		 margin-top: 50px;
		 margin-left: 20px;
		 text-transform: uppercase;
		 text-align: left;
	}
	 .openTitle {
		 font-size: 25px;
		 margin-top: 10px;
		 margin-left: 20px;
		 text-transform: uppercase;
		 text-align: left;
	}
	 .openGenreViews {
		 font-size: 20px;
		 margin-top: 10px;
		 margin-left: 20px;
		 text-transform: uppercase;
		 text-align: left;
	}
	 .openGenre {
		 margin-right: 20px;
	}
	 .openFull {
		 font-size: 20px;
		 margin-top: 10px;
		 margin-left: 20px;
		 text-transform: uppercase;
		 text-align: left;
	}
	 .carousel-cell-playlist {
		 width: 25%;
		 height: 210px;
		 display: inline-block;
		 margin-right: 5px;
		 margin-bottom: 15px;
		 overflow: hidden;
	}
	 .carousel-cell-playlist .overlay {
		 position: absolute;
		 top: 0;
		 bottom: 0;
		 left: 0;
		 right: 0;
		 height: 90%;
		 width: 100%;
		 background: #000;
		 background: rgba(0, 0, 0, 0.5);
		/* Black see-through */
		 transition: 0.5s ease;
		 opacity: 0;
		 color: white;
		 font-size: 13px;
		 text-align: center;
		 z-index: 3;
	}
	 .carousel-cell-playlist:hover .overlay {
		 opacity: 1;
	}
	 .img-manage-mobile {
		 width: 200px;
		 height: 150px;
		 padding: 5xp !important;
	}
	 .btn-remove-mobile {
		 margin-top: 50px;
	}
	 .txt-middle-mobile {
		 margin-top: 45px;
		 font-size: 17px;
	}
	.txt-middle-mobile-views {
		 margin-top: 55px;
		 font-size: 17px;
	}
}
/****************************************************************************************************/
/****************************************************************************************************/
/****************************************************************************************************/
/****************************************************************************************************/
/****************************************************************************************************/
/****************************************************************************************************/
/****************************************************************************************************/
/****************************************************************************************************/
 @media screen and (max-width: 1200px) and (min-width: 769px) {
	 .deskTopInfo, #deskTopSelect {
		 display: none;
	}
	 .mobileInfo, #mobileSelect {
		 display: block;
	}
	 #btn-manage-sort {
		 display: none;
	}
	 .manage-top {
		 margin-left: 15px !important;
	}
	 .btn-button-top {
		 margin-left: 0px !important;
		 margin-top: 10px;
	}
	 .text-name-title-mobile {
		 font-size: 15px;
		 margin-top: 5px;
		 text-transform: uppercase;
		 right: 0px;
	}
	 .text-views-mobile {
		 font-size: 15px;
		 margin-top: 5px;
		 text-transform: uppercase;
		 right: -5px;
	}
	 .img-video-radio {
		 height: 300px;
		 width: 100%;
	}
	 .belowNavBar, .belowNavBarFront, .belowNavBarMobile {
		 margin-top: 0px;
	}
	 .playButtonImg1, .playButtonImg2 {
		 position: absolute;
		 top: 105px;
		 right: 5px;
	}
}
/****************************************************************************************************/
/****************************************************************************************************/
/****************************************************************************************************/
@media screen and (max-width: 768px) {
	 .deskTopInfo, #deskTopSelect {
		 display: none;
	}
	 .mobileInfo, #mobileSelect {
		 display: block;
	}
	 .headerStyle {
		 margin-top: 50px;
	}
	 .nav > li > a {
		 margin-left: 0px;
		 width: 85%;
	}
	 .navbar {
		 margin-left: 0px;
	}
	 .navbar-nav {
		 margin-left: 0px;
		 text-align: left;
	}
	 .navbar-nav > li:hover, .navbar-nav > li:active {
		 margin-left: 0px;
		 width: 90%;
	}
	 #genre, #artistsArea, #songsArea, #playlistNav {
		 width: 85%;
	}
	 .belowNavBar, .belowNavBarFront, .belowNavBarMobile {
		 margin-top: 0px;
	}
	 .video-container {
		 position: relative;
		 padding-bottom: 56.25%;
		 height: 0;
		 overflow: hidden;
	}
	 .video-container iframe {
		 position: absolute;
		 top: 0;
		 left: 0;
		 width: 100%;
		 height: 100%;
	}
	 #frontPage {
		 display: none;
	}
	 .frontPageMobile {
		/*display: block;
		 */
	}
	 .nav-scroll {
		 display: none;
	}
	 #adv-search, #adv-login, #adv-playlist, #adv-radio, #adv-soul {
		 width: 90%;
		 height: 30px;
		 margin-top: 10px;
		 margin-right: 15px;
	}
	 .input-search {
		 height: 30px;
		 width: 100%;
	}
	 .dropdown-search {
		 width: 100%;
	}
	 .img-most-viewed, .img-genre {
		 height: 150px;
	}
	 section {
		 padding: 20px 0;
	}
	 section h3 {
		 font-size: 16px;
	}
	 a.back-to-top {
		 width: 50px;
		 height: 50px;
	}
	 .text-name-title-mobile {
		 font-size: 15px;
		 margin-top: 5px;
		 text-transform: uppercase;
		 right: 0px;
	}
	 .text-views-mobile {
		 font-size: 15px;
		 margin-top: 5px;
		 text-transform: uppercase;
		 right: -5px;
	}
	 .headerStyle-mobile {
		 margin-top: 0px;
	}
	 #playlistModal .modal-dialog, #playlistModalLogin .modal-dialog {
		 width: 80%;
	}
	 #shareVideoModal .modal-dialog {
		 width: 80%;
	}
	 #commentsModal .modal-dialog {
		 width: 90%;
	}
	 #searchModal .modal-dialog {
		 width: 95%;
		 top: -15%;
	}
	 .txt-header-mobile {
		 margin-top: 15px;
	}
	 section h2 {
		 font-size: 18px;
	}
	 .img-footer {
		 display: none;
	}
	 #playlistManage .modal-dialog, #playlistManagelLogin .modal-dialog {
		 width: 90%;
	}
	 .txt-middle-check {
		 margin-left: 5px;
		 margin-right: 30px;
	}
	 #managePreview .modal-dialog {
		 width: 90%;
	}
	 .manage-add {
		 margin-top: 10px;
		 margin-left: 15px;
	}
	 .manage-add-to {
		 margin-left: 15px;
	}
	 .btn-button-top {
		 margin-left: 0px;
	}
	 .btn-manage-new {
		 margin-top: 10px;
	}
	 .manage-top {
		 margin-left: 0px !important;
	}
	 .btn-buttons {
		 margin-top: 0px;
	}
	 #btn-manage-sort {
		 display: none;
	}
	 #video-fixed {
		 position: fixed;
	}
	 .playButtonImg1, .playButtonImg2 {
		 position: absolute;
		 top: 105px;
		 right: 5px;
	}
	 .mobileText {
		 font-size: 15px;
	}
}
/****************************************************************************************************/
/****************************************************************************************************/
/****************************************************************************************************/
 @media screen and (max-width: 768px) and (orientation: portrait) {
	 .playButtonImg1, .playButtonImg2 {
		 position: absolute;
		 top: 105px;
		 right: 5px;
	}
	 #icons_trashhit, #icons_trashhit_Mobile, #icons_trashhit_off, #icons_trashhit_off_Mobile {
		 width: 20px;
		 height: 20px;
		 margin-left: 5px;
	}
	 #icons_smashhit, #icons_smashhit_Mobile, #icons_smashhit_off, #icons_smashhit_off_Mobile, #icons_share, #icons_comments {
		 width: 15px;
		 height: 20px;
	}
	 .icons_arrow {
		 width: 12px;
		 height: 20px;
	}
	 .text-name-title-mobile, .text-name-title, .text-views-mobile, .text-views {
		 font-size: 12px;
	}
	 .btn-buttons {
		 margin-top: 0px;
		 margin-left: 5px;
	}
}
/****************************************************************************************************/
/****************************************************************************************************/
/****************************************************************************************************/
 @media screen and (max-width: 768px) and (orientation: landscape) {
	 .img-most-viewed, .img-genre {
		 height: 250px;
		/*width: 75px;
		 */
	}
	 section h3 {
		 font-size: 15px;
	}
	 #shareVideoModal .modal-dialog {
		 width: 80%;
	}
}
/****************************************************************************************************/
/****************************************************************************************************/
/****************************************************************************************************/
 @media screen and (orientation: landscape) {
	 .manage-top {
		 margin-left: 15px !important;
	}
	 .btn-button-top {
		 margin-left: 0px !important;
		 margin-top: 10px;
	}
	 .icon_bar {
		 display: none;
	}
	 .img-video-radio {
		 height: 400px;
	}
	 .playButtonImg3 {
		 position: absolute;
		 top: 150px;
		 right: 300px;
	}
	 .mobileText {
		 font-size: 30px;
	}
/*	 .carousel-cell {
		 width: 35%;
		 height: 200px;
		 display: inline-block;
		 margin-right: 5px;
		 margin-bottom: 15px;
		 overflow: hidden;
	}
	 .carousel-cell-playall {
		 width: 35%;
		 height: 200px;
		 display: inline-block;
		 margin-right: 5px;
		 margin-bottom: 15px;
		 overflow: hidden;
	}
	 .carousel-cell-preview {
		 width: 60%;
		 height: 270px;
		 display: inline-block;
		 margin-right: 5px;
		 margin-bottom: 30px;
		 overflow: hidden;
	}
	 .carousel-cell-radio {
		 width: 35%;
		 height: 370px;
		 display: inline-block;
		 margin-right: 5px;
		 margin-bottom: 15px;
		 border: 1px #fff solid;
		 overflow: hidden;
	}
	.carousel-cell-new {
		 width: 29%;
		 display: inline-block;
		 overflow: hidden;
	}
	 .carousel-cell-hot {
		 width:30%;
		 height: 250px;
		 display: inline-block;
		 margin-right: 5px;
		 margin-bottom: 15px;
		 overflow: hidden;
	}
	 .carousel-cell-verzus {
		 width: 35%;
		 height: 250px;
		 display: inline-block;
		 margin-right: 5px;
		 margin-bottom: 15px;
		 border: 1px #fff solid;
		 overflow: hidden;
	}
	 .carousel-cell-playlist {
		 width: 35%;
		 height: 210px;
		 display: inline-block;
		 margin-right: 5px;
		 margin-bottom: 15px;
		 overflow: hidden;
	}*/
}
/****************************************************************************************************/
/****************************************************************************************************/
/****************************************************************************************************/
 @media screen and (min-width: 768px) {
	 .dropdown.dropdown-lg {
		 position: static !important;
	}
	 .dropdown.dropdown-lg .dropdown-menu {
		 min-width: 90%;
	}
}
 @media screen and (max-width: 768px) {
	 #testing {
		 display: block;
	}
}
/****************************************************************************************************/
/****************************************************************************************************/
/****************************************************************************************************/
 @media screen and (max-width: 960px) and (orientation: landscape) {
 		.carousel-cell-new {
		 width: 24%;
		 display: inline-block;
		 overflow: hidden;
	}

}

/****************************************************************************************************/
/****************************************************************************************************/
/****************************************************************************************************/
 @media screen and (max-width: 883px) and (orientation: landscape) {
	 .carousel-cell {
		 width: 40%;
		 height: 200px;
		 display: inline-block;
		 margin-right: 5px;
		 margin-bottom: 15px;
		 overflow: hidden;
	}
	 .carousel-cell-trend {
	 	 width: 40%;
	 	 height: 355px;
	 	 display: inline-block;
	 	 margin-right: 5px;
	 	 margin-bottom: 15px;
	 	 overflow: hidden;
	}
	 .carousel-cell-playall {
		 width: 40%;
		 height: 200px;
		 display: inline-block;
		 margin-right: 5px;
		 margin-bottom: 15px;
		 overflow: hidden;
	}
	 .carousel-cell-preview {
		 width: 60%;
		 height: 270px;
		 display: inline-block;
		 margin-right: 5px;
		 margin-bottom: 30px;
		 overflow: hidden;
	}
	 .carousel-cell-radio {
		 width: 40%;
		 height: 370px;
		 display: inline-block;
		 margin-right: 5px;
		 margin-bottom: 15px;
		 border: 1px #fff solid;
		 overflow: hidden;
  	 	 border-radius: 10px;
	}
	.carousel-cell-new {
		 width: 29%;
		 display: inline-block;
		 overflow: hidden;
	}
	 .carousel-cell-hot {
		 width: 40%;
		 height: 370px;
		 display: inline-block;
		 margin-right: 5px;
		 margin-bottom: 15px;
		 border: 1px #fff solid;
		 overflow: hidden;
  	 	 border-radius: 10px;
	}
	 .carousel-cell-verzus {
		 width: 40%;
		 height: 250px;
		 display: inline-block;
		 margin-right: 5px;
		 margin-bottom: 15px;
		 border: 1px #fff solid;
		 overflow: hidden;
  	 	 border-radius: 10px;
	}
	 .carousel-cell-playlist {
		 width: 40%;
		 height: 210px;
		 display: inline-block;
		 margin-right: 5px;
		 margin-bottom: 15px;
		 overflow: hidden;
	}
	.carousel-cell-shorts {
		 width: 25%;
		 height: 410px;
		 display: inline-block;
		 margin-right: 5px;
		 margin-bottom: 15px;
		 overflow: hidden;
	}

}

@media only screen and (-webkit-min-device-pixel-ratio: 2)  and (orientation: portrait) {
	.carousel-cell {
		 width: 37%;
		 height: 200px;
		 display: inline-block;
		 margin-right: 5px;
		 margin-bottom: 15px;
		 overflow: hidden;
	}
	 .carousel-cell-radio {
		 width: 37%;
		 height: 400px;
		 display: inline-block;
		 margin-right: 5px;
		 margin-bottom: 15px;
		 border: 1px #fff solid;
		 overflow: hidden;
  	 	 border-radius: 10px;
	}
	 .carousel-cell-verzus {
		 width: 37%;
		 height: 250px;
		 display: inline-block;
		 margin-right: 5px;
		 margin-bottom: 15px;
		 border: 1px #fff solid;
		 overflow: hidden;
  	 	 border-radius: 10px;
	}
	 .carousel-cell-new {
		 width: 32%;
		 display: inline-block;
		 overflow: hidden;
	}
	 .carousel-cell-hot {
		 width: 37%;
		 height: 400px;
		 display: inline-block;
		 margin-right: 5px;
		 margin-bottom: 15px;
		 border: 1px #fff solid;
		 overflow: hidden;
  	 	 border-radius: 10px;
	}
	/*
	 .carousel-cell-playall {
		 width: 40%;
		 height: 200px;
		 display: inline-block;
		 margin-right: 5px;
		 margin-bottom: 15px;
		 overflow: hidden;
	}
	 .carousel-cell-preview {
		 width: 60%;
		 height: 270px;
		 display: inline-block;
		 margin-right: 5px;
		 margin-bottom: 30px;
		 overflow: hidden;
	}
	 .carousel-cell-playlist {
		 width: 40%;
		 height: 210px;
		 display: inline-block;
		 margin-right: 5px;
		 margin-bottom: 15px;
		 overflow: hidden;
	}*/
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
	 .deskTopInfo, #deskTopSelect {
		 display: none;
	}
	 .mobileInfo, #mobileSelect {
		 display: block;
	}
	 .imageFrontPreview {
		 float: left;
		 width: 100%;
		 height: 360px;
	}
	 .imageWrapPreview {
		 width: 100%;
		 height: 360px;
		 display: inline-block;
		 margin-right: 15px;
		 margin-bottom: 5px;
		 overflow: hidden;
	}
	 .fillImageFrontPreview {
		 -ms-transform: scale(1.8);
		 -webkit-transform: scale(1.8);
		 transform: scale(1.8);
	}
	 .carousel-cell {
		 width: 22%;
		 height: 200px;
		 display: inline-block;
		 margin-right: 5px;
		 margin-bottom: 15px;
		 overflow: hidden;
	}
	 .carousel-cell-radio {
		 width: 22%;
		 height: 400px;
		 display: inline-block;
		 margin-right: 5px;
		 margin-bottom: 15px;
		 border: 1px #fff solid;
		 overflow: hidden;
  	 	 border-radius: 10px;
	}
	 .carousel-cell-verzus {
		 width: 22%;
		 height: 250px;
		 display: inline-block;
		 margin-right: 5px;
		 margin-bottom: 15px;
		 border: 1px #fff solid;
		 overflow: hidden;
  	 	 border-radius: 10px;
	}
	 .carousel-cell-new {
		 width: 20%;
		 display: inline-block;
		 overflow: hidden;
	}
	 .carousel-cell-hot {
		 width: 22%;
		 height: 400px;
		 display: inline-block;
		 margin-right: 5px;
		 margin-bottom: 15px;
		 border: 1px #fff solid;
		 overflow: hidden;
  	 	 border-radius: 10px;
	}
	 .carousel-cell-preview {
		 width: 60%;
		 height: 360px;
		 display: inline-block;
		 margin-right: 5px;
		 margin-bottom: 30px;
		 overflow: hidden;
	}
	 .carousel-cell-preview .overlay {
		 position: absolute;
		 top: 0;
		 bottom: 0;
		 left: 0;
		 right: 0;
		 height: 100%;
		 width: 100%;
		 background: #000;
		 background: rgba(0, 0, 0, 0.5);
		 transition: 0.5s ease;
		 opacity: 0;
		 color: white;
		 font-size: 13px;
		 text-align: center;
		 z-index: 3;
		 opacity: 1;
	}
/*	 .carousel-cell-new {
		 width: 20%;
		 display: inline-block;
		 overflow: hidden;
	}
	 .carousel-cell-new .overlay {
		 position: absolute;
		 top: 0;
		 bottom: 0;
		 left: 0;
		 right: 0;
		 height: 100%;
		 width: 100%;
		 background: #000;
		 background: rgba(0, 0, 0, 0.5);
		 transition: 0.5s ease;
		 opacity: 0;
		 color: white;
		 font-size: 13px;
		 text-align: center;
		 z-index: 3;
	}
	 .carousel-cell-new:hover .overlay {
		 opacity: 1;
	}*/
	 .bannerHeader {
		 font-size: 13px;
	}
	 .openName {
		 font-size: 40px;
		 font-weight: bold;
		 margin-top: 50px;
		 margin-left: 20px;
		 text-transform: uppercase;
		 text-align: left;
	}
	 .openTitle {
		 font-size: 25px;
		 margin-top: 10px;
		 margin-left: 20px;
		 text-transform: uppercase;
		 text-align: left;
	}
	 .openGenreViews {
		 font-size: 20px;
		 margin-top: 10px;
		 margin-left: 20px;
		 text-transform: uppercase;
		 text-align: left;
	}
	 .openGenre {
		 margin-right: 20px;
	}
	 .openFull {
		 font-size: 20px;
		 margin-top: 10px;
		 margin-left: 20px;
		 text-transform: uppercase;
		 text-align: left;
	}
	 .img-manage-mobile {
		 width: 200px;
		 height: 150px;
		 padding: 5xp !important;
	}
	 .btn-remove-mobile {
		 margin-top: 50px;
	}
	 .txt-middle-mobile {
		 margin-top: 45px;
		 font-size: 17px;
	}
	.txt-middle-mobile-views {
		 margin-top: 55px;
		 font-size: 17px;
	}
}

 @media only screen and (min-width: 320px) and (max-width: 600px) and (orientation: portrait) {
	.carousel-cell {
		 width: 75%;
		 height: 200px;
		 display: inline-block;
		 margin-right: 5px;
		 margin-bottom: 15px;
		 overflow: hidden;
	}
	 .carousel-cell-radio {
		 width: 75%;
		 height: 400px;
		 display: inline-block;
		 margin-right: 5px;
		 margin-bottom: 15px;
		 border: 1px #fff solid;
		 overflow: hidden;
  	 	 border-radius: 10px;
	}
	 .carousel-cell-verzus {
		 width: 75%;
		 height: 250px;
		 display: inline-block;
		 margin-right: 5px;
		 margin-bottom: 15px;
		 border: 1px #fff solid;
		 overflow: hidden;
  	 	 border-radius: 10px;
	}
	 .carousel-cell-new {
		 width: 56%;
		 display: inline-block;
		 overflow: hidden;
	}
	 .carousel-cell-hot {
		 width: 75%;
		 height: 400px;
		 display: inline-block;
		 margin-right: 5px;
		 margin-bottom: 15px;
		 border: 1px #fff solid;
		 overflow: hidden;
  	 	 border-radius: 10px;
	}

}

 @media only screen and (min-width: 480px) and (max-width: 1200px) and (orientation: landscape) {
	 .carousel-cell {
		 width: 35%;
		 height: 200px;
		 display: inline-block;
		 margin-right: 5px;
		 margin-bottom: 15px;
		 overflow: hidden;
	}
	 .carousel-cell-trend {
	 	 width: 35%;
	 	 height: 355px;
	 	 display: inline-block;
	 	 margin-right: 5px;
	 	 margin-bottom: 15px;
	 	 overflow: hidden;
	 }
	 .carousel-cell-playall {
		 width: 35%;
		 height: 200px;
		 display: inline-block;
		 margin-right: 5px;
		 margin-bottom: 15px;
		 overflow: hidden;
	}
	 .carousel-cell-preview {
		 width: 60%;
		 height: 270px;
		 display: inline-block;
		 margin-right: 5px;
		 margin-bottom: 30px;
		 overflow: hidden;
	}
	 .carousel-cell-radio {
		 width: 35%;
		 height: 370px;
		 display: inline-block;
		 margin-right: 5px;
		 margin-bottom: 15px;
		 border: 1px #fff solid;
		 overflow: hidden;
  	 	 border-radius: 10px;
	}
	 .carousel-cell-new {
		 width: 29%;
		 display: inline-block;
		 overflow: hidden;
	}
	 .carousel-cell-hot {
		 width: 35%;
		 height: 370px;
		 display: inline-block;
		 margin-right: 5px;
		 margin-bottom: 15px;
		 border: 1px #fff solid;
		 overflow: hidden;
  	 	 border-radius: 10px;
	}
	 .carousel-cell-verzus {
		 width: 35%;
		 height: 250px;
		 display: inline-block;
		 margin-right: 5px;
		 margin-bottom: 15px;
		 border: 1px #fff solid;
		 overflow: hidden;
  	 	 border-radius: 10px;
	}
	 .carousel-cell-playlist {
		 width: 35%;
		 height: 210px;
		 display: inline-block;
		 margin-right: 5px;
		 margin-bottom: 15px;
		 overflow: hidden;
	}
}

@media  only screen and (min-width: 600px) and (max-width: 700px) and (orientation: portrait) {
	 .carousel-cell {
		 width: 45%;
		 height: 200px;
		 display: inline-block;
		 margin-right: 5px;
		 margin-bottom: 15px;
		 overflow: hidden;
	}
	 .carousel-cell-trend {
	 	 width: 45%;
	 	 height: 330px;
	 	 display: inline-block;
	 	 margin-right: 5px;
	 	 margin-bottom: 15px;
	 	 overflow: hidden;
	 }
	 .carousel-cell-playall {
		 width: 45%;
		 height: 200px;
		 display: inline-block;
		 margin-right: 5px;
		 margin-bottom: 15px;
		 overflow: hidden;
	}
	 .carousel-cell-preview {
		 width: 100%;
		 height: 360px;
		 display: inline-block;
		 margin-right: 5px;
		 margin-bottom: 30px;
		 overflow: hidden;
	}
	 .carousel-cell-radio {
		 width: 45%;
		 height: 400px;
		 display: inline-block;
		 margin-right: 5px;
		 margin-bottom: 15px;
		 border: 1px #fff solid;
		 overflow: hidden;
  	 	 border-radius: 10px;
	}
	 .carousel-cell-new {
		 width: 38.5%;
		 display: inline-block;
		 overflow: hidden;
	}
	 .carousel-cell-hot {
		 width: 45%;
		 height: 400px;
		 display: inline-block;
		 margin-right: 5px;
		 margin-bottom: 15px;
		 border: 1px #fff solid;
		 overflow: hidden;
  	 	 border-radius: 10px;
	}
	 .carousel-cell-verzus {
		 width: 45%;
		 height: 250px;
		 display: inline-block;
		 margin-right: 5px;
		 margin-bottom: 15px;
		 border: 1px #fff solid;
		 overflow: hidden;
  	 	 border-radius: 10px;
	}
}
 @media (min-width: 960px) and (max-width: 1024px) and (orientation: landscape) {
	 .carousel-cell {
		 width: 25%;
		 height: 200px;
		 display: inline-block;
		 margin-right: 5px;
		 margin-bottom: 15px;
		 overflow: hidden;
	}
	 .carousel-cell-trend {
	 	 width: 25%;
	 	 height: 355px;
	 	 display: inline-block;
	 	 margin-right: 5px;
	 	 margin-bottom: 15px;
	 	 overflow: hidden;
	 }
	 .carousel-cell-playall {
		 width: 25%;
		 height: 200px;
		 display: inline-block;
		 margin-right: 5px;
		 margin-bottom: 15px;
		 overflow: hidden;
	}
	 .carousel-cell-radio {
		 width: 25%;
		 height: 380px;
		 display: inline-block;
		 margin-right: 5px;
		 margin-bottom: 15px;
		 border: 1px #fff solid;
		 overflow: hidden;
  	 	 border-radius: 10px;
	}
	 .carousel-cell-preview {
		 width: 60%;
		 height: 360px;
		 display: inline-block;
		 margin-right: 5px;
		 margin-bottom: 30px;
		 overflow: hidden;
	}
	 .carousel-cell-new {
		 width: 24%;
		 display: inline-block;
		 overflow: hidden;
	}
	 .carousel-cell-hot {
		 width: 25%;
		 height: 380px;
		 display: inline-block;
		 margin-right: 5px;
		 margin-bottom: 15px;
		 border: 1px #fff solid;
		 overflow: hidden;
  	 	 border-radius: 10px;
	}
	 .carousel-cell-verzus {
		 width: 25%;
		 height: 250px;
		 display: inline-block;
		 margin-right: 5px;
		 margin-bottom: 15px;
		 border: 1px #fff solid;
		 overflow: hidden;
  	 	 border-radius: 10px;
	}
	 .carousel-cell-playlist {
		 width: 25%;
		 height: 210px;
		 display: inline-block;
		 margin-right: 5px;
		 margin-bottom: 15px;
		 overflow: hidden;
	}
}

/****************************************************************************************************/
/****************************************** tablet **************************************************/
/****************************************************************************************************/
 @media (min-width: 801px) and (max-width: 1025px) and (orientation: landscape) {
 	.imageRadioFront {
		 float: left;
		 width: 100%;
		 height: 367px;
		 z-index: 2;
	}
}