/*：源代码唯一下载链接: http://www.bootstrapmb.com/item/3356(当前备注仅在演示里出现，下载源码不包含)*//*Template: Devaid - MultiPage Psd TemplateAuthor: Theme-rocketAuthor URI: https://themeforest.net/user/theme-rocket/portfolio Version:  1.0Description: Devaid MusicTemplate is only for your Music Industry.*//*=========== MEDIA WIDTH ===========  	max-width: 991px	max-width: 900px	max-width: 800px	max-width: 767px	max-width: 640px	max-width: 575px 	min-width: 320px	max-width: 480px	max-width: 370px	*/ /* --------------------  Tablet Screen ----------------------*/@media (max-width: 1920px) { 	.slider-style-three .owl-nav div.owl-prev::after { 	  bottom: 22px; 	  right: 0px; 	}}@media (max-width: 991px) { 	.cssmenu ul ul li a{		font-size: 14px;		padding: 15px;	}	.header-nav .menu >li >a { 		padding-left: 5px !important;		padding-right: 5px !important; 		font-size: 12px;	}	.js-single-tracks{		padding-left: 0;	}	.js-top-tracks{		margin-top: 50px;	}	#js-playlists-slider .col { 	  max-width: 33.3333%;	}	 .header-nav .menu >li >a{	 	padding-left: 6px;	 	padding-right: 6px;	 }	 .js-blog-post-content{	 	padding: 20px 15px;	 }	 .js-blog-admin-reade-more {		font-size: 14px;		padding: 15px 10px;	}	.js-footer-subscribe .section-title{		margin-bottom: 40px;	}	.js-footer-widget{		margin-bottom: 30px;	}	.album-thumbnail img{		width: 100%	}	.js-contact-info{		margin-left: 0;	}	.js-latest-album-item{		margin-bottom: 50px;	}	.js-singer-thumbnail img{		width: 100%;	}	.js-breadcrumb-content h2{		font-size: 32px;	}	.section-title h2{font-size: 26px;}	.js-app-availabilaty .btn{		margin-bottom: 20px;	}	.js-new-album img{		margin-bottom: 30px;	}	.js-blog-contact-title{		padding: 40px 20px; 	}	.js-default-single-blog-content h3 {		font-size: 22px; 		line-height: 32px; 	}	.js-info-album-player{		bottom: 66px	}	.js-album-playing-text{		display: none;	}	.audio-player{		padding-left: 0;	}	.js-info-album-player .pr-0 {		padding-right: 15px !important;	}	.js-song-list li a span{		display: none;	}	.js-song-list,	#js-play-song{		padding: 10px;	}	.jp-audio{		padding: 10px 10px 0;	}  	#js-singer-slider-style2 .col,	.js-hot-tracks-slider-item .col{		max-width: 33.333%;	} 	#ja-all-product-slider2 .col{		flex-basis: 33.333%;		max-width: 33.333%;	}	.js-all-post { 	  top: -155px;	}	.header-nav-style2 .header-nav .menu >li >a{		font-size: 12px;	}	.header-nav-style2 .header-nav .menu >li >a {	  padding-left: 3px !important;	  padding-right: 3px !important;	}	.padding-left0{		padding-left: 0;	}	.js-product-details-area .col {	  flex-basis: 33.33% !important;	  max-width: 33.33% !important;	}	.js-product-details-content{		margin-top: 50px;		margin-bottom: 50px;	}	.js-product-details-content .section-title{		max-width: 100%	}	.js-igfeed-btn{		left: 35px;	}	.js-blog-post-content h4{		font-size: 16px;	}	.js-blog-post-content p{		font-size: 14px;	}	#js-artist-video-slide-style2.owl-theme .owl-dots .owl-dot,	#js-singer-slider.owl-theme .owl-dots .owl-dot,	#js-artist-video-slider.owl-theme .owl-dots .owl-dot,	#js-hot-tracks-slider.owl-theme .owl-dots .owl-dot{		top: 8px	}	#js-artist-video-slide-style2.owl-theme .owl-dots .owl-dot span,	#js-singer-slider.owl-theme .owl-dots .owl-dot span,	#js-artist-video-slider.owl-theme .owl-dots .owl-dot span,	#js-hot-tracks-slider.owl-theme .owl-dots .owl-dot span{		height: 5px;	}	.js-single-tracks li{		display: inline-block;		margin-right: 20px;	} 	.js-single-blog{		margin-bottom: 30px;	}	.social-icon-titlee p{		display: none;	}}@media (max-width: 900px){	.slider-content{		padding-top: 230px;		padding-bottom: 100px;	}	.slider-area{		height: auto	}	.single-slides,	.single-slides2,	.single-slides3{		max-height: 600px !important;	}	.logo-display{	  display: block !important;	}	.header-icon.logo-display{		padding-top: 0;		text-align: center;	}	.header-nav-style2 .col-sm-6 {	  flex: 0 0 50% !important;	  max-width: 50% !important;	}	.header-nav-style2 .logo{		padding-top: 30px;	}	.js-display-none{		display: none !important;	}	.header-nav-style2 .header-nav{		display: none !important;	}	.is-sticky .header-nav-area.header-nav-style2 .logo{		padding-top: 18px !important;	}	.js-single-album-item{		margin-bottom: 30px !important;	}	.js-single-album-item{	    margin-bottom: 30px !important;	}}@media (max-width: 800px){	 .countdown-container{	 	margin-bottom: 20px;	 }	.is-sticky .js-common-nav .header-icon{		padding-top: 22px;		padding-bottom: 22px;	}	.is-sticky .header-nav-style2 .header-icon{padding-bottom: 20px;}	.is-sticky .header-nav-area.header-nav-style3 .logo,	.is-sticky .header-nav-area.header-nav-style2 .logo{ 		padding-bottom: 20px;	}	.header-nav-style2 .logo{		padding-top: 30px;	}	.is-sticky header.header-nav-style2{		padding-top: 0;	}	.pull-right {	  		flex-basis: 82%;	  		max-width: 82% !important;	} 	.is-sticky .header-icon{		padding-bottom: 0;	} 	.js-index1-nav .header-nav{		padding-top: 20px !important;	}	.header-nav-none .cssmenu .menu-button{		display: none !important;	}	.js-offcanvas-menu .header-nav .menu{		display: block !important;		margin-top: 0 !important;	}	.logo{ 		position: relative;	} 	.header-nav .menu >li >a{		padding-left: 30px !important;		padding-right: 30px !important;	}     .js-common-nav .header-nav{	    margin-top: -40px;	}	.js-common-nav {		padding: 20px 0;	} 	.cssmenu .menu-button{		padding-top: 5px;	}	.js-checkout-guest-register{		padding-left: 0;		padding-bottom: 30px;	}	.js-contact-form h4{		margin-bottom: 30px;	} 	.slider-style-three .slider-content h2{		font-size: 38px;	}	.header-only-side-nav .cssmenu >ul {		background-color: #ffffff !important;		display: block !important;		margin-top: 0 !important;		width: 100%;	}	.header-only-side-nav #menu-button0{		display: none;	}	.js-offcanvas-menu.header-only-side-nav{ 		padding: 30px 50px 70px; 	}	.header-only-side-nav .js-offcanvas-close { 		right: -40px;		top: -70px;	}	.about-title h2 { 	  	font-size: 70px;	  	letter-spacing: 40px;	  	line-height: 60px; 	}	.ug-slider-control.ug-arrow-right {	  	left: 15% !important;	}	.ug-slider-control { 	  	top: 80% !important;	}	.header-nav-style2 .header-icon .sidebar-menu,	.header-nav-style2 .header-icon{		display: block	}	.js-gallary-list .col{		max-width: 33.333%;		flex-basis: 33.333%	}	.w510{		min-width: auto;	}	.js-index1-nav .cssmenu .menu-button{		position: absolute;		right: -48%;		top: -5px;	}	.js-common-nav .cssmenu .menu-button {	  	padding-top: 0;	  	position: absolute;	  	right: -44%;	  	top: 22px;	}	.js-index1-nav {	  	padding-bottom: 20px;	}	.js-igfeed-btn{		left: 15px	}	.header-nav-none{		display: none;	} 	.header-nav{		margin-top: -50px !important;	}	.js-offcanvas-close{		right: -80px;		top: 0;	}}@media (max-width: 767px) {	.js-common-nav .cssmenu .menu-button {		padding-top: 7px;		position: relative;		right: 0;		top: 0;	}	.is-sticky .header-icon{		padding-top: 25px !important;	}	.pull-right {	  flex-basis: 50%;	  max-width: 50% !important;	}  	.is-sticky .header-icon { 	  padding-top: 10px;	}	.js-product-quntity .btn {	  border-radius: 3px;	  padding: 12px 25px;	}	.js-index1-nav .cssmenu .menu-button{		position: relative;		right: 0;		top: 0;	}	.js-index1-nav {	  padding-bottom: 0;	}	.is-sticky .js-index1-nav .header-icon{ 		padding-top: 10px !important;	}	.w510{		max-width: 100%;	}	.js-audio-playlist{		padding-left: 62px;	}	  	.is-sticky  .header-nav-area{		padding: 20px 0;	} 	.is-sticky  .header-nav-area.header-nav-style3{		padding: 0;	}	.is-sticky .header-nav-area.header-nav-style3 .logo{		padding-top: 20px;	}	.is-sticky .header-nav-area .logo{		padding-top: 0;	}	.cssmenu .menu-button{		padding-top: 10px;	}	.js-hot-tracks-slider-item .col,	#js-playlists-slider .col {  		max-width: 50%;	}		.js-playlists-content{		margin-left: 30px;	}	.header-only-side-nav .header-nav{		margin-top: 36px !important;	}	.slider-style-three .slider-content h2{		line-height: 70px;	}	.js-recent-photo-gallery{		margin-top: 30px;	}	.app-button li a{		margin-right: 0;		margin-bottom: 10px;	}	.js-singer-photo-gallary{		overflow: hidden;	}	.js-singer-details-area{		border: none;	}}/* ---------------------  Small Mobile-----------------------*/@media (max-width: 640px) { 	.header-nav-none{display: block;}		.header-icon,	.header-icon .sidebar-menu{        display: none;    } 	.ja-slide-thumbnail {	  margin: 50px auto 0;	  max-width: 300px;	}   	.is-sticky .header-icon{		padding-top: 10px !important;	}    .header-nav-none .cssmenu .menu-button{    	display: block !important;     }    .js-index1-nav .header-nav {	  padding-top: 0 !important;	}	.js-gallary-list .col {	  flex-basis: 50%;	  max-width: 50%;	}	#js-singer-slider-style2 .col{		max-width: 50%;	}	#ja-all-product-slider2 .col {		flex-basis: 50%;		max-width: 50%;	}	.js-footer-subscribe-form .js-input-icon{		max-width: 70%;	}	.js-footer-subscribe-form input[type="submit"]{		max-width: 25%;	}	#js-artist-video-slide-style2.owl-theme .owl-dots,	#js-singer-slider.owl-theme .owl-dots,	#js-artist-video-slider.owl-theme .owl-dots,	#js-hot-tracks-slider.owl-theme .owl-dots{		padding: 0;	}	#js-artist-video-slide-style2.owl-theme .owl-dots .owl-dot span,	#js-singer-slider.owl-theme .owl-dots .owl-dot span,	#js-artist-video-slider.owl-theme .owl-dots .owl-dot span,	#js-hot-tracks-slider.owl-theme .owl-dots .owl-dot span,	#js-artist-video-slide-style2.owl-theme .owl-dots .owl-dot.active span,    #js-singer-slider.owl-theme .owl-dots .owl-dot.active span,    #js-artist-video-slider.owl-theme .owl-dots .owl-dot.active span,    #js-hot-tracks-slider.owl-theme .owl-dots .owl-dot.active span{		max-width: 50px;	}	.js-all-post{		display: none	}	#js-artist-video-slide-style2{		overflow: hidden	}	.js-album-style4 .js-single-album-list{		padding-left: 50px;	}	.header-only-side-nav.js-offcanvas-menu .header-nav{		margin-top: 150px;	}	.social-icon-titlee{		display: none;	}	.container.p-0{		padding: 0 15px !important;	} 	.app-button li{		display: inline-block;	} 	.is-sticky .header-nav-area.header-nav-style2 .logo{		padding-top: 20px !important;	}	.is-sticky .header-nav-area.header-nav-style2 .header-icon{		padding-top: 30px !important;	}	.js-blockquote-post{		padding:  0;	}	.js-comment-date.text-right{		text-align: left !important; 	}	.js-comment-date li:first-child{		padding-left: 0;	}	.js-star-mark{		left: 0;	} 	.js-catagory-title{		margin-bottom: 30px;	}	.js-single-album-item{		margin-bottom: 50px;	}} @media (max-width: 575px) { 	 	.header-nav-style2 .header-icon{		padding-bottom: 18px;		padding-top: 18px !important;	}	.is-sticky .header-nav-style2 .header-icon { 		  padding-bottom: 30px; 	}	.header-nav-style2 .logo {	  padding-top: 8px;	}	.is-sticky .header-nav-style3 .header-icon{		padding-top:25px !important;	}	header.header-nav-style2{		padding-bottom: 0;	}	.js-social-icon-title{		margin-bottom: 20px;	}	.js-blockquote-post .js-content-publist-date {	  margin-top: 40px;	  padding-bottom: 40px;	  padding-left: 15px;	} 	.ug-slider-control{		left: 20px !important;	}	.js-product-cart-area .btn {	  margin-bottom: 20px;	  margin-right: 0;	}	.comment-list .children{		padding-left: 30px	}	.js-featured-post-slides .carousel-indicators {	  	bottom: -43%;	}	.js-event-content .btn {		float: none;		margin: 0 auto;		width: 160px;	}	.js-event-content ul li p{		font-size: 10px;		line-height: 18px;		margin-bottom: 14px;	}	#pills-tab{		margin-top: 50px;	}	.js-shop-title h4{		margin-bottom: 50px;	}}/* -------------------------  Large Mobile :480px. ---------------------------*/@media only screen and (min-width: 320px) and (max-width: 480px) { 	body p{		font-size: 14px;	}	.js-common-nav .cssmenu .menu-button{		padding-top: 16px;	}	.cssmenu .menu-button:before{		top: calc(50% - -2px);	}	.cssmenu .menu-button:after{		top: calc(50% - -8px);	}	section{		padding: 50px 0;	}	.js-artist-song-detail li{		font-size: 14px;	}	.js-blog-send-msg{		position: relative;	}	.js-blog-send-msg .btn{		margin-bottom: 30px;	}	.scroll-down .down-arrow a{		left: 20px;	}	.js-video-thumbnail img{		width: 100%;	}	.js-shopping-account{		padding-left: 0;	}	.js-product-grid {	  margin-top: 15px;	  text-align: center;	}	.js-singer-area .carousel-indicators li.active{		width: 120px;	}	.header-only-side-nav .header-icon { 	  padding-top: 0;	  position: relative;	  top: -35px;	}	.js-product-latest-album img{		margin-bottom: 30px;	}	.js-breadcrumb-content h2{		font-size: 20px;	}	.is-sticky .header-nav-style3 .header-icon { 	  padding-bottom: 0;	  padding-top: 0 !important;	}	.header-nav-style3 .header-icon { 	  padding-top: 40px;	}	.is-sticky .header-nav-area.header-nav-style3 .logo{		padding-top: 0;		padding-bottom: 0;	}	.is-sticky .header-nav-area.header-nav-style3{		padding: 20px 0;	}	.slider-style-three .owl-nav{		bottom: 70px;	}	.js-offcanvas-menu{		width: 330px;	}	.jp-controls {	    margin-bottom: 16px;	}	.jp-interface{		text-align: center;	}	.nice-select {	    align-self: center;	    float: left;	    margin: 0 auto;	    text-align: center;	    vertical-align: middle;	    width: 100%;	}	.js-info-album-player-content{	    float: none !important;	    margin-left: auto;	    margin-right: auto;	    padding-bottom: 40px;	    padding-top: 13px;	}	.js-info-album-player{		bottom: 0;	}	#js-play-song{		display: none	}	 .section-title h2{	 	font-size: 22px;	 	margin-bottom: 15px;	 }	 .js-consert-photo-album-thumbnail{	 	text-align: center;	 }	 .js-social-icon-title p {		margin-bottom: 20px;	}	.js-consert-album-share {		bottom: 30px; 	}	.js-social-icon-title p {		margin-bottom: 20px;	}	.js-gallary-list .col{		flex-grow: 1;		flex-basis: 100%;		max-width: 100%;	}	.js-event-title .text-right {	  text-align: left !important;	}	.js-gallary-thumbnail img,	.js-blog-thumbnail img {		width: 100%;	}	.js-footer-subscribe-form .js-input-icon{		max-width: 68%;	}	.js-footer-subscribe-form input[type="submit"]{		padding-left: 5px;		font-size: 12px;	}	.js-blog-thubmnail-content{		padding:75px 15px; 	}	.js-default-single-blog-content{		padding: 15px;	}	.js-blockquote-post{		padding: 0;	}	.js-blockquote-single{		padding: 30px 15px;	}	.js-blockquote-post blockquote p{		padding-top: 15px;		padding-bottom: 15px;	} 	.js-content-publist-date .text-right {	    text-align: left !important;	}	.js-content-publist-date ul.js-comment-date li:first-child {	    padding-left: 0;	}	.js-external-link{		font-size: 15px;	}	.js-external-link h3 {		font-size: 18px;		line-height: 30px; 	}	.js-default-single-blog.p-5 {	  padding: 15px !important;	}	.js-post-author{		margin-bottom: 20px;	}	.js-blog-contact-title p{		margin-bottom: 30px;	}	.js-post-pagination{		margin-bottom: 50px;	}	.js-default-single-blog-content h3{		font-size: 18px;	}	.js-blog-with-sidebar .js-default-single-blog-content { 		padding: 20px 0 130px;	}	.js-default-blog-thumbnail .js-video-popup img {	  height: 50px;	  max-width: 50px;	}	.js-default-blog-thumbnail .js-post-author {	  bottom: 0;	  left: 15px; 	}	.js-featured-post-slides{		padding: 50px 20px	}	.new-release .col-4{		flex: 0 0 55.5555%;		max-width: 50%;	}	.js-hot-tracks-slider-item .col{		max-width: 100%;	}	.jp-interface .jp-controls .jp-play i{		padding-top: 4px;	}	#js-singer-slider.owl-theme .owl-dots .owl-dot.active span,	#js-artist-video-slider.owl-theme .owl-dots .owl-dot.active span,	#js-hot-tracks-slider.owl-theme .owl-dots .owl-dot.active span{		width: 60px;	}	.js-product-content{		padding-left: 0;	}	.js-product-content h6::after{		opacity: 0;	} 	 	#ja-all-product-slider2 .col {		flex-basis: 100%;		max-width: 100%;	}	#js-artist-video-slide-style2.owl-theme .owl-dots .owl-dot span,	#js-singer-slider.owl-theme .owl-dots .owl-dot span,	#js-artist-video-slider.owl-theme .owl-dots .owl-dot span,	#js-hot-tracks-slider.owl-theme .owl-dots .owl-dot span,	#js-artist-video-slide-style2.owl-theme .owl-dots .owl-dot.active span,    #js-singer-slider.owl-theme .owl-dots .owl-dot.active span,    #js-artist-video-slider.owl-theme .owl-dots .owl-dot.active span,    #js-hot-tracks-slider.owl-theme .owl-dots .owl-dot.active span{		max-width: 30px;	}	.header-only-side-nav .header-icon,	.is-sticky .header-only-side-nav .header-icon {	  padding-bottom: 0;	  padding-top: 0;	  position: relative;	  top: 15px;	} 	.about-title h3{		font-size: 28px;		padding-left: 0;		text-align: center;	}	.about-title h2 {		font-size: 50px;		letter-spacing: 18px; 	}	.about-title h3::after{		display: none;	}	.js-contact-info{		margin-left: 0;	}	.ja-slide-thumbnail img {  		margin-top: 40px;	  	max-width: 250px !important;	}	.album-cd{		display: none;	}	.js-social-icon-title p::after{		content: none;	}	.js-category-left:after{		opacity: 0;	}	.js-blockquote-post blockquote p:after{		left: 20px;		top: 40px;	}	.app-button li{		display: inline-block;		margin-right: 10px;	}	.js-playlists-content:after{		content: none;	}	.js-playlists-content{		margin-left: 0;	}	.scroll-down .down-arrow a{		left: 13px;	}	.js-blog-admin-reade-more,	.js-blog-post-content{		padding: 20px;	}		.js-contact-info h5::after{		content: none;	}	.js-product-details-area .col{		max-width: 50% !important;		flex-basis: 50% !important;	}	.js-product-quntity ul{		display: block;	}	.js-product-quntity ul li{		margin-bottom: 20px;	}	.logo{		max-width: 100px;	}	.slider-style-three .slider-content {	  	padding: 170px 0;	}	.slider-style-three .slider-content h2 {	  	font-size: 22px;	}	.slider-style-three .owl-nav {	  	bottom: 30px;	}	.js-event-title{		padding-bottom: 0;	}	.js-event-title li p{		font-weight: 700;		color: #000;	}}  @media only screen and (max-width: 370px){	#js-singer-slider-style2 .col,	 #js-playlists-slider .col {	  	max-width: 100%;	}	.js-playlists-thumbnail img{		width: 100%;	}		.js-product-details-area .col{		max-width: 100% !important;		flex-basis: 100% !important;	}	.js-igfeed-btn{		left: 25px;	}}/*：源代码唯一下载链接: http://www.bootstrapmb.com/item/3356(当前备注仅在演示里出现，下载源码不包含)*/