@media (max-width: 1920px) {}
@media (max-width: 1680px) {
	.main_logo {
	    height: 94vh;
	}
	.blank_bg {
        width: 265px;
    }
    .create_account .dash_tab {
        height: 800px;
    }
    
    
    
}
@media (max-width: 1440px) {
	.dash_nav .nav-link {
	    font-size: 13px;
	}
	/*player css start*/
	.controls {
	    left: 0px;
	    gap: 0px;
	    bottom: 17%;
	}
	.pl, .heart {
	    bottom: 0px;
	    background-size: 75%;
	}
	.info {
	    bottom: 75%;
	    left: 0;
	    gap: 5px;
	}
	.timeHolder {
	    font-size: 20px;
	    right: 0;
	    left: inherit;
	    bottom: 75%;
	}
	.title {
	    font-size: 11px;
	    font-weight: 600;
	}
	.time-current, .time-duration, .time-separator {
	    font-size: 11px;
	    font-weight: 600;
	}
	.progressbar {
	    width: 90%;
	    margin: 0px 0%;
	    bottom: 60%;
	}
	.volume {bottom:27%;}
	.heart {
	    bottom: 10%;
	    right: 170px;
	}
	.pl {
	    right: 77px;
	    bottom: 13%;
	    background-size: 90%;
	}
	.volume {
	    bottom: 30%;
	    right: 110px;
	}
	/*player css end*/
	.pro_img h5 {
	    font-size: 15px;
	    line-height: 25px;
	}
	.pro_img {
	    gap: 10px;
	    align-items: center;
	}
	.pro_img span {
	    font-size: 14px;
	}
	a.time strong {
	    font-size: 18px;
	}
    .blank_bg {
	    width: 255px;
	}
    .create_account .dash_tab {
        height: 670px;
    }
	.profile_page.create_new_playlist .dash_tab {
	    height: 700px;
	}
	.profile_page.qr_page.live_perfomance.two  .dash_tab {
	    padding: 5% 0;
	    height: 730px;
	}
	.profile_page.my_wallet .dash_tab {
	    padding: 5%;
	    height: 730px;
	}
	.col-xs-12.col-sm-3.col-md-3.col-lg-3.ad_price {
	    width: 40%;
	}
	.profile_page.qr_page.playm .dash_tab {
	    height: 750px;
	}
}
@media (max-width: 1366px) {
	.main_logo {
	    height: 90vh;
	}
	.login_page.before_login .form_main p {
	    font-size: 15px;
	    margin: 0% 0 5%;
	}
	.progressbar {
	    width: 93%;
	}
	.timeHolder {
	    font-size: 20px;
	    right: -24px;
	    left: inherit;
	    bottom: 75%;
	}
	.col-xs-12.col-sm-3.col-md-3.col-lg-3.ad_price {
	    width: 40%;
	}
	.month_select select {
	    width: 50%;
	    float: right;
	}
	.blank_bg {
	    width: 165px;
	}
	.select_song ul li a span {
	    font-size: 12px;
	}
	.create_account .form_field {
	    height: 600px;
	    overflow: scroll;
	    padding: 30px 0 40px;
	}
	.profile_page.qr_page.live_perfomance.two  .dash_tab {
	    height: 760px;
	}
	.profile_page.qr_page.live_perfomance.two .row.align-items-end {
	    width: 100%;
	    flex-direction: row;
	    align-items: center !important;
	}
	.profile_page.qr_page.live_perfomance.two .col-xs-12.col-sm-4.col-md-4.col-lg-4.offset-2 {
	    margin: 0 0 0 30px;
	    width: 50%;
	}
	.pro_img h5 {
	    font-size: 15px;
	    line-height: 25px;
	}
	.pro_img {
	    gap: 10px;
	    align-items: center;
	}
	.profile_page.qr_page.playm .row.align-items-end {
	    align-items: center !important;
	}
	.create_account .dash_tab {
        height: 640px;
    }
}	
@media (max-width: 1280px) {
	.form_main {
	    width: 80%;
	}
} 
@media (max-width: 1024px) {
	.form_main {
	    width: 100%;
	}
	.dash_nav .nav-link {
	    font-size: 11px;
	    gap: 5px !important;
	}
	.pro_img h5 {
	    font-size: 14px;
	}
	.pro_img {
	    display: flex;
	    gap: 10px;
	    align-items: center;
	}
	.profile_page.qr_page.live_perfomance .align-items-end {
	    align-items: inherit !important;
	}
	.dashboar_sec .col-xs-12.col-sm-2.col-md-2.col-lg-2.noRight {
	    width: 20%;
	}
	.dashboar_sec .col-xs-12.col-sm-10.col-md-10.col-lg-10.noLeft {
	    width: 78%;
	}
	.profile_page h4 {
	    font-size: 16px;
	    margin: 0 0 10px;
	}
	.profile_page.qr_page .col-xs-12.col-sm-4.col-md-4.col-lg-4.offset-1 {
	    margin: 0 0 0 20px;
	}
	.profile_page.qr_page .col-xs-12.col-sm-4.col-md-4.col-lg-4.offset-1 {
	    margin: 0 0 0 20px;
	    width: 60%;
	}
	.profile_page .top_div h4 ,.top_div h5 {
	    font-size: 18px;
	}
	.top_div a {
	    font-size: 17px;
	}
	.profile_page.qr_page.live_perfomance .mid_row .col-xs-12.col-sm-3.col-md-3.col-lg-3 {
	    width: 39%;
	}
	/*player css start*/
	.controls {
	    left: 0px;
	    gap: 0px;
	    bottom: 17%;
	}
	.pl, .heart {
	    bottom: 0px;
	    background-size: 75%;
	}
	.info {
	    bottom: 75%;
	    left: 0;
	    gap: 5px;
	}
	.timeHolder {
	    font-size: 20px;
	    right: 0;
	    left: inherit;
	    bottom: 75%;
	}
	.title {
	    font-size: 11px;
	    font-weight: 600;
	}
	.time-current, .time-duration, .time-separator {
	    font-size: 11px;
	    font-weight: 600;
	}
	.progressbar {
	    width: 90%;
	    margin: 0px 0%;
	    bottom: 60%;
	}
	.volume {bottom:27%;}
	.heart {
	    bottom: 10%;
	    right: 170px;
	}
	.pl {
	    right: 77px;
	    bottom: 10%;
	    background-size: 90%;
	}
	.volume {
	    bottom: 34%;
	    right: 110px;
	}
	.controls .play, .controls .pause, .controls .rew, .controls .fwd, .controls .shuffle, .controls .repeat, .controls .stop{
		    background-size: 80% !important;
		}
    .heart, .share, .pl {
	    background-size: 50% !important;
	}
	/*player css end*/
	.col-xs-12.col-sm-3.col-md-3.col-lg-3.ad_price {
	    width: 40%;
	}
	.month_select select {
	    width: 50%;
	    float: right;
	}
	.blank_bg {
	    width: 165px;
	}
    .create_account .form_field {
        height: auto;
        overflow: inherit;
        padding: 30px 0 40px;
    }
    .create_account .dash_tab {
        height: 630px;
    }
        .music_btn {
        gap: 10px;
    }
}
@media (max-width: 991px) {
	.select_song ul li a.requaste strong {
	    font-size: 12px;
	}
	.login_page h3 {
        font-size: 25px;
        line-height: 30px;
    }
    .login_page.verification .digit-group input[type="text"] {
        width: 40px;
        height: 40px;
        font-size: 40px;
        margin-right: 15px;
    }
    .mt_30 {
        margin-top: 10%;
    }
    .form_main label {
        font-size: 13px;
    }
}
@media (max-width: 768px) {
	.or a {
	    font-size: 12px;
	}
	.or label {
	    font-size: 12px;
	}
	.blank_bg {
	    width: 135px;
	}
	.form_field .containerd {
	    font-size: 12px;
	}
	.dash_nav .nav-link {
	    font-size: 10px;
	    gap: 5px !important;
	    padding: 0 4px;
	}
	.login_page h3 {
	    font-size: 23px;
	    line-height: 35px;
	}
    .login_page h5 {
        font-size: 11px;
        line-height: 19px;
        margin: 0 0 20px;
    }
	.profile_page.qr_page.live_perfomance .col-xs-12.col-sm-4.col-md-4.col-lg-4.offset-2 {
	    margin: 0;
	    width: 61%;
	}
	.dash_nav .nav-tabs .nav-link img {
	    width: 20px;
	}
	.btn.btn_voilet ,.btn.btn_white{
	    font-size: 12px;
	    line-height: 28px;
	    padding: 3px 10px;
	}
	.g_btn.single a {
	    font-size: 11px;
	    height: 45px;
	    margin-bottom: 50px;
	    width: 100%;
	    gap: 10px;
	}
	.profile_page .top_div h4, .top_div h5 {
	    font-size: 14px;
	}
	.pro_img span {
	    font-size: 10px;
	}
	.slecet_main table tr td table td {
	    font-size: 11px;
	}
	.create_account .col-xs-12.col-sm-7.col-md-7.col-lg-7 {
        width: 80%;
    }
    .login_page h3 {
        font-size: 20px;
        line-height: 30px;
    }

}
@media (max-width: 575px) {
    .main_logo {
        height: auto;
        width: 100%;
    }
    .form_main {
        padding: 0;
    }
    .blank_bg {
        height: 100px;
        width: 93%;
        margin: 10px auto 10px;
    }
    .create_account .col-xs-12.col-sm-7.col-md-7.col-lg-7 {
        width: 100%;
    }
    .or {
        padding: 3% 0 5%;
    }
    .cre{color:#fff;text-align:center; }
    .dash_tab {

         height: 100vh; 
         background: #070A15;
    
    }
    .dash_tab .form_main p{
     color: #ffffff !important;   
    }
    .form_main label {
        font-size: 13px;
        color: #fff;
    }
    
    .form_field label {
   
    color: #ffffff;
    }
    #djVenueFields h3{
        color: #ffffff;
    }
    .containerd{
        color: #ffffff !important;
    }
    .mt_30 {
        margin-top: 6%;
    }
    .or a{
       color: #ffffff !important; 
    }
    .form_main h3{
        color: #ffffff !important; 
    }
    
    .creat_form .circle {
  
    margin: auto !important;
    margin-top: 25px !important;
    }
    
    .create_account {
        background: #070a15 !important;
    }
    .creat_form {
     padding: unset !important; 
}
    
    
    body, html {
        overflow-y: auto;
    }
    .create_account .dash_tab {
        height: auto;
    }
    .create_account .form_field {
        height: auto;
        overflow-y: inherit;
    }
    .login_page.verification{
        height:auto;
    }
    .login_page.verification .main_logo {
        height: 20vh;
    }
    .login_page.verification .digit-group input[type="text"] {
        width: 30px;
        height: 30px;
        font-size: 30px;
        margin-right: 15px;
    }
    .login_page h5 {
        font-size: 13px;
        line-height: 23px;
        margin: 0 0 20px;
        color: #fff;
    }
    .login_page.enter_new_password .main_logo {
        height: 20vh;
        width: 100%;
    }


}
@media (max-width: 425px) {
    .login_page.verification .digit-group input[type="text"] {
        width: 30px;
        height: 30px;
        font-size: 30px;
        margin-right: 15px;
    }
}
@media (max-width: 375px) {}
@media (max-width: 360px) {


}