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

[1. Styles for devices(>=1401px and <=1550px)]

*/
@media (min-width:1401px) and (max-width:1550px) {
/****************************** ****************************** 
   						Home Page CSS
****************************** *****************************/
.hype-static-content .showmore_content p {
	line-height: 25px;
}
}
@media (min-width:1461px) and (max-width:1586px) {
.most-popular i, .invite-only i {
	margin: 0 12px;
}
}
 @media (min-width: 320px) and (max-width: 860px) {
.nav-onboard {
	display: block;
	position: absolute;
	top: 25%;
	right: 0;
	background: transparent !important;
	border: none;
}
}
@media (min-width:1401px) and (max-width:1460px) {
/****************************** ****************************** 
   			Subscription Plans Page Style CSS
****************************** *****************************/
.subscription-plans .inner-wrap2 {
	padding: 0 5%;
}
.pricing-list ul li:nth-child(1n), .pricing-list ul li:nth-child(2n) {
	min-height: 120px;
}
.pricing-list ul li:nth-child(3n) {
	min-height: 200px;
}
.pricing-list ul li:nth-child(4n) {
	min-height: 95px;
}
.pricing-list ul li:nth-child(5n) {
	min-height: 115px;
}
.pricing-list ul li:nth-child(6n) {
	min-height: 95px;
}
.pricing-list ul li:nth-child(7n) {
	min-height: 95px;
}
.pricing-list ul li:nth-child(8n) {
	min-height: 95px;
}
.pricing-list ul li:nth-child(9n) {
	min-height: 95px;
}
.pricing-list ul li:nth-child(10n) {
	min-height: 95px;
}
.pricing-list ul li:nth-child(11n) {
	min-height: 95px;
}
.pricing-list ul li:nth-child(12n) {
	min-height: 95px;
}
.pricing-list ul li:nth-child(13n) {
	min-height: inherit;
}
.most-plan .pricing-list ul li:first-child {
	min-height: 113px;
}
.most-popular i, .invite-only i {
	margin: 0 5px;
}
/****************************** ****************************** 
   			New Subscription Plans Page Style CSS
****************************** *****************************/
.new-pricing-list ul li:nth-child(5n) {
	min-height: 82px;
}
}


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

[2. Styles for devices(>=1201px and <=1400px)]

*/
@media (min-width:1201px) and (max-width:1400px) {
/****************************** ****************************** 
   						Home Page CSS
****************************** *****************************/
.inner-wrap {
	padding: 0;
}
.inner-wrap2 {
	padding: 0 5%;
}
.artists-logo ul li {
	padding: 20px 26px;
}
.hype-static-content .showmore_content p {
	line-height: 25px;
}
.track-filter-button-part .hy-btn {
	padding: 12px 20px;
}
/****************************** ****************************** 
   			Subscription Plans Page Style CSS
****************************** *****************************/
.most-popular i, .invite-only i {
	margin: 0 5px;
}
/****************************** ****************************** 
   			New Subscription Plans Page Style CSS
****************************** *****************************/
.new-pricing-list ul li:nth-child(5n) {
	min-height: 80px;
}
.new-pricing-list ul li:nth-child(6n) br {
	display: none;
}
/*For Dashboard Activity Table*/
.act-fangate-name {
	max-width: 250px;
}
}
 @media (min-width:861px) and (max-width:1150px) {
.useracc-name {
	display: none;
}
.ac-user-pic {
	margin-right: 0;
}
.fangate .useracc-name {
	display: inline-block;
	max-width: 80px;
	min-width: 80px;
}
.fangate .ac-user-pic {
	margin-right: 10px;
}
.hide-stbr {
	display: none;
}
}
 @media (min-width:860px) and (max-width:1078px) {
.useracc-plan {
	display: block;
}
.useracc-plan {
	display: block;
}
.uni-hidden {
	display: none !important;
}
.navbar-nav > li.useracc-drop {
	border-left: none;
	margin-left: 0;
	padding-left: 0;
}
}
@media (min-width:400px) and (max-width:860px) {
.useracc-name {
	display: none;
}
.fangate .useracc-name {
	display: inline-block;
	max-width: 80px;
	min-width: 80px;
}
}


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

[3. Styles for devices(>=993px and <=1200px)]

*/
@media (min-width:993px) and (max-width:1200px) {
/****************************** ****************************** 
   						Home Page CSS
****************************** *****************************/
.navbar-nav > li.login > a {
	padding-right: 15px;
}
.navbar-nav > li.useracc-drop .dropdown-toggle .caret {
	margin-left: 5px;
}
.uni-visible1.useracc-drop {
	border-left: none;
}
.inner-wrap {
	padding: 0;
}
.inner-wrap2 {
	padding: 0 5%;
}
.banner-text h1 {
	font-size: 60px;
}
.banner-text p {
	font-size: 18px;
}
.what-get-content {
	padding-right: 20px;
}
.artists-logo ul li {
	padding: 20px 6px;
}
.hypenews-box ul li {
	padding: 0 25px;
}
.fans-count-section h1 {
	font-size: 60px;
}
/****************************** ****************************** 
   					Dashboard Page CSS
****************************** *****************************/
.main-container-section {
	padding: 60px 0;
}
.mpad-sm {
	padding: 40px 0;
}
.table > thead > tr > th {
	vertical-align: top;
}
/*== Tour 3 Navation Menu CSS on Dashboard Tour ==*/
.tour-3-menu {
	right: 367px;
}
.tour-3-menu ul li a span {
	margin-right: 10px;
}
/****************************** ****************************** 
   			WP Blog and Blog Detail Page CSS
****************************** *****************************/
.news-filter {
	width: 315px;
}
.grid-item {
	height: 350px;
}
.grid-item:nth-child(5n+1) {
	height: 350px;
}
.post-title {
	font-size: 20px;
}
.blog-detail .inner-wrap2 {
	padding: 0 15%;
}
/****************************** ****************************** 
 Fan Promation, DJ Promation and Create Fan Gate Page CSS
****************************** *****************************/
/*== Fan Promation CSS ==*/
.hype-static-content p {
	line-height: 24px;
}
label {
	font-size: 15px;
}
/*== DJ Promation CSS ==*/
.hype-zip img {
	max-width: 100%;
}
.cm-label span {
	letter-spacing: -0.5px;
}
/****************************** ****************************** 
   		Top 100 Downloads and Sample Packs Page Style CSS
****************************** *****************************/
/*== Top 100 Downloads CSS ==*/
.track-filter-button-part .hy-btn {
	padding: 12px;
}
.track-share-part p {
	font-size: 14px;
}
.track-share-part .col-sm-6 .hy-btn-sm.long-btn {
	font-size: 10px;
	padding: 10px;
}
/****************************** ****************************** 
   			Create Fan Gate Success Page Style CSS
****************************** *****************************/
.visit-btn .hy-btn-gray.hy-btn-sm {
	width: auto;
}
/****************************** ****************************** 
   			Subscription Plans Page Style CSS
****************************** *****************************/
.subscription-plans .inner-wrap2 {
	padding: 0;
}
.pricing-list ul li:nth-child(1n), .pricing-list ul li:nth-child(2n) {
	min-height: 145px;
}
.pricing-list ul li:nth-child(3n) {
	min-height: 200px;
}
.pricing-list ul li:nth-child(4n) {
	min-height: 95px;
}
.pricing-list ul li:nth-child(5n) {
	min-height: 115px;
}
.pricing-list ul li:nth-child(6n) {
	min-height: 95px;
}
.pricing-list ul li:nth-child(7n) {
	min-height: 95px;
}
.pricing-list ul li:nth-child(8n) {
	min-height: 108px;
}
.pricing-list ul li:nth-child(9n) {
	min-height: 95px;
}
.pricing-list ul li:nth-child(10n) {
	min-height: 95px;
}
.pricing-list ul li:nth-child(11n) {
	min-height: 95px;
}
.pricing-list ul li:nth-child(12n) {
	min-height: 95px;
}
.pricing-list ul li:nth-child(13n) {
	min-height: inherit;
}
.most-plan .pricing-list ul li:first-child {
	min-height: 138px;
}
.most-popular, .invite-only {
	font-size: 10px;
}
.most-popular i, .invite-only i {
	font-size: 15px;
	margin: 0 2px;
}
.faq-section {
	padding: 60px 0;
}
/****************************** ****************************** 
   					Account Setting Page CSS
****************************** *****************************/
.z-tabs.xlarge > ul > li > a {
	font-size: 12px !important;
}
/****************************** ****************************** 
   					Ohter  CSS
****************************** *****************************/
#forgot_password .form-control {
	max-width: 275px;
}
/****************************** ****************************** 
       			Create Fan Gate New Page CSS
****************************** *****************************/
.add-follow-row .col-sm-3 {
	width: 33.3333%;
}
.add-follow-row .col-sm-9 {
	width: 66.6667%;
}
/****************************** ****************************** 
       				Dashboard New Page CSS
****************************** *****************************/
.getting-box p {
	font-size: 10px;
}
/**** For Dashboard Hype Table Drop Down Menu Right Postion CSS ****/
.hype-table .dropdown-menu.for-dd-menu-right {
	right: 25px;
}
/****************************** ****************************** 
   			New Subscription Plans Page Style CSS
****************************** *****************************/
.for-new-plan-container {
	padding: 50px 0;
}
.new-pricing-header h1 {
	font-size: 34px;
}
.new-pricing-list ul {
	padding: 0 10px;
}
.new-pricing-list ul li:nth-child(2n) {
	min-height: 60px;
}
.new-pricing-list ul li:nth-child(3n) {
	min-height: 210px;
}
.new-pricing-list ul li:nth-child(4n) {
	min-height: 118px;
}
.new-pricing-list ul li:nth-child(5n) {
	min-height: 80px;
}
.new-pricing-list ul li:nth-child(6n) {
	min-height: 90px;
}
.new-pricing-list ul li:nth-child(6n) br {
	display: none;
}
/****************************** ****************************** 
   		 Auto Promo Part on Dashboard Page Style CSS
****************************** *****************************/
/*For Dashboard Activity Table*/
.act-fangate-name {
	max-width: 250px;
}
/****************************** ****************************** 
   		      New Account Settings Page Style CSS
****************************** *****************************/
.for-account-setting .inner-wrap2 {
	padding: 0 10%;
}
/****************************** ****************************** 
   		         	Spotify Player Style CSS
****************************** *****************************/
.player-lt {
	width: 40%;
}
.player-rt {
	width: 60%;
}
.track-events {
	width: 60px;
}
.track-events-inner a {
	margin-right: 0;
	margin-left: 0;
}
.next-track, .prev-track {
	display: none !important;
}
.track-progress {
	width: calc(100% - 120px);
}
/*Loudlink Player CSS HYPE-669 SP-34*/
.loudlink .track-progress {
	width: calc(100% - 240px);
}
/****************************** ****************************** 
   		     	Stream Ads Part Style CSS
****************************** *****************************/
.ad-box-part p {
	font-size: 19px;
}
.ad-box-part p span.new-org-badge1 {
	margin-left: 0;
	margin-right: 5px;
	position: initial;
}
.ad-box-part .button {
	padding: 15px;
}
/*Hot or Not Ad Box Part CSS Sprint-43 HYPE-846*/
.ad-box-part.ad-box-new p {
	font-size: 19px;
}
/****************************** ****************************** 
   			New Dashboard 3 top box Page Style CSS
****************************** *****************************/
.dbox {
	padding: 30px 12px;
}
/****************************** ****************************** 
    Upgrade Timer Tooltip For Dashboard Style CSS Sprint-15
****************************** *****************************/
.slider-activate-part.for-new-timer {
	text-align: center;
}
.slider-activate-part.for-new-timer .hy-btn {
	padding: 8px 40px 6px;
}
/****************************** ****************************** 
  	  		Loud link - External link - Sprint-35
****************************** *****************************/
.loudlink-external .player-rt {
	width: initial;
}
/****************************** ****************************** 
  	  		Pricing V2.0 - HYPE-855 - Sprint-43
****************************** *****************************/
.faq-inner-section .main-title-part {
	margin-bottom: 60px;
}
}

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

[4. Styles for devices(>=768px and <=992px)]

