@media(max-width: 1500px) {
    .category-dropdown { left: 0; }
}

@media(max-width: 1300px) {
    .container, .banner, .footer > .container { padding: 0 20px; }
    .categories-panel.three-col-list { grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); }
    .fullwidthPlayer .sound-bar-section { width: 400px; }
    .fullwidthPlayer .right-panel { min-width: 250px; }
    .song-info-section h3 { font-size: 22px; }
    .song-info-section .song-desc { max-width: 220px; }
    .fullwidthPlayer .sound-bar-section { width: 350px; }
    .song-info-section h3 { font-size: 18px; line-height: 18px; }
    .song-info-section p { font-size: 16px; }
    .fullwidthPlayer { padding: 10px 25px 10px 10px; }
    .player-controls { margin-bottom: 0; }
    .navigation ul li a { padding: 15px 15px; }
    .banner-breadcrum .container { flex-wrap: wrap; }
}

@media(max-width: 1200px) {
    .all-track-list .heading { min-width: 200px; }
    .all-track-list .newsBtn { flex-wrap: wrap; }
    .all-track-list .newsBtn a { width: 100%; }
    .all-track-list { flex-wrap: wrap; }
    .banner-breadcrum .container{padding-right: 20px; padding-left: 20px;}
    .preachers .right-section-slider { width: 71%; }
    .all-track-list-inner, .heading-area, .all-track-list .text-btns {
        gap: 8px;
    }
    .all-track-list .date-title {
        flex: initial;
        padding-left: 20px;
    }
    .ltr .all-track-list .date-title {
        padding-left: initial;
        padding-right: 20px;
    }

}

@media(max-width: 1024px) {
    .fullwidthPlayer .right-panel { min-width: inherit; }
    .footer .footer-logo { margin-left: 40px; }
}

