/*Mobile*/
@media (max-width: 767px){    
	
	header{text-align: center;}
	header .logo img{max-width: 160px;}
	.menu ul li{margin-left: 10px;}
	.menu ul li a{font-size: 13px;} 
	header .menu{margin-right: 15px;}
	header .login-btn{padding: 5px 15px; font-size: 13px;}
	header .text-end{text-align: center !important;}

	.login-section h3{font-size: 20px; margin-bottom: 20px !important;}

	.welcome-section{padding: 200px 0 0;}
	.welcome-section h1{font-size: 18px;}
	.welcome-section h1 br, .welcome-section p br{display: none;}
	.welcome-section p{font-size: 16px;}
	.welcome-section .btn{padding: 10px 40px;}

	aside{z-index: 9999;}
	aside .logo-side{padding-bottom: 0 !important;}
	aside{display: none;}
	aside .side-menu ul li a, .side-menu2 h5{font-size: 14px;}
	aside .side-menu ul li a img{margin-right: 15px;}
	.side-menu2{margin-top: 10px !important;}
	.right-sidebar{margin: 0; padding: 15px;}
	header .afterlogin-dropdown .user-name{display: none;}
	.header-right.text-end{position: relative; text-align: left !important;}
	.header-right .dropdown{margin-left: 0; float: right; margin-top: 0;}
	.mobile-toggle{display: inline-block; font-size: 26px; color: #fff; margin-right: 15px;}
	.mobile-close{display: inline-block; font-size: 26px; color: #fff; z-index: 9; position: absolute; top: 10px; right: 10px; z-index: 9;}
	.logo-side{position: relative;}
	header .inputbox input{width: 200px;}
	.big-heading h3{font-size: 20px;}
	.big-heading p{font-size: 13px;}
	.trackbox{margin-top: 15px;}
	.playbox-content{margin-bottom: 30px;}

	.audio-player .album-thumb img{height: 40px;}
	.album-title h3{font-size: 15px;}
	.album-title p{font-size: 13px;}
	.player-controls{margin: 10px 0;}
	.player-controls ul li{margin-left: 15px;}
	.player-controls ul li img{width: 15px;}
	.album-check.text-end {text-align: center !important;}
	.blacktheme{padding-bottom: 110px;}

	.right-sidebar.rightspace{padding: 0 10px 100px 10px !important;}
	.leftpad .container-fluid{padding: 0 10px;}

	.music-list-table table{width: 1000px;}
	.button-groups .playall-btn{padding: 10px;font-size: 14px}

	.music-coverbg .music-cover{height: 200px;}
	.music-coverbg img{width: 100%; height: 100%; object-fit: cover;}
	.music-coverbg .col-md-12.pe-0{padding: 0 !important;}
	.music-coverbg h2{font-size: 20px; left: 20px; bottom: 20px;}

	.profile-info h3{font-size: 16px; margin-bottom: 5px;}
	.profile-info h3 img{width: 20px;}
	.profile-info p{font-size: 13px;margin: 0;}
	.profile-info .follow-count span{margin-right: 10px;}
	
	.button-groups ul li {margin-left: 2px;}
	.music-info h3{font-size: 18px; margin-top: 10px;}
	.music-info p{font-size: 13px;}
	.music-info .button-groups.d-flex{display: block !important;}
	.music-info .btn-danger{width: 100%; margin-bottom: 10px;}
	.music-info .button-groups ul li{margin-left: 0;}
	.signer-info{padding: 20px 60px 20px 20px; margin-bottom: 25px;}
	.signer-info .singer-thumb{width: 70px; height: 70px;}
	.signer-info h3{font-size: 16px;}
	.signer-info p{font-size: 13px;}
	.songs-year p{font-size: 13px; margin: 0 0 10px;}
	.songdesc p{font-size: 13px;}
	.paginations{margin-top: 15px;}
	.paginations ul li .round{margin-left: 5px !important;}
	.page-item:first-child .page-link{padding: 5px 0 !important;}
	.paginations ul li a i{margin-left: 0;}
	.message-show{padding: 20px 0;}
	.message-show .form-group{margin-bottom: 10px;}
	.btn-group2 .btn{margin-right: 10px; padding: 10px 40px;}
	.message-table p{font-size: 13px;}
	.message-table .btn{padding: 5px 10px; font-size: 13px;width: auto;}
	.message-table .text-end a{display: block;}
	.album-flex .ms-3{margin-left: 0 !important;}
	.form-style1 .form-group label, .label-check{font-size: 14px;}
	.cover-bottom{padding: 10px;}
	.music-coverbg h2{font-size: 16px;}
	.music-coverbg .music-cover{height: 130px;}
	.rightspace header{padding-right: 0; top: 10px;}
	.message-table .playimg {margin-left: 0;}
	.album-thumb {margin-right:5px; min-width: 55px;}
	.table-row.no-padding {padding-right: 0;padding-left: 0;}
	.button-groups ul{display: flex;}
	table .album-flex p {font-size: 14px;margin-left: 10px;}
	.music-list-table tr th{font-size: 14px}
	.music-list-table .blue-text {font-size: 14px;}
	.playimg img{width: 15px;}
	.profile .mt-5{margin-top: 1.5rem !important; }

}

/*Tablet*/
@media (min-width: 768px) and (max-width: 991px){

	header .logo img{max-width: 160px;}
	aside{display: none;}
	.right-sidebar{margin: 0; padding: 15px;}
	.mobile-toggle{display: inline-block; font-size: 26px; color: #fff; margin-right: 15px;}
	.mobile-close{display: inline-block; font-size: 26px; color: #fff; z-index: 9; position: absolute; top: 20px; right: 20px; z-index: 9;}
	.header-right.text-end{position: relative; text-align: left !important;}
	.header-right .dropdown{float: right;}
	.track-right .track-content h4{font-size: 20px;}
	.track-right .track-content p{line-height: 13px;}
	.trackbox .play1 img{width: 30px;}

	.right-sidebar.rightspace{padding: 0 10px 100px 0 !important;}
	.paginations ul li .round{margin-left: 5px !important;}
	.page-item:first-child .page-link{padding: 5px 0 !important;}
	.paginations ul li a i{margin-left: 0;}
	.upload-photo .btn{padding: 10px 40px;}
	.message-table p{font-size: 13px;}
	.message-table .btn{padding: 10px 15px;min-width: 120px;}
	
    
}

/*Tablet Landscape*/
@media (min-width: 992px) and (max-width: 1199px){

	aside{display: none;}
	.right-sidebar{margin: 0; padding: 15px;}
	.mobile-toggle{display: inline-block; font-size: 26px; color: #fff; margin-right: 15px;}
	.mobile-close{display: inline-block; font-size: 26px; color: #fff; z-index: 9; position: absolute; top: 20px; right: 20px; z-index: 9;}
	.header-right.text-end{position: relative; text-align: left !important;}
	.header-right .dropdown{float: right;}
	.track-right .track-content h4{font-size: 20px;}
	.track-right .track-content p{line-height: 13px;}
	.trackbox .play1 img{width: 30px;}
}

/*@media (max-width: 1440px){

	body{padding: 100px; background: red;}
}
*/

/*@media (min-width: 1280px) and (max-width: 1399px){

	body{padding: 200px;}

}*/

/*Large Desktop*/
@media (min-width: 1441px) and (max-width: 1920px){

	.track-thumb.mt-2{margin-top: 20px !important;}
	.trackbox .track-right{margin-top: 20px;}
	.track-right .track-content h4{font-size: 34px;}	
	.track-right .track-content p{font-size: 18px; line-height: 28px;}
	.trackbox .track-bottom{bottom: 15px;}
	.trackbox .track-bottom p{font-size: 14px; line-height: 20px;}
	.trackbox .play1 img{width: 50px;}
	.playbox-content p{font-size: 20px;}
	.playbox-content .favourite{margin-top: 5px;}

	.search-tag ul li{margin-bottom: 15px;}
	.search-tag ul li a{padding: 17px 20px; font-size: 16px;}
	.right-blackbg{background: #000; padding: 0 50px;}
	.rightpad2{padding-right: 50px !important;}
	.upload-photo{padding: 18px;}
	.upload-photo img{width: 130px;}
	.upload-photo p{font-size: 20px;}
	.gx-1.rowgroup .col{padding: 0 15px;}

}