*/
@media (min-width:768px) and (max-width:1080px) {
/****For Dashboard Hype Table CSS****/
.performance-status:first-child {
	margin-left: 24%;
}
}
@media (min-width:993px) and (max-width:999px) {
/****************************** ****************************** 
   					Fan Gate Page CSS
****************************** *****************************/
.fangate {
	width: 98%;
}
.fangate header {
	width: 98%;
}
.banner-pro {
	height: auto;
}
.banner-pro img {
	height: auto;
	width: 100%;
}
.fangate-main-container {
	padding: 25px 0;
}
.fangate .navbar-default .container-fluid {
	padding: 0;
}
/*== Create Fan Gate Free User Part CSS ==*/
.free-user-desktop, .free-user-ipad, .free-user-mobile {
	display: none;
}
.free-user-ipad {
	display: block;
}
}
@media (min-width:768px) and (max-width:992px) {
/****************************** ****************************** 
   						Home Page CSS
****************************** *****************************/
.container-fluid {
	overflow: inherit;
	padding: 0 15px;
}
.inner-wrap {
	padding: 0;
}
.inner-wrap2 {
	padding: 0;
}
.table > thead > tr > th {
	font-size: 11px;
}
#header {
	-webkit-transition: none;
	transition: none;
}
.banner-text h1 {
	font-size: 54px;
}
.banner-text p {
	font-size: 16px;
}
.head-f-btn {
	left: 0;
	margin: 20px auto 0;
	position: static;
	text-align: center;
	top: 0;
	width: 65%;
}
.cta-section {
	padding: 60px 0;
}
.main-title-part {
	margin-bottom: 50px;
}
.main-title-part h1 {
	font-size: 28px;
}
.cta-box-part h3 {
	font-size: 28px;
}
.cta-box-part p {
	font-size: 13px;
}
.artists-on-section {
	min-height: inherit;
	padding: 60px 0;
}
.artists-logo ul li {
	padding: 20px 35px;
}
.artists-logo ul div.clearfix {
	display: none;
}
.hype-news-section {
	padding: 60px 0;
}
.hypenews-box ul li {
	padding: 0 25px;
}
.news-text p {
	font-size: 13px;
	line-height: 22px;
}
.what-you-get-section {
	padding: 60px 0;
}
.what-get-content {
	padding-top: 6px;
	padding-right: 20px;
}
.what-get-content h3 {
	font-size: 18px;
}
.what-get-content p {
	font-size: 13px;
	line-height: 20px;
}
.fans-count-section h1 {
	font-size: 54px;
}
footer {
	padding: 40px 0;
}
/****************************** ****************************** 
   					Dashboard Page CSS
****************************** *****************************/
.page-title-part h1 {
	font-size: 22px;
}
.main-container-section {
	padding: 50px 0;
}
.mpad-sm {
	padding: 40px 0;
}
.title-button-part a, .title-button-part .btn-group {
	margin: 0 4px;
}
.table > thead > tr > th {
	vertical-align: top;
}
/*== Tour 3 Navation Menu CSS on Dashboard Tour ==*/
.tour-3-menu {
	display: none!important;
}
/*== Notification Message Part CSS ==*/
.notification-msg-part p {
	font-size: 13px;
}
.notification-msg-part .hy-btn {
	min-width: auto;
	max-width: 170px;
	width: 100%;
}
/****************************** ****************************** 
   			WP Blog and Blog Detail Page CSS
****************************** *****************************/
.news-filter {
	float: none;
	margin: 10px auto 0;
	position: initial;
}
.post-grid {
	margin-left: 0;
}
.grid-item {
	width: 100%;
	padding: 0;
}
.post-inside .post-header {
	padding: 15px;
}
.post-title {
	font-size: 22px;
}
.post-title br {
	display: none;
}
.post-inside .read-more {
	bottom: 20px;
	left: 15px;
	position: absolute;
}
.blog-detail .inner-wrap2 {
	padding: 0 10%;
}
.blog-detail p {
	font-size: 16px;
}
/****************************** ****************************** 
   		Top 100 Downloads and Sample Packs Page Style CSS
****************************** *****************************/
/*== Sample Packs CSS ==*/
.divider-lg {
	margin: 50px 0;
}
.track-box-part {
	padding: 35px 50px 25px;
}
/*== Top 100 Downloads CSS ==*/
.track-share-part p {
	font-size: 14px;
}
.track-share-part .col-sm-6 .hy-btn-sm.long-btn {
	font-size: 10px;
	padding: 10px;
}
.owl-nav {
	display: none;
}
/****************************** ****************************** 
   					Fan Gate Page CSS
****************************** *****************************/
.fangate {
	width: 98%;
}
.fangate header {
	width: 98%;
}
.banner-pro {
	height: auto;
}
.banner-pro img {
	height: auto;
	width: 100%;
}
.fangate-main-container {
	padding: 25px 0;
}
.fangate .navbar-default .container-fluid {
	padding: 0 0;
}
/****************************** ****************************** 
 Fan Promation, DJ Promation and Create Fan Gate Page CSS
****************************** *****************************/
/*== Fan Promation CSS ==*/
.hype-static-content p {
	line-height: 24px;
}
label {
	font-size: 14px;
}
.label_w100 {
	margin-bottom: 20px;
}
/*== DJ Promation CSS ==*/
.hype-zip img {
	max-width: 100%;
}
.quote-top {
	left: 15px;
	font-size: 34px;
}
.quote-bottom {
	right: 15px;
	font-size: 34px;
}
.hype-quote-content {
	line-height: 26px;
	padding: 20px 60px;
}
/*== Create Fan Gate CSS ==*/
.swit-res {
	min-height: 40px;
}
.new-b {
	left: 15px;
	top: -14px;
}
/*== Create Fan Gate Free User Part CSS ==*/
.free-user-desktop, .free-user-ipad, .free-user-mobile {
	display: none;
}
.free-user-ipad {
	display: block;
}
/****************************** ****************************** 
   					Account Setting Page CSS
****************************** *****************************/
.white-content-bar-part p {
	font-size: 18px;
}
.z-tabs.xlarge > ul > li > a {
	font-size: 12px !important;
}
.tab-inner-section {
	padding: 10;
	min-height: 300px;
}
.setting-content p {
	font-size: 16px;
}
/****************************** ****************************** 
   			Create Fan Gate Success Page Style CSS
****************************** *****************************/
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label {
	padding: 18px;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2 {
	font-size: 15px;
}
.visit-btn .hy-btn-gray.hy-btn-sm {
	width: auto;
}
/****************************** ****************************** 
   			Subscription Plans Page Style CSS
****************************** *****************************/
.pricing-header h1 {
	font-size: 22px;
}
.pricing-list ul li {
	font-size: 13px;
}
.pricing-list ul li:nth-child(1n), .pricing-list ul li:nth-child(2n) {
	min-height: 145px;
}
.pricing-list ul li:nth-child(3n) {
	min-height: 200px;
}
.pricing-list ul li:nth-child(4n) {
	min-height: 95px;
}
.pricing-list ul li:nth-child(5n) {
	min-height: 115px;
}
.pricing-list ul li:nth-child(6n) {
	min-height: 95px;
}
.pricing-list ul li:nth-child(7n) {
	min-height: 95px;
}
.pricing-list ul li:nth-child(8n) {
	min-height: 108px;
}
.pricing-list ul li:nth-child(9n) {
	min-height: 95px;
}
.pricing-list ul li:nth-child(10n) {
	min-height: 95px;
}
.pricing-list ul li:nth-child(11n) {
	min-height: 95px;
}
.pricing-list ul li:nth-child(12n) {
	min-height: 95px;
}
.pricing-list ul li:nth-child(13n) {
	min-height: inherit;
}
.most-plan .pricing-list ul li:first-child {
	min-height: 138px;
}
.most-popular, .invite-only {
	font-size: 10px;
}
.most-popular i, .invite-only i {
	font-size: 14px;
	margin: 0 1px;
}
.faq-section {
	padding: 50px 0;
}
/****************************** ****************************** 
       			Create Fan Gate New Page CSS
****************************** *****************************/
.update-b {
	left: 15px;
	top: -14px;
}
.add-follow-row .col-sm-3 {
	width: 33.3333%;
}
.add-follow-row .col-sm-9 {
	width: 66.6667%;
}
/****************************** ****************************** 
       				Dashboard New Page CSS
****************************** *****************************/
.getting-box p {
	font-size: 9px;
}
.your-music p {
	font-size: 14px;
}
/* * For Dashboard Hype Table Drop Down Menu Right Postion CSS * */
.hype-table .dropdown-menu.for-dd-menu-right {
	right: 25px;
}
/**** For Dashboard Hype Table CSS ****/
.performance-status:first-child {
	margin-left: 24%;
}
/* * Account Settings CSS * */
.setting-content .info-text {
	font-size: 22px;
}
/****************************** ****************************** 
  					New Sign Up Page CSS
****************************** *****************************/
.sign-container-section, .forgot-password-container-section, .sharefangate-container-section, .promotion-container-section, .error-container-section {
	margin-top: 65px;
}
.uni-visible1.useracc-drop {
	border-left: none;
}
/****************************** ****************************** 
   			New Subscription Plans Page Style CSS
****************************** *****************************/
.new-plan-billing-part {
	margin-bottom: 10px;
}
.new-pricing-header h1 {
	font-size: 32px;
}
.new-pricing-list ul {
	padding: 0 10px;
}
.new-pricing-list ul li:nth-child(2n) {
	min-height: 60px;
}
.new-pricing-list ul li:nth-child(3n) {
	min-height: 210px;
}
.new-pricing-list ul li:nth-child(4n) {
	min-height: 120px;
}
.new-pricing-list ul li:nth-child(5n) {
	min-height: 80px;
}
.new-pricing-list ul li:nth-child(6n) {
	min-height: 90px;
}
.new-pricing-list ul li:nth-child(4n) br, .new-pricing-list ul li:nth-child(6n) br {
	display: none;
}
/****************************** ****************************** 
   		 Auto Promo Part on Dashboard Page Style CSS
****************************** *****************************/
.progress-bot-text p {
	font-size: 12px;
}
.slider-tiptext {
	top: -48px;
}
.slider-tiptext span.slider-text {
	font-size: 36px;
}
/****************************** ****************************** 
   		    Spotify Fangate Page Style CSS
****************************** *****************************/
.spotify-page .container-fluid > .navbar-header, .spotify-page .container-fluid > .navbar-collapse {
	margin-left: 0;
	margin-right: 0;
}
.spotify-page .artwork {
	padding: 0;
	width: 100%;
}
.spotify-page .release-content {
	border-radius: 3px;
	float: none;
	margin: 65px auto 0;
	width: 100%;
}
.spotify-page .artwork_image {
	position: relative;
	width: 100%;
}
.spotify-page .artwork_image .artwork_image_inner {
	left: auto;
	position: initial;
	max-height: 380px;
	top: auto;
	width: 100%;
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none;
}
.sidebar-content-section {
	padding: 28px 40px 65px;
}
/*For Dashboard Activity Table*/
.act-fangate-name {
	max-width: 215px;
}
.hide-stbr {
	display: none;
}
/****************************** ****************************** 
   		    Spotify Fangate Preview Pop Up Style CSS
****************************** *****************************/
#sp-fangate-preview .modal-lg {
	max-width: 730px;
}
#sp-fangate-preview .without-log .navbar-nav > li > a {
	padding-left: 4px;
	padding-right: 4px;
}
#sp-fangate-preview .spotify-page .release-content {
	max-width: 400px;
	width: 100%;
}
/****************************** ****************************** 
   		      New Account Settings Page Style CSS
****************************** *****************************/
.for-account-setting .inner-wrap2 {
	padding: 0 5%;
}
/****************************** ****************************** 
   		         	Spotify Player Style CSS
****************************** *****************************/
.player-lt {
	width: 40%;
}
.player-rt {
	width: 60%;
}
.track-events {
	width: 60px;
}
.track-events-inner a {
	margin-right: 0;
	margin-left: 0;
}
.next-track, .prev-track {
	display: none !important;
}
.track-progress {
	width: calc(100% - 120px);
}
/*Loudlink Player CSS HYPE-669 SP-34*/
.loudlink .track-progress {
	width: calc(100% - 240px);
}
/****************************** ****************************** 
   		     	Stream Ads Part Style CSS
****************************** *****************************/
.ad-box-part p {
	font-size: 19px;
}
.ad-box-part p span.new-org-badge1 {
	margin-left: 0;
	margin-right: 5px;
	position: initial;
}
.ad-box-part .button {
	padding: 15px;
}
/*Hot or Not Ad Box Part CSS Sprint-43 HYPE-846*/
.ad-box-part.ad-box-new p {
	font-size: 18px;
}
/****************************** ****************************** 
   		 Soundcloud to Youtube Converter Page Style CSS
****************************** *****************************/
.sec_icon {
	margin-bottom: 30px;
}
.secure-info {
	bottom: 65px;
}
.secure-info p {
	font-size: 11px;
}
/****************************** ****************************** 
   			New Dashboard 3 top box Page Style CSS
****************************** *****************************/
.dbox {
	margin-bottom: 30px;
	min-height: initial;
	padding: 30px;
}
.new-dashboard-section .col-sm-4:last-child .dbox {
	margin-bottom: 0;
}
.d_btn {
	margin-top: 20px;
	position: initial;
}
.badges-box .owl-dots {
	margin-top: 0;
}
/****************************** ****************************** 
    Upgrade Timer Tooltip For Dashboard Style CSS Sprint-15
****************************** *****************************/
.slider-activate-part.for-new-timer {
	text-align: center;
}
.slider-activate-part.for-new-timer .hy-btn {
	padding: 8px 30px 6px;
}
.upgrade-timer-tooltip {
	bottom: 32px;
	left: calc(50% - 160px);
	top: initial;
}
.upgrade-tooltip-arrow {
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #fff;
	bottom: -10px;
	left: calc(50% - 5px);
	margin-top: 0;
	top: initial;
}
/****************************** ****************************** 
  Chart notification email enhancements Style CSS Sprint-15
****************************** *****************************/
.new-trans-main-title {
	text-align: center;
}
.for-Dimage-overflow {
	overflow: hidden;
}
.chart-breaker-badge {
	height: 150px;
	right: -12px;
	top: -75px;
	width: 150px;
}
.chart-breaker-badge span {
	font-size: 20px;
	line-height: 22px;
}
.chart-breaker-badge.for-out-now span {
	font-size: 24px;
	line-height: 26px;
}
/****************************** ****************************** 
  		 Spotlight Promotion Page Style CSS Sprint-17
****************************** *****************************/
.spotlight-promotion-page h2 {
	font-size: 17px;
}
.spotlight-confirmation-part ul li label {
	font-size: 14px;
}
.spotlight-confirmation-part ul li div {
	font-size: 14px;
}
/****************************** ****************************** 
  		 Onboarding Plan Selection Page CSS Sprint-18
****************************** *****************************/
.single-title-part h2 {
	font-size: 22px;
}
/****************************** ****************************** 
  		 New Onboarding Plan Selection Sprint-19
****************************** *****************************/
.new-plan-billing-option {
	margin-bottom: 10px;
}
/****************************** ****************************** 
  		 New Onboarding Subscription Plan Sprint-19
****************************** *****************************/
.onboarding-pricing-list ul li {
	font-size: 13px;
}
/****************************** ****************************** 
  				 Fan Promotion Sprint-19
****************************** *****************************/
.for-static-white-title {
	position: initial;
}
.fan-promotion-container {
	height: 100%;
	margin-top: 0;
}
.fansidebar-heading {
	position: initial;
	width: 100%;
}
.fan-promotion-sidebar {
	border-bottom: 1px solid #dce1e6;
	border-right: 0 none;
	height: initial;
	position: initial;
	width: 100%;
}
.fan-promotion-sidebar .panel-group {
	height: 100%;
	margin-top: 0;
}
.fan-promotion-main-part {
	margin-left: 0;
	overflow: initial;
	position: initial;
}
.promotion-table {
	padding-bottom: 0;
	padding-top: 0;
	overflow-x: scroll;
	overflow-y: hidden;
}
.promotion-table-responsive {
	display: block;
	width: 1024px;
}
.promotion-table .table-row.table-header {
	position: initial;
	width: 100%;
}
.fan-bottom-static-section {
	bottom: 0;
	position: initial;
	width: 100%;
}
.fan-bottom-static-inner {
	padding: 15px 15px;
}
/*New Flexbox Table For Fan Promotion Page Spritn 19*/
.table-row-inner {
	padding: 0 15px;
}
/****************************** ****************************** 
  			 Copyright Confirmation Page Sprint-19
****************************** *****************************/
.copyright-white-box {
	padding: 40px 40px;
}
/****************************** ****************************** 
  			 Select Music Promotion Page Sprint-19
****************************** *****************************/
.promote-white-box {
	padding: 40px;
}
.promote-white-box h4 {
	font-size: 18px;
}
.dash-container {
	width: 100%;
}
/****************************** ****************************** 
  	 			Fan Promotion Page Sprint-20
****************************** *****************************/
.new-fanfilter-part {
	height: initial;
	margin-top: -1px;
	position: initial;
}
.new-fanfilter-inner {
	padding: 13px 15px;
}
.filterby-option {
	padding-left: 10px;
}
.filterby-option-full {
	padding-left: 0;
}
.filterby-option-full.filterby-option:first-child .select {
	margin-left: 0;
}
.new-fanfilter-part label.nfanlabel {
	float: none;
	margin: 0 0 3px 0;
}
.filterby-option label.nfanlabel {
	margin-left: 10px;
}
/****************************** ****************************** 
  	 		Activity Notifications Page Sprint-20
****************************** *****************************/
.activity-table {
	padding-top: 0;
}
.activity-table .table-row.table-header {
	position: initial;
	width: 100%;
}
.activity-loading {
	height: initial;
	top: 0;
	height: 100%;
}
/****************************** ****************************** 
   	 	Channel Profile Steps Page Style CSS Sprint-22
****************************** *****************************/
.channel_artwork {
	padding: 0;
	width: 100%;
}
.channel_release_content {
	border-radius: 3px;
	float: none;
	margin: 25px auto;
	width: 100%;
}
.channel_artwork_image {
	position: relative;
	width: 100%;
	padding-top: 10px;
}
.channel_artwork_image .channel_artwork_image_inner {
	left: auto;
	position: initial;
	max-height: 380px;
	max-width: 380px;
	margin: 0 auto;
	top: auto;
	width: 100%;
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none;
}
/****************************** ****************************** 
   		    Channel Profile Preview Pop Up Style CSS
****************************** *****************************/
#profilePagePreview.modal-lg {
	max-width: 730px;
}
#profilePagePreview .chsidebar-content-section {
	padding: 30px 20px 80px;
}
#profilePagePreview .channel_release_content {
	max-width: 380px;
	width: 100%;
}
.chprofile-main-container {
	height: auto;
}
/****************************** ****************************** 
   	   Onboarding - Add Music Page Style CSS Sprint-23
****************************** *****************************/
.on-board-section .promote-white-box {
	padding: 40px 35px 70px;
}
/****************************** ****************************** 
Add Music-Create Download Gate-Unlimited Page CSS Sprint-23
****************************** *****************************/
/*Light Theme Preview CSS*/
.theme-preview-section .spotify-page .artwork {
	width: auto;
}
.theme-preview-section .spotify-page .release-content {
	float: right;
	margin: 0 auto;
	border-radius: 0;
}
.theme-preview-section .spotify-page .artwork_image {
	width: auto;
}
.theme-preview-section .spotify-page .artwork_image .artwork_image_inner {
	left: 50%;
	position: absolute;
	text-align: center;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
/****************************** ****************************** 
   		   New Mixcloud Fangate Page Style CSS
****************************** *****************************/
.mc-track-list-section ul, .widget-main-container {
	height: 22vh;
}
/****************************** ****************************** 
   		   Fangate Preview Style CSS HYPE-514 Sprint-26
****************************** *****************************/
.spotify-main-container {
	height: calc(100vh - 65px);
}
.sidebar-heading h1 {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.sidebar-heading h1, .sidebar-heading h2 {
	font-size: 18px;
	line-height: 22px;
}
/****************************** ****************************** 
  	 	Facebook Music Tab List Page - CSS Sprint-27
****************************** *****************************/
.facebook-promotion-main-part .promotion-table {
	padding-top: 0;
}
/****************************** ******************************
  		  Onboarding - Select tool Sprint-29
****************************** *****************************/
.on-board-select-tool-section .promote-white-box {
	padding: 40px 20px;
}
.on-board-select-tool-section .promote-white-box h4 {
	font-size: 16px;
}
.on-board-select-tool-section .promote-white-box p {
	font-size: 13px;
	margin: 0 8px 30px;
	line-height: 22px;
}
/****************************** ******************************
	Chats - Canned responses overview HYPE-610 - Sprint-32
****************************** *****************************/
.chat-canned-response-main-section .promotion-table {
	padding-top: 0;
}
/****************************** ******************************
 		Tool selection Page CSS HYPE-670 - Sprint-34
****************************** *****************************/
.tool-selection-container {
	margin-top: 0;
	min-height: 100%;
}
.tool-selection-main-part {
	position: initial;
}
.tool-selection-table .table-row-item {
	padding-top: 30px;
	padding-bottom: 30px;
}
.tool-selection-content h3 {
	font-size: 18px;
}
.tool-selection-go-back {
	padding: 35px 15px;
}
.beta-btn, .new-badge {
	top: -18px;
}
/****************************** ******************************
 	 New Dashboard - CSS HYPE-670 - 682 - Sprint-34
****************************** *****************************/
.new-dashboard-tab-inner {
	padding: 0 15px;
}
/****************************** ******************************
 	 Dashboard - Blank state - CSS HYPE-672 - Sprint-34
****************************** *****************************/
.dashboard-infobar-inner {
	padding: 50px 0;
}
.infobar-close {
	right: 15px;
}
.dashboard-infobar-content {
	padding: 0 15px;
}
.dashboard-infobar-inner h5 {
	font-size: 18px;
}
.dashboard-infobar-inner p, .infobar-dd-text, .infobar-option .option-btn-bar span {
	font-size: 17px;
}
iframe#video-tut {
	height: 350px
}
/****************************** ****************************** 
  	  		Music bar - Interstitial - Sprint-34
****************************** *****************************/
.loudlink-full-page.spotify-page .artwork_image .artwork_image_inner {
	left: 50%;
	position: absolute;
	top: 50%;
	width: 380px;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
/****************************** ****************************** 
  	  		Loud link - External link - Sprint-35
****************************** *****************************/
.loudlink-external .player-rt {
	width: initial;
}
/****************************** ****************************** 
  	  	 Promotion Exchange - Campaigns - Sprint-36
****************************** *****************************/
.promotion-exchange-main-part {
	padding-bottom: 40px;
	padding-top: 40px;
}
.promotion-exchange-tab-content-section {
	padding: 0 15px;
}
.promotion-exchange-main-part .filterby-option {
	margin-top: 10px;
}
.promotion-campaign-listing-section .track-tags {
	width: calc(100% - 280px);
}
.promotion-campaign-listing-section .track-get-social .button {
	min-width: 260px;
}
.promotion-campaign-listing-section .track-get-social .white-tooltip + .tooltip {
	min-width: 260px;
}
/****************************** ****************************** 
  	  VIP Package Sales Page - HYPE-808 - Sprint-41
****************************** *****************************/
.vip-offer-countdown-part p {
	font-size: 14px;
}
.vip-countdown-time {
	font-size: 22px;
	padding: 0 8px;
}
.vip-countdown-time::after {
	top: -2px;
	right: -4px;
}
.vip-inner-container {
	padding: 0 15px;
}
.vip-main-content {
	display: block;
	padding: 50px 0;
}
.vip-main-content h2 {
	font-size: 38px;
	margin: 0 0 45px;
	line-height: 50px;
}
.vip-main-content h2.dec-fontsize {
	font-size: 37px;
	padding-top: 20px;
	margin-bottom: 30px;
}
.green-divider {
	margin: 45px auto;
}
.vip-most-artist-section {
	margin-bottom: 70px;
}
.vip-most-artist-comment h4 {
	margin: 0 0 25px;
}
.vip-most-artist-content h5 {
	font-size: 17px;
}
.vip-check-list-half {
	width: calc(50% - 40px);
}
.vip-audience-content {
	width: 55%;
}
.vip-audience-content h3, .vip-audience-heading h3 {
	font-size: 22px;
}
.vip-audience-pic {
	right: 0px;
	max-width: 45%;
}
.vip-upgrade-box-section {
	margin: 60px 0 45px;
}
.vip-darkgray-section .vip-main-content {
	padding-top: 60px;
}
.promotion-exchange-page .new-fanfilter-inner {
	padding-bottom: 15px;
}
/****************************** ****************************** 
  	  		Pricing V2.0 - HYPE-855 - Sprint-43
****************************** *****************************/
.faq-inner-section .main-title-part {
	margin-bottom: 50px;
}
/****************************** ****************************** 
  	  		Welcome Video - HYPE-914 - Sprint-46
****************************** *****************************/
.welcome-video-page .single-title-part {
	margin-bottom: 50px;
}
.welcome-info-tip {
	display: none;
}
/****************************** ****************************** 
Discontinue Blog Promotion - HYPE-1132 - Sprint-65
****************************** *****************************/
.static-message-page {
	margin-top: 0;
	min-height: 100%;
}
/****************************** ****************************** 
 Schedule Feature HYPE-1106 - Sprint-66
****************************** *****************************/
.sidebar-countdown-timer h2 {
	font-size: 18px;
	line-height: 22px;
}
.sidebar-countdown-limit h2 {
	font-size: 18px;
	line-height: 22px;
}
/****************************** ******************************
Preview Link URL HYPE-1275 - Sprint-79
****************************** *****************************/
.preview-link-edit .last {
	width: 45%;
}
.link-status {
	margin-right: 0;
	top: 45px;
}
/****************************** ****************************** 
Partnership Welcome
****************************** *****************************/
.partnership-welcome-content ul li h3 {
	font-size: 22px;
}
}
@media (min-width:768px) and (max-width:868px) {
/****************************** ****************************** 
Add Music-Create Download Gate-Unlimited Page CSS Sprint-23
****************************** *****************************/
.theme-preview-section .spotify-page .artwork_image {
	width: auto;
	left: -210px;
}
/****************************** ****************************** 
  			Choose Color Setion - CSS Sprint-23
****************************** *****************************/
.choose-color-box {
	left: auto;
	right: 0;
}
.choose-color-box::after {
	left: calc(100% - 24px);
}
.choose-color-box::before {
	left: calc(100% - 25px);
}
.choose-color-section.c_box_2 .choose-color-box, .choose-color-section.c_box_4 .choose-color-box {
	left: 0;
}
.choose-color-section.c_box_2 .choose-color-box::after, .choose-color-section.c_box_4 .choose-color-box::after {
 left: calc(0% - -7px);
}
.choose-color-section.c_box_2 .choose-color-box::before, .choose-color-section.c_box_4 .choose-color-box::before {
 left: calc(0% - -6px);
}
/****************************** ****************************** 
  	  		Hot or Not - HYPE-832 - Sprint-42
****************************** *****************************/
.startgame-tooltip-content {
	right: 5px;
	left: auto;
}
.startgame-tooltip-content::after {
	border-left: 0px;
	border-right: 30px solid #12db7d;
	left: -28px;
	right: auto;
}
}


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

[5. Styles for devices(>=481px and <=767px)]

*/
@media (min-width:481px) and (max-width:767px) {
/****************************** ****************************** 
   					Home Page CSS
****************************** *****************************/
.container-fluid {
	overflow: inherit;
	padding: 0 15px;
}
.inner-wrap {
	padding: 0;
}
.inner-wrap2 {
	padding: 0;
}
#header {
	-webkit-transition: none;
	transition: none;
}
/*== Navigation Part CSS ==*/
#header .navbar-header {
	margin: 0 !important;
}
#header .navbar-toggle {
	margin-right: 0;
}
.navbar-default .navbar-collapse {
	background: #000 none repeat scroll 0 0;
	border-color: #3c4346;
	margin: 0 -30px;
}
.navbar-nav {
	margin: 0;
}
.navbar-default .navbar-nav > li > a {
	line-height: 24px;
	text-align: right;
	padding-left: 30px;
	padding-right: 30px;
}
.navbar-default .navbar-nav > li .linkLogout {
	color: #ffffff;
	font-size: 12px;
	font-family: 'poppinssemibold';
	line-height: 24px;
	text-align: right;
	padding: 10px 30px;
	background: none;
}
.navbar-default .navbar-nav > li .linkLogout:hover, .navbar-default .navbar-nav > li .linkLogout:focus {
	color: #f1240c;
	background-color: transparent;
}
.navbar-default .navbar-nav > li .linkLogout_1 {
	line-height: 36px;
}
.navbar-nav > li.useracc-drop {
	border-left: none;
	margin-left: 0;
	padding-left: 0;
}
.upgrade-btn {
	margin: 5px 8px;
}
.upgrade-btn a {
	line-height: 18px !important;
	padding: 0 10px !important;
}
.uni-hidden {
	display: none!important;
}
.uni-visible1 {
	display: block;
}
.uni-hidden1 {
	display: none!important;
}
.useracc-plan {
	display: block;
}
.navbar-nav .open .dropdown-menu {
	background-color: #1d2023;
	border-radius: 0;
}
.navbar-nav .open .dropdown-menu li {
	border-bottom: 1px solid #292d32;
}
.navbar-nav .dropdown-menu::after {
	display: none;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
	line-height: 24px;
	color: #ffffff;
	font-family: "poppinssemibold";
	font-size: 12px;
	padding: 10px 48px;
	text-align: right;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
	color: #f1240c;
}
.for-primary-menu.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .for-primary-menu.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
	color: #12db7d;
}
.uni-visible1.useracc-drop {
	border-left: none;
}
.ac-user-pic {
	margin-right: 7px;
}
.navbar-nav > li.useracc-drop .ac-user-pic {
	margin-right: 10px;
}
.new-org-badge {
	margin-top: -31px;
	right: 5px;
}
#banner {
	min-height: 500px;
}
.banner-text {
	-webkit-transform: translateY(-48%);
	-moz-transform: translateY(-48%);
	-ms-transform: translateY(-48%);
	-o-transform: translateY(-48%);
	transform: translateY(-48%);
}
.banner-text h1 {
	font-size: 50px;
}
.banner-text p {
	font-size: 14px;
}
.button-with-icon {
	height: 70px;
	line-height: 70px;
	font-size: 14px;
	padding: 0 85px 0 15px;
}
.button-with-icon i {
	width: 70px;
	line-height: 70px;
	font-size: 38px;
}
.banner-text .hy-btn-lg, .banner-text .hy-btn-lg-nologo {
	padding: 18px 32px;
}
.head-f-btn {
	left: 0;
	margin: 20px auto 0;
	position: static;
	text-align: center;
	top: 0;
	width: 65%;
}
.fans-logo-section ul li {
	margin: 0 8px;
}
.cta-section {
	padding: 50px 0;
}
.main-title-part {
	margin-bottom: 40px;
}
.main-title-part h1 {
	font-size: 24px;
}
.cta-icon {
	margin-bottom: 30px;
}
.cta-box-part {
	margin: 0 auto 40px;
}
.cta-section .row .col-sm-4:last-child .cta-box-part {
	margin-bottom: 0;
}
.cta-box-part h3 {
	font-size: 26px;
	margin: 0 0 20px;
}
.cta-box-part p {
	font-size: 13px;
	min-height: initial;
}
.artists-on-section {
	min-height: inherit;
	padding: 50px 0;
}
.artists-logo ul li {
	padding: 12px 0;
	display: block;
}
.artists-on-section p {
	font-size: 15px;
	padding-top: 20px;
}
.hype-news-section {
	padding: 50px 0;
}
.hypenews-box ul li {
	width: calc(100% - 4px);
}
.what-you-get-section {
	padding: 50px 0;
}
.what-get-content {
	padding-top: 8px;
	padding-right: 0;
}
.what-get-content h3 {
	font-size: 16px;
}
.what-get-content p {
	font-size: 13px;
	line-height: 20px;
}
.fans-count-section {
	padding: 60px 0;
	min-height: initial;
}
.fans-count-section h3 {
	font-size: 14px;
}
.fans-count-section h1 {
	font-size: 42px;
	margin: 15px 0;
}
footer {
	padding: 35px 0;
	text-align: center;
}
.footer-menu {
	margin-bottom: 40px;
}
footer .row .col-sm-3:last-child .footer-menu {
	margin-bottom: 0;
}
.footer-menu h4 {
	margin: 0 0 10px;
}
/****************************** ****************************** 
   					Sign Up Pop Up Style CSS
****************************** *****************************/
.modal-title {
	font-size: 18px;
}
.modal-inner {
	padding: 10px 5px;
}
.signup-popup p {
	font-size: 14px;
}
.signup-popup .checkbox-custom-label {
	font-size: 14px;
}
/****************************** ****************************** 
   					Dashboard Page CSS
****************************** *****************************/
#banner-inner {
	height: auto;
	padding: 25% 0;
	width: 100%;
}
.page-title-part h1 {
	font-size: 20px;
}
.title-button-part .hy-btn-line {
	margin-bottom: 8px;
	padding: 8px 15px;
}
.title-button-part a, .title-button-part .btn-group {
	margin: 0 8px;
}
.main-container-section {
	padding: 45px 0;
}
.mpad-sm {
	padding: 40px 0;
}
.sub-heading-title h3 {
	text-align: center;
}
.activity-box {
	margin-bottom: 15px;
}
.activity-box h4 {
	font-size: 40px;
}
/*== Steps Popover Part CSS ==*/
.popover-title {
	font-size: 18px;
	padding: 10px 15px;
}
.popover-content {
	padding: 20px 15px;
	font-size: 14px;
}
.popover[class*="tour-"] .popover-navigation {
	padding: 5px 15px 20px;
}
.popover-navigation .hy-btn {
	margin: 0 5px;
	min-width: 125px;
}
/*== Tour 3 Navation Menu CSS on Dashboard Tour ==*/
.tour-3-menu {
	display: none!important;
}
/*== Notification Message Part CSS ==*/
.notification-msg-part p {
	font-size: 13px;
	margin: 0 0 10px;
	text-align: center;
}
/****************************** ****************************** 
   			WP Blog and Blog Detail Page CSS
****************************** *****************************/
.news-filter {
	float: none;
	margin: 10px auto 0;
	position: initial;
}
.post-grid {
	margin-left: 0;
}
.grid-item {
	width: 100%;
	padding: 0;
	height: 300px;
}
.grid-item:nth-child(5n+1) {
	height: 300px;
}
.post-inside .post-header {
	padding: 15px;
}
.post-title {
	font-size: 20px;
}
.post-title br {
	display: none;
}
.post-inside .read-more {
	bottom: 20px;
	left: 15px;
	position: absolute;
}
.blog-detail .inner-wrap2 {
	padding: 0 5%;
}
.post-date {
	font-size: 16px;
}
.blog-detail p {
	font-size: 15px;
}
/****************************** ****************************** 
   		Top 100 Downloads and Sample Packs Page Style CSS
****************************** *****************************/
/*== Sample Packs CSS ==*/
.divider-lg {
	margin: 40px 0;
}
.track-frame {
	margin-bottom: 5px;
}
.track-share-part p {
	text-align: center;
}
.track-box-part {
	padding: 35px 45px 20px;
}
.track-share-part .col-sm-6 {
	padding-left: 15px;
	padding-right: 15px;
}
/*== Top 100 Downloads CSS ==*/
.track-filter-button-part .col-xs-12 {
	margin-bottom: 15px;
}
.track-filter-button-part .col-xs-12:last-child {
	margin-bottom: 0;
}
.track-share-part .hy-btn-sm.long-btn {
	font-size: 10px;
}
.share-track ul {
	margin: 12px 0 0;
	text-align: center;
}
.owl-nav {
	display: none;
}
#banner-inner.banner-slide {
	height: 320px;
	padding: 0;
}
.load-btn {
	display: block;
	font-size: 12px;
	white-space: normal;
}
/****************************** ****************************** 
   					Fan Gate Page CSS
****************************** *****************************/
.fangate {
	width: 96%;
}
.fangate header {
	position: initial;
	width: 100%;
}
.fangate .navbar-default .navbar-collapse {
	background: #f2f2f2 none repeat scroll 0 0;
	border-color: transparent;
	margin: 0 -15px;
}
.fangate-banner {
	padding-top: 0;
}
.banner-pro {
	height: auto;
}
.banner-pro img {
	height: auto;
	width: 100%;
}
.fangate-main-container {
	padding: 20px 0;
}
.fangate-download-part {
	padding: 20px;
	width: 100%;
}
.download-step {
	margin-top: 18px;
}
.download-step label {
	width: 100%;
}
.dwn-btn a, .dwn-btn button {
	margin-bottom: 10px;
	width: 100%;
}
.dwn-btn a:last-child, .dwn-btn button:last-child {
	margin-bottom: 0;
}
.fanfooter-link ul {
	padding: 30px 0;
}
.fanfooter-link ul li {
	margin: 5px 12px;
}
.fangate .navbar-default .container-fluid {
	padding: 0 15px;
}
/*== Support Artist Popover Part CSS ==*/
.fangate .modal-title, .spotify-page .modal-title {
	font-size: 14px;
}
.support-code {
	overflow: hidden;
}
.support-artist-text p {
	font-size: 15px;
}
/*New CSS Added for All Without Header Header Menu Drop Down Sprint15*/
.without-log .navbar-nav .for-withoutlog-dd.open .dropdown-menu {
	background-color: #1d2023;
}
.without-log .navbar-default .navbar-nav .for-withoutlog-dd.open .dropdown-menu > li > a {
	color: #ffffff;
}
.without-log .navbar-default .navbar-nav .for-withoutlog-dd.open .dropdown-menu > li > a:hover, .without-log .navbar-default .navbar-nav .for-withoutlog-dd.open .dropdown-menu > li > a:focus {
	color: #f1240c;
}
/*New CSS Added for Fangate Header Menu Drop Down Sprint15*/
.fangate .navbar .navbar-nav > li > .dropdown-menu {
	border-radius: 0;
}
.fangate .navbar-nav .open .dropdown-menu, .fangate .without-log .navbar-nav .open .dropdown-menu {
	background-color: #f8f8f8;
}
.fangate .navbar-nav .open .dropdown-menu li {
	border-bottom: 1px solid #fff;
}
.fangate .without-log .navbar-default .navbar-nav .open .dropdown-menu > li > a {
	color: #22282e;
}
.fangate .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .fangate .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
	color: #f1240c;
}
.fangate .dropdown-menu::before {
	border-bottom: 7px solid rgba(0, 0, 0, 0);
}
/*New CSS Added for Spotify Fangate Header Menu Drop Down Sprint15*/
.spotify-fangate .navbar .navbar-nav > li > .dropdown-menu {
	border-radius: 0;
}
.spotify-fangate .navbar-nav .open .dropdown-menu, .spotify-fangate .without-log .navbar-nav .open .dropdown-menu {
	background-color: #f8f8f8;
}
.spotify-fangate .navbar-nav .open .dropdown-menu li {
	border-bottom: 1px solid #fff;
}
.spotify-fangate .without-log .navbar-default .navbar-nav .open .dropdown-menu > li > a {
	color: #22282e;
}
.spotify-fangate .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .spotify-fangate .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
	color: #f1240c;
}
.spotify-fangate .dropdown-menu::before {
	border-bottom: 7px solid rgba(0, 0, 0, 0);
}
/****************************** ****************************** 
 Fan Promation, DJ Promation and Create Fan Gate Page CSS
****************************** *****************************/
/*== Fan Promation CSS ==*/
.hype-static-content h2 {
	font-size: 17px;
	margin-bottom: 25px;
}
.hype-static-content p {
	font-size: 15px;
}
.hype-static-content .showmore_content p {
	line-height: 22px;
}
.hype-form-part h2 {
	font-size: 17px;
	margin-bottom: 25px;
}
label {
	font-size: 14px;
}
.label_w100 {
	margin-bottom: 20px;
}
.hy-btn-group {
	margin-top: 40px;
	text-align: center;
}
.hy-btn-group .hy-btn, .hy-btn-group .button {
	margin-bottom: 10px;
	width: 100%;
}
.hy-btn-group.text-right .hy-btn, .hy-btn-group.text-right .button {
	margin-left: 0;
}
/*== DJ Promation CSS ==*/
.hype-zip {
	margin-top: 15px;
	text-align: center;
}
.quote-top {
	left: 10px;
	font-size: 28px;
}
.quote-bottom {
	right: 10px;
	font-size: 28px;
}
.hype-quote-content {
	font-size: 15px;
	line-height: 24px;
	padding: 15px 40px;
}
/*== Create Fan Gate CSS ==*/
.swit-res {
	min-height: 40px;
}
.cm-label {
	font-size: 11px;
}
.cm-label span {
	font-size: 11px;
}
.custom-browse label {
	font-size: 11px;
}
.custom-browse .hint {
	font-size: 11px;
}
.checkbox-custom-label, .radio-custom-label {
	font-size: 11px;
}
.new-b {
	left: 15px;
	top: -14px;
}
/*== Create Fan Gate Free User Part CSS ==*/
.free-user-desktop, .free-user-ipad, .free-user-mobile {
	display: none;
}
.free-user-mobile {
	display: block;
}
.free-top-bar h4 {
	font-size: 14px;
}
/****************************** ****************************** 
   					Account Setting Page CSS
****************************** *****************************/
.white-content-bar-part p {
	font-size: 16px;
}
.z-tabs.xlarge > ul > li > a {
	font-size: 11px !important;
	padding: 19px 8px !important;
}
.tab-inner-section {
	padding: 0;
	min-height: 250px;
}
.setting-content p, .notifications-part ul li label {
	font-size: 14px;
	line-height: 24px;
}
.block-1 .col-md-6, .block-1 .col-md-12 {
	padding-left: 0;
	padding-right: 0;
}
/****************************** ****************************** 
   			Create Fan Gate Success Page Style CSS
****************************** *****************************/
.timeline-centered:before {
	bottom: 220px;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label {
	padding: 15px;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2 {
	font-size: 14px;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label p {
	font-size: 11px;
	overflow: hidden;
}
.visit-btn {
	margin-top: 12px;
	text-align: center;
}
.timeline-row .col-sm-4 {
	margin-bottom: 8px;
}
/****************************** ****************************** 
   			Subscription Plans Page Style CSS
****************************** *****************************/
#banner-inner.subscription-banner {
	height: 400px;
}
.pad-left-half {
	padding-left: 15px;
}
.no-pad-right {
	padding-right: 15px;
}
.no-pad-left {
	padding-left: 15px;
}
.no-pad {
	padding-left: 15px;
	padding-right: 15px;
}
.pricing-box {
	margin-bottom: 35px;
}
.most-plan {
	margin-left: 0;
	margin-right: 0;
	margin-top: 35px;
}
.pricing-list ul li .visible-xs {
	margin-bottom: 15px;
}
.faq-section {
	padding: 45px 0;
}
.faq-content ul li h4 {
	font-size: 18px;
}
#resend_form-popup::before {
	left: -20px;
	right: -20px;
}
#donotcreatefangate .signup-popup .hy-btn {
	padding: 10px 40px;
}
/****************************** ****************************** 
   				Account Downgrade Pop Up CSS
****************************** *****************************/
.downgrade-popup label {
	font-size: 14px;
}
.downgrade-popup .hy-btn {
	margin: 0 12px 10px;
}
/****************************** ****************************** 
       			Create Fan Gate New Page CSS
****************************** *****************************/
.cs-bar > .cs-bar-step .cs-bar-info {
	font-size: 11px;
}
.update-b {
	left: 15px;
	top: -14px;
}
.add-follow-row .col-sm-3 {
	margin-bottom: 5px;
}
.half-pad-left {
	padding-left: 15px;
}
.half-pad-right {
	padding-right: 15px;
}
/**************** Share Your Fan Gate Page ***************/
.share-link {
	overflow: hidden;
}
.share-buttons-part {
	float: none;
	width: 100%;
}
.share-buttons-part .hy-btn {
	margin-bottom: 15px;
}
/****************************** ****************************** 
       				Dashboard New Page CSS
****************************** *****************************/
.getting-box {
	margin-bottom: 40px;
}
.getting-box p {
	font-size: 12px;
}
/****************Create Fan Gate - Promotion Settings - V2  ***************/