@media(max-width: 991px) {
    .song-info-section .song-desc { max-width: 200px; }
    .fullwidthPlayer .right-panel { min-width: 200px; } 
    .fullwidthPlayer .sound-bar-section { width: 350px; }
    .banner-section .container { flex-wrap: wrap; }
    .header-main .right-section { margin-right: 60px; }
    .ltr .header-main .right-section { margin-right: 0px; margin-left: 60px; }
    .menu-icon { position: absolute; right: 20px; }
    .ltr .menu-icon { right: 0px; left: 20px; }
    .ltr #nav-icon1 { margin: initial; }
    .header ul.nav li { width: 70%; border-bottom: 1px solid #eaeaea; }
    .header ul.nav li a { color: #000; font-size: 18px; }
    .center-nav { display: flex; align-items: center; height: 100%; }
    .navigation.main-nav ul { margin: 0; margin-top: 100px; flex-wrap: wrap; }
    .navigation.main-nav ul li { width: 100%; margin: 0; }
    .navigation.main-nav ul li a { display: flex; align-items: center; }
    .navigation.main-nav ul li a i { margin: 10px; }
    .header-main { padding: 0; }
    .header-main .right-section .logo img { height: 50px; }
    /* .all-track-list .heading { min-width: inherit; width: 100%; } */
    /* .filter-main { left: 20px; }
    .ltr .filter-main {
        right: 20px;
    } */
    .filter-main-wrapper {
        left: 20px;
    }
    .ltr .filter-main-wrapper {
        right: 20px;
    }
    .aboutinfo {
        padding: 0 20px;
    }
}

@media(max-width: 850px) {
    .fullwidthPlayer .sound-bar-section { width: 300px; }
    .song-info-section .song-desc { max-width: 150px; }
    .fullwidthPlayer .right-panel { min-width: 150px; }
    .navigation ul li a { padding: 15px 10px; }
    .search-section.active { width: 222px; }
    .header-main .right-section .logo img { height: 50px; }
}

@media(max-width: 767px) {
    .breadcrum-nav { margin-top: 0; flex-wrap: wrap; }
    .breadcrum-nav li { margin-bottom: 5px; }
    .banner-breadcrum { padding: 0; }
    .banner-breadcrum.category-banner { padding: 0 0 20px 0; }
    .all-track-list .text-btns { flex-wrap: wrap; }
    .banner-breadcrum h1 { width: 100%; order: 2; margin: 10px 0 0 0; font-size: 60px; line-height: 50px; }
    .banner-breadcrum .search { order: 1; }
    .menu-icon { display: block; z-index: 999; }
    .main-nav { display: none; position: fixed; left: 0; top: 0; height: 100vh; background: #fff; width: 100%; z-index: 99; }
    .navigation ul li a { color: var(--black); }
    body.fixedscroll .main-nav {z-index: 99999;}
    body.fixedscroll .menu-icon{z-index: 999999;}
    .header ul.nav { flex-wrap: wrap; justify-content: center; width: 100%; text-align: center; }
    body.fixedscroll { overflow: hidden; }
    .all-track-listing-section { padding: 20px 20px; }
    .all-track-list { padding-top: 10px; }
    .playListSection .player-list { right: 0; display: none; }
    .fullwidthPlayer .left-panel { width: 100%; }
    .fullwidthPlayer .center-panel { width: 100%; }
    .fullwidthPlayer .right-panel { width: 100%; }
    .fullwidthPlayer .sound-bar-section { width: 100%; }
    .fullwidthPlayer .right-panel { min-width: inherit; justify-content: space-between; margin: 10px 0 0; z-index: 999; }
    .song-info-section .song-desc { max-width: 100%; }
    .banner-section .banner-info { flex-wrap: wrap; }
    .banner-info .left-panel { width: 100%; order: 2; flex-direction: row-reverse; gap: 24px; }
    .banner .banner-info .right-panel { width: 100%; max-width: 100%; order: 1; margin-bottom: 20px; }
    .banner-section .container { padding: 25px; }
    .banner-info .progress-section { width: 100%; }
    .banner-info .sound-bar-section { width: 100%; }
    .ltr .news-carousel .owl-stage { left: -40px; }
    .preacher-panel .left-section { min-width: 100px; width: auto; display: none; }
    .preachers .right-section-slider {
        width: 100%;
    }
    .preachers-carousel .owl-nav {
        display: block;
    }
    .preachers-listing .container {
        padding: initial;
    }
        .preachers-listing .title-section {
        margin: 25px 0px 0 0px;
    }
    .header-main { padding: 0; }
    .banner-section { margin: 30px 0 0 0; }
    .filter-btn { padding: 20px 0; width: 60px; }
    .filter-main-wrapper { top: -119px; }
    .filter { margin-top: -64px; }
    .filter .filter-title { padding: 15px 30px; }
    .footer-content { flex-wrap: wrap; justify-content: center; }
    .footer .website-made { width: 100%; flex-wrap: wrap; }
    .footer .website-made a { justify-content: center; }
    .footer-content .right-panel { order: 1; width: 100%; }
    .footer .right-panel{flex-wrap:wrap; justify-content: center;}
    .footer-content .right-panel img { margin: 60px 0 60px 0; }
    .footer-content .left-panel { order: 2; width: 100%; }
    .footer .left-panel { max-width: 100% !important;     display: block; text-align: center; }
    .footer .footer-logo { margin-left: 0; justify-content: center; }
    .footer .developmentBy { margin: 0 0 20px 0; }
    .footer { padding: 60px 0; }
    .aboutinfo { padding: 0; }
    .title-section { margin: 25px -20px 0 -20px; }
    .title-section .white-space { padding: 0 10px 0 10px; }
    .categories-panel { margin-top: 25px; }
    .listing-slider { box-shadow: 0px 0px 15.2747px rgb(131 154 175 / 14%); }
    .mobile-player .song-info-section h3 { font-size: 17px; line-height: 20px; }
    .mobile-player .song-info-section p { font-size: 17px; }
    .mobile-player .controls { display: flex; align-items: center; }
    .mobile-player .song-info-section .song-desc { max-width: 200px; }
    .mobile-player .play { width: 68px; display: flex; justify-content: flex-start; margin: 0 20px; }
    .mobile-player .play a { font-size: 48px; color: #fff; margin: 0 15px 0 15px; display: flex; justify-content: center; align-items: center; text-decoration: none; }
    .mobile-player a { color: #fff; text-decoration: none; }
    .mobile-player .controls { display: flex; align-items: center; }
    .song-info-section { gap: 18px; }
    .mobile-player .song-info-section .song-image { max-width: 67px; }
    .sticky-player .playerExpand { display: none; background: radial-gradient(281.66% 164.45% at -85.7% -13.19%, #017896 0%, #105753 47.4%, #543103 100%); height: 100vh; overflow-y: auto; position: fixed; left: 0; top: 0; z-index: 9999; width: 100%; }
    .sticky-player .playerExpand .left-panel .song-info-section { justify-content: center; flex-direction: column; gap: 65px; }
    .sticky-player .playerExpand .left-panel .song-image { max-width: 100%; display: flex; justify-content: center; }
    .sticky-player .playerExpand .left-panel .song-info-section .song-image img { border-radius: 12px; }
    .sticky-player .playerExpand .left-panel .song-info-section .song-desc { text-align: center; }
    .sticky-player .playerExpand .song-info-section h3 { font-size: 27px; line-height: 28px; }
    .mobile-player { display: block; width: 100%; background: #49657F; display: flex; justify-content: space-between; padding: 20px; margin-top: 80px; }
    .news-grid-four-col { grid-template-columns: repeat(auto-fill, minmax(258px, 1fr)); }
    .all-track-listing-section.grid-view { display: grid; grid-template-columns: repeat(auto-fill, minmax(258px, 1fr)); }
    .fullwidthPlayer { margin: 0; padding: 0px 20px; background: initial; flex-direction: column; gap: 60px; }
    .mobilePlayerList .playListSection .player-list { position: absolute; min-width: initial; display: none; z-index: 9; left: 0; bottom: 0; width: 100%; box-shadow: 0px -6px 32px rgba(37, 59, 81, 0.05); background: radial-gradient(281.66% 164.45% at -85.7% -13.19%, #017896 0%, #105753 47.4%, #543103 100%); height:100vh; overflow-y: auto; }
    .mobilePlayerList .listing-player { padding: 30px; width: 100%; border-radius: 0; background: linear-gradient(180deg, rgba(217, 217, 217, 0.1) 0%, rgba(217, 217, 217, 0) 100%); }
    .mobilePlayerList .playListSection { position: static; }
    .listing-player h3 a{color:#fff; font-size:20px;}
    .listing-player h3 a:hover{color:#fff;}
    .listing-player p a{color:rgba(255, 255, 255, 0.5); font-size:15px;}
    .listing-player p a:hover{color:rgba(255, 255, 255, 1);}
    .listing-player li{border-bottom: 2px solid rgba(255, 255, 255, 0.1);}
    .fullwidthPlayer .song-action a{color:rgba(240, 244, 248, 0.6); right:-10px;}
    .listing-player .play i{color:rgba(240, 244, 248, 1);}
    .fullwidthPlayer .center-panel { padding-bottom: 60px; position: relative; z-index: 1; }
    .fullwidthPlayer .right-panel .button > a.musicList{z-index: 99;}
    .mobilePlayerList .button.volumeBtn{position: relative; z-index: 99;}
    .mobilePlayerList .button.volumeBtn { position: relative; z-index: 99; bottom: 0; margin-left:20px; }
    .fullwidthPlayer .right-panel .button > a.musicList { z-index: 99; position: relative; margin-right: 20px; bottom: 0; color:rgba(240, 244, 248, .5); border-radius: 10px; }
    .fullwidthPlayer .right-panel .airPlayBtn { z-index: 99; position: relative; bottom: 0; }
    .player-button-bottom-section { display: flex; justify-content: space-between; width: 100%; padding: 10px 0 20px 0; position: fixed; bottom: 0; left: 0; background: linear-gradient(180deg, #453A16 0%, rgba(69, 58, 22, 0.916667) 50%, rgba(71, 57, 20, 0) 100%); }
    .fullwidthPlayer .right-panel .button > a.musicList.active{ background: rgba(240, 244, 248, .5); color:#493710;}
    .fullwidthPlayer .right-panel .button > a{width:38px; height:38px; margin-bottom: 25px;}
    .fullwidthPlayer .song-action a:hover, .fullwidthPlayer .song-action a:focus{    color: rgba(240, 244, 248, 1);}
    .player-controls { margin-bottom: 40px; }
    .song-info-section:hover h3 a, .song-info-section:hover p a:hover { color: #fff; }
    .song-info-section:hover .play { color: #fff; }
    .song-info-section:hover .play i { color: #fff; }
    .song-info-section .song-action a:hover > i { color: #fff; }
    .fullwidthPlayer .song-action:hover i { color: #fff; }
    .fullwidthPlayer .right-panel .button > a{margin: 0;}
    .song-group-heading { font-size: 17px; color: rgba(255, 255, 255, 0.5); padding: 10px 30px; text-align: right; border:0; }
    .ltr .volume-updown-wrapper { right: inherit; }
    .airPlayBtn{display: block;}
    .scrollbarsection { padding: 0 !important; height: auto; margin: 0; }
    .mobilePlayerList .playListSection .player-list:before{content:""; position: fixed; left:0; top:0; width:100%; height:70px; background: linear-gradient(180deg, #0E5D5E 0%, rgba(14, 93, 94, 0.869792) 52.08%, rgba(15, 91, 91, 0) 100%);     z-index: 9;}
    .mobilePlayerList .playListSection .player-list:after{content:""; position: fixed; left:0; bottom:0; width:100%; height:70px; background: linear-gradient(180deg, #453A16 0%, rgba(69, 58, 22, 0.916667) 50%, rgba(71, 57, 20, 0) 100%);    z-index: 9; transform: rotate(-180deg);}
    .swipeTogglePlayer{padding: 48px 0 30px; display: flex; align-items: center; justify-content: center; width: 100%; }
    .swipeTogglePlayer span{width:150px; height:4px;  background: rgba(240, 244, 248, 0.2); border-radius: 4px;}
    .preachers .listing-slider{margin-bottom: 0;}
    .player-button-bottom-section { direction: ltr; }
    .slider-section .owl-nav button.owl-prev {
        right: 10px;
    }
    .slider-section .owl-nav button.owl-next {
        left: 10px;
    }
    .slider-section .owl-next:after, .slider-section .owl-prev:after {
        width: 120px;
    }
    .slider-section .owl-next:after {
        left: -10px;
    }
    .slider-section .owl-prev:after {
        right: -10px;
    }
}

@media(max-width: 600px) {
    .ltr .news-carousel .owl-stage { left: -60px; }
    .news .slider-section:before { width: 150px; }
}

@media(max-width: 575px) {
    .header-main { padding-top: 10px; }
    .menu-icon { position: static; right: inherit; }
    .header-main .right-section { margin-right: 0; }
    .ltr .header-main .right-section { margin-left: 0; }
    .search-section.active { width: 100% !important; }
    .header-main .logo { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
    .searching { width: 100%; margin-top: 35px; position: static; }
    .header-main .logo { position: static; left: inherit; top: inherit; transform: none; }
    .header-main { flex-wrap: wrap; }
    .header-main .right-section { width: 100%; justify-content: space-between; }
    .search-section { width: 100%; }
    .search-panel { width: 100%; }
    /* .search-section button { width: 60px; } */
    .search-section input { padding-right: 50px; border: 1px solid #839AAF; }
    .category-dropdown { right: 20px; left:20px; width: auto; display: none; margin-top: 10px; }
    /* .breadcrum-title { padding-left: 20px; } */
    .banner-breadcrum h1 { font-size: 50px; }
    .header { position: relative; }
    .language-dropdown { position: absolute; left: 79px; top: 12px; }
    .ltr .language-dropdown { left: 79px; right: 79px; }
    .ltr .centering { margin: 0 0 0 auto; }
    .main-header { padding: 70px 0 23px; }
    .search-section button i { font-size: 17px; }
    .custom-select { margin: 0; }
    .playBtn, .listing-bottom-section .share { font-size: 16px; }
    .listing-bottom-section { padding: 18px 20px; }
    .listing-bottom-section .share { margin-right: 0; }
    .news .slider-section:before { left: -10px; }
    .ltr .news .slider-section:before { right: -10px; }
    .listing-slider h3 { font-size: 20px; line-height: 22px; }
    .listing-slider h3 { min-height: 93px; }
    /* .fixed-filter .filter-main { position: absolute; top: initial;  } */
    .filter-main {
        position: relative;
        top: initial;
    }
}

@media(max-width: 480px) {
    .mobile-player .play { margin: 0; }
    .listing-player{width:340px;padding: 15px 15px; box-sizing: border-box; -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  }
}