
@media screen and (max-width:1750px){
	  img,iframe{
		  max-width:100%;
		  /* height:auto; */
	  }
	  div.maudio .audio-control .progress-bar {
	    width: 50%;
	}

}
@media screen and (max-width:1580px){

	.main_navigation ul li a{ margin-right: 10px; }
	.our_top_artistes .our_albums_slider.owl-carousel .owl-nav button.owl-next {right: 0;}
	.our_top_artistes .our_albums_slider.owl-carousel .owl-nav button.owl-prev { left: 0;}
	.albums_id{ font-size: 1rem; }
	.tab_link_bg li a {
	    font-size: 1rem;
	    border-radius: 5px;
	    padding: 3px 10px;
	}
	.inner_page_banner h1{ font-size: 3.5rem }
	.page_heading h2, .artistes h2{ font-size: 3rem; }
	.breadcrumb {
	    margin: 37px 0 20px;
	}
	.sidebar_newslatter h2, .live_video_post_content h3,.sidebar_wrap h3, .bio_heading h3, .avtar_info h3, .comments_section h2{ font-size: 2rem; }
	.liveror_list .media h3, .content_admin h3{ font-size: 1.8rem; }
	.chats_box .media .media-body h5{ font-size: 1.3rem; }
	.chat-title, .related_links p{ font-size: 1.25rem }
	.post-title h3 {font-size: 1.5rem;}
	.breadcrumb li, .comments_section p, .content_admin p{ font-size: 1rem; }
	.artist_album_list .btn_group a.btn_red{ min-width: 130px;     padding: 7px 9px; }
	.btn_group a, .btn_group a.btn_blue{ padding: 8px 20px; font-size: 1rem; }
	.liveror_list .media time{ margin-bottom: 5px; }
	.avtar-details > ul > li {font-size: 1rem;padding: 10px 15px;}
	.artist_album_list table tr th {font-size: 1rem;}
	.admin_links a {
	    font-size: 1rem;
	    padding: 12px 16px;
	}
	.login_form .form-control {height: 45px;}
	.g_store p, .upload-button, .file_upload-button{ font-size:0.87rem; }
	.g_store h4{ font-size: 1.3rem }
	.chats_box .media .media-body{ padding: 10px; }
	.chats_box .media img {
	    width: 45px;
	    height: 45px;
	}
	.chat-options a {font-size: 0.87rem;}
	div.maudio .audio-control .progress-bar {
	    width: 45%;
	}
}
@media screen and (max-width:1440px){
	.header_search input[type=search]{
		max-width: 205px;
		width: 100%;
		min-width: 205px;
	}
	.ask_question_btn, .squre_solid_btn{
		font-size: 1rem;
		padding: 10px 16px;
	}
	.page_heading h2{ font-size: 2rem; }
	.live_striming{ padding: 20px; }
	.login_form .login_btn, .reg_btn{ font-size: 1rem; padding: 10px 14px; }
	.artist_album_list div.maudio .audio-control .progress-bar {
	    width: 18%;
	}
	.artist_album_list div.maudio .audio-control .volume-bar {width: 20px;}

}
@media screen and (max-width:1366px){
	.album_add_to_cart{    padding: 9px 7px 7px;}
	.albums_content h3{ font-size: 1.25rem }
	.show_experience h3{ font-size: 1.8rem; }
}
@media screen and (max-width:1280px){

}
@media screen and (max-width:1170px){

}
@media screen and (max-width:1024px){
	.banner_content h1{ font-size: 5rem; }
	.banner_content p,
	.our_top_artistes p,
	.blog_content p, .page_heading p, .post-content p, .post_meta li{ font-size: 1rem; }
	.socail_share ul li{margin: 3px 1px;}
	.tags li a{font-size: 1rem;    margin: 5px 0;}
	.post_related_actions { margin-bottom: 30px }
	.page_heading p br{ display: none; }
	.page_heading h2{ font-size: 2rem; }
	.our_albums {padding: 30px 0 40px;}
	h2 {font-size: 2.75rem;}
	.despacito_art img{ margin-left: auto; margin-right: auto; }
	.playlist_semaine_content h2{ margin-bottom: 15px; }
	.our_top_artistes {padding: 30px 0 40px;}
	.latest_articles h2 {margin-bottom: 35px;}
	.latest_articles {padding: 35px 0;}
	.blog_content h3 {
	    font-size: 1.2rem;
	}
	.latest_articles .btn_group {
	    margin-top: 17px;
	}
	.btn_group a{
		padding: 11px 30px;
	}
	.view_link {
	    font-size: 1rem;
	}
	.show_experience > .container > .row >.col-xl-8{
		border-left: none;
	}
	.show_experience h3{ font-size: 1.56rem; margin-top: 1rem }
	.site-footer > .container> .row > *{border-left: none;    margin-top: 30px;}
	.best_seller {padding: 30px 0 40px;}
	.mobile.toggle-terget{ display: block; margin-left: 30px; }
	.overflow{
		overflow: hidden;
		height: 100vh;
	}
	.overflow .toggle-terget{
		position: fixed !important;
	}
	.toggle-terget{
		display: block;
		float: right;
    	margin: 3px 0 0 0;
    	height: 18px;
	}

	.toggle-terget.open{
		position: absolute;
	    z-index: 999999;
	    right: 20px;
	    top: 18px;
	}

	input#menu1 {
	  display: none;
	}

	label.toggle-menu {
		position: relative;
	    width: 20px;
	    height: 18px;
		display: inline-block;
		cursor: pointer;
		transition: all .5s;
		text-align: left;
		z-index: 9999;
		margin-bottom: 0;
	}

	.toggle-menu div,
	.toggle-menu div:before,
	.toggle-menu div:after {
		background: #fff;
		position: absolute;
		height: 2px;
		width: 20px;
		border-radius: 0;
		transition: all .5s;
	}
	/*.toggle-menu.active div,
	.toggle-menu.active div:before,
	.toggle-menu.active div:after{
		background: #fff;
	}*/

	.toggle-menu.open div, .toggle-menu.open div::before, .toggle-menu.open div::after { background: #000;}
	label.toggle-menu div:first-child {
	  top: 0px;
	}
	label.toggle-menu div:nth-child(2) {
	  top: 5px;
	}
	label.toggle-menu div:nth-child(3) {
	  top: 10px;
	}
	#menu1:checked + label div:first-child {
	  opacity: 0;
	  top: 20px;
	  width: 0px;
	  -webkit-transform: rotate(225deg);
			  transform: rotate(225deg);
	}
	#menu1:checked + label div:nth-child(2) {
	  top: 5px;
	  -webkit-transform: rotate(-315deg);
			  transform: rotate(-315deg);
	 width: 20px;
	}
	#menu1:checked + label div:nth-child(3) {
	  top: 5px;
	  -webkit-transform: rotate(495deg);
			  transform: rotate(495deg);
	  width: 20px;
	}

	.main_navigation nav{
		position: fixed;
		right: auto;
		top: 0;
		left: -100%;
		padding: 60px 15px 15px;
		background-color: #17a2b8;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		z-index: 9999;
		height: 100%;
		width: 100%;
		    overflow: auto;
	}
	.main_navigation.show nav{
		left: 0;
	}
	.main_navigation::before{
		content: "";
		position: absolute;
		left: -100%;
		right: auto;
		/*background: rgba(0,0,0,0.8);*/
		width: 100%;
		height: 100%;
		z-index: 999;
		top: 0;
		animation-delay: 2s;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
	}
	.main-menu.show::before{
		left: 0;
	}
	.main_navigation nav ul li{
		width: 100%;
		padding: 15px 10px;
		border-bottom: 1px solid rgba(255,255,255,0.2);
				text-align: center;
	}
	.main_navigation nav ul li a{
		    color: #ffffff;
		border-right:none;
		padding-left: 0;
		margin-left: 0;

	}
	.main_navigation nav ul li.active a, .main_navigation nav ul li a:hover {
	    color: #006699;
	}
	.heading-w_line{ font-size: 2.5rem }
	.new_arrivals {
	    padding: 15px 0;
	}
	.inner_page_banner h1{ font-size: 3.5rem }
	.inner_page_banner {min-height: 280px;}
	.albums_box{ margin-bottom: 25px; }
	.submenu{ position: static; max-width: 100%; }
	.submenu li, .accont-links{ padding: 10px  !important }
	.our_top_artistes .albums_content h3::before{ width: 5px; }
	.our_top_artistes .albums_content h3 {font-size: 1rem;}
	.our_top_artistes .albums_content .albums_id {font-size: 1rem;}
	.my_pagination a{width: 30px;height: 30px;font-size: 1rem;padding: 1px;    line-height: 28px;}
	.album_btn_group {
	    margin: 12px 0 0;
	}
	.avtar-details > ul > li{ font-size: 1rem; }
	.ask_question_btn, .squre_solid_btn {
	    font-size: 0.75rem;
	    padding: 10px 9px;
	}
	.artist_album_list table tr th, .comments_section p {
	    font-size: 1rem;
	}
	.btn_group a, .btn_group a.btn_blue {
	    padding: 7px 14px;
	    font-size: 1rem;
	}
	.liveror_list .media h3{
		font-size: 1.25rem;
	}
	.liveror_list .media > img {
	    width: 60px;
	}
	.liveror_list .media time{ font-size: 1rem; margin-bottom: 10px; }
	.artist_album_list table{ min-width: 1000px; }
	.artist_cat a{ margin: 5px;     padding: 7px 13px; }
	.bio_content, .content_admin p{ font-size: 1rem; }
	.content_admin h3{ font-size: 1.85rem }
	.login_form .form-control, .contact_from .form-control{ height: 42px; }
	.admin_links a {
	    font-size: 1rem;
	    padding: 7px 14px;
	}
	.breadcrumb {
	    margin: 20px 0 30px;
	}
	.login_form .login_btn, .reg_btn{    padding: 10px 15px;    font-size: 0.75rem;}
	.login-with_social a{ display: block; width: 50%; float: left; }
	.login-with_social {
	    clear: both;
	    overflow: hidden;
	}
	.ad{
		margin-bottom: 30px;
	}
/*	.login-with_social {
	    display: flex;
	    flex-direction: column;
	}*/
	.faq_arrdian .arr-dian-header h4{ font-size: 1.3rem }
	.faq_arrdian .faq_count {
	    width: 40px;
	    height: 40px;
	    min-width: 40px;
	    font-size: 1rem;
	}
	.acc_dian_triger{ width: 15px; height: 15px; }
	.arr-dian-content, .modal-body textarea{ font-size: 1rem; }
	.modal-title{ font-size: 1.25rem }
	.modal-body input.form-control{ height: 40px;    font-size: 1rem; }
	.mes-achats-details-list li, .terms_centent{ font-size: 1rem; }
	.mes-achats-details{ margin-left: 0; }
	.terms_centent h3, .terms_centent h4{ font-size: 1.4rem; margin: 1rem 0; }
	.chat-head {
	    margin-bottom: 30px;
	    margin-top: 30px;
	}
	.sidebar_newslatter h2, .live_video_post_content h3 {
	    font-size: 1.5rem;
	}
	.post-title h3 {
	    font-size: 1.3rem;
	}
	.acheter_btn{ font-size: 1rem; }
	.forgot_pass{ font-size: 0.75rem; }
	.login_form .login_btn, .reg_btn {
	    padding: 11px 9px;
	    font-size: 0.75rem;
	    letter-spacing: normal;
	}
	.red_rating_box, .rating_buttn{ text-align: center; }
	.rating_buttn{ margin-top: 15px; }
	.rating_buttn a{ padding: 5px 15px; font-size: 1rem;margin: 5px 0; }
	.rating_box {
	    margin-bottom: 25px;
	}
	div.maudio .audio-control .progress-bar {
	    width: 62%;
	}
}
@media screen and (max-width: 950px){
  	.show_experience h3{ text-align: center; margin-left: 0; }
  	.show_experience h4 { text-align: center; }
  	.newsletter_input input{ height: 50px; }
  	.newsletter_input .submit_btn{
		width: 145px;
		height: 38px;
  	}
  	.our_albums_slider.owl-theme .owl-nav [class*='owl-']{ position: static; margin-top: 20px; }
  	.album_add_to_cart{    padding: 9px 12px 7px;font-size: 0.85rem;}
  	.banner_content h1 {font-size: 3rem;}
  	.sidebar_newslatter p, .related_links p {font-size: 1rem;}
  	.sidebar_wrap h3{ font-size: 2rem; }
}