.your-music {
	margin: 0 auto;
	text-align: center;
}
.your-music label {
	padding-left: 15px;
	padding-right: 15px;
}
.your-music p {
	padding-left: 15px;
	padding-right: 15px;
}
.your-music p span {
	padding-left: 15px;
	padding-right: 15px;
}
.your-music p {
	font-size: 13px;
}
/* * Dashboard Tootlip Large CSS * */
.tooltip-lg + .tooltip > .tooltip-inner {
	max-width: 350px;
}
/* * For Dashboard Hype Table Drop Down Menu Right Postion CSS * */
.hype-table .dropdown-menu.for-dd-menu-right {
	right: 0px;
}
/* * Account Settings CSS * */
.setting-content .info-text {
	font-size: 18px;
}
/****************************** ****************************** 
  					New Sign Up Page CSS
****************************** *****************************/
.sign-container-section, .forgot-password-container-section, .sharefangate-container-section, .promotion-container-section, .error-container-section {
	margin-top: 0;
}
.nsign-form-part .half-pad-right {
	padding-right: 7px;
}
.nsign-form-part .half-pad-left {
	padding-left: 7px;
}
/****************************** ****************************** 
   			New Subscription Plans Page Style CSS
****************************** *****************************/
.autopromo_error_adminoff {
	font-size: 10px;
}
.autopromo_error_nogates {
	font-size: 10px;
}
.autopromo_error {
	font-size: 10px;
}
.autopromo_error_link {
	font-size: 10px;
}
.autopromo_error_link:hover {
	font-size: 10px;
}
.autopromo_bill_msg {
	font-size: 8px;
}
.new-plan-billing-part {
	margin-bottom: 10px;
}
.new-plan-billing-part p {
	font-size: 14px;
}
.new-plan-billing-part ul li .get-off, .new-plan-billing-part ul li .get-over {
	font-size: 11px;
}
.new-pricing-table .half-pad-left {
	padding-left: 15px;
}
.new-pricing-table .half-pad-right {
	padding-right: 15px;
}
.new-pricing-box {
	margin-bottom: 70px;
}
.new-pricing-table .col-md-3:last-child .new-pricing-box {
	margin-bottom: 0;
}
.new-pricing-list ul li:nth-child(3n) {
	justify-content: center;
}
/****************************** ****************************** 
   				New Upgrade Pop Up Style CSS
****************************** *****************************/
#upgrade-autopromo-popup .modal-inner {
	padding: 0;
}
.upgrade-popup p {
	font-size: 13px;
}
/****************************** ****************************** 
   		 Subscription Confirmation Page Style CSS
****************************** *****************************/
.confirmation-container-section {
	margin-top: 0;
}
/****************************** ****************************** 
   		 Auto Promo Part on Dashboard Page Style CSS
****************************** *****************************/
.auto-promo-section {
	padding: 65px 35px 15px;
}
.progress-bot-text p {
	font-size: 11px;
}
.slider-tiptext {
	top: -40px;
}
.slider-tiptext span.slider-text {
	font-size: 28px;
	margin: 0 3px;
}
.slider-tiptext span.slider-text sub {
	font-size: 12px;
}
.auto-promo-section.for-activate-btn {
	padding: 110px 35px 15px;
}
.slider-activate-part {
	font-size: 11px;
	left: 0;
	top: -90px;
	width: 100%;
}
/****************************** ****************************** 
   		    Spotify Fangate Page Style CSS
****************************** *****************************/
.spotify-page .container-fluid > .navbar-header, .spotify-page .container-fluid > .navbar-collapse {
	margin-left: 0;
	margin-right: 0;
}
.spotify-fangate header {
	z-index: 101;
}
.spotify-fangate .navbar-default .navbar-collapse {
	background: #f2f2f2 none repeat scroll 0 0;
	border-color: transparent;
	margin: 0 -30px;
}
.spotify-page .artwork {
	padding: 0;
	width: 100%;
}
.spotify-page .release-content {
	border-radius: 3px;
	float: none;
	margin: 0 auto;
	width: 100%;
}
.spotify-page .artwork_image {
	position: relative;
	width: 100%;
}
.spotify-page .artwork_image .artwork_image_inner {
	left: auto;
	position: initial;
	max-height: 380px;
	top: auto;
	width: 100%;
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none;
}
.spotify-page .useracc-name {
	display: inline-block;
}
.sidebar-content-section {
	padding: 28px 40px 65px;
}
.hide-stbr {
	display: none;
}
/****************************** ****************************** 
   		    Create Spotify Fangate Page Style CSS
****************************** *****************************/
.for-cs-radio .col-sm-6:first-child {
	padding-right: 15px;
}
.for-cs-radio .col-sm-6:last-child {
	padding-left: 15px;
}
.cs-light-radio {
	margin-bottom: 6px;
}
/****************************** ****************************** 
   		    Spotify Fangate Preview Pop Up Style CSS
****************************** *****************************/
#sp-fangate-preview .spotify-page .release-content {
	max-width: 400px;
	width: 100%;
}
/****************************** ****************************** 
   		      New Account Settings Page Style CSS
****************************** *****************************/
.for-account-setting .inner-wrap2 {
	padding: 0;
}
.user-info-box, .social-profile-box {
	display: block;
	width: 100%;
}
.user-info-text, .social-profile-text {
	display: block;
	margin-bottom: 12px;
	width: 100%;
}
.user-info-btn, .social-profile-btn {
	display: block;
	text-align: left;
	width: 100%;
}
.user-information-panel ul li, .linked-social-profile-panel ul li {
	padding: 14px 15px;
}
.user-info-btn .hy-btn + .hy-btn {
	margin-top: 0;
}
.merge-account-panel {
	padding: 14px 15px;
}
/****************************** ****************************** 
   		         	Stream Page Style CSS
****************************** *****************************/
.track-tags {
	float: none;
}
/****************************** ****************************** 
   		         	Spotify Player Style CSS
****************************** *****************************/
.player {
	height: inherit;
}
.player-lt {
	width: 100%;
}
.player-rt {
	border-top: 1px solid #3f4a54;
	height: 50px;
	width: 100%;
	z-index: 1002;
}
.track-events {
	width: 60px;
}
.track-events-inner a {
	margin-right: 0;
	margin-left: 0;
}
.next-track, .prev-track, .track-downloads {
	display: none !important;
}
.track-vol {
	float: right;
}
.track-progress {
	width: calc(100% - 120px);
}
/*Loudlink Player CSS HYPE-669 SP-34*/
.player.loudlink {
	height: inherit;
}
.loudlink .track-progress {
	width: calc(100% - 240px);
}
.loudlink .track-download-btn {
	right: 10px;
}
.loudlink .player-rt, .loudlink .player-lt {
	height: 60px;
}
.loudlink .track-vol {
	float: left;
	transform: translate(0px, -50%);
}
.loudlink .track-info .tinfo-content {
	bottom: 48px;
}
.lound-link-frame-with-player {
	height: calc(100% - 120px);
}
/****************************** ****************************** 
   		      Promotion Content Popup Style CSS
****************************** *****************************/
#promotion-popup .modal-inner {
	padding: 0;
}
.promotion-content-popup {
	padding: 0 20px;
}
.promotion-content-popup p {
	font-size: 13px
}
/****************************** ****************************** 
   		      Promotion Option Page Style CSS
****************************** *****************************/
.promotion-option-page h2 {
	font-size: 21px;
}
.promotion-option-page p {
	font-size: 13px;
	margin-bottom: 16px;
}
.promotion-opt-back {
	left: 0;
}
.promotion-options {
	width: calc(100% - 100px);
}
.promotion-options ul li h3 {
	font-size: 12px;
}
.promotion-options ul li h3 span {
	font-size: 10px;
}
/****************************** ****************************** 
   		     	Stream Ads Part Style CSS
****************************** *****************************/
.ad-box-part {
	height: auto;
}
.ad-box-part p {
	font-size: 18px;
	margin-bottom: 24px;
}
.ad-box-part p br {
	display: none;
}
.ad-box-part p span.new-org-badge1 {
	margin-left: 0;
	margin-right: 5px;
	position: initial;
}
.ad-box-part .button {
	font-size: 14px;
	padding: 15px;
}
/*Hot or Not Ad Box Part CSS Sprint-43 HYPE-846*/
.ad-box-part.ad-box-new p {
	font-size: 18px;
}
.ad-box-part.ad-box-new .button {
	font-size: 18px;
}
/****************************** ****************************** 
   		 Soundcloud to Youtube Converter Page Style CSS
****************************** *****************************/
#section1 {
	height: calc(100vh - 66px);
	min-height: calc(600px - 66px);
}
#section1 .section-inner-part {
	top: 50%;
}
.section-inner-part {
	margin: 0 15px;
	width: calc(100% - 30px);
}
.section1-content .button {
	font-size: 15px;
	height: 60px;
	line-height: 60px;
}
.section-content h1 {
	font-size: 22px;
}
.sec_icon {
	margin-bottom: 25px;
}
.converter-form-part .button {
	font-size: 14px;
	height: 50px;
	line-height: 50px;
}
.select.orange-rounded .bootstrap-select.form-control {
	height: 50px;
}
.select.orange-rounded .btn {
	height: 50px;
}
.select.orange-rounded .bootstrap-select > .dropdown-toggle {
	padding: 0 25px;
}
.select.orange-rounded .bootstrap-select.btn-group .dropdown-toggle .filter-option {
	font-size: 14px;
}
.secure-info {
	bottom: 65px;
}
.secure-info p {
	font-size: 11px;
	margin: 5px 15px 0;
}
.ano-track-link {
	font-size: 14px;
}
.scyt-faq-section {
	padding: 60px 0;
}
.sc-yt-faq-title {
	margin-bottom: 50px;
}
.sc-yt-faq-title h1 {
	font-size: 22px;
}
.scyt-faq-content ul li h4 {
	font-size: 16px;
}
.scyt-faq-content ul li p {
	font-size: 13px;
	line-height: 22px;
}
/****************************** ****************************** 
   			New Dashboard 3 top box Page Style CSS
****************************** *****************************/
.dbox {
	margin-bottom: 30px;
	min-height: initial;
	padding: 30px;
}
.new-dashboard-section .col-sm-4:last-child .dbox {
	margin-bottom: 0;
}
.d_btn {
	margin-top: 20px;
	position: initial;
}
.badges-box .owl-dots {
	margin-top: 0;
}
/****************************** ****************************** 
    Upgrade Timer Tooltip For Dashboard Style CSS Sprint-15
****************************** *****************************/
.upgrade-timer-tooltip {
	bottom: 32px;
	left: calc(50% - 160px);
	top: initial;
}
.upgrade-tooltip-arrow {
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #fff;
	bottom: -10px;
	left: calc(50% - 5px);
	margin-top: 0;
	top: initial;
}
/****************************** ****************************** 
  Chart notification email enhancements Style CSS Sprint-15
****************************** *****************************/
.new-trans-main-title {
	text-align: center;
}
.new-trans-main-title h2 {
	font-size: 20px;
}
.for-Dimage-overflow {
	overflow: hidden;
}
.chart-breaker-badge {
	height: 130px;
	right: -10px;
	top: -60px;
	width: 130px;
}
.chart-breaker-badge span {
	font-size: 18px;
	line-height: 18px;
}
.chart-breaker-badge.for-out-now span {
	font-size: 20px;
	line-height: 20px;
}
#show-guide-popup .modal-title {
	font-size: 18px;
}
/****************************** ****************************** 
  			Onboarding Page Style CSS Sprint-17
****************************** *****************************/
.onboarding-container-section {
	min-height: 660px;
	margin-top: 0;
}
.onboarding-page img {
	margin-bottom: 20px;
}
.onboarding-page h2 {
	font-size: 21px;
	margin: 0 0 15px;
}
.onboarding-page p {
	font-size: 13px;
	margin-bottom: 20px;
}
.onboarding-options ul li {
	width: 100%;
}
.onboarding-options ul li a {
	margin: 0 15px 15px;
}
.onboarding-options ul li div {
	padding: 15px;
}
.onboarding-options.options_2 ul li {
	width: 50%;
}
.onboarding-page p.onp-last {
	margin: 15px 50px 0;
}
/****************************** ****************************** 
  			Promotion Option Page Style CSS Sprint-17
****************************** *****************************/
.new-promotion-container-section {
	min-height: 690px;
	margin-top: 0;
}
.new-promotion-option-page img {
	margin-bottom: 20px;
}
.new-promotion-option-page h2 {
	font-size: 21px;
	margin: 0 0 15px;
}
.new-promotion-option-page p {
	font-size: 13px;
	margin-bottom: 20px;
}
.new-promotion-option-page p .hidden-xs {
	display: block !important;
}
.new-promotion-options ul li {
	width: 100%;
}
.new-promotion-options ul li a {
	margin: 0 15px 15px;
}
.new-promotion-options ul li div {
	height: 120px;
}
/****************************** ****************************** 
  		 Spotlight Promotion Page Style CSS Sprint-17
****************************** *****************************/
.spotlight-promotion-page h2 {
	font-size: 16px;
}
.spotlight-confirmation-part ul li label {
	font-size: 14px;
}
.spotlight-confirmation-part ul li div {
	font-size: 14px;
}
.spotlight-promotion-page .hy-btn-gray {
	margin-left: 0;
}
/****************************** ****************************** 
  		 Onboarding Plan Selection Page CSS Sprint-18
****************************** *****************************/
.single-title-part h2 {
	font-size: 20px;
}
.single-title-part p {
	font-size: 13px;
}
/****************************** ****************************** 
  		 New Onboarding Plan Selection Sprint-19
****************************** *****************************/
.new-plan-billing-option {
	margin-bottom: 10px;
	margin: 0 auto;
	max-width: 548px;
}
/****************************** ****************************** 
  		 New Onboarding Subscription Plan Sprint-19
****************************** *****************************/
.onboarding-pricing-table {
	margin: 40px auto;
}
.onboarding-pricing-table .row {
	margin-left: -15px;
	margin-right: -15px;
}
.onboarding-pricing-box {
	margin-bottom: 50px;
}
.onboarding-pricing-table .row .col-xs-12:last-child .onboarding-pricing-box {
	margin-bottom: 0;
}
.onboarding-pricing-header {
	margin-top: 0;
}
.for-onrookie {
	border: medium none;
	margin-left: 0;
	width: 100%;
}
.for-onpro {
	border: medium none;
	margin-right: 0;
	width: 100%;
}
.no-border-middle-box {
	border-left: 1px solid #dce1e6;
	border-right: 1px solid #dce1e6;
}
.onboarding-pricing-list ul li {
	padding: 8px 15px;
}
.onboarding-pricing-list ul li .visible-xs span {
	display: block;
	margin-bottom: 6px;
}
.onboarding-pricing-table .visible-xs .new-plan-billing-option {
	max-width: 100%;
}
/****************************** ****************************** 
  				 Fan Promotion Sprint-19
****************************** *****************************/
.for-static-white-title {
	position: initial;
}
.fan-promotion-container {
	height: 100%;
	margin-top: 0;
}
.fansidebar-heading {
	position: initial;
	width: 100%;
}
.fan-promotion-sidebar {
	border-bottom: 1px solid #dce1e6;
	border-right: 0 none;
	height: initial;
	position: initial;
	width: 100%;
}
.fan-promotion-sidebar .panel-group {
	height: 100%;
	margin-top: 0;
}
.fan-promotion-main-part {
	margin-left: 0;
	overflow: initial;
	position: initial;
}
.promotion-table {
	padding-bottom: 0;
	padding-top: 0;
	overflow-x: scroll;
	overflow-y: hidden;
}
.promotion-table-responsive {
	display: block;
	width: 1024px;
}
.promotion-table .table-row.table-header {
	position: initial;
	width: 100%;
}
.fan-bottom-static-section {
	bottom: 0;
	position: initial;
	width: 100%;
}
.fan-bottom-static-inner {
	padding: 15px 15px;
}
.fan-bottom-left {
	display: block;
	float: none;
	text-align: right;
}
.fan-bottom-right {
	display: block;
	float: none;
}
.fan-bottom-right span {
	display: block;
}
.fan-bottom-right .button {
	margin-top: 12px;
}
/*New Flexbox Table For Fan Promotion Page Spritn 19*/
.table-row-inner {
	padding: 0 15px;
}
/****************************** ****************************** 
  			 Copyright Confirmation Page Sprint-19
****************************** *****************************/
.flex-row {
	display: block;
}
.flex-row .col-sm-6 {
	display: block;
}
.copyright-white-box {
	margin-bottom: 40px;
	padding: 40px 40px;
}
.flex-row .col-sm-6:last-child .copyright-white-box {
	margin-bottom: 0;
}
.copyright-white-box ul {
	margin: 0;
}
.copyright-white-box .button {
	margin: 30px auto 0;
	position: initial;
}
/****************************** ****************************** 
  			 Select Music Promotion Page Sprint-19
****************************** *****************************/
.promote-white-box {
	margin-bottom: 25px;
}
.promote-white-box h4 {
	font-size: 18px;
	line-height: 28px;
}
.no-promotion-btn {
	margin-top: 0;
}
/****************************** ****************************** 
  	 			Blog Promotion Page Sprint-19
****************************** *****************************/
.blog-promotion-page .panel-title {
	font-size: 18px;
}
.blog-promotion-page .panel-title .panel-headline {
	padding-top: 6px;
}
.blog-promotion-page .panel-body {
	padding: 15px 25px 0;
}
.pselectday-btn {
	display: block;
	margin-left: 0;
	margin-top: 8px;
}
.promotion-confirm-part ul li {
	margin-bottom: 20px;
}
.promotion-confirm-part ul li label {
	display: block;
	float: none;
	margin: 0 0 5px;
}
.pconfirm-btn {
	display: block;
	margin-left: 0;
	margin-top: 10px;
}
/****************************** ****************************** 
  	 Blog Promotion - Email Confirmation PopUp Sprint-19
****************************** *****************************/
.email-confirmation-content h4 {
	font-size: 22px;
}
/****************************** ****************************** 
  	 			Fan Promotion Page Sprint-20
****************************** *****************************/
.new-fanfilter-part {
	height: initial;
	margin-top: -1px;
	position: initial;
}
.new-fanfilter-inner {
	padding: 13px 15px;
}
.filter-fangate {
	width: 100%;
}
.new-fanfilter-part label.nfanlabel {
	float: none;
	margin: 0 0 5px;
}
.filterby-option {
	width: 100%;
}
.filter-fangate .select {
	display: block;
}
.filterby-option label.nfanlabel {
	margin-left: 0;
	margin-right: 0;
	margin-top: 15px;
}
.filterby-selects {
	display: block;
}
.filterby-option .select {
	margin: 0 0 5px;
	width: 100%;
}
/****************************** ****************************** 
  	 		Activity Notifications Page Sprint-20
****************************** *****************************/
.activity-table {
	padding-top: 0;
}
.activity-table .table-row.table-header {
	display: none;
}
.activity-table .table-row-inner {
	display: block;
	position: relative;
}
.activity-table .table-row-item:first-child {
	padding-top: 20px;
}
.activity-table .table-row-item:last-child {
	padding-bottom: 20px;
}
.an1, .an2 {
	width: 100%;
	padding: 10px 0;
	text-align: left !important;
}
.an3 {
	position: absolute;
	width: auto;
	right: 15px;
	top: 5px;
}
.activity-loading {
	height: initial;
	top: 0;
	height: 100%;
}
/****************************** ****************************** 
  					User Dashboard Sprint-21
****************************** *****************************/
.user-activity-box {
	border-right: 0;
	border-bottom: 1px solid #d7dbe0;
	padding-bottom: 25px;
	margin-bottom: 25px;
}
.user-activity-section .col-sm-4:last-child .user-activity-box {
	border: none;
	margin-bottom: 0;
	padding-bottom: 0;
}
/****************************** ****************************** 
   	 	Channel Profile Steps Page Style CSS Sprint-22
****************************** *****************************/
.chprofile-main-container {
	height: auto;
}
.channel_artwork {
	padding: 0;
	width: 100%;
}
.channel_release_content {
	border-radius: 3px;
	float: none;
	margin: 25px auto;
	width: 100%;
}
.channel_artwork_image {
	position: relative;
	width: 100%;
	padding-top: 10px;
}
.channel_artwork_image .channel_artwork_image_inner {
	left: auto;
	position: initial;
	max-height: 380px;
	max-width: 380px;
	margin: 0 auto;
	top: auto;
	width: 100%;
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none;
}
.chsidebar-content-section {
	padding: 40px 30px 80px;
}
.chsidebar-footer {
	bottom: 20px;
}
/****************************** ****************************** 
   		    Channel Profile Preview Pop Up Style CSS
****************************** *****************************/
#profilePagePreview .channel_release_content {
	max-width: 380px;
	width: 100%;
}
/****************************** ****************************** 
   	Onboarding - Select User Type Page Style CSS Sprint-23
****************************** *****************************/
.board-white-box {
	margin-bottom: 25px;
}
.on-board-section .col-sm-6:last-child .board-white-box {
	margin-bottom: 0;
}
.user-type-section .button {
	margin-bottom: 0;
}
/****************************** ****************************** 
   	   Onboarding - Add Music Page Style CSS Sprint-23
****************************** *****************************/
.on-board-section .promote-white-box {
	padding: 40px 50px;
}
.on-board-section .col-sm-6:last-child .promote-white-box {
	margin-bottom: 0;
}
/****************************** ****************************** 
   Onboarding - Select Download Gate Type Page CSS Sprint-23
****************************** *****************************/
.select-gatetype-section {
	margin-bottom: 25px;
}
/****************************** ****************************** 
   Add Music - Select Download Gate Type Page CSS Sprint-23
****************************** *****************************/
.fourbox-select-gatetype .what-link {
	bottom: 25px;
}
/****************************** ****************************** 
   	  Add Music - Create Music Link Page CSS Sprint-23
****************************** *****************************/
.pannel-content-section label {
	font-size: 13px;
}
.blog-promotion-page .panel-title .panel-subHeading {
	font-size: 13px;
}
.pannel-confirm-text ul li {
	font-size: 13px;
}
/****************************** ****************************** 
Add Music-Create Download Gate-Unlimited Page CSS Sprint-23
****************************** *****************************/
.logo-branding {
	display: none;
}
/*Light Theme Preview CSS*/
.theme-preview-section {
	height: inherit;
	padding-top: 1px;
	padding-bottom: 1px;
}
.theme-preview-section .logo-branding {
	display: block;
	position: relative;
	top: -1px;
}
.theme-preview-section .spotify-main-container {
	height: 100%;
}
.theme-preview-section .spotify-page .artwork {
	display: block;
}
.theme-preview-section .spotify-page .artwork_image .artwork_image_inner {
	width: 100%;
	max-height: 250px;
	border-radius: 3px;
}
.theme-preview-section .spotify-page .artwork_image {
	right: 0;
	left: 0;
	position: relative;
}
.theme-preview-section .spotify-page .release-content {
	margin-top: 25px;
	border-radius: 3px;
}
.theme-preview-section .sidebar-footer {
	bottom: 10px;
	position: absolute;
	padding: 0;
}
.theme-preview-section .sidebar-footer ul li {
	font-size: 6px;
}
.theme-preview-section .sidebar-footer ul li a {
	font-size: 6px;
	line-height: 6px;
}
.theme-preview-section .update-btn {
	min-width: 200px;
}
.theme-preview-section .update-btn .button {
	min-width: 200px;
}
.theme-preview-section .sidebar-heading {
	text-align: left;
}
.theme-preview-section .update-btn.for-video-gate-btn {
	bottom: -25px;
}
/****************************** ****************************** 
  	Add Music - Create Download Gate- CSS Sprint-23-New
****************************** *****************************/
.gate-two-col-step-box div {
	width: calc(100% - 20px);
}
/****************************** ****************************** 
  			Account Settings - CSS Sprint-23
****************************** *****************************/
.account-inner-text p {
	font-size: 13px;
}
/****************************** ****************************** 
   		   New Mixcloud Fangate Page Style CSS
****************************** *****************************/
.mc-track-list-section ul, .widget-main-container {
	height: 22vh;
}
.theme-preview-section .spotify-page .release-content.for_p_res_update {
	margin-top: 50px;
}
.theme-preview-section .update-btn.update-bg-btn {
	bottom: auto;
	top: -40px;
}
/****************************** ****************************** 
  		  Create Unlimited Gate - CSS Sprint-24
****************************** *****************************/
.audio-preview-row {
	width: 100%;
}
.audio-preview-row .col-sm-4 {
	width: 33.33333333%;
	float: left;
}
/****************************** ****************************** 
Payment + Billing - Checkout Credit Card/Paypal PopUp Sprint-24
****************************** *****************************/
.new-popup-heading h4 {
	font-size: 22px;
}
.new-popup-heading p {
	font-size: 13px;
	line-height: 18px;
}
.payment-popup-form-part label {
	font-size: 13px;
}
.payment-popup-form-part .row {
	margin-right: -15px;
	margin-left: -15px;
}
.payment-popup-form-part [class*="col-"] {
	padding-right: 15px;
	padding-left: 15px;
}
.payment-popup-form-part .exdate-pad-right {
	padding-right: 15px;
}
.payment-popup-form-part .exdate-pad-left {
	padding-left: 15px;
}
.payment-membership-type {
	font-size: 13px;
}
.payment-total-amount {
	font-size: 13px;
}
/****************************** ****************************** 
   		   Fangate Preview Style CSS HYPE-514 Sprint-26
****************************** *****************************/
.spotify-main-container {
	height: 100vh;
}
.sidebar-heading h1 {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.sidebar-heading h1, .sidebar-heading h2 {
	font-size: 18px;
	line-height: 22px;
}
/****************************** ****************************** 
  	 	Facebook Music Tab List Page - CSS Sprint-27
****************************** *****************************/
.facebook-promotion-main-part .promotion-table {
	padding-top: 0;
}
/****************************** ******************************
  		  Onboarding - Select tool Sprint-29
****************************** *****************************/
#customer-survey.for-survey-mobile {
	margin-top: 0 !important;
}
.forFSize14 {
	font-size: 13px !important;
}
.promote-track-left {
	float: none;
	display: block;
	text-align: center;
}
/****************************** ******************************
Chats - Create Standard Canned Response Page CSS HYPE-610 - Sprint-32
****************************** *****************************/
.basic-form-part label {
	font-size: 13px;
}
/****************************** ******************************
	Chats - Canned responses overview HYPE-610 - Sprint-32
****************************** *****************************/
.chat-canned-response-main-section .promotion-table {
	padding-top: 0;
}
/****************************** ******************************
		New Pricing Page HYPE-633 - Sprint-33
****************************** *****************************/
.for-switchtoggle-mobile {
	margin: 0 0 10px;
}
.for-switchtoggle-mobile .get-off, .for-switchtoggle-mobile .get-over {
	margin: 10px 0 0;
	display: inline-block;
	font-family: "poppinsregular";
}
/****************************** ******************************
 		Tool selection Page CSS HYPE-670 - Sprint-34
****************************** *****************************/
.tool-selection-container {
	margin-top: 0;
	min-height: 100%;
}
.tool-selection-main-part {
	position: initial;
}
.tool-selection-table .table-row-item {
	padding-top: 25px;
	padding-bottom: 25px;
}
.tool-selection-content h3 {
	font-size: 16px;
}
.tool-selection-content p {
	font-size: 13px;
}
.tool-selection-go-back {
	padding: 30px 15px;
}
.beta-btn, .new-badge {
	top: -16px;
}
/****************************** ******************************
 	 New Dashboard - CSS HYPE-670 - 682 - Sprint-34
****************************** *****************************/
.new-dashboard-tab-inner {
	padding: 0 15px;
}
/****************************** ******************************
 	 Dashboard - Blank state - CSS HYPE-672 - Sprint-34
****************************** *****************************/
.dashboard-infobar-inner {
	padding: 50px 0;
}
.infobar-close {
	right: 15px;
}
.dashboard-infobar-content {
	padding: 0 15px;
}
.dashboard-infobar-inner h5 {
	font-size: 18px;
}
.dashboard-infobar-inner p, .infobar-dd-text, .infobar-option .option-btn-bar span {
	font-size: 16px;
}
iframe#video-tut {
	height: 350px
}
/****************************** ****************************** 
  	  		Music bar - Interstitial - Sprint-34
****************************** *****************************/
.loudlink-full-page .spotify-main-container {
	height: calc(100vh - 120px);
}
.loudlink-full-page.spotify-page .artwork_image .artwork_image_inner {
	left: 50%;
	position: absolute;
	top: 50%;
	width: 380px;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
/****************************** ****************************** 
  	  		Loud link - External link - Sprint-35
****************************** *****************************/
.player-loud-btns {
	right: 10px;
	width: initial;
}
.player-loud-btns .button {
	margin-right: 0;
}
.player-loud-btns .button.button-primary {
	display: none;
}
.loud-preview-btn {
	display: block;
}
/****************************** ****************************** 
  	  	 Promotion Exchange - Campaigns - Sprint-36
****************************** *****************************/
.promotion-campaign-tab-part {
	float: none;
	width: 100%;
}
.promotion-campaign-tab-part .pannel-tabs .nav-tabs > li {
	width: 50%;
}
.promotion-campaign-credit-part {
	float: none;
	margin-bottom: 15px;
}
.promotion-exchange-main-part {
	padding-bottom: 40px;
	padding-top: 40px;
}
.promotion-exchange-tab-content-section {
	padding: 0 15px;
}
.promotion-exchange-main-part .filterby-option {
	margin-top: 1px;
}
.promotion-exchange-main-part label.nfanlabel {
	margin: 0 0 5px 0;
	float: none;
	display: block;
}
.promotion-exchange-main-part .filterby-option .select {
	margin: 0 0 5px;
	width: 100%;
}
.ex-filter-btns {
	margin: 0;
	display: block;
}
.promotion-campaign-listing-section .track-tags {
	width: 100%;
}
.promotion-campaign-listing-section.my-campaigns-listing .track-tags {
	width: 100%;
}
.promotion-campaign-listing-section .track-tags ul {
	margin: 0;
}
.promotion-campaign-listing-section .track-get-social .button {
	width: 100%;
}
/****************************** ****************************** 
  	  VIP Package Sales Page - HYPE-808 - Sprint-41
****************************** *****************************/
.vip-logo {
	display: none;
}
.vip-offer-countdown-part {
	align-items: center;
	justify-content: center;
	position: relative;
	margin-top: 20px;
}
.vip-offer-countdown-part p {
	font-size: 14px;
	display: block;
	position: absolute;
	top: -15px;
	margin-right: 0;
}
.vip-countdown-time {
	font-size: 22px;
	padding: 0 8px;
}
.vip-countdown-time::after {
	top: -2px;
	right: -4px;
}
.vip-inner-container {
	padding: 0 15px;
}
.vip-main-content {
	display: block;
	padding: 45px 0;
}
.vip-main-content h6 {
	font-size: 15px;
	margin: 0 0 40px;
}
.vip-main-content h2 {
	font-size: 34px;
	margin: 0 0 40px;
	line-height: 44px;
}
.vip-main-content h2.dec-fontsize {
	font-size: 32px;
	padding-top: 15px;
	margin-bottom: 25px;
}
.vip-main-content p {
	font-size: 15px;
	margin-bottom: 22px;
}
.green-divider {
	margin: 35px auto;
}
.vip-most-artist-section {
	margin-bottom: 60px;
}
.vip-most-artist-comment {
	padding: 35px 35px;
}
.vip-most-artist-comment h4 {
	margin: 0 0 20px;
	line-height: 24px;
}
.vip-most-artist-content h5 {
	font-size: 17px;
	margin: 0 0 15px;
	line-height: 24px;
}
.vip-most-artist-content ul {
	max-width: 100%;
}
.vip-most-artist-content p {
	max-width: 100%;
	margin-top: 10px;
}
.vip-most-artist-pic {
	width: 120px;
}
.vip-artist-icon {
	float: left;
	width: 25px;
	margin-right: 8px;
}
.vip-artist-count {
	font-size: 14px;
}
.vip-check-list-option {
	margin: 30px;
}
.vip-check-list-option li, .vip-check-list-option2 li {
	font-size: 15px;
	line-height: 22px;
	margin-bottom: 20px;
}
.vip-button-heading {
	font-size: 16px;
	padding: 15px 18px 12px;
}
.vip-check-list-half {
	width: calc(100% - 60px);
}
.vip-check-list-half:nth-child(2n) {
	margin-top: -10px;
}
.vip-audience-content {
	width: 100%;
	float: none;
}
.vip-audience-content h5, .vip-audience-heading h5 {
	font-size: 15px;
}
.vip-audience-content h3, .vip-audience-heading h3 {
	font-size: 20px;
	margin-bottom: 25px;
	line-height: 35px;
}
.vip-audience-pic {
	max-width: 70%;
	position: static;
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
	float: none;
}
.vip-upgrade-box-section {
	margin: 50px 0 40px;
}
.vip-darkgray-section .vip-main-content {
	padding-top: 60px;
}
.vip-upgrade-box-section .vip-upgrade-box h2, .vip-upgrade-box-section .vip-upgrade-box p {
	margin-bottom: 10px;
}
.vip-upgrade-box-section .button {
	font-size: 26px;
}
.vip-faq-part h5 {
	font-size: 16px;
	padding-top: 30px;
}
/*VIP 2 Years Page CSS*/
.vip-header-expansion .vip-logo {
	display: block;
}
.vip-twoyear-box {
	margin-bottom: 30px;
}
.vip-two-btns-group .button {
	min-width: 200px;
	margin: 0 5px;
}
.vip-twoyear-page .vip-upgrade-box-section {
	margin: 40px 0 30px;
}
/****************************** ****************************** 
  	  		Hot or Not - HYPE-832 - Sprint-42
****************************** *****************************/
.startgame-tooltip-content {
	right: 5px;
	left: auto;
}
.startgame-tooltip-content::after {
	border-left: 0px;
	border-right: 30px solid #12db7d;
	left: -28px;
	right: auto;
}
/****************************** ****************************** 
  	  		Pricing V2.0 - HYPE-855 - Sprint-43
****************************** *****************************/
.new-pricing-page p.lead {
	font-size: 18px;
	margin-bottom: 40px;
}
.new-pricing-page .row .col-sm-6:first-child {
	padding-right: 15px;
}
.new-pricing-page .row .col-sm-6:last-child {
	padding-left: 15px;
}
.new-pricing-main-box {
	max-width: 455px;
	margin: 0 auto 30px;
}
.new-pricing-page .row .col-sm-6:last-child .new-pricing-main-box {
	margin-bottom: 0;
}
.new-pricing-main-content ul li br {
	display: none;
}
.new-pricing-main-content ul li .tooltip-lg + .tooltip > .tooltip-inner {
	max-width: 270px;
}
.faq-inner-section .main-title-part {
	margin-bottom: 45px;
}
.faq-inner-section .main-title-part h1 {
	font-size: 22px;
}
/****************************** ****************************** 
  	  		Welcome Video - HYPE-914 - Sprint-46
****************************** *****************************/
.welcome-video-page .single-title-part {
	margin-bottom: 40px;
}
.welcome-video-content {
	padding: 30px 50px;
}
.welcome-info-tip {
	display: none;
}
.impt-msg {
	font-size: 13px;
}
/****************************** ****************************** 
FB Messenger Information Box CSS - HYPE-1027 - Sprint-56
****************************** *****************************/
.fb-messenger-information {
	text-align: center;
	flex-direction: column;
}
.fb-messenger-information p {
	font-size: 13px;
	order: 2;
}
.fb-messenger-infobutton {
	display: inline-block;
	text-align: center;
	margin: 0 auto;
	margin-bottom: 18px;
	width: auto;
	order: 1;
}
.filterby-option .select.w50 {
	width: 50%;
}
/****************************** ****************************** 
 Link Gate HYPE-1064 - Sprint-62
****************************** *****************************/
.link-gate-ovelay-content {
	font-size: 13px;
}
.important-red-text {
	font-size: 13px;
}
/****************************** ****************************** 
Discontinue Blog Promotion - HYPE-1132 - Sprint-65
****************************** *****************************/
.static-message-page {
	margin-top: 0;
	min-height: 100%;
}
/****************************** ****************************** 
 Schedule Feature HYPE-1106 - Sprint-66
****************************** *****************************/
.sidebar-countdown-timer h2 {
	font-size: 18px;
	line-height: 22px;
}
.sidebar-countdown-limit h2 {
	font-size: 18px;
	line-height: 22px;
}
/*Release Setting Panel CSS*/
.release-schedule-row .col-sm-3 .select {
	margin-bottom: 5px;
}
.release-schedule-row .col-sm-3::after {
	display: none;
}
/****************************** ****************************** 
Account Setting Privacy Data Panel CSS - HYPE-1152 - Sprint-68
****************************** *****************************/
.privacy-data-setting {
	font-size: 13px;
}
.privacy-data-setting h5 {
	font-size: 18px;
}
.privacy-data-setting p {
	font-size: 13px;
}
.privacy-data-setting ul li {
	font-size: 13px;
}
/****************************** ****************************** 
 Yellow Tip Warning Info HYPE-1163 - Sprint-70
****************************** *****************************/
.yellowtip-warning-info ul li {
	font-size: 13px;
}
/****************************** ****************************** 
 Email capture on Smart Link HYPE-1256 - Sprint-75
****************************** *****************************/
.smartlink-email-capture-modal .new-popup-container {
	padding-top: 20px;
	padding-bottom: 20px;
}
.smartlink-email-capture-modal .new-popup-heading h6 {
	font-size: 13px;
}
.smartlink-email-capture-modal .new-popup-heading h4 {
	font-size: 28px;
}
/****************************** ****************************** 
SMART LINKS: Pre-saves for Spotify Success HYPE-1294 - Sprint-77
****************************** *****************************/
.spotify-authentication-playlist-modal .new-popup-container {
	padding-top: 20px;
	padding-bottom: 20px;
}
.spotify-authentication-playlist-modal .new-popup-heading h4 {
	font-size: 28px;
}
/****************************** ****************************** 
Preview Link URL HYPE-1275 - Sprint-79
****************************** *****************************/
.preview-link {
	font-size: 13px;
}
.preview-link-edit {
	font-size: 13px;
}
.preview-link-edit span.grayslash {
	font-size: 11px;
}
.preview-link-edit .last {
	width: 40%;
}
.link-status {
	margin-right: 0;
	top: 45px;
}
/****************************** ****************************** 
Account Setting Page Custom Domain Step HYPE-1346 - Sprint-79
****************************** *****************************/
.custom-domain-step-box {
	font-size: 13px;
}
.custom-domain-step-heading h4 {
	font-size: 18px;
}
.custom-domain-content p {
	font-size: 13px;
}
.custom-domain-content ul {
	padding: 0 0 0 10px;
}
.custom-domain-content ul li {
	font-size: 13px;
}
.custom-domain-btn {
	display: block;
	margin-top: 20px;
}
.domain-status {
	margin-left: 0;
	margin-top: 15px;
}
/****************************** ****************************** 
Partnership Welcome Page HYPE-1377 - Sprint-82
****************************** *****************************/
.partnership-welcome-content ul li h3 {
	font-size: 20px;
}
/****************************** ****************************** 
GATES/LINKS: Custom link path HYPE-1424 - Sprint-87
****************************** *****************************/
.custom-link-wrapper {
	margin-top: 20px;
}
.preview-link-row-option .form-group {
	margin-bottom: 15px;
}
/****************************** ****************************** 
Downgrade Modal HYPE-1450 - Sprint-88
****************************** *****************************/
.lose-features li {
	font-size: 13px;
	line-height: 18px;
}
/****************************** ****************************** 
Analytics Page HYPE-1288 - Sprint-88
****************************** *****************************/
.analytic-panel-title {
	font-size: 18px;
}
}
 @media (min-width:481px) and (max-width:646px) {
#delete-popup .signup-popup .hy-btn, #downgrade-popup .signup-popup .hy-btn {
	margin-bottom: 5px;
}
#delete-popup .signup-popup .button, #downgrade-popup .signup-popup .button {
	margin-bottom: 5px;
}
/****************************** ****************************** 
  	Error 404 & Track Not Found Page Style CSS Sprint-15
****************************** *****************************/
.error-404 p {
	font-size: 14px;
	line-height: 26px;
}
/****************************** ****************************** 
  	Account Setting Subscription Drop Down Style CSS
****************************** *****************************/
.acc-new-select label {
	font-size: 15px;
}
/****************************** ****************************** 
  				 Fangate Chart Modal Sprint-22
****************************** *****************************/
.fangate-chart-pic {
	min-height: 450px;
}
.fangate-chart-share-button {
	padding: 20px 20px 10px;
}
.fangate-chart-share-button .button {
	padding-left: 10px;
	padding-right: 10px;
}
iframe#video-tut {
	height: 290px
}
/****************************** ****************************** 
  	  		Hot or Not - HYPE-832 - Sprint-42
****************************** *****************************/
.hot-or-not-page #header {
	background: #1a1d20;
	border-bottom: 1px solid #3c4346;
}
.hotnot-logo {
	margin-left: 0;
}
.hotnot-logo a {
	display: none;
}
/****************************** ****************************** 
  	  Dashboard - Blank state - V2 - HYPE-915 - Sprint-46
****************************** *****************************/
.blank-state-section .info-indicator-img {
	right: 45px;
	margin-top: -25px;
}
/*Monthly Fee Part CSS HYPE-1062*/
.monthly-fee-part p {
	font-size: 12px;
}
.montly-fee-input .form-control {
	width: 94px;
	margin-right: 10px;
}
.montly-fee-input .up, .montly-fee-input .down {;
	margin-right: 10px;
	width: 36px;
	height: 36px;
}
}
@media (min-width:364px) and (max-width:480px) {
.tool-selection-table .button + .button {
	margin-top: 0;
}
}

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

[6. Styles for devices(<=480px)]

*/
@media (max-width:480px) {
/****************************** ****************************** 
   					Home Page Style CSS
****************************** *****************************/
.uni-visible1.useracc-drop {
	display: block;
	border-left: medium none;
}
.uni-hidden1 {
	display: none !important;
}
.container-fluid {
	overflow: inherit;
	padding: 0 15px;
}
.inner-wrap {
	padding: 0;
}
.inner-wrap2 {
	padding: 0;
}
#header {
	-webkit-transition: none;
	transition: none;
}
/*== Navigation Part CSS ==*/
#header .navbar-header {
	margin: 0 !important;
}
#header .navbar-toggle {
	margin-right: 0;
}
.navbar-default .navbar-collapse {
	background: #000 none repeat scroll 0 0;
	border-color: #3c4346;
	margin: 0 -30px;
}
.navbar-nav {
	margin: 0;
}
.navbar-default .navbar-nav > li > a {
	line-height: 24px;
	text-align: right;
	padding-left: 30px;
	padding-right: 30px;
}
.navbar-default .navbar-nav > li .linkLogout {
	color: #ffffff;
	font-size: 12px;
	font-family: 'poppinssemibold';
	line-height: 24px;
	text-align: right;
	padding: 10px 30px;
	background: none;
}
.navbar-default .navbar-nav > li .linkLogout:hover, .navbar-default .navbar-nav > li .linkLogout:focus {
	color: #f1240c;
	background-color: transparent;
}
.navbar-default .navbar-nav > li .linkLogout_1 {
	line-height: 36px;
}
.navbar-nav > li.useracc-drop {
	border-left: none;
	margin-left: 0;
	padding-left: 0;
}
.useracc-plan {
	display: block;
}
.upgrade-btn a {
	line-height: 18px !important;
	text-align: center !important;
}
.uni-hidden {
	display: none!important;
}
.uni-hidden.upgrade-btn {
	display: none!important;
}
.navbar-nav .open .dropdown-menu {
	background-color: #1d2023;
	border-radius: 0;
}
.navbar-nav .open .dropdown-menu li {
	border-bottom: 1px solid #292d32;
}
.navbar-nav .dropdown-menu::after {
	display: none;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
	line-height: 24px;
	color: #ffffff;
	font-family: "poppinssemibold";
	font-size: 12px;
	padding: 10px 48px;
	text-align: right;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
	color: #f1240c;
}
.for-primary-menu.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .for-primary-menu.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
	color: #12db7d;
}
.new-org-badge {
	margin-top: -31px;
	right: 5px;
}
#banner {
	min-height: 650px;
}
.banner-text {
	-webkit-transform: translateY(-46%);
	-moz-transform: translateY(-46%);
	-ms-transform: translateY(-46%);
	-o-transform: translateY(-46%);
	transform: translateY(-46%);
}
.banner-text h1 {
	font-size: 40px;
	line-height: 45px;
	margin: 0 auto 10px;
	width: 100%;
}
.banner-text p {
	font-size: 12px;
}
.button-with-icon {
	height: 65px;
	line-height: 65px;
	font-size: 14px;
	padding: 0 80px 0 15px;
}
.button-with-icon i {
	width: 65px;
	line-height: 65px;
	font-size: 36px;
}
.banner-text .hy-btn-lg, .banner-text .hy-btn-lg-nologo {
	font-size: 14px;
	padding: 15px 25px;
}
.head-f-btn {
	left: 0;
	margin: 20px auto 0;
	position: static;
	text-align: center;
	top: 0;
	width: 65%;
}
.fans-logo-section span {
	margin: 0 0 10px;
}
.fans-logo-section ul {
	display: block;
}
.fans-logo-section ul li {
	margin: 0 5px;
}
.cta-section {
	padding: 40px 0;
}
.main-title-part {
	margin-bottom: 30px;
}
.main-title-part h1 {
	font-size: 20px;
}
.cta-icon {
	margin-bottom: 25px;
}
.cta-box-part {
	margin: 0 auto 40px;
}
.cta-section .row .col-sm-4:last-child .cta-box-part {
	margin-bottom: 0;
}
.cta-box-part h3 {
	font-size: 22px;
	margin: 0 0 15px;
}
.cta-box-part p {
	font-size: 12px;
	min-height: initial;
	line-height: 20px;
}
.artists-on-section {
	min-height: inherit;
	padding: 40px 0;
}
.artists-logo ul li {
	padding: 10px 0;
	display: block;
}
.artists-on-section p {
	font-size: 14px;
	padding-top: 20px;
}
.hype-news-section {
	padding: 40px 0;
}
.hypenews-box ul li {
	width: calc(100% - 4px);
}
.news-text p {
	font-size: 13px;
}
.what-you-get-section {
	padding: 40px 0;
}
.what-get-content {
	padding-top: 10px;
	padding-right: 0;
}
.what-get-content h3 {
	font-size: 14px;
}
.what-get-content p {
	font-size: 13px;
	line-height: 20px;
}
.fans-count-section {
	padding: 50px 0;
	min-height: initial;
}
.fans-count-section h3 {
	font-size: 14px;
}
.fans-count-section h1 {
	font-size: 32px;
	margin: 10px 0;
}
footer {
	padding: 30px 0;
	text-align: center;
}
.footer-menu {
	margin-bottom: 40px;
}
footer .row .col-sm-3:last-child .footer-menu {
	margin-bottom: 0;
}
.footer-menu h4 {
	margin: 0 0 10px;
}
/****************************** ****************************** 
   					Sign Up Pop Up Style CSS
****************************** *****************************/
.modal-header {
	padding: 15px 10px;
}
.modal-title {
	font-size: 16px;
}
.modal-inner {
	padding: 5px 0;
}
.signup-popup p {
	font-size: 13px;
}
.signup-popup form {
	margin: 0;
}
.signup-popup .checkbox-custom-label {
	font-size: 12px;
}
/****************************** ****************************** 
   					Dashboard Page CSS
****************************** *****************************/
#banner-inner {
	height: auto;
	padding: 40% 0;
	width: 100%;
}
.page-title-part h1 {
	font-size: 18px;
}
.title-button-part .btn-group {
	margin: 0 0 15px;
	width: 100%;
}
.title-button-part .btn-group:last-child {
	margin-bottom: 0;
}
.title-button-part .btn-group .hy-btn-line {
	width: 100%;
}
.main-container-section {
	padding: 40px 0;
}
.mpad-sm {
	padding: 40px 0;
}
.sub-heading-title h3 {
	text-align: center;
}
.activity-box {
	margin-bottom: 15px;
}
.activity-box h4 {
	font-size: 38px;
}
.activity-box h6 {
	font-size: 12px;
}
/*== Steps Popover Part CSS ==*/
.popover-title {
	font-size: 16px;
	padding: 10px 15px;
}
.popover-content {
	padding: 20px 15px;
	font-size: 13px;
}
.popover[class*="tour-"] .popover-navigation {
	padding: 5px 15px 20px;
}
.popover-navigation .hy-btn {
	margin: 0 2px;
	min-width: 110px;
}
/*== Tour 3 Navation Menu CSS on Dashboard Tour ==*/
.tour-3-menu {
	display: none!important;
}
/*== Notification Message Part CSS ==*/
.notification-msg-part p {
	font-size: 12px;
	margin: 0 0 10px;
	text-align: center;
}
/****************************** ****************************** 
   			 WP Blog and Blog Detail Page CSS
****************************** *****************************/
.for-blog-banner {
	min-height: 450px;
}
.news-filter {
	float: none;
	margin-top: 10px;
	position: initial;
	width: 100%;
}
.post-grid {
	margin-left: 0;
}
.grid-item {
	width: 100%;
	padding: 0;
	height: 300px;
}
.grid-item:nth-child(5n+1) {
	height: 300px;
}
.post-inside .post-header {
	padding: 15px;
}
.post-title {
	font-size: 18px;
}
.post-title br {
	display: none;
}
.post-inside .read-more {
	bottom: 20px;
	left: 15px;
	position: absolute;
}
.blog-detail .inner-wrap2 {
	padding: 0;
}
.post-date {
	font-size: 14px;
}
.blog-detail p {
	font-size: 14px;
}
/****************************** ****************************** 
   		Top 100 Downloads and Sample Packs Page Style CSS
****************************** *****************************/
/*== Sample Packs CSS ==*/
.divider-lg {
	margin: 40px 0;
}
.track-frame {
	margin-bottom: 5px;
}
.track-share-part p {
	text-align: center;
}
.track-box-part {
	padding: 35px 20px 15px;
}
.track-share-part .col-sm-6 {
	padding-left: 15px;
	padding-right: 15px;
}
.track-share-part .col-sm-6 .hy-btn-sm {
	font-size: 10px;
}
/*== Top 100 Downloads CSS ==*/
.track-filter-button-part .col-xs-12 {
	margin-bottom: 15px;
}
.track-filter-button-part .col-xs-12:last-child {
	margin-bottom: 0;
}
.track-share-part .hy-btn-sm.long-btn {
	font-size: 7px;
	padding: 10px;
}
.share-track ul {
	margin: 12px 0 0;
	text-align: center;
}
.owl-nav {
	display: none;
}
#banner-inner.banner-slide {
	height: 250px;
	padding: 0;
}
.load-btn {
	display: block;
	font-size: 10px;
	white-space: normal;
}
/****************************** ****************************** 
   						Fan Gate Page CSS
****************************** *****************************/
.fangate {
	width: 96%;
}
.fangate header {
	position: initial;
	width: 100%;
}
.fangate .navbar-default .navbar-collapse {
	background: #f2f2f2 none repeat scroll 0 0;
	border-color: transparent;
	margin: 0 -15px;
}
.fangate-banner {
	padding-top: 0;
}
.banner-pro {
	height: auto;
}
.banner-pro img {
	height: auto;
	width: 100%;
}
.fangate-main-container {
	padding: 15px 0;
}
.fangate-download-part {
	padding: 15px;
	width: 100%;
}
.fangate-download-part .main-title-part h1 {
	font-size: 22px;
}
.download-step {
	margin-top: 18px;
}
.download-step label {
	font-size: 13px;
	width: 100%;
}
.dwn-btn a, .dwn-btn button {
	margin-bottom: 10px;
	width: 100%;
}
.dwn-btn a:last-child, .dwn-btn button:last-child {
	margin-bottom: 0;
}
.fanfooter-link ul {
	padding: 25px 0;
}
.fanfooter-link ul li {
	margin: 5px 15px;
}
.fangate .navbar-default .container-fluid {
	padding: 0 15px;
}
/*== Support Artist Popover Part CSS ==*/
.fangate .modal-title, .spotify-page .modal-title {
	font-size: 12px;
}
.support-code {
	overflow: hidden;
}
.support-artist-text p {
	font-size: 14px;
}
/*New CSS Added for All Without Header Header Menu Drop Down Sprint15*/
.without-log .navbar-nav .for-withoutlog-dd.open .dropdown-menu {
	background-color: #1d2023;
}
.without-log .navbar-default .navbar-nav .for-withoutlog-dd.open .dropdown-menu > li > a {
	color: #ffffff;
}
.without-log .navbar-default .navbar-nav .for-withoutlog-dd.open .dropdown-menu > li > a:hover, .without-log .navbar-default .navbar-nav .for-withoutlog-dd.open .dropdown-menu > li > a:focus {
	color: #f1240c;
}
/*New CSS Added for Fangate Header Menu Drop Down Sprint15*/
.fangate .navbar .navbar-nav > li > .dropdown-menu {
	border-radius: 0;
}
.fangate .navbar-nav .open .dropdown-menu, .fangate .without-log .navbar-nav .open .dropdown-menu {
	background-color: #f8f8f8;
}
.fangate .navbar-nav .open .dropdown-menu li {
	border-bottom: 1px solid #fff;
}
.fangate .without-log .navbar-default .navbar-nav .open .dropdown-menu > li > a {
	color: #22282e;
}
.fangate .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .fangate .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
	color: #f1240c;
}
.fangate .dropdown-menu::before {
	border-bottom: 7px solid rgba(0, 0, 0, 0);
}
/*New CSS Added for Spotify Fangate Header Menu Drop Down Sprint15*/
.spotify-fangate .navbar .navbar-nav > li > .dropdown-menu {
	border-radius: 0;
}
.spotify-fangate .navbar-nav .open .dropdown-menu, .spotify-fangate .without-log .navbar-nav .open .dropdown-menu {
	background-color: #f8f8f8;
}
.spotify-fangate .navbar-nav .open .dropdown-menu li {
	border-bottom: 1px solid #fff;
}
.spotify-fangate .without-log .navbar-default .navbar-nav .open .dropdown-menu > li > a {
	color: #22282e;
}
.spotify-fangate .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .spotify-fangate .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
	color: #f1240c;
}
.spotify-fangate .dropdown-menu::before {
	border-bottom: 7px solid rgba(0, 0, 0, 0);
}
/****************************** ****************************** 
 Fan Promation, DJ Promation and Create Fan Gate Page CSS
****************************** *****************************/
/*== Fan Promation CSS ==*/
.hype-static-content h2 {
	font-size: 16px;
	margin-bottom: 20px;
}
.hype-static-content p {
	font-size: 14px;
}
.showmore_content p {
	line-height: 18px;
}
.readmore-btn .hy-btn {
	width: auto;
}
.hype-form-part h2 {
	font-size: 16px;
	margin-bottom: 20px;
}
label {
	font-size: 12px;
}
.label_w100 {
	margin-bottom: 20px;
}
.hy-btn-group {
	margin-top: 40px;
	text-align: center;
}
.hy-btn-group .hy-btn, .hy-btn-group .button {
	margin-bottom: 10px;
	width: 100%;
}
.hy-btn-group.text-right .hy-btn, .hy-btn-group.text-right .button {
	margin-left: 0;
}
/*== DJ Promation CSS ==*/
.hype-zip {
	margin-top: 15px;
	text-align: center;
}
.quote-top {
	left: 10px;
	font-size: 28px;
}
.quote-bottom {
	right: 10px;
	font-size: 28px;
}
.hype-quote-content {
	font-size: 14px;
	line-height: 22px;
	padding: 10px 35px;
}
/*== Create Fan Gate CSS ==*/
.swit-res {
	min-height: 40px;
}
.cm-label {
	font-size: 10px;
}
.cm-label span {
	font-size: 10px;
}
.custom-browse label {
	font-size: 10px;
}
.custom-browse .hint {
	font-size: 10px;
}
.checkbox-custom-label, .radio-custom-label {
	font-size: 10px;
}
.new-b {
	font-size: 10px;
	left: 15px;
	top: -14px;
}
/*== Create Fan Gate Free User Part CSS ==*/
.free-user-desktop, .free-user-ipad, .free-user-mobile {
	display: none;
}
.free-user-mobile {
	display: block;
}
.free-top-bar h4 {
	font-size: 12px;
}
/****************************** ****************************** 
   					Account Setting Page CSS
****************************** *****************************/
.white-content-bar-part p {
	font-size: 14px;
}
.z-tabs.xlarge > ul > li > a {
	font-size: 12px !important;
}
.tab-inner-section {
	padding: 0;
	min-height: 300px;
}
.setting-content p, .notifications-part ul li label {
	font-size: 12px;
	line-height: 22px;
}
.learn-plan-btn {
	font-size: 11px;
	max-width: 100%;
	padding: 10px;
	white-space: initial;
}
.block-1 .col-md-6, .block-1 .col-md-12 {
	padding-left: 0;
	padding-right: 0;
}
.block-1.btn-col .col-md-6:first-child {
	padding-right: 7px;
}
.block-1.btn-col .col-md-6:last-child {
	padding-left: 7px;
}
/****************************** ****************************** 
   			Create Fan Gate Success Page Style CSS
****************************** *****************************/
.timeline-centered:before {
	bottom: 220px;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label {
	padding: 10px;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2 {
	font-size: 12px;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label p {
	font-size: 10px;
	overflow: hidden;
}
.visit-btn {
	margin-top: 12px;
	text-align: center;
}
.timeline-row .col-sm-4 {
	margin-bottom: 8px;
}
/****************************** ****************************** 
   			Subscription Plans Page Style CSS
****************************** *****************************/
#banner-inner.subscription-banner {
	height: 400px;
}
.pad-left-half {
	padding-left: 15px;
}
.no-pad-right {
	padding-right: 15px;
}
.no-pad-left {
	padding-left: 15px;
}
.no-pad {
	padding-left: 15px;
	padding-right: 15px;
}
.pricing-box {
	margin-bottom: 35px;
}
.most-plan {
	margin-left: 0;
	margin-right: 0;
	margin-top: 35px;
}
.pricing-list ul li .visible-xs {
	margin-bottom: 15px;
	font-size: 12px;
}
.faq-section {
	padding: 40px 0;
}
.faq-content ul li h4 {
	font-size: 16px;
}
.faq-content ul li p {
	font-size: 13px;
}
.noti-msg {
	display: block;
	text-align: center;
	padding-top: 10px;
}
#resend_form-popup::before {
	left: -15px;
	right: -15px;
}
#donotcreatefangate .signup-popup .hy-btn {
	padding: 10px 20px;
}
#delete-popup .signup-popup .hy-btn, #downgrade-popup .signup-popup .hy-btn {
	margin-bottom: 5px;
}
#delete-popup .signup-popup .button, #downgrade-popup .signup-popup .button {
	margin-bottom: 5px;
}
/****************************** ****************************** 
   				Account Downgrade Pop Up CSS
****************************** *****************************/
.downgrade-popup label {
	font-size: 12px;
}
.downgrade-popup .hy-btn {
	margin: 0 12px 10px;
}
/****************************** ****************************** 
       			Create Fan Gate New Page CSS
****************************** *****************************/
.cs-bar > .cs-bar-step .cs-bar-info {
	font-size: 9px;
}
.update-b {
	font-size: 10px;
	left: 15px;
	top: -14px;
}
.add-follow-row .col-sm-3 {
	margin-bottom: 5px;
}
.half-pad-left {
	padding-left: 15px;
}
.half-pad-right {
	padding-right: 15px;
}
/**************** Share Your Fan Gate Page ***************/
.share-link {
	overflow: hidden;
}
.share-buttons-part {
	float: none;
	width: 100%;
}
.share-buttons-part .hy-btn {
	margin-bottom: 12px;
}
/****************************** ****************************** 
       				Dashboard New Page CSS
****************************** *****************************/
.getting-box {
	margin-bottom: 40px;
}
.getting-box p {
	font-size: 12px;
}
.your-music p {
	font-size: 12px;
}
/* * Dashboard Tootlip Large CSS * */
.tooltip-lg + .tooltip > .tooltip-inner {
	max-width: 280px;
}
/* * For Dashboard Hype Table Drop Down Menu Right Postion CSS * */
.hype-table .dropdown-menu.for-dd-menu-right {
	right: 0px;
}
/* * Account Settings CSS * */
.setting-content .info-text {
	font-size: 16px;
}
/****************************** ****************************** 
  					New Sign Up Page CSS
****************************** *****************************/
.sign-container-section, .forgot-password-container-section, .sharefangate-container-section, .promotion-container-section, .error-container-section {
	margin-top: 0;
}
.nsign-heading h2 {
	font-size: 17px;
}
.nsign-heading p {
	font-size: 12px;
}
.nsign-main-section {
	margin: 0 10px;
}
.hr-line span {
	font-size: 13px;
	top: -10px;
}
.nsign-form-part .half-pad-right {
	padding-right: 7px;
}
.nsign-form-part .half-pad-left {
	padding-left: 7px;
}
#forgot_password p {
	font-size: 12px;
}
.bottom-space {
	margin-bottom: 10px;
}
/****************************** ****************************** 
   			New Subscription Plans Page Style CSS
****************************** *****************************/
.autopromo_error_adminoff {
	font-size: 10px;
}
.autopromo_error_nogates {
	font-size: 10px;
}
.autopromo_error {
	font-size: 10px;
}
.autopromo_error_link {
	font-size: 10px;
}
.autopromo_error_link:hover {
	font-size: 10px;
}
.autopromo_bill_msg {
	font-size: 8px;
}
.new-plan-billing-part {
	margin-bottom: 10px;
}
.new-plan-billing-part p {
	font-size: 12px;
}
.new-plan-billing-part ul li {
	padding: 3px 10px;
}
.new-plan-billing-part ul li .get-off, .new-plan-billing-part ul li .get-over {
	font-size: 10px;
	margin: 0 0 0 2px;
	padding: 2px 7px;
}
.new-pricing-table .half-pad-left {
	padding-left: 15px;
}
.new-pricing-table .half-pad-right {
	padding-right: 15px;
}
.new-pricing-box {
	margin-bottom: 60px;
}
.new-pricing-table .col-md-3:last-child .new-pricing-box {
	margin-bottom: 0;
}
.new-pricing-list ul li:nth-child(3n) {
	justify-content: center;
}
/****************************** ****************************** 
   				New Upgrade Pop Up Style CSS
****************************** *****************************/
#upgrade-autopromo-popup .modal-inner {
	padding: 0;
}
.upgrade-popup p {
	font-size: 12px;
	padding: 0;
}
.upgrade-inner-part {
	width: 100%;
}
.upgrade-plan-content {
	margin-bottom: 15px;
	padding: 20px 15px;
}
.upgrade-plan-content ul li {
	font-size: 12px;
}
/****************************** ****************************** 
   		 Subscription Confirmation Page Style CSS
****************************** *****************************/
.confirmation-container-section {
	margin-top: 0;
}
.new-confirmation-page img {
	margin-bottom: 25px;
}
.new-confirmation-page h2 {
	font-size: 18px;
}
.new-confirmation-page p {
	font-size: 12px;
	line-height: 20px;
	margin-bottom: 24px;
}
/****************************** ****************************** 
   		 Auto Promo Part on Dashboard Page Style CSS
****************************** *****************************/
.auto-promo-section {
	padding: 60px 25px 10px;
}
.progress-bot-text p {
	font-size: 10px;
}
.slider-tiptext {
	top: -32px;
}
.slider-tiptext span.slider-text {
	font-size: 22px;
	margin: 0 1px;
}
.slider-tiptext span.slider-text sub {
	font-size: 9px;
}
.auto-promo-section.for-activate-btn {
	padding: 105px 25px 10px;
}
.slider-activate-part {
	font-size: 10px;
	top: -90px;
}
.slider-activate-part span {
	display: block;
	margin-left: 0;
	margin-top: 5px;
}
/****************************** ****************************** 
   		    Spotify Fangate Page Style CSS
****************************** *****************************/
.spotify-page .container-fluid > .navbar-header, .spotify-page .container-fluid > .navbar-collapse {
	margin-left: 0;
	margin-right: 0;
}
.spotify-fangate header {
	z-index: 101;
}
.spotify-fangate .navbar-default .navbar-collapse {
	background: #f2f2f2 none repeat scroll 0 0;
	border-color: transparent;
	margin: 0 -30px;
}
.spotify-page .artwork {
	padding: 0;
	width: 100%;
}
.spotify-page .release-content {
	border-radius: 3px;
	float: none;
	margin: 0 auto;
	width: 100%;
}
.spotify-page .artwork_image {
	position: relative;
	width: 100%;
}
.spotify-page .artwork_image .artwork_image_inner {
	left: auto;
	position: initial;
	max-height: 380px;
	top: auto;
	width: 100%;
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none;
}
.spotify-page .useracc-name {
	display: inline-block;
}
.sidebar-content-section {
	padding: 28px 40px 65px;
}
.hide-stbr {
	display: none;
}
/****************************** ****************************** 
   		    Create Spotify Fangate Page Style CSS
****************************** *****************************/
.for-cs-radio .col-sm-6:first-child {
	padding-right: 15px;
}
.for-cs-radio .col-sm-6:last-child {
	padding-left: 15px;
}
.cs-light-radio {
	margin-bottom: 6px;
}
/****************************** ****************************** 
   		    Spotify Fangate Preview Pop Up Style CSS
****************************** *****************************/
#sp-fangate-preview .spotify-page .release-content {
	max-width: 400px;
	width: 100%;
}
/****************************** ****************************** 
   		         	Stream Page Style CSS
****************************** *****************************/
.stream-filter-select {
	margin-left: 0;
	margin-top: 8px;
	width: 100%;
}
.stream-playall {
	margin-top: 15px;
	position: initial;
}
.stream-filter-section .hy-btn-sm, .stream-filter-section .button {
	width: 100%;
}
.track-tags {
	float: none;
}
/****************************** ****************************** 
   		         	Spotify Player Style CSS
****************************** *****************************/
.player {
	height: inherit;
}
.player-lt {
	width: 100%;
}
.player-rt {
	border-top: 1px solid #3f4a54;
	height: 50px;
	width: 100%;
	z-index: 1002;
}
.track-events {
	width: 60px;
}
.track-events-inner a {
	margin-right: 0;
	margin-left: 0;
}
.next-track, .prev-track, .track-downloads {
	display: none !important;
}
.track-vol {
	float: right;
}
.track-progress {
	width: calc(100% - 120px);
}
/*Loudlink Player CSS HYPE-669 SP-34*/
.player.loudlink {
	height: inherit;
}
.loudlink .track-progress {
	width: calc(100% - 240px);
}
.loudlink .track-download-btn {
	right: 10px;
}
.loudlink .player-rt, .loudlink .player-lt {
	height: 60px;
}
.loudlink .track-vol {
	float: left;
	transform: translate(0px, -50%);
}
.loudlink .track-info .tinfo-content {
	bottom: 48px;
	min-width: 290px;
	right: calc(50% - 75px);
}
.loudlink .track-info .tinfo-content::before, .loudlink .track-info .tinfo-content::after {
	right: 67px;
}
.lound-link-frame-with-player {
	height: calc(100% - 120px);
}
/****************************** ****************************** 
   		      Promotion Content Popup Style CSS
****************************** *****************************/
#promotion-popup .modal-inner {
	padding: 0;
}
.promotion-content-popup {
	padding: 0 5px;
}
.promotion-content-popup p {
	font-size: 12px
}
/****************************** ****************************** 
   		      Promotion Option Page Style CSS
****************************** *****************************/
.promotion-option-page h2 {
	font-size: 18px;
}
.promotion-option-page p {
	font-size: 12px;
	line-height: 20px;
	margin-bottom: 12px;
}
.promotion-option-page p br {
	display: none;
}
.promotion-opt-back {
	left: 0;
}
.promotion-options {
	width: calc(100% - 100px);
}
.promotion-options ul li h3 {
	font-size: 11px;
	margin: 0 5px;
}
.promotion-options ul li h3 span {
	font-size: 8px;
}
/****************************** ****************************** 
   		     	Stream Ads Part Style CSS
****************************** *****************************/
.ad-box-part {
	height: auto;
}
.ad-box-part p {
	font-size: 16px;
	margin-bottom: 20px;
}
.ad-box-part p br {
	display: none;
}
.ad-box-part p span.new-org-badge1 {
	margin-left: 0;
	margin-right: 5px;
	position: initial;
}
.ad-box-part .button {
	font-size: 12px;
	padding: 15px;
}
/*Hot or Not Ad Box Part CSS Sprint-43 HYPE-846*/
.ad-box-part.ad-box-new p {
	font-size: 16px;
}
.ad-box-part.ad-box-new .button {
	font-size: 14px;
}
/****************************** ****************************** 
   		 Soundcloud to Youtube Converter Page Style CSS
****************************** *****************************/
#section1 {
	height: calc(100vh - 66px);
	min-height: calc(600px - 66px);
}
#section1 .section-inner-part {
	top: 50%;
}
.section-inner-part {
	margin: 0 15px;
	width: calc(100% - 30px);
}
.section1-content .button {
	font-size: 14px;
	height: 50px;
	line-height: 50px;
}
.section-content h1 {
	font-size: 20px;
}
.sec_icon {
	margin-bottom: 25px;
}
.converter-form-part .button {
	font-size: 12px;
	height: 44px;
	line-height: 44px;
}
.select.orange-rounded .bootstrap-select.form-control {
	height: 44px;
}
.select.orange-rounded .btn {
	height: 44px;
}
.select.orange-rounded .bootstrap-select > .dropdown-toggle {
	padding: 0 25px;
}
.select.orange-rounded .bootstrap-select.btn-group .dropdown-toggle .filter-option {
	font-size: 13px;
}
.secure-info {
	bottom: 65px;
}
.secure-info p {
	font-size: 11px;
	margin: 5px 15px 0;
}
.secure-info p br {
	display: none;
}
.preview-infotext {
	font-size: 11px;
}
.ano-track-link {
	font-size: 12px;
}
.scyt-faq-section {
	padding: 50px 0;
}
.sc-yt-faq-title {
	margin-bottom: 40px;
}
.sc-yt-faq-title h1 {
	font-size: 20px;
}
.scyt-faq-content ul li h4 {
	font-size: 15px;
}
.scyt-faq-content ul li p {
	font-size: 12px;
	line-height: 22px;
	margin-bottom: 18px;
}
/****************************** ****************************** 
   			New Dashboard 3 top box Page Style CSS
****************************** *****************************/
.dbox {
	margin-bottom: 30px;
	min-height: initial;
	padding: 30px;
}
.new-dashboard-section .col-sm-4:last-child .dbox {
	margin-bottom: 0;
}
.d_btn {
	margin-top: 20px;
	position: initial;
}
.overview-box ul li div {
	margin-left: 50px;
}
.overview-box ul li div h4 {
	font-size: 24px;
}
.overview-box ul li div h6 {
	font-size: 10px;
}
.badges-box .owl-dots {
	margin-top: 0;
}
/****************************** ****************************** 
    Upgrade Timer Tooltip For Dashboard Style CSS Sprint-15
****************************** *****************************/
.slider-activate-part.for-new-timer {
	left: 0;
	width: 100%;
}
.upgrade-timer-tooltip {
	bottom: 32px;
	left: calc(50% - 160px);
	top: initial;
}
.upgrade-timer-tooltip p {
	font-size: 12px;
}
.upgrade-tooltip-arrow {
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #fff;
	bottom: -10px;
	left: calc(50% - 5px);
	margin-top: 0;
	top: initial;
}
/****************************** ****************************** 
  Chart notification email enhancements Style CSS Sprint-15
****************************** *****************************/
.new-trans-main-title {
	text-align: center;
}
.new-trans-main-title h2 {
	display: block;
	font-size: 18px;
}
.new-trans-main-title h2 span {
	display: block;
}
.for-side-play-btn {
	margin-left: 0;
	margin-top: 10px;
}
.for-Dimage-overflow {
	overflow: hidden;
}
.chart-breaker-badge {
	height: 130px;
	right: -10px;
	top: -60px;
	width: 130px;
}
.chart-breaker-badge span {
	font-size: 18px;
	line-height: 18px;
}
.chart-breaker-badge.for-out-now span {
	font-size: 20px;
	line-height: 20px;
}
/****************************** ****************************** 
  	Error 404 & Track Not Found Page Style CSS Sprint-15
****************************** *****************************/
.error-404 p {
	font-size: 12px;
	line-height: 24px;
}
/****************************** ****************************** 
  	Account Setting Subscription Drop Down Style CSS
****************************** *****************************/
.acc-new-select label {
	font-size: 14px;
}
#show-guide-popup .modal-title {
	font-size: 16px;
}
/****************************** ****************************** 
  			Onboarding Page Style CSS Sprint-17
****************************** *****************************/
.onboarding-container-section {
	min-height: 650px;
	margin-top: 0;
}
.onboarding-page img {
	margin-bottom: 20px;
}
.onboarding-page h2 {
	font-size: 18px;
	margin: 0 0 15px;
}
.onboarding-page p {
	font-size: 12px;
	line-height: 20px;
	margin-bottom: 20px;
}
.onboarding-options ul li {
	width: 100%;
}
.onboarding-options ul li a {
	margin: 0 15px 15px;
}
.onboarding-options ul li div {
	padding: 15px;
}
.onboarding-options ul li h5 {
	font-size: 12px;
}
.onboarding-options ul li p {
	font-size: 12px;
	line-height: 16px;
}
.onboarding-options.options_2 ul li {
	width: 50%;
}
.onboarding-options.options_2 ul li div {
	padding: 15px 5px;
}
.onboarding-page p.onp-last {
	margin: 15px 5px 0;
}
/****************************** ****************************** 
  			Promotion Option Page Style CSS Sprint-17
****************************** *****************************/
.new-promotion-container-section {
	min-height: 660px;
	margin-top: 0;
}
.new-promotion-option-page img {
	margin-bottom: 20px;
}
.new-promotion-option-page h2 {
	font-size: 18px;
	margin: 0 0 15px;
}
.new-promotion-option-page p {
	font-size: 12px;
	line-height: 20px;
	margin-bottom: 20px;
}
.new-promotion-options ul li {
	width: 100%;
}
.new-promotion-options ul li a {
	margin: 0 15px 15px;
}
.new-promotion-options ul li div {
	height: 100px;
}
.new-promotion-options ul li h5 {
	font-size: 12px;
}
.new-promotion-options ul li p {
	font-size: 12px;
	line-height: 16px;
	margin-top: 8px;
}
/****************************** ****************************** 
  		 Spotlight Promotion Page Style CSS Sprint-17
****************************** *****************************/
.spotlight-promotion-page h2 {
	font-size: 14px;
	margin: 0 0 20px;
}
.spotlight-confirmation-part ul li label {
	font-size: 12px;
}
.spotlight-confirmation-part ul li div {
	font-size: 12px;
}
.spotlight-promotion-page .hy-btn-gray {
	margin-left: 0;
}
/****************************** ****************************** 
  		 Onboarding Plan Selection Page CSS Sprint-18
****************************** *****************************/
.single-title-part h2 {
	font-size: 18px;
}
.single-title-part p {
	font-size: 12px;
}
/****************************** ****************************** 
  		 New Onboarding Subscription Plan Sprint-19
****************************** *****************************/
.onboarding-pricing-table {
	margin: 40px auto;
}
.onboarding-pricing-table .row {
	margin-left: -15px;
	margin-right: -15px;
}
.onboarding-pricing-box {
	margin-bottom: 50px;
}
.onboarding-pricing-table .row .col-xs-12:last-child .onboarding-pricing-box {
	margin-bottom: 0;
}
.onboarding-pricing-header {
	margin-top: 0;
}
.for-onrookie {
	border: medium none;
	margin-left: 0;
	width: 100%;
}
.for-onpro {
	border: medium none;
	margin-right: 0;
	width: 100%;
}
.no-border-middle-box {
	border-left: 1px solid #dce1e6;
	border-right: 1px solid #dce1e6;
}
.onboarding-pricing-list ul li {
	padding: 8px 15px;
}
.onboarding-pricing-list ul li .visible-xs span {
	display: block;
	margin-bottom: 6px;
}
/****************************** ****************************** 
  		 Fan Promotion Select Track Sprint-19
****************************** *****************************/
.fan-white-box {
	padding: 25px;
}
.fan-white-box h2 {
	font-size: 18px;
}
.fan-white-select-box {
	padding: 25px;
}
.fan-white-select-box h2 {
	font-size: 18px;
}
/****************************** ****************************** 
  				 Fan Promotion Sprint-19
****************************** *****************************/
.for-static-white-title {
	position: initial;
}
.fan-promotion-container {
	height: 100%;
	margin-top: 0;
}
.fansidebar-heading {
	position: initial;
	width: 100%;
}
.fan-promotion-sidebar {
	border-bottom: 1px solid #dce1e6;
	border-right: 0 none;
	height: initial;
	position: initial;
	width: 100%;
}
.fan-promotion-sidebar .panel-group {
	height: 100%;
	margin-top: 0;
}
.fan-promotion-main-part {
	margin-left: 0;
	overflow: initial;
	position: initial;
}
.promotion-table {
	padding-bottom: 0;
	padding-top: 0;
	overflow-x: scroll;
	overflow-y: hidden;
}
.promotion-table-responsive {
	display: block;
	width: 1024px;
}
.promotion-table .table-row.table-header {
	position: initial;
	width: 100%;
}
.fan-bottom-static-section {
	position: initial;
	width: 100%;
}
.fan-bottom-static-inner {
	padding: 15px 15px;
}
.fan-bottom-left {
	display: block;
	float: none;
	text-align: right;
}
.fan-bottom-right {
	display: block;
	float: none;
}
.fan-bottom-right span {
	display: block;
}
.fan-bottom-right .button {
	margin-left: 10px;
	margin-top: 12px;
	width: 130px;
}
/*New Flexbox Table For Fan Promotion Page Spritn 19*/
.table-row-inner {
	padding: 0 15px;
}
/****************************** ****************************** 
  			 Copyright Confirmation Page Sprint-19
****************************** *****************************/
.flex-row {
	display: block;
}
.flex-row .col-sm-6 {
	display: block;
}
.copyright-white-box {
	margin-bottom: 40px;
	padding: 40px 25px;
}
.flex-row .col-sm-6:last-child .copyright-white-box {
	margin-bottom: 0;
}
.copyright-white-box ul {
	margin: 0;
}
.copyright-white-box .button {
	margin: 30px auto 0;
	position: initial;
}
/****************************** ****************************** 
  			 Select Music Promotion Page Sprint-19
****************************** *****************************/
.promote-white-box {
	margin-bottom: 25px;
	padding: 40px 20px;
}
.promote-white-box h4 {
	font-size: 16px;
	line-height: 26px;
}
.promote-white-box ul {
	margin: 0 10px;
}
.no-promotion-btn {
	margin-top: 0;
}
/****************************** ****************************** 
  	 			Blog Promotion Page Sprint-19
****************************** *****************************/
.blog-promotion-page .panel-title {
	font-size: 16px;
}
.blog-promotion-page .panel-title .panel-headline {
	padding-top: 8px;
}
.blog-promotion-page .panel-body {
	padding: 10px 25px 0;
}
.promotion-select-part .select {
	margin-right: 0;
}
.quantity-button {
	margin-right: 10px;
}
.quantity input[type="number"] {
	margin-right: 5px;
}
.promotion-multiple {
	display: block;
	float: none;
	margin-bottom: 5px;
}
.pselectday-btn {
	display: block;
	margin-left: 0;
}
.promotion-confirm-part ul li {
	margin-bottom: 20px;
}
.promotion-confirm-part ul li label {
	display: block;
	float: none;
	margin: 0 0 5px;
}
.pconfirm-btn {
	display: block;
	margin-left: 0;
	margin-top: 10px;
}
.pconfirm-btn .button + .button {
	display: block;
	margin-top: 8px;
	max-width: 140px;
}
/****************************** ****************************** 
  	 Blog Promotion - Email Confirmation PopUp Sprint-19
****************************** *****************************/
.email-confirmation-content h4 {
	font-size: 20px;
}
/****************************** ****************************** 
  	 			Fan Promotion Page Sprint-20
****************************** *****************************/
.new-fanfilter-part {
	height: initial;
	margin-top: -1px;
	position: initial;
}
.new-fanfilter-inner {
	padding: 13px 15px;
}
.filter-fangate {
	width: 100%;
}
.new-fanfilter-part label.nfanlabel {
	float: none;
	margin: 0 0 5px;
}
.filterby-option {
	width: 100%;
}
.filter-fangate .select {
	display: block;
}
.filterby-option label.nfanlabel {
	margin-left: 0;
	margin-right: 0;
	margin-top: 15px;
}
.filterby-selects {
	display: block;
}
.filterby-option .select {
	margin: 0 0 5px;
	width: 100%;
}
/****************************** ****************************** 
  	 		Activity Notifications Page Sprint-20
****************************** *****************************/
.notification-bell.uni-hidden1 {
	display: block !important;
}
.activity-table {
	padding-top: 0;
}
.activity-table .table-row.table-header {
	display: none;
}
.activity-table .table-row-inner {
	display: block;
	position: relative;
}
.activity-table .table-row-item:first-child {
	padding-top: 20px;
}
.activity-table .table-row-item:last-child {
	padding-bottom: 20px;
}
.an1, .an2, .an3 {
	width: 100%;
	padding: 10px 0;
	text-align: left !important;
}
.an3 {
	position: absolute;
	width: auto;
	right: 15px;
	top: 5px;
}
.activity-loading {
	height: initial;
	top: 0;
	height: 100%;
}
/****************************** ****************************** 
  	 			Blank State Section Sprint-20
****************************** *****************************/
.blank-state-section p {
	font-size: 13px;
	line-height: 18px;
}
.blank-state-section ul {
	margin: 0 15px;
}
/****************************** ****************************** 
  					User Dashboard Sprint-21
****************************** *****************************/
.user-activity-box {
	border-right: 0;
	border-bottom: 1px solid #d7dbe0;
	padding-bottom: 25px;
	margin-bottom: 25px;
}
.user-activity-section .col-sm-4:last-child .user-activity-box {
	border: none;
	margin-bottom: 0;
	padding-bottom: 0;
}
/****************************** ****************************** 
  				 Fangate Chart Modal Sprint-22
****************************** *****************************/
.fangate-chart-pic {
	min-height: 300px;
}
.fangate-chart-share-button {
	padding: 20px 5px 5px 5px;
}
.fangate-chart-share-button .col-xs-6 {
	width: 100%;
}
.fangate-chart-share-button .col-xs-6.col-xs-push-6 {
	left: 0;
}
/****************************** ****************************** 
   	 	Channel Profile Steps Page Style CSS Sprint-22
****************************** *****************************/
.chprofile-main-container {
	height: auto;
}
.channel_artwork {
	padding: 0;
	width: 100%;
}
.chsidebar-heading h1, .chsidebar-heading h2 {
	font-size: 22px;
}
.chsidebar-main-section .button {
	font-size: 11px;
}
.channel-step-section p {
	font-size: 12px;
	line-height: 18px;
}
.channel-submission-form label {
	font-size: 12px;
}
.channel_release_content {
	border-radius: 3px;
	float: none;
	margin: 25px auto;
	width: 100%;
	max-width: 280px;
}
.channel_artwork_image {
	position: relative;
	width: 100%;
	padding-top: 10px;
}
.channel_artwork_image .channel_artwork_image_inner {
	left: auto;
	position: initial;
	max-height: 260px;
	max-width: 260px;
	margin: 0 auto;
	top: auto;
	width: 100%;
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none;
}
.chsidebar-content-section {
	padding: 30px 20px 80px;
}
.chsidebar-footer {
	bottom: 20px;
}
/****************************** ****************************** 
   		    Channel Profile Preview Pop Up Style CSS
****************************** *****************************/
#profilePagePreview .channel_release_content {
	max-width: 380px;
	width: 100%;
}
/****************************** ****************************** 
   	Onboarding - Select User Type Page Style CSS Sprint-23
****************************** *****************************/
.board-white-box {
	padding: 40px 20px;
	margin-bottom: 25px;
}
.on-board-section .col-sm-6:last-child .board-white-box {
	margin-bottom: 0;
}
.user-type-section h4 {
	font-size: 18px;
}
.user-type-section .button {
	margin-bottom: 0;
}
/****************************** ****************************** 
   	   Onboarding - Add Music Page Style CSS Sprint-23
****************************** *****************************/
.on-board-section .promote-white-box {
	padding: 40px 20px;
}
.on-board-section .col-sm-6:last-child .promote-white-box {
	margin-bottom: 0;
}
/****************************** ****************************** 
   Onboarding - Select Download Gate Type Page CSS Sprint-23
****************************** *****************************/
.select-gatetype-section {
	margin-bottom: 25px;
}
.select-gatetype-section h4 {
	font-size: 18px;
}
.board-box-info {
	margin-top: 30px;
}
/****************************** ****************************** 
   Add Music - Select Download Gate Type Page CSS Sprint-23
****************************** *****************************/
.fourbox-select-gatetype .what-link {
	bottom: 25px;
}
/****************************** ****************************** 
   	  Add Music - Create Music Link Page CSS Sprint-23
****************************** *****************************/
.pannel-content-section label {
	font-size: 12px;
}
.blog-promotion-page .panel-title .panel-subHeading {
	font-size: 12px;
}
.pannel-confirm-text ul li {
	font-size: 12px;
	margin: 10px 0;
}
.pannel-confirm-text ul li b {
	display: block;
}
/****************************** ****************************** 
Add Music-Create Download Gate-Unlimited Page CSS Sprint-23
****************************** *****************************/
.logo-branding {
	display: none;
}
/*Light Theme Preview CSS*/
.theme-preview-section {
	height: inherit;
	padding-top: 1px;
	padding-bottom: 1px;
}
.theme-preview-section .logo-branding {
	display: block;
	position: relative;
	top: -1px;
}
.theme-preview-section .spotify-main-container {
	height: 100%;
	margin: 0 10px;
}
.theme-preview-section .spotify-page .artwork {
	display: block;
}
.theme-preview-section .spotify-page .artwork_image .artwork_image_inner {
	width: 100%;
	max-height: 250px;
	border-radius: 3px;
}
.theme-preview-section .spotify-page .artwork_image {
	right: 0;
	left: 0;
	position: relative;
}
.theme-preview-section .spotify-page .release-content {
	width: 100%;
	margin-top: 25px;
	border-radius: 3px;
}
.theme-preview-section .sidebar-content-section {
	padding: 15px 10px 60px;
	min-width: initial;
}
.theme-preview-section .sidebar-heading {
	margin-bottom: 15px;
	text-align: left;
}
.theme-preview-section .sidebar-heading h1, .theme-preview-section .sidebar-heading h2 {
	font-size: 10px;
	line-height: 12px;
}
.theme-preview-section .sidebar-buttons .button {
	width: 100%;
	min-width: inherit;
	margin-bottom: 10px;
}
.theme-preview-section .sidebar-footer {
	bottom: 5px;
	position: absolute;
	padding: 0;
}
.theme-preview-section .sidebar-footer ul li {
	font-size: 4px;
}
.theme-preview-section .sidebar-footer ul li a {
	font-size: 4px;
	line-height: 4px;
	margin: 0 1px;
}
.theme-preview-section .update-btn {
	bottom: 20px;
	min-width: inherit;
}
.theme-preview-section .update-btn .button {
	min-width: inherit;
	font-size: 11px;
}
.theme-preview-section .update-btn.for-video-gate-btn {
	bottom: -25px;
}
.theme-preview-section .spotify-page .artwork_image .artwork_image_inner .artwork_image_box {
	position: initial;
	float: initial;
}
.theme-preview-section .spotify-page .artwork_image .artwork_image_inner .artwork_image_box::before {
	display: none;
}
/****************************** ****************************** 
Add Music-Create Download Gate-Unlimited-Setup Link CSS Sprint-23
****************************** *****************************/
.connect-as {
	font-size: 12px;
}
.btn-with-info i.info-btn {
	position: initial;
	margin-top: 5px;
}
/****************************** ****************************** 
  	Add Music - Create Download Gate- CSS Sprint-23-New
****************************** *****************************/
.gate-two-col-step-box div {
	width: calc(100% - 20px);
}
.add-step-button {
	font-size: 16px;
}
.add-step-button-inactive {
	font-size: 16px;
}
.select .radio-option-box .lock-pro-badge {
	right: 2px;
	top: 2px;
}
.unlock-steps-msg {
	padding: 5px 10px;
	font-size: 11px;
}
.unlock-steps-rookie-part .button {
	font-size: 11px;
}
/****************************** ****************************** 
  			Account Settings - CSS Sprint-23
****************************** *****************************/
.account-inner-text p {
	font-size: 12px;
}
/****************************** ****************************** 
   		   New Mixcloud Fangate Page Style CSS
****************************** *****************************/
.mc-track-list-section ul, .widget-main-container {
	height: 22vh;
}
/****************************** ****************************** 
  			Choose Color Setion - CSS Sprint-23
****************************** *****************************/
.choose-color-box {
	left: auto;
	right: 0;
}
.choose-color-box::after {
	left: calc(100% - 24px);
}
.choose-color-box::before {
	left: calc(100% - 25px);
}
.choose-color-section.c_box_1 {
	right: -5px;
}
.choose-color-section.c_box_2 .choose-color-box, .choose-color-section.c_box_4 .choose-color-box {
	left: 0;
}
.choose-color-section.c_box_2 .choose-color-box::after, .choose-color-section.c_box_4 .choose-color-box::after {
 left: calc(0% - -7px);
}
.choose-color-section.c_box_2 .choose-color-box::before, .choose-color-section.c_box_4 .choose-color-box::before {
 left: calc(0% - -6px);
}
.choose-color-section.c_box_3 {
	top: -5px;
}
/****************************** ****************************** 
  				Panel Icons - CSS Sprint-23
****************************** *****************************/
.panel-delimg-icon, .checking-icon, .move_up, .move_down {
	top: 5px;
}
.theme-preview-section .spotify-page .release-content.for_p_res_update {
	margin-top: 50px;
}
.theme-preview-section .update-btn.update-bg-btn {
	bottom: auto;
	top: -40px;
}
/****************************** ****************************** 
  		  Create Unlimited Gate - CSS Sprint-24
****************************** *****************************/
.audio-preview-row {
	width: 100%;
}
.audio-preview-row .col-sm-4 .select {
	margin-bottom: 5px;
}
.audio-preview-row .col-sm-4::after {
	display: none;
}
/****************************** ****************************** 
Payment + Billing - Checkout Credit Card/Paypal PopUp Sprint-24
****************************** *****************************/
.new-popup-heading h4 {
	font-size: 20px;
}
.new-popup-heading p {
	font-size: 12px;
	line-height: 18px;
}
.payment-popup-form-part label {
	font-size: 12px;
}
.payment-popup-form-part .row {
	margin-right: -15px;
	margin-left: -15px;
}
.payment-popup-form-part [class*="col-"] {
	padding-right: 15px;
	padding-left: 15px;
}
.payment-popup-form-part .exdate-pad-right {
	padding-right: 15px;
}
.payment-popup-form-part .exdate-pad-left {
	padding-left: 15px;
}
.payment-membership-type {
	font-size: 12px;
}
.payment-total-amount {
	font-size: 12px;
}
/*HYPE-491*/
.blog-promotion-page .panel-body .for-ac-set-button .button {
	min-width: 100%;
	margin-bottom: 5px;
}
.update-but .noti-msg {
	text-align: left;
}
/****************************** ****************************** 
   		   Fangate Preview Style CSS HYPE-514 Sprint-26
****************************** *****************************/
.spotify-main-container {
	height: 100vh;
}
.sidebar-heading h1 {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.sidebar-heading h1, .sidebar-heading h2 {
	font-size: 18px;
	line-height: 22px;
}
/****************************** ****************************** 
  	 	Promotion Page Pannel Tabs - CSS Sprint-27
****************************** *****************************/
.pannel-tabs .nav-tabs > li {
	display: block;
	float: none;
}
.pannel-tabs .nav-tabs > li > a {
	font-size: 12px;
	padding: 10px;
}
/****************************** ****************************** 
  	Facebook Tab Blank State Content Page - CSS Sprint-27
****************************** *****************************/
.fbtab-content-start-part h5 {
	font-size: 18px;
}
.fbtab-content-start-part h5 br {
	display: none;
}
/****************************** ****************************** 
  		 Facebook Tab Settings Page - CSS Sprint-27
****************************** *****************************/
.for-fbtab-how-work p, .for-fbtab-how-work ul li, .for-fbtab-how-work ol li {
	font-size: 12px;
	line-height: 20px;
}
.popup-large-font, .popup-large-font p, .popup-large-font ul li, .popup-large-font ol li {
	font-size: 12px;
	line-height: 20px;
}
/****************************** ****************************** 
  	 	Facebook Music Tab List Page - CSS Sprint-27
****************************** *****************************/
.facebook-promotion-main-part .promotion-table {
	padding-top: 0;
}
/****************************** ******************************
  		  Onboarding - Select tool Sprint-29
****************************** *****************************/
#customer-survey.for-survey-mobile {
	margin-top: 0 !important;
}
/****************************** ******************************
  		  Chart Banner HYPE-546 - Sprint-29
****************************** *****************************/
.topchart_image .topchart_image_inner {
	width: 235px;
	height: 235px;
}
.topchart_new_label {
	width: 55px;
	height: 55px;
}
.topchart_new_label span {
	font-size: 14px;
	top: 18px;
}
/****************************** ******************************
  	 External Submission - Login HYPE-570 - Sprint-30
****************************** *****************************/
.new-signup-popup .nsign-main-section {
	margin: 0;
}
.promote-track-left {
	display: none
}
.forFSize14 {
	font-size: 12px !important;
}
.promote-track-left {
	float: none;
	display: block;
	text-align: center;
}
/****************************** ******************************
Chats - Create Standard Canned Response Page CSS HYPE-610 - Sprint-32
****************************** *****************************/
.basic-form-part label {
	font-size: 12px;
}
.basic-form-part .button {
	min-width: 135px;
}
/****************************** ******************************
	Chats - Canned responses overview HYPE-610 - Sprint-32
****************************** *****************************/
.chat-canned-response-main-section .promotion-table {
	padding-top: 0;
}
/****************************** ******************************
		New Pricing Page HYPE-633 - Sprint-33
****************************** *****************************/
.for-switchtoggle-mobile {
	margin: 0 0 10px;
}
.for-switchtoggle-mobile .get-off, .for-switchtoggle-mobile .get-over {
	margin: 10px 0 0;
	display: inline-block;
	font-family: "poppinsregular";
}
/****************************** ******************************
 		Tool selection Page CSS HYPE-670 - Sprint-34
****************************** *****************************/
.tool-selection-container {
	margin-top: 0;
	min-height: 100%;
}
.tool-selection-main-part {
	position: initial;
}
.tool-selection-table .table-row-inner {
	display: block;
}
.tool-selection-table .table-row-item {
	display: block;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: left !important
}
.tool-selection-table .table-row-item:first-child {
	padding-bottom: 0;
}
.tool-selection-table .table-row-item:last-child {
	padding-left: 50px;
}
.ts1, .ts2 {
	width: 100%;
	padding: 20px 0;
}
.tool-selection-content h3 {
	font-size: 14px;
}
.tool-selection-content p {
	font-size: 13px;
}
.tool-selection-go-back {
	padding: 25px 15px;
}
.beta-btn, .new-badge {
	top: -10px;
}
/****************************** ******************************
 	 New Dashboard - CSS HYPE-670 - 682 - Sprint-34
****************************** *****************************/
.new-dashboard-tab-inner {
	padding: 0 15px;
}
.new-dashboard-tab-section .pannel-tabs {
	float: none;
}
.new-dashboard-tab-section .pannel-tabs .nav-tabs > li {
	float: left;
}
/****************************** ******************************
 	 Dashboard - Blank state - CSS HYPE-672 - Sprint-34
****************************** *****************************/
.dashboard-infobar-inner {
	padding: 40px 0;
}
.infobar-close {
	right: 15px;
}
.dashboard-infobar-content {
	padding: 0 15px;
}
.dashboard-infobar-inner h5 {
	font-size: 16px;
}
.dashboard-infobar-inner p, .infobar-dd-text, .infobar-option .option-btn-bar span {
	font-size: 15px;
}
.infobar-option .option-btn-bar {
	height: 26px;
}
.infobar-option .option-btn-bar span {
	margin-right: 2px;
}
iframe#video-tut {
	height: 250px
}
/****************************** ****************************** 
  	  		Music bar - Interstitial - Sprint-34
****************************** *****************************/
.loudlink-full-page .spotify-main-container {
	height: calc(100vh - 120px);
}
.loudlink-full-page.spotify-page .artwork_image .artwork_image_inner {
	left: 50%;
	position: absolute;
	top: 50%;
	width: 260px;
	max-height: 260px;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
/****************************** ****************************** 
  	  		Loud link - External link - Sprint-35
****************************** *****************************/
.player-loud-btns {
	right: 10px;
	width: initial;
}
.player-loud-btns .button {
	margin-right: 0;
}
.player-loud-btns .button.button-primary {
	display: none;
}
.loud-preview-btn {
	display: block;
}
.blog-promotion-page .panel-body .form-btn .button {
	margin-bottom: 5px;
}
/****************************** ****************************** 
  	  	 Promotion Exchange - Campaigns - Sprint-36
****************************** *****************************/
.promotion-campaign-tab-part {
	float: none;
	width: 100%;
}
.promotion-campaign-tab-part .pannel-tabs .nav-tabs > li {
	width: 100%;
}
.promotion-campaign-credit-part {
	float: none;
	margin-bottom: 15px;
	text-align: center;
}
.promotion-exchange-main-part {
	padding-bottom: 30px;
	padding-top: 30px;
}
.promotion-exchange-tab-content-section {
	padding: 0 15px;
}
.promotion-exchange-main-part .filterby-option {
	margin-top: 1px;
}
.promotion-exchange-main-part label.nfanlabel {
	margin: 0 0 5px 0;
	float: none;
	display: block;
}
.promotion-exchange-main-part .filterby-option .select {
	width: 100%;
}
.ex-filter-btns {
	margin: 0;
	display: block;
}
.ex-filter-btns .button {
	min-width: 120px;
}
.promotion-campaign-listing-section .track-tags {
	width: 100%;
}
.promotion-campaign-listing-section.my-campaigns-listing .track-tags {
	width: 100%;
}
.promotion-campaign-listing-section .track-tags ul {
	margin: 0;
}
.promotion-campaign-listing-section .track-get-social .button {
	width: 100%;
	min-width: auto;
}
/****************************** ****************************** 
  	  Music Link - Light Scheme - HYPE-821 - Sprint-41
****************************** *****************************/
.smart-link-button .button {
	min-width: 120px;
	font-size: 11px;
}
.smart-link-logo img {
	max-height: 26px;
	margin-top: 2px;
}
.smart-link-share-part .smart-link-button .button {
	width: 120px;
}
/*Light Theme Preview Section CSS HYPE-821*/
.theme-preview-section .smart-link-logo img {
	max-height: 16px;
	margin-top: 6px;
}
/****************************** ****************************** 
  	  VIP Package Sales Page - HYPE-808 - Sprint-41
****************************** *****************************/
.vip-header-section {
	min-height: auto;
	text-align: center;
	min-height: 110px;
}
.vip-header-inner {
	display: block;
	padding: 10px 22px;
}
.vip-logo {
	display: none;
}
.vip-offer-countdown-part {
	align-items: center;
	justify-content: center;
	margin-bottom: 10px;
	position: relative;
	margin-top: 10px;
}
.vip-offer-countdown-part p {
	font-size: 14px;
	display: block;
	position: absolute;
	top: -15px;
	margin-right: 0;
}
.vip-countdown-time {
	font-size: 22px;
	padding: 0 8px;
}
.vip-countdown-time::after {
	top: -2px;
	right: -4px;
}
.vip-main-container-section {
	padding-top: 110px;
}
.vip-inner-container {
	padding: 0 15px;
}
.vip-main-content {
	display: block;
	padding: 40px 0;
}
.vip-main-content h6 {
	font-size: 14px;
	margin: 0 0 30px;
}
.vip-main-content h2 {
	font-size: 26px;
	margin: 0 0 32px;
	line-height: 35px;
}
.vip-main-content h2.dec-fontsize {
	font-size: 24px;
	padding-top: 12px;
	margin-bottom: 20px;
}
.vip-main-content p {
	font-size: 14px;
	margin-bottom: 22px;
}
.green-divider {
	margin: 30px auto;
}
.vip-most-artist-section {
	margin-bottom: 50px;
}
.vip-most-artist-comment {
	padding: 30px 30px;
}
.vip-most-artist-comment::after, .vip-most-artist-comment::before {
	left: calc(50% - 20px);
}
.vip-most-artist-comment h4 {
	margin: 0 0 20px;
	line-height: 24px;
}
.vip-most-artist-content h5 {
	font-size: 16px;
	margin: 0 0 15px;
	text-align: center;
	line-height: 24px;
}
.vip-most-artist-content ul {
	max-width: 100%;
}
.vip-most-artist-content p {
	max-width: 100%;
	margin-top: 10px;
}
.vip-most-artist-pic {
	width: 120px;
	float: none;
	margin: 0 auto 20px;
}
.vip-most-artist-content {
	padding-left: 0;
	display: block;
}
.vip-artist-icon {
	float: left;
	width: 20px;
	margin-right: 8px;
}
.vip-artist-count {
	font-size: 12px;
	line-height: 20px;
}
.vip-check-list-option {
	margin: 30px 10px;
}
.vip-check-list-option li, .vip-check-list-option2 li {
	font-size: 14px;
	line-height: 22px;
	margin-bottom: 20px;
}
.vip-button-heading {
	font-size: 12px;
	padding: 18px 10px 14px;
}
.vip-check-list-half {
	width: calc(100% - 20px);
}
.vip-check-list-half:nth-child(2n) {
	margin-top: -10px;
}
.vip-audience-content {
	width: 100%;
	float: none;
}
.vip-audience-content h5, .vip-audience-heading h5 {
	font-size: 14px;
}
.vip-audience-content h3, .vip-audience-heading h3 {
	font-size: 18px;
	margin-bottom: 20px;
	line-height: 28px;
}
.vip-audience-pic {
	max-width: 70%;
	position: static;
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
	float: none;
}
.vip-upgrade-box-section {
	margin: 50px 0 40px;
}
.vip-darkgray-section .vip-main-content {
	padding-top: 60px;
}
.vip-upgrade-box-section .vip-upgrade-box h2, .vip-upgrade-box-section .vip-upgrade-box p {
	margin-bottom: 10px;
}
.vip-upgrade-box h4 {
	font-size: 36px;
}
.vip-upgrade-box-section .button {
	font-size: 20px;
	line-height: 60px;
	height: 60px
}
.vip-faq-part h5 {
	font-size: 15px;
	padding-top: 20px;
}
/*VIP 2 Years Page CSS*/
.vip-header-expansion .vip-logo {
	display: block;
	float: none;
	margin: -10px 0 10px;
}
.vip-twoyear-box {
	margin-bottom: 30px;
	display: block;
}
.vip-twoyear-text {
	max-width: 100%;
}
.vip-twoyear-pic {
	max-width: 185px;
	text-align: center;
	margin: 25px auto;
}
.vip-two-btns-group .button {
	min-width: 200px;
	margin: 5px 5px;
}
.vip-twoyear-page .vip-upgrade-box-section {
	margin: 40px 0 30px;
}
/****************************** ****************************** 
  	  		Hot or Not - HYPE-832 - Sprint-42
****************************** *****************************/
.hot-or-not-page #header {
	background: #1a1d20;
	border-bottom: 1px solid #3c4346;
}
.hotnot-logo {
	margin-left: 0;
}
.hotnot-logo a {
	display: none;
}
.hotnot-genre-part .genre-filter .select-labal {
	font-size: 14px;
	top: 8px;
}
.hot-not-filter .select-hotnot .btn {
	font-size: 14px;
}
.hotnot-genre-part .genre-filter .bootstrap-select.btn-group .dropdown-toggle .filter-option {
	padding-left: 75px;
}
.startgame-tooltip-content {
	right: 5px;
	left: auto;
}
.startgame-tooltip-content::after {
	border-left: 0px;
	border-right: 30px solid #12db7d;
	left: -28px;
	right: auto;
}
.arcade-player-name span {
	display: block;
}
.hot-not-inner-section {
	padding: 0 10px;
}
.leaderboard-player-content h4 {
	font-size: 15px;
}
.leaderboard-player-content h4 {
	font-size: 15px;
}
/****************************** ****************************** 
  	  		Pricing V2.0 - HYPE-855 - Sprint-43
****************************** *****************************/
.new-pricing-page p.lead {
	font-size: 16px;
	margin-bottom: 30px;
}
.new-pricing-page .row .col-sm-6:first-child {
	padding-right: 15px;
}
.new-pricing-page .row .col-sm-6:last-child {
	padding-left: 15px;
}
.new-pricing-main-box {
	max-width: 455px;
	margin: 0 auto 30px;
}
.new-pricing-page .row .col-sm-6:last-child .new-pricing-main-box {
	margin-bottom: 0;
}
.new-pricing-main-content-inner {
	padding: 35px 25px;
}
.new-pricing-main-content ul li br {
	display: none;
}
.new-pricing-main-content h3 {
	font-size: 17px;
}
.new-pricing-main-content ul li .tooltip-lg + .tooltip > .tooltip-inner {
	max-width: 270px;
}
.faq-inner-section .main-title-part {
	margin-bottom: 40px;
}
.faq-inner-section .main-title-part h1 {
	font-size: 20px;
}
/****************************** ****************************** 
  	  Dashboard - Blank state - V2 - HYPE-915 - Sprint-46
****************************** *****************************/
.blank-state-section .info-indicator-img {
	height: 15px;
	right: 20px;
	margin-top: -25px;
}
/****************************** ****************************** 
  	  		Welcome Video - HYPE-914 - Sprint-46
****************************** *****************************/
.welcome-video-page .single-title-part {
	margin-bottom: 35px;
}
.welcome-video-content {
	padding: 25px 20px;
}
.welcome-video-content p {
	margin-bottom: 20px;
}
.welcome-info-tip {
	display: none;
}
/****************************** ****************************** 
Blog Promotion - Email confirmation - HYPE-1011 - Sprint-53
****************************** *****************************/
.for-submission-check .terms-label {
	font-size: 12px;
	line-height: 20px;
}
.impt-msg {
	font-size: 12px;
}
/****************************** ****************************** 
FB Messenger Information Box CSS - HYPE-1027 - Sprint-56
****************************** *****************************/
.fb-messenger-information {
	text-align: center;
	flex-direction: column;
}
.fb-messenger-information p {
	font-size: 13px;
	order: 2;
}
.fb-messenger-infobutton {
	display: inline-block;
	text-align: center;
	margin: 0 auto;
	margin-bottom: 18px;
	width: auto;
	order: 1;
}
.filterby-option .select.w50 {
	width: 50%;
}
/*Monthly Fee Part CSS HYPE-1062*/
.monthly-fee-part p {
	font-size: 12px;
}
.montly-fee-input .form-control {
	width: 94px;
	margin-right: 10px;
}
.montly-fee-input .up, .montly-fee-input .down {;
	margin-right: 10px;
	width: 36px;
	height: 36px;
}
/****************************** ****************************** 
 Schedule Feature HYPE-1106 - Sprint-66
****************************** *****************************/
.sidebar-countdown-timer h2 {
	font-size: 18px;
	line-height: 22px;
}
.sidebar-countdown-limit h2 {
	font-size: 18px;
	line-height: 22px;
}
/*Release Setting Panel CSS*/
.release-schedule-row .col-sm-3 .select {
	margin-bottom: 5px;
}
.release-schedule-row .col-sm-3::after {
	display: none;
}
/****************************** ****************************** 
Account Setting Privacy Data Panel CSS - HYPE-1152 - Sprint-68
****************************** *****************************/
.privacy-data-setting {
	font-size: 12px;
}
.privacy-data-setting h5 {
	font-size: 16px;
}
.privacy-data-setting p {
	font-size: 12px;
}
.privacy-data-setting ul li {
	font-size: 12px;
}
/****************************** ****************************** 
 Yellow Tip Warning Info HYPE-1163 - Sprint-70
****************************** *****************************/
.yellowtip-warning-info ul li {
	font-size: 12px;
	line-height: 20px;
	background-position: 0 0;
}
.white-page-title-part h1.left-align-mobile {
	text-align: left;
}
/****************************** ****************************** 
 Email capture on Smart Link HYPE-1256 - Sprint-75
****************************** *****************************/
.smartlink-email-capture-modal .new-popup-container {
	padding-top: 20px;
	padding-bottom: 20px;
}
.smartlink-email-capture-modal .new-popup-heading h6 {
	font-size: 12px;
	margin-bottom: 15px;
}
.smartlink-email-capture-modal .new-popup-heading h4 {
	font-size: 22px;
}
.edit_input {
	width: 100%;
}
.smartlink-email-capture-modal .security-captcha {
	transform: scale(0.8);
	-moz-transform: scale(0.8);
	-webkit-transform: scale(0.8);
}
.smart-link-fanclub-part .smart-link-logo h4 {
	font-size: 14px;
}
.smart-link-fanclub-part .smart-link-button .button {
	width: 120px;
}
/****************************** ****************************** 
SMART LINKS: Pre-saves for Spotify Success HYPE-1294 - Sprint-77
****************************** *****************************/
.spotify-authentication-playlist-modal .new-popup-container {
	padding-top: 20px;
	padding-bottom: 20px;
}
.spotify-authentication-playlist-modal .new-popup-heading h4 {
	font-size: 22px;
}
/****************************** ****************************** 
Preview Link URL HYPE-1275 - Sprint-79
****************************** *****************************/
.preview-link {
	font-size: 12px;
}
.preview-link-edit {
	font-size: 12px;
	display: block;
}
.preview-link-edit .last {
	width: 100%;
}
.link-status {
	position: initial;
	margin: 10px 0 0;
	font-size: 11px;
}
.link-status img {
	width: 16px;
}
/****************************** ****************************** 
Account Setting Page Custom Domain Step HYPE-1346 - Sprint-79
****************************** *****************************/
.custom-domain-step-box {
	font-size: 12px;
}
.custom-domain-step-heading h4 {
	font-size: 16px;
}
.custom-domain-content p {
	font-size: 12px;
}
.custom-domain-content ul {
	padding: 0 0 0 10px;
}
.custom-domain-content ul li {
	font-size: 12px;
}
.custom-domain-btn {
	display: block;
	margin-top: 20px;
}
.domain-status {
	margin-left: 0;
	margin-top: 15px;
}
/****************************** ****************************** 
Partnership Welcome Page HYPE-1377 - Sprint-82
****************************** *****************************/
.partnership-welcome-content ul li h3 {
	font-size: 18px;
}
.partnership-welcome-content ul li p {
	font-size: 12px;
}
/****************************** ****************************** 
GATES/LINKS: Custom link path HYPE-1424 - Sprint-87
****************************** *****************************/
.custom-link-wrapper {
	margin-top: 15px;
}
.preview-link-row-option .form-group {
	margin-bottom: 15px;
}
/****************************** ****************************** 
Downgrade Modal HYPE-1450 - Sprint-88
****************************** *****************************/
.lose-features {
	margin: 20px auto;
}
.lose-features li {
	font-size: 12px;
	line-height: 18px;
	background-size: 16px;
	background-position: 0 2px;
}
/****************************** ****************************** 
Analytics Page HYPE-1288 - Sprint-88
****************************** *****************************/
.analytic-panel-title {
	font-size: 16px;
}
.analytic-options ul {
	flex-wrap: wrap;
}
.analytic-options ul li {
	margin-right: 0;
	margin-bottom: 5px;
	width: 100%;
}
.analytic-options ul li .button {
	width: 100%;
}
/****************************** ****************************** 
7 Day Pro Trial Page HYPE-1454 - Sprint-89
****************************** *****************************/
.pro-trial-content p {
	font-size: 12px;
	line-height: 1.5;
}
.pro-trial-content ul li {
	font-size: 12px;
	line-height: 1.5;
}
}
@media (max-width:580px) {
.promote-track-left {
	font-size: 10px;
}
.promote-track-left a {
	font-size: 10px;
}
.promote-track-left a:hover {
	font-size: 10px;
}
/****************************** ****************************** 
  		 New Onboarding Plan Selection Sprint-19
****************************** *****************************/
.new-plan-billing-option {
	margin-bottom: 10px;
	margin: 0 auto;
	max-width: 548px;
}
.new-onboarding-plan ul li {
	margin: 0;
	width: 100%;
	text-align: center;
}
.new-onboarding-plan ul li .onboarding-plan-box {
	display: inline-block;
	max-width: 264px;
}
.see-all {
	margin-top: 0;
	padding-right: 0;
	text-align: center;
}
/****************************** ****************************** 
  	 Blog Promotion - Email Confirmation PopUp Sprint-19
****************************** *****************************/
.new-popup-container {
	display: block;
	padding: 10px 15px;
}
.upgrade-popup.new-popup-container {
	padding: 20px 15px;
}
.email-confirmation-content .button {
	margin: 0 8px 8px;
}
/****************************** ****************************** 
  	 		Blog Promotion - Confirmation Sprint-19
****************************** *****************************/
.blog-promotion-content h4 {
	font-size: 18px;
	line-height: 26px;
}
.blog-promotion-content .button {
	margin: 0 8px 8px;
}
.hy-block-btns .button {
	margin: 0 auto;
}
.progress_text {
	margin-left: 0;
}
/****************************** ****************************** 
 Link Gate HYPE-1064 - Sprint-62
****************************** *****************************/
.link-gate-ovelay-content {
	font-size: 12px;
}
.link-gate-ovelay-content br {
	display: none;
}
.important-red-text {
	font-size: 12px;
}
/****************************** ****************************** 
Discontinue Blog Promotion - HYPE-1132 - Sprint-65
****************************** *****************************/
.static-message-page {
	margin-top: 0;
	min-height: 100%;
}
.static-message-content p {
	font-size: 13px;
	margin-bottom: 20px;
}
.static-message-content ul li {
	font-size: 13px;
}
/****************************** ****************************** 
Downgrade Modal HYPE-1450 - Sprint-88
****************************** *****************************/
.hy-flex-btns {
	display: block;
}
.hy-flex-btns .button {
	max-width: 100%;
	margin: 5px 0;
}
/****************************** ****************************** 
Analytics Page HYPE-1288 - Sprint-88
****************************** *****************************/
.titlebar-fangate-avatar {
	position: relative;
	margin-bottom: 10px;
}
.analytic-options ul li .button {
	min-width: 120px;
}
.analytic-d-icon.for-d-timeline {
	position: inherit;
}
}
 @media (max-width:461px) {
.uni-visible {
	display: none;
}
.uni-hidden {
	display: block!important;
}
/****************************** ****************************** 
  					New Sign Up Page CSS
****************************** *****************************/
.nsign-form-part .checkbox {
	text-align: left;
}
.nsign-form-part .checkbox.has-error .error-msg::before {
	left: auto;
}
.styleLeft10 {
	left: 0 !important;
}
.sc-warning-error p br {
	display: none;
}
/****************************** ****************************** 
   		      New Account Settings Page Style CSS
****************************** *****************************/
.for-account-setting .inner-wrap2 {
	padding: 0;
}
.user-info-box, .social-profile-box {
	display: block;
	width: 100%;
}
.user-info-text, .social-profile-text {
	display: block;
	margin-bottom: 12px;
	width: 100%;
}
.user-info-btn, .social-profile-btn {
	display: block;
	text-align: left;
	width: 100%;
}
.user-information-panel ul li, .linked-social-profile-panel ul li {
	padding: 14px 15px;
}
.user-info-btn .hy-btn + .hy-btn {
	margin-top: 0;
}
.merge-account-panel {
	padding: 14px 15px;
}
.merge-account-panel .hy-btn {
	width: 100%;
}
}
 @media (max-width:400px) {
.uni-visible1.useracc-drop {
	display: none !important;
}
.uni-hidden1 {
	display: none !important;
}
.uni-top-hidden {
	display: block !important;
}
.useracc-name {
	display: inline-block;
}
/****************************** ****************************** 
    Upgrade Timer Tooltip For Dashboard Style CSS Sprint-15
****************************** *****************************/
.slider-activate-part.for-new-timer .hy-btn {
	padding: 8px 20px 6px;
}
.upgrade-br {
	display: none;
}
.upgrade-timer-tooltip {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	left: 0;
	max-width: 280px;
	width: 100%;
}
.upgrade-timer-tooltip p {
	font-size: 10px;
	width: initial;
}
/*Custom Pagination CSS*/
.custom-pagination .pagination > li {
	margin: 0 1px 3px;
}
.button-with-pro-badge .lock-pro-badge {
	right: 4px;
	top: -13px;
}
}
 @media (max-width:640px) {
/****************************** ****************************** 
   		   Fangate Preview Style CSS HYPE-1298 Sprint-76
****************************** *****************************/
.spotify-page .artwork {
	display: none;
}
.spotify-page .release-content {
	border-radius: 0px;
	max-width: 640px;
}
.sidebar-content-section {
	padding: 28px 0 65px;
	min-width: 300px;
	max-width: 300px;
	margin-left: auto;
	margin-right: auto;
}
.spotify-page .artwork_image .artwork_image_inner {
	max-height: initial;
	height: initial;
}
.spotify-page .artwork_image .artwork_image_inner .artwork_image_box {
	position: relative;
	width: 100%;
	float: left;
}
.spotify-page .artwork_image .artwork_image_inner .artwork_image_box::before {
	content: "";
	display: block;
	margin-top: 100%;
}
.spotify-page .artwork_image img {
	position: absolute;
	top: calc(50% - 60px);
	left: calc(50% - 60px);
}
.spotify-page .artwork_image_inner .play, .spotify-page .artwork_image_inner .pause, .spotify-page .artwork_image_inner .start {
	z-index: 1;
}
.spotify-page .artwork_image.artwork_video .artwork_image_inner .artwork_image_box::before {
	display: none;
}
.spotify-page .artwork_video .artwork_image_inner .play, .spotify-page .artwork_video .artwork_image_inner .pause, .spotify-page .artwork_video .artwork_image_inner .start {
	z-index: 0;
}
/*Light Theme Preview Section CSS HYPE-1284*/
.theme-preview-section .sidebar-content-section {
	min-width: initial;
}
.theme-preview-section .spotify-page .artwork_image .artwork_image_inner .artwork_image_box {
	position: initial;
	float: initial;
}
.theme-preview-section .spotify-page .artwork_image .artwork_image_inner .artwork_image_box::before {
	display: none;
}
}
 @media (max-width:380px) {
/****************************** ****************************** 
   		   Fangate Preview Style CSS HYPE-528 Sprint-27
****************************** *****************************/
.spotify-page .artwork {
	display: none;
}
.spotify-page .release-content {
	border-radius: 0px;
}
.sidebar-content-section {
	padding: 28px 0 65px;
	min-width: 300px;
	max-width: 300px;
	margin-left: auto;
	margin-right: auto;
}
.spotify-page .artwork_image .artwork_image_inner {
	max-height: initial;
	height: initial;
}
.spotify-page .artwork_image .artwork_image_inner .artwork_image_box {
	position: relative;
	width: 100%;
	float: left;
}
.spotify-page .artwork_image .artwork_image_inner .artwork_image_box::before {
	content: "";
	display: block;
	margin-top: 100%;
}
.spotify-page .artwork_image img {
	position: absolute;
	top: calc(50% - 60px);
	left: calc(50% - 60px);
}
.spotify-page .artwork_image_inner .play, .spotify-page .artwork_image_inner .pause, .spotify-page .artwork_image_inner .start {
	z-index: 1;
}
iframe#video-tut {
	height: 150px
}
.spotify-page .artwork_image.artwork_video .artwork_image_inner .artwork_image_box::before {
	display: none;
}
.spotify-page .artwork_video .artwork_image_inner .play, .spotify-page .artwork_video .artwork_image_inner .pause, .spotify-page .artwork_video .artwork_image_inner .start {
	z-index: 0;
}
/****************************** ****************************** 
Add Music-Create Download Gate-Unlimited Page CSS Sprint-23
****************************** *****************************/
/*Light Theme Preview CSS*/
.theme-preview-section .spotify-page .artwork_image .artwork_image_inner {
	max-height: initial;
	height: initial;
}
.theme-preview-section .spotify-page .artwork_image .artwork_image_inner .artwork_image_box::before {
	content: "";
	display: block;
	margin-top: 100%;
}
.theme-preview-section .spotify-page .artwork_image.artwork_video .artwork_image_inner .artwork_image_box::before {
	display: none;
}
/****************************** ****************************** 
  	  		Music bar - Interstitial - Sprint-34
****************************** *****************************/
.loudlink-full-page.spotify-page .artwork {
	display: block;
}
}