@media screen and (max-width: 870px){
	.live_box{ height: 400px; }
}

@media screen and (max-width: 800px){

	div.maudio .audio-control .progress-bar {
	    width: 47%;
	}

	.album_showcase ul.nav li {
	    margin: 0 3px;
	}
	.album_showcase ul.nav li a{padding: 9px 16px 5px;}

	.album_showcase ul.nav li {
	    margin: 3px;
	}
	.site_btn{
		padding: 10px 25px;
	}
	.banner_content p br{ display: none; }
	.album_btn_group{ display: block !important; text-align: center; }
	.album_btn_group .album_add_to_cart{
	    text-align: center;
	    display: block !important;
	}
	.payemnt-wrap{ display: block !important; position: relative; padding-left: 50px; font-size: 1rem;}
	.payemnt-wrap .chek{
		position: absolute;
		top: 50%;
		transform: translate(0,-50%;);
		left: 10px;
	}

}


@media screen and (max-width: 750px){
	.header_action_area .my_acc{ font-size: 0; }

	.header_search{ display: none; }
	.navigation_search.header_search{display: block;}
	.header_search input[type=search]{ width: 100%; min-width: 100%; }
	.navigation_search.header_search{    margin-right: 0;margin-top: 30px;}
	.accont-links{ left: -100px; }
	.genre_box .genre_art img{ min-height: unset; }
	.mes-achats-row .artist_album_list table tr td:first-child {font-size: 1rem;}
	div.maudio .audio-control .progress-bar {
	    width: 15%;
	}
}

@media screen and (max-width: 700px){

}

@media screen and (max-width: 600px){
	.home_banner_slider.owl-theme .item > img{ height: 75vh !important; }
	.home_banner_slider{ height: 75vh !important; }
	header.site-header.fixed .logo, header.site-header .logo  {
	    width: 50px;
	}
	.albums_content h3{ font-size: 1.5rem }
	.new_arrivals .albums_box {
	    margin-bottom: 20px;
	}
	.album_btn_group {
	    margin: 10px 0 0;
	}
	.my_pagination a {
	    width: 30px;
	    height: 30px;
	    font-size: 1rem;
	    padding: 0;
	    text-align: center;
	    line-height: 1;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	}
	.newsletter_input .submit_btn {
	    width: 145px;
	    height: 38px;
	    position: relative;
	    margin: 0 auto;
	    display: block;
	    background: #fff;
	    color: #17a2b8;
	}
	.show_experience h4{ font-size: 1.2rem }
	.chat-options a{ display: block; }
	.song_list li{ padding-left: 0; margin-bottom: 10px; height: auto;text-align: center; }
	.song_list li .song_art{ position: static;margin: 0 auto; }
	.maudio {
	    text-align: center;
	    display: inline-block;
	}
	.artist_album_list .song_list li .song_art{ position: absolute;}
	.artist_album_list div.maudio .audio-control{ display: block; }
	.artist_album_list div.maudio .audio-control .progress-bar{ width: 365px; }
	.artist_album_list div.maudio .audio-control .volume-bar{ width: 50px; }
	.artist_album_list .maudio{ padding-left: 60px; }

	p.song-title{ padding-right: 0 }
	div.maudio .audio-control .progress-bar {width: 65px;}
	div.maudio .audio-control{ display: flex; }
	div.maudio .audio-control a{ min-width: 30px }
	header.site-header {
	    background-color: #17a2b8;
	}

	.video_for_play{
		height: 360px;
	}

	.play_btn{
		    -webkit-transform: translate(0,-110%);
    	transform: translate(0,-110%);
    	    width: 50px;
    height: 50px;
	 }

}

@media screen and (max-width: 550px){
	.inner_page_banner{ padding-bottom: 30px; }
	.inner_page_banner h1 {
	    font-size: 2rem;
	}
	.sidebar_newslatter .form-control, .subscribe_btn, .category select, .leave_comment .form-control {height: 42px;}
	.sidebar_newslatter h2 {font-size: 2rem;}
	.category select{ font-size: 1rem; }
	.comment_submit_btn{ font-size: 0.93rem; padding: 10px 13px; }
	.post_footer {
    margin: 0 0 30px;
}
}

@media screen and (max-width: 500px){

    .new_relese_albums_slider_arrow {
	    position: absolute;
	    right: -4px;
	    top: auto;
	    background: #fff;
	    padding: 0 0 0 15px;
	    bottom: -30px;
	}
	.new_relese_albums_slider_arrow > button{ width: 25px; height: 25px;    font-size: 1rem; }
	.our_top_artistes .albums_content h3::before {
	    width: 0;
	    margin-right: 0;
	}
	.login_form .btn-group{ display: block; }
	.login_form .btn-group .forgot_pass{ display: block; }
	.home_banner_slider.owl-theme .owl-dots {bottom: -2px;}
	.our_albums, .best_seller, .our_top_artistes {padding: 30px 0 0px;}
	.playlist_semaine{ padding: 35px 0; }
	.our_top_artistes .our_albums_slider.owl-theme .owl-nav [class*='owl-']{ height: 30px;width: 20px; background-size: cover; }
	.newsletter_input input{ padding-right: 30px }
	.faq_arrdian .arr-dian-header h4 {font-size: 1rem;}
	.faq_arrdian .faq_count{ margin-right: 10px; }
	.arr-dian-content { font-size: 1rem; padding: 0px 20px 20px 50px; }
	.content_admin {padding: 10px;}
	.login-with_social{ margin: 20px 0 !important }
	.login-with_social a{ width: 100%; }
	.content_admin h3, .sidebar_newslatter h2, .live_video_post_content h3, .albums_content h3 {
	    font-size: 1.3rem;
	}
	.chats_box {
	    height: 207px;
	}
	.post_tags ul li a{padding: 4px 5px;}
	.live_video_post_content {
	    padding: 10px;
	}
	.live_telecast{ top: 7px; right: 10px; }
	.live_telecast > img { width: 20px; }
	.live_telecast .live_date {
	    margin-top: 0px;
	    font-size: 0.75rem;
	}
	.related_links img {
	    width: 80px;
	    height: 80px;
	}
	.custom-control-label, .upload-text, .file_name{ font-size: 1rem }
	.profile-pic {width: 145px;height: 125px;}
	.payemnt-wrap, .payemnt-wrap p{ font-size: 0.75rem }

}

@media screen and (max-width: 450px){
	.heading-w_line {
	    font-size: 1.5rem;
	}
	.breadcrumb{
		margin: 10px 0 30px;
	}
	.inner_page_banner {
	    min-height: 180px;
	}
}

@media screen and (max-width: 400px){

	div.maudio .audio-control .time-keep{ display: none; }
}
@media screen and (max-width: 320px){

}
@media only screen and (min-width : 768px) and (max-width : 1024px) {}
@media only screen and (min-width : 2560px) {
}