/****************************** ****************************** 
  For New Navigation After add How it works Landing Page CSS
****************************** *****************************/
@media (min-width:1101px) and (max-width:1242px) {
.navbar-nav > li.login > a {
	padding-right: 15px;
}
}
 @media (min-width:768px) and (max-width:860px) {
#header .navbar-header {
	margin: 0 !important;
}
#header .navbar-toggle {
	margin-right: 0;
}
.navbar-default .navbar-collapse {
	background: #000 none repeat scroll 0 0;
	border-color: #3c4346;
	margin: 0 -30px;
}
.navbar-nav {
	margin: 0;
}
.navbar-default .navbar-nav > li > a {
	line-height: 24px;
	text-align: right;
	padding-left: 30px;
	padding-right: 30px;
}
.navbar-nav > li.useracc-drop {
	border-left: none;
	margin-left: 0;
	padding-left: 0;
}
.upgrade-btn {
	margin: 5px 15px;
}
.upgrade-btn a {
	line-height: 18px !important;
}
.uni-hidden {
	display: none!important;
}
.uni-visible1 {
	display: block;
}
.uni-hidden1 {
	display: none!important;
}
.navbar-nav .open .dropdown-menu {
	background-color: #1d2023;
	border-radius: 0;
}
.navbar-nav .open .dropdown-menu li {
	border-bottom: 1px solid #292d32;
}
.navbar-nav .dropdown-menu::after {
	display: none;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
	line-height: 24px;
	color: #ffffff;
	font-family: "poppinssemibold";
	font-size: 12px;
	padding: 10px 48px;
	text-align: right;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
	color: #f1240c;
}
.for-primary-menu.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .for-primary-menu.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
	color: #12db7d;
}
.new-org-badge {
	margin-top: -31px;
	right: 5px;
}
.navbar-default .navbar-nav > li .linkLogout {
	color: #ffffff;
	font-size: 12px;
	font-family: 'poppinssemibold';
	line-height: 24px;
	text-align: right;
	padding: 10px 30px;
	background: none;
}
.navbar-default .navbar-nav > li .linkLogout:hover, .navbar-default .navbar-nav > li .linkLogout:focus {
	color: #f1240c;
	background-color: transparent;
}
.navbar-default .navbar-nav > li .linkLogout_1 {
	line-height: 36px;
}
/*New CSS Added for All Without Header Header Menu Drop Down Sprint15*/
.without-log .navbar-nav .for-withoutlog-dd.open .dropdown-menu {
	background-color: #1d2023;
}
.without-log .navbar-default .navbar-nav .for-withoutlog-dd.open .dropdown-menu > li > a {
	color: #ffffff;
}
.without-log .navbar-default .navbar-nav .for-withoutlog-dd.open .dropdown-menu > li > a:hover, .without-log .navbar-default .navbar-nav .for-withoutlog-dd.open .dropdown-menu > li > a:focus {
	color: #f1240c;
}
/*New CSS Added for Fangate Header Menu Drop Down Sprint15*/
.fangate .navbar .navbar-nav > li > .dropdown-menu {
	border-radius: 0;
}
.fangate .navbar-nav .open .dropdown-menu, .fangate .without-log .navbar-nav .open .dropdown-menu {
	background-color: #f8f8f8;
}
.fangate .navbar-nav .open .dropdown-menu li {
	border-bottom: 1px solid #fff;
}
.fangate .without-log .navbar-default .navbar-nav .open .dropdown-menu > li > a {
	color: #22282e;
}
.fangate .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .fangate .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
	color: #f1240c;
}
.fangate .dropdown-menu::before {
	border-bottom: 7px solid rgba(0, 0, 0, 0);
}
/*New CSS Added for Spotify Fangate Header Menu Drop Down Sprint15*/
.spotify-fangate .navbar .navbar-nav > li > .dropdown-menu {
	border-radius: 0;
}
.spotify-fangate .navbar-nav .open .dropdown-menu, .spotify-fangate .without-log .navbar-nav .open .dropdown-menu {
	background-color: #f8f8f8;
}
.spotify-fangate .navbar-nav .open .dropdown-menu li {
	border-bottom: 1px solid #fff;
}
.spotify-fangate .without-log .navbar-default .navbar-nav .open .dropdown-menu > li > a {
	color: #22282e;
}
.spotify-fangate .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .spotify-fangate .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
	color: #f1240c;
}
.spotify-fangate .dropdown-menu::before {
	border-bottom: 7px solid rgba(0, 0, 0, 0);
}
/****************************** ****************************** 
  					New Sign Up Page CSS
****************************** *****************************/
.sign-container-section, .forgot-password-container-section, .sharefangate-container-section, .promotion-container-section, .error-container-section {
	margin-top: 65px;
}
/****************************** ****************************** 
   		    Spotify Fangate Page Style CSS
****************************** *****************************/
.spotify-fangate .navbar-default .navbar-collapse {
	background: #f2f2f2 none repeat scroll 0 0;
	border-color: transparent;
	margin: 0 -30px;
}
.spotify-page .useracc-name {
	display: inline-block;
}
.spotify-fangate header {
	z-index: 101;
}
}
 @media (min-width:878px) and (max-width:860px) {
/*== Navigation Without Login Part CSS ==*/
.without-log .navbar-default .navbar-collapse {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	margin: 0;
}
.without-log .navbar-nav > li > a {
	line-height: 65px;
	padding-left: 15px;
	padding-right: 15px;
}
.without-log .navbar-nav > li.login > a {
	padding-right: 15px;
}
#header.with-scroll-header .navbar .navbar-nav > li > .dropdown-menu {
	border-radius: 0;
}
#header.with-scroll-header .dropdown-menu {
	margin-top: 0;
}
#header .navbar {
	max-height: none;
	border-bottom: 0;
	margin-bottom: 0;
}
#header.with-scroll-header {
	position: relative;
	height: auto;
}
#header.with-scroll-header .navbar {
	max-height: none;
	margin-bottom: 0
}
.for-scroll-header {
	margin-top: 0;
}
#header.fixed-bg-mobile {
	height: 65px;
	position: fixed;
}
#header.fixed-bg-mobile .navbar {
	max-height: 65px;
}
}
 @media (min-width:861px) and (max-width:992px) {
/*== Navigation Without Login Part CSS ==*/
.without-log .navbar-nav > li > a {
	line-height: 65px;
	padding-left: 2px;
	padding-right: 2px;
}
.navbar-nav > li > a {
	padding-left: 6px;
	padding-right: 6px;
}
.fangate .useracc-name {
	display: inline-block;
	max-width: 60px;
	min-width: 60px;
}
/****************************** ****************************** 
  For Left Align Drop Drop Homepae Menu Style CSS Sprint-15
****************************** *****************************/
.navbar-right .for-FT-menu .dropdown-menu-left {
	left: -15px;
}
}
 @media (min-width:768px) and (max-width:860px) {
/****************************** ****************************** 
   					Sprint 6 Updates CSS
****************************** *****************************/
#header .navbar {
	max-height: none;
	border-bottom: 0;
}
#header.with-scroll-header {
	position: relative;
	height: auto;
}
#header.with-scroll-header .navbar {
	margin-bottom: 0
}
.for-scroll-header {
	margin-top: 0;
}
.white-page-title-part h1 {
	font-size: 22px;
}
#header.with-scroll-header .navbar .navbar-nav > li > .dropdown-menu {
	border-radius: 0;
}
#header.with-scroll-header .dropdown-menu {
	margin-top: 0;
}
.for-top100-banner {
	margin-top: 0;
}
.navbar-nav > li, .without-log .navbar-nav > li {
	margin-left: 0;
	margin-right: 0;
}
}
@media (min-width:861px) and (max-width:992px) {
#header.fixed-bg-mobile {
	height: 65px;
	position: fixed;
}
#header.fixed-bg-mobile .navbar {
	max-height: 65px;
}
}
 @media (min-width:768px) and (max-width:860px) {
#header.fixed-bg-mobile {
	background: #1a1d20 none repeat scroll 0 0;
	border-bottom: 1px solid #3c4346;
}
#banner.fixed-banner-mobile {
	height: calc(100vh - 65px);
	min-height: 435px;
}
#banner.fixed-banner-mobile .banner-text {
	-webkit-transform: translateY(-58%);
	-moz-transform: translateY(-58%);
	-ms-transform: translateY(-58%);
	-o-transform: translateY(-58%);
	transform: translateY(-58%);
}
}
 @media (min-width:481px) and (max-width:767px) {
/****************************** ****************************** 
   					Sprint 6 Updates CSS
****************************** *****************************/
#header .navbar {
	max-height: none;
	border-bottom: 0;
}
#header.with-scroll-header {
	position: relative;
	height: auto;
}
#header.with-scroll-header .navbar {
	margin-bottom: 0
}
.for-scroll-header {
	margin-top: 0;
}
.white-page-title-part h1 {
	font-size: 20px;
}
#header.with-scroll-header .navbar .navbar-nav > li > .dropdown-menu {
	border-radius: 0;
}
#header.with-scroll-header .dropdown-menu {
	margin-top: 0;
}
#header.fixed-bg-mobile {
	background: #1a1d20 none repeat scroll 0 0;
	border-bottom: 1px solid #3c4346;
}
#banner.fixed-banner-mobile {
	height: calc(100vh - 65px);
	min-height: 435px;
}
#banner.fixed-banner-mobile .banner-text {
	-webkit-transform: translateY(-58%);
	-moz-transform: translateY(-58%);
	-ms-transform: translateY(-58%);
	-o-transform: translateY(-58%);
	transform: translateY(-58%);
}
.for-top100-banner {
	margin-top: 0;
}
.navbar-nav > li, .without-log .navbar-nav > li {
	margin-left: 0;
	margin-right: 0;
}
/***************************** ***************************** 
      Sprint 7 Updates CSS
***************************** ****************************/
.sc-profile-name {
	font-size: 11px;
}
}
 @media (max-width:480px) {
/****************************** ****************************** 
   					Sprint 6 Updates CSS
****************************** *****************************/
#header .navbar {
	max-height: none;
	border-bottom: 0;
}
#header.with-scroll-header {
	position: relative;
	height: auto;
}
#header.with-scroll-header .navbar {
	margin-bottom: 0
}
.for-scroll-header {
	margin-top: 0;
}
.white-page-title-part h1 {
	font-size: 18px;
}
#header.with-scroll-header .navbar .navbar-nav > li > .dropdown-menu {
	border-radius: 0;
}
#header.with-scroll-header .dropdown-menu {
	margin-top: 0;
}
#header.fixed-bg-mobile {
	background: #1a1d20 none repeat scroll 0 0;
	border-bottom: 1px solid #3c4346;
}
#banner.fixed-banner-mobile {
	height: calc(100vh - 65px);
	min-height: 585px;
}
#banner.fixed-banner-mobile .banner-text {
	-webkit-transform: translateY(-55%);
	-moz-transform: translateY(-55%);
	-ms-transform: translateY(-55%);
	-o-transform: translateY(-55%);
	transform: translateY(-55%);
}
.for-top100-banner {
	margin-top: 0;
}
.al_get {
	display: inline-block;
}
.navbar-nav > li, .without-log .navbar-nav > li {
	margin-left: 0;
	margin-right: 0;
}
/***************************** ***************************** 
      Sprint 7 Updates CSS
***************************** ****************************/
.sc-profile-name {
	font-size: 10px;
}
/*************Ashish css 14-11-18****************/
.upgrade-tooltip-content.upgrade-tooltip-mobile {
	max-width: 100% !important;
	right: -20px;
	width: auto;
	min-width: 290px;
	right: -55% !important;
	transform: translateX(-50%);
}
.upgrade-tooltip-content.upgrade-tooltip-mobile::before {
 right: calc(5% - -11px);
}
.upgrade-tooltip-content.upgrade-tooltip-mobile::after {
 right: calc(5% - -11px);
}
.upgrade-tooltip-content.upgrade-tooltip-mobile .upgrade-tooltip-btns {
	margin-top: 30px;
}
.upgrade-tooltip-content.upgrade-tooltip-mobile .upgrade-tooltip-btns .button {
	display: block;
	margin: 10px auto;
}
}
@media (max-width:600px) {
.music-track-main-title.for-two-btns h2 {
	display: block;
	float: none;
	margin-bottom: 10px;
}
.music-track-main-title.for-two-btns .hy-btn-green-grad.view-chart-btn, .music-track-main-title.for-two-btns .hy-btn-white.view-chart-btn-lg, .music-track-main-title.for-two-btns .button.view-chart-btn {
	float: left;
	font-size: 10px;
	margin-left: 0;
	margin-right: 10px;
}
/****************************** ****************************** 
   		         	Stream Page Style CSS
****************************** *****************************/
.stream-playall {
	margin-top: 15px;
	position: initial;
	width: 100%;
}
/****************************** ****************************** 
   		 			Coupon Popup Style CSS
****************************** *****************************/
.show-coupon-modal {
	height: auto;
	padding: 22px;
}
.coupon-modal-inner {
	padding: 15px;
}
.show-coupon-modal p {
	font-size: 12px;
	margin-bottom: 18px;
}
.show-coupon-modal p br {
	display: none;
}
.show-coupon-modal h3 {
	font-size: 32px;
	line-height: 30px;
	margin: 25px 0;
}
/****************************** ******************************
  		  Channel Profile Page HYPE-570 - Sprint-30
****************************** *****************************/
.channel-profile-section {
	height: auto;
	min-height: initial;
	position: relative;
}
.artwork_full {
	position: absolute;
}
.artwork_full::before {
	content: "";
	display: block;
	margin-top: 100%;
}
.artwork_full_background {
	top: 0;
}
.artwork_full_image {
	width: 100%;
	position: initial;
	padding: 15px;
}
.channel-profile-inner {
	position: initial;
	width: 100%;
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none;
}
.artwork_full_image .channel-profile-inner .artwork_full_image_inner {
	position: initial;
	width: 100%;
	height: initial;
}
.artwork_full_image_box {
	position: relative;
	width: 100%;
	float: left;
}
.artwork_full_image_box::before {
	content: "";
	display: block;
	margin-top: 100%;
}
.channel-profile-btn {
	text-align: center;
}
.channel-profile-btn i.info-btn {
	position: initial;
	margin-top: 10px;
}
.profile-channel-detail-heading h2 {
	font-size: 12px;
}
.profile-channel-detail-content p {
	font-size: 12px;
}
.profile-channel-detail-content ul li {
	font-size: 12px;
}
.profile-channel-detail-content ul li i {
	font-size: 12px;
}
.fans-logo-section span {
	margin: 0 0 10px;
	display: block;
}
.fans-logo-section ul li {
	margin: 0 5px;
}
}
@media (max-width:480px) {
.fans-logo-section ul li {
	margin: 0 3px;
}
.fans-logo-section img {
	height: 15px;
}
}
 @media (min-width:768px) and (max-width:860px) {
#header.with-scroll-header {
	height: 65px;
	position: fixed;
}
.for-scroll-header {
	margin-top: 65px;
}
.for-top100-banner {
	margin-top: 65px;
}
.navbar-default .navbar-collapse {
	border-color: #000;
}
#banner.fixed-banner-mobile {
	height: 100vh;
}
#header.fixed-bg-mobile {
	background: #1a1d20 none repeat scroll 0 0;
	border-bottom: 1px solid #3c4346;
}
#banner.fixed-banner-mobile .banner-text {
	-webkit-transform: translateY(-40%);
	-moz-transform: translateY(-40%);
	-ms-transform: translateY(-40%);
	-o-transform: translateY(-40%);
	transform: translateY(-40%);
}
.fangate .navbar-default .navbar-collapse {
	background: #f2f2f2 none repeat scroll 0 0;
	border-color: transparent;
	margin: 0 0;
}
.fangate .container-fluid > .navbar-header, .fangate .container-fluid > .navbar-collapse {
	margin-left: 0;
	margin-right: 0;
}
}
@media (min-width:1079px) {
.useracc-plan + li, .useracc-plan + li > a:hover, .useracc-plan + li > a:focus {
	border-radius: 6px 6px 0 0;
}
.bootstrap-select .dropdown-menu > li:nth-child(2) > a:hover, .bootstrap-select .dropdown-menu > li:nth-child(2) > a:focus {
	border-radius: 0;
}
}
@media (min-width:1079px) and (max-width:1140px) {
.for-upgbtn-mobile .navbar-nav > li > a {
	padding-left: 12px;
	padding-right: 12px;
}
}
@media (min-width:993px) and (max-width:1078px) {
.navbar-nav > li > a {
	padding-left: 8px;
	padding-right: 8px;
}
.for-upgbtn-mobile .navbar-nav > li > a {
	padding-left: 7px;
	padding-right: 7px;
}
}
@media (min-width:1079px) and (max-width:1095px) {
.without-log .navbar-nav > li > a {
	padding-left: 14px;
	padding-right: 14px;
}
}
@media (min-width:968px) and (max-width:1078px) {
.for-upgbtn-mobile .upgrade-btn.uni-hidden {
	display: block !important;
}
.for-upgbtn-mobile .useracc-plan {
	display: none !important;
}
}
@media (max-width:340px) {
#html_element {
	margin: 0 auto 5px -17px !important;
	transform-origin: 35%;
}
.new-plan-billing-part ul li {
	display: block;
	margin: 0 2px 5px !important;
}
}
/****************************** ****************************** 
   		    Soundcloud Import Funnel Page Style CSS
****************************** *****************************/
@media (max-width:767px) {
.sc-form-part .col-sm-6 {
	float: left;
	width: 50%;
}
.sc-form-part .half-pad-left {
	padding-left: 7px;
}
.sc-form-part .half-pad-right {
	padding-right: 7px;
}
}
@media (min-width:531px) and (max-width:640px) {
.connect-information p b {
	display: block;
}
.connect-information p br {
	display: none;
}
.connect-information {
	bottom: 20px;
}
.your-credit-part {
	display: block;
	margin-bottom: 5px;
}
.promotion-campaign-credit-part.pccp-new {
	text-align: center;
}
.your-credit-part.dropdown.creadit {
	display: inline-block;
}
.pccp-new .button.button-primary {
	vertical-align: top;
}
}
@media (max-width:530px) {
.scfagate-box-inner {
	padding: 15px;
}
.scfangate-heading {
	padding-top: 15px;
}
.scfangate-heading h1 {
	font-size: 12px;
}
.scfangate-heading p {
	font-size: 11px;
}
.space_T1 {
	padding-top: 25px;
}
.scfangate-error p br, .connect-information p br {
	display: none;
}
.connect-information p b {
	display: block;
}
.connect-information {
	bottom: 5px;
}
.scfangate-bot-nav .hy-btn {
	min-width: 110px;
	padding: 12px;
}
.hot-promo-text ul li {
	margin: 5px 0;
}
.hot-promo-text ul li p {
	font-size: 10px;
}
.your-credit-part {
	display: block;
	margin-bottom: 5px;
}
.promotion-campaign-credit-part.pccp-new {
	text-align: center;
}
.your-credit-part.dropdown.creadit {
	display: inline-block;
}
.pccp-new .button.button-primary {
	vertical-align: top;
}
}
@media (max-width:400px) {
.T3_br {
	display: none;
}
.sc-form-part .col-sm-6 {
	float: none;
	width: 100%;
}
.sc-form-part .half-pad-left {
	padding-left: 15px;
}
.sc-form-part .half-pad-right {
	padding-right: 15px;
}
.sc-form-part .nsign-form-part .form-group {
	margin-bottom: 10px;
}
.space_T3 {
	padding-top: 5px;
}
}

/*New CSS Added for All Without Header Header Menu Drop Down Sprint15*/
@media (min-width:861px) and (max-width:877px) {
.without-log .navbar-nav .for-withoutlog-dd.open .dropdown-menu {
	background-color: #fff;
	border: 1px solid #d7dfe6;
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
	float: left;
	position: absolute;
	width: initial;
}
.without-log .navbar-nav .for-withoutlog-dd.open .dropdown-menu > li > a, .without-log .navbar-nav .for-withoutlog-dd.open .dropdown-menu .dropdown-header {
	padding: 12px 20px;
}
.without-log .navbar-nav .for-withoutlog-dd.open .dropdown-menu > li > a {
	line-height: 1.42857;
}
.without-log .navbar-default .navbar-nav .for-withoutlog-dd.open .dropdown-menu > li > a {
	color: #46515b;
}
.without-log .navbar-default .navbar-nav .for-withoutlog-dd.open .dropdown-menu > li > a:hover, .without-log .navbar-default .navbar-nav .for-withoutlog-dd.open .dropdown-menu > li > a:focus {
	color: #262626;
	background-color: #f5f5f5;
}
}
/****************************** ****************************** 
  				Google Captcha Style CSS Sprint-15
****************************** *****************************/
@media (max-width:360px) {
.security-captcha {
	transform: scale(0.9);
	transform-origin: 0 0 0;
	-moz-transform: scale(0.9);
	-moz-transform-origin: 0 0 0;
	-webkit-transform: scale(0.9);
	-webkit-transform-origin: 0 0 0;
}
.for-terms-check {
	margin: 18px 0 18px 12px !important;
	max-width: 250px;
}
.upgrade-tooltip-content.upgrade-tooltip-mobile ul li br {
	display: none;
}
/****************************** ****************************** 
Verification HYPE-1432 - Sprint-88
****************************** *****************************/
.verification-form-part .nsign-form-part {
	max-width: 272px;
}
}
/****************************** ******************************
   		    Pricing Page on mobile
****************************** *****************************/
.info-type {
	display: block;
}
.mobile-type {
	display: none;
}
@media (max-width:767px) {
.info-type {
	display: none;
}
.mobile-type {
	display: block;
}
}
/****************************** ******************************
   		  For New Navigation With 3 Dot Menu Sprint-32
****************************** *****************************/
@media (min-width:860px) {
.visible-mobile-menu {
	display: none !important;
}
.hidden-mobile-menu {
	display: block !important;
}
.visible-mobile-bell {
	display: none !important;
}
.visible-mobile-chat {
	display: none !important;
}
.visible-mobile-support {
	display: none !important;
}
}
 @media (max-width:860px) {
.visible-mobile-menu {
	display: block !important;
}
.hidden-mobile-menu {
	display: none !important;
}
.visible-mobile-bell {
	display: none !important;
}
.hidden-mobile-bell {
	display: none !important;
}
.visible-mobile-chat {
	display: none !important;
}
.hidden-mobile-chat {
	display: none !important;
}
.visible-mobile-support {
	display: none !important;
}
.hidden-mobile-support {
	display: none !important;
}
/************Ashish css 14-11-18************/
.upgrade-tooltip-content.upgrade-tooltip-mobile {
	display: block;
	z-index: 2;
	max-width: 380px;
	right: -20px;
}
.upgrade-tooltip-content.upgrade-tooltip-mobile::before {
 right: calc(5% - -11px);
}
.upgrade-tooltip-content.upgrade-tooltip-mobile::after {
 right: calc(5% - -11px);
}
}
 @media (max-width:480px) {
.visible-mobile-bell {
	display: block !important;
}
.visible-mobile-chat {
	display: block !important;
}
.visible-mobile-support {
	display: block !important;
}
}
/****************************** ****************************** 
  	  	Music bar - Interstitial - Sprint-34 HYPE-669
****************************** *****************************/
/*@media (min-width:1601px) {
[class*="share_bg_"] {
 display: none;
}
.share_bg_1600x900 {
	display: block;
}
}
@media (max-width:1600px) {
[class*="share_bg_"] {
 display: none;
}
.share_bg_1600x900 {
	display: block;
}
}
@media (max-width:1450px) {
[class*="share_bg_"] {
 display: none;
}
.share_bg_1440x900 {
	display: block;
}
}
@media (max-width:1050px) {
[class*="share_bg_"] {
 display: none;
}
.share_bg_1024x800 {
	display: block;
}
}
@media (max-width:800px) {
[class*="share_bg_"] {
 display: none;
}
.share_bg_768x1024 {
	display: block;
}
}
@media (max-width:640px) {
[class*="share_bg_"] {
 display: none;
}
.share_bg_420x800 {
	display: block;
}
}*/
/****************************** ****************************** 
  	  	Music bar - Interstitial - Sprint-36 HYPE-706
****************************** *****************************/
/*@media (min-width:1200px) {
[class*="share_bg_"] {
 display: none;
}
.share_bg_1200x1000 {
	display: block;
}
}
 @media (max-width:1199px) {
[class*="share_bg_"] {
 display: none;
}
.share_bg_992x1000 {
	display: block;
	background-size: calc(100% - 20%);
}
}
 @media (max-width:992px) {
[class*="share_bg_"] {
 display: none;
}
.share_bg_768x1000 {
	display: block;
	background-size: calc(100% - 15%);
}
}
 @media (max-width:767px) {
[class*="share_bg_"] {
 display: none;
}
.share_bg_575x1000 {
	display: block;
	background-size: calc(100% - 10%);
}
}
 @media (max-width:575px) {
[class*="share_bg_"] {
 display: none;
}
.share_bg_380x1000 {
	display: block;
	background-size: calc(100% - 10%);
}
}*/

@media screen and (min-width: 861px) and (max-width: 967px) {
.upgrade-tooltip-content.upgrade-tooltip-ipad {
	display: block;
	right: 0%;
}
.upgrade-tooltip-content.upgrade-tooltip-ipad::before {
	right: 6px;
}
.upgrade-tooltip-content.upgrade-tooltip-ipad::after {
	right: 6px;
}
}