/****************** Home Page Page Starts Here ******************/


/* general css  for mobile header starts dekstop*/
.mobile-header {display: none;}
.menu-toggle{display:none}
.mobile-menu{display:none}
/* general css  for mobile header ends dekstop*/



/* general css for mobile button */
.dekstop-btn {display: block;}
.mobile-btn {display: none;}
/* general css for mobile button  ends*/

 
@media (max-width:1180px) {

    /* Main Nav */
    .main_nav ul li a{
        font-size: 16px;
    }
 
    /* Banner */
    .hero_section_inner .content_holder h1 {
        top: 50vh;
    }

    .hero_section .shape_1,
    .hero_section .shape_2 {
        width: 70vw;
        height: 70vw;
    }

    .hero_section h1 .spacer {
        display: inline-block;
        width: 18vw;
    }

    .hero_section .content_holder p br {
        display: none;
    }

    .hero_section .content_holder p {
        right: 5vh;
        bottom: 21vh;
        font-size: 16px;
        max-width: 403px;
    }

    .hero_section .content_holder p strong {
        display: block;
        margin-top: 5px;
    }

    .hero_section .content_holder .img_holder img{
        object-position: bottom center;
    }

    .music_banner_img .content_holder .sub_title {
        bottom: 21vw;
    }
 

    /* Upcoming shows  Starts */
 
    .upcoming_shows .a_big_x{
        height: 55%;
    }

    .shows_list .all_shows ul li .show_tickets {
        font-size: 12px;
    }

    .shows_list .all_shows ul li .event-tickets{
        gap: 32px;
    }
    
    .shows_list .all_shows ul li:hover .show_tickets:before {
        width: 70px;
        height: 70px;
        background-size: cover;
    }

    .shows_list .all_shows ul li .show_date {
        font-size: 24px;
    }

    .shows_list .all_shows ul li .show_date em {
        font-size: 14px;
    }

    .shows_list .all_shows ul li .show_name {
        font-size: 14px;
    }

    .shows_list .all_shows ul li .show_name em {
        font-size: 12px;
    }
    
    /* Upcoming shows  Ends */

    /* Music Catalog */
       .music_catalog .head-sec .btn_primary {
        padding: 22px 20px 18px 20px;
    }

    /* Albums Carosuel */
    .albums_carosuel_wrapper .music_album_carousel .catelog-meta h5 {
        font-size: 16px;
    }

    .albums_carosuel_wrapper .music_album_carousel .catelog-meta span {
        font-size: 12px;
    }
 
}

@media (min-width: 768px) and (max-width: 1024px) {
    
 
     /* Footer starst*/
    .footer-bottom .container{display:flex;align-items:center;justify-content:space-between;flex-direction:column-reverse}
    .footer-bottom .copytext{margin-left:inherit;margin-right:inherit;order:-1}
    .footer-bottom{margin-top:12px}
     /* Footer ends */
    

}

@media (max-width:1024px) {

    /* Banner */
    .hero_section .shape_1,
    .hero_section .shape_2 {
        width: 80vw;
        height: 80vw;
    }
 
     .hero_section .content_holder p {
        right: 3vh;
        bottom: 19vh;
        max-width: 342px;
    }

    .hero_section h1 .spacer {
        width: 22vw;
    }
 
 
    /*  */
    .upcoming_shows{min-height:inherit}

    .upcoming_shows .shows_list {
        padding-right: 20px;
        padding-top: 80px;
    }
    
    .upcoming_shows .singer_pic {
        top: inherit;
        width: 45%;
        height: 100%;
        bottom: -125px;
    }
 

}

@media (max-width:820px) {

    /* general css */
    .dekstop-btn {display: none;}
    .mobile-btn {display: block;}

 
    /* Styles for mobile menu list */
    .mobile-menu-list{list-style:none;padding:0;margin:0}
    .mobile-menu-list li{margin-bottom:10px}
    .mobile-header {display: block;}   
    .menu-toggle {display: block; /* Show the toggle button on smaller screens */position: relative;z-index: 9999;background-color:transparent!important;}
    .mobile-btn .btn_primary {
        margin: 0 auto;
        font-size: 20px;
        padding: 16px;
        display: inline-block;
        margin-top: 20px;
    }
    .mobile-btn{text-align:center;margin-top:20px}
    .menu-toggle:focus + .mobile-menu {display: block; /* Show the mobile menu when the toggle button is focused */}
    .custom-menu .menu{display:none}
    .mobile-header{display:flex;padding:10px 15px;justify-content:space-between;border: solid 1px #fff;margin: 10px 10px;position: absolute;width: 94%;margin: 0 auto;left: 0;right: 0;z-index: 999;top: 19px;}
    .mobile-header:before{content:"";height:50vh;position:absolute;left:-1px;top:0;width:1px;background:linear-gradient(180deg,rgba(116,116,116,0.6) 39.58%,rgba(255,255,255,0) 100%);z-index:99}
    .mobile-header:after{content:"";height:50vh;position:absolute;right:-1px;top:0;width:1px;background:linear-gradient(180deg,rgba(116,116,116,0.6) 39.58%,rgba(255,255,255,0) 100%);z-index:99}
    .mobile-menu{position:absolute;top:0;height:100%;z-index:99;width:100%;text-align:center;line-height:normal;background-color: rgba(0,0,0, 0.9);padding: 130px 30px;}
    .mobile-menu ul{list-style:none;text-align:center;padding:10px}
    nav.mobile-nav ul > li.home-logo{display:none}
    nav.mobile-nav ul li a {
        color: #fff;
        padding-bottom: 27px;
        display: inline-block;
        text-transform: uppercase;
    }  
    .social-menu ul.menu{padding:30px 20px}
    .social-menu ul.menu li{display:inline-flex;padding:4px 1px}
    .menu-toggle {border:0;}
    .menu-toggle:focus {outline: 0;}
    .social-menu ul li {margin: 5px 7px;}
    .menu-icon{display:inline}
    .close-icon{display:none}
    .social-menu-mobile-header {
        max-width: 320px;
        margin: 0 auto;
    }
    .social-menu-mobile-header .social-menu ul li a {
        width: 36px;
        height: 36px;
    }
    /* Styles for mobile menu ends */

     /* Banner */
     .hero_section {
        height: 1100px;
        /* background-size: contain; */
    }

    .hero_section:after {
        height: 90%;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0.17) 49.62%, #000 71.51%);
    }
 
    .hero_section .content_holder {
        height: 1100px;
        position: relative;
        display: flex;
        flex-direction: column;
    }

    .hero_section .shape_1{
        background: url(/wp-content/uploads/2024/01/mobile-circled.png) 0 0 no-repeat;
        background-size: cover;
    }

    .hero_section .shape_1,
    .hero_section .shape_2 {
        width: 90%;
        height: 650px;
        top: 124px;
        left: 0;
        right: 0;
        margin: 0 auto;
    }

    .hero_section .content_holder .img_holder {
        width: 100%;
        order: 1;
        height: 750px;
        position: relative;
        bottom: inherit;
        top: 0;
    }

    .hero_section .content_holder .section_title {
        top: 730px;
        right: 110px;
        margin: 0;
        order: 1;
        line-height: 1;
        z-index: 90;
        text-align: right;
        position: relative;
    }

    .hero_section h1 {
        top: -20px;
        position: relative;
        order: 2;
        z-index: 22;
        line-height: 1;
        margin: 0;
    }

    .hero_section h1 .spacer {
        display: none;
    }

    .hero_section .content_holder p {
        top: 0;
        right: 0;
        width: 100%;
        order: 4;
        position: relative;
        bottom: inherit;
        max-width: 560px;
        margin: 0 auto;
        text-align: center;
    }

    .hero_section .content_holder p strong {
        display: inline;
        margin-top: 0;
    }

    /* Upcoming Shows */
    .upcoming_shows {
        padding-bottom: 720px;
        background-size: cover;
    }

    .upcoming_shows .shows_list {
        width: 96%;
        margin: 0 auto;
        padding-right: 0;
    }

    .upcoming_shows .section_title {
        text-align: center;
        display: block;
        width: 100%;
        left: 0;
        right: 0;
        font-size: 45px;
    }

    .upcoming_shows .singer_pic {
        bottom: 0;
        width: 460px;
        height: 650px;
    }
    
    .upcoming_shows .a_big_x {
        bottom: 150px;
        top: inherit;
        height: 600px;
    }
 
    .shows_list .all_shows ul li {
        flex-wrap: wrap;
        padding: 20px 0;
    }

    .shows_list .all_shows ul li .show_date {
        width: 100%;
    }

    .shows_list .all_shows ul li .show_date em br {
        display: none;
    }

    .shows_list .all_shows ul li .show_name {
        margin: 0;
    }

    .shows_list .all_shows ul li .show_tickets {
        margin-bottom: 20px;
    }

    /*  */
    .product_listing ul li {
        flex: 0 0 50%;
    }
    
    .product_listing ul li:nth-child(2n)::after,
    .product_listing ul li:last-child::after {
        display: none !important;
      }

    .product_listing ul li:nth-child(3n)::after {
        display: block;
    }
 
    /* Music Catalog */
    .music_catalog .mobile-btn .btn_primary {
        padding: 23px;
    }

    .music_catalog .head-sec {
        justify-content: center;
    }

    /* Merchandise Shop */
    .merch_shop .head-sec {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

    .merch_shop .head-sec p {
        margin: 20px auto 0 auto;
        max-width: 100%;
        width: 100%;
    }

    .merch_shop .head-sec p br {
        display: none;
    }


    /* Social Shots */
    .social-short-widget .head-sec {
        justify-content: center;
    }

    /* Award Section */
    .award-sec-widget .slick-slide .slide-item{
        padding: 0;
    }

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

    /* general css */
    .merch_shop {padding: 50px 0 60px 0;margin-top: 0px;}
        
    /* =========== Home Page Banner Section ========= */
    /* .hero_section{background:url(http://devcodyjinks.kinsta.cloud/wp-content/uploads/2024/01/background-hero.webp);background-size:100%;background-repeat:no-repeat;}
    .hero_section .shape_1{display:none}
    .hero_section .shape_2{display:none}
    .hero_section .content_holder .img_holder{display:none}
    .hero_section .content_holder{top:0}
    .hero_section{overflow:inherit;}
    .hero_section:after{background:url(http://devcodyjinks.kinsta.cloud/wp-content/uploads/2024/01/shadow_bottom_mobile.webp);background-repeat:no-repeat;background-size:100%;z-index:9999;bottom:-22px;height: 30px;}
    .hero_section .content_holder p br{display:none}
    .hero_section .content_holder p{font-size:16px;bottom:5px;padding:0 20px;right:0;text-align:center;}
    .hero_section h1{position:absolute;top:61%;margin-bottom:0;font-size: 80px;}
    .hero_section .content_holder .section_title{position:absolute;right:10vw;top:56%;font-size: 30px;}
    .hero_section .content_holder {height: auto;}
    .hero_section h1 .spacer{width: 1px;} */
    /* =========== Home Page Banner Section Ends ========= */

    
    /* social shorts css */
    .insta-feeds li{visibility:visible;max-width:320px!important;margin-right:2px}
    .insta-feeds .slick-list{padding:5px!important;margin-bottom:15px;}
    .social-short-widget {padding: 80px 0;}
    /* social shorts css ends */

    /* Music slider */
    /* .music_catalog{padding:70px 0}
    .albums_carosuel_wrapper{display:flex;flex-direction:column}
    .music_catalog .slick-custom-arrow{display:flex;align-items:center;justify-content:center;order:-1}
    .music_catalog .albums_carosuel_wrapper .music_album_carousel .slick-track{padding:10px 0 0!important}
    .albums_carosuel_wrapper .music_album_carousel .catelog-meta span{font-size:20px;color:#fff}
    .albums_carosuel_wrapper .music_album_carousel .catelog-meta h5{font-size:28px}
    .albums_carosuel_wrapper .music_album_carousel .catelog-meta{margin-top:15px;display:flex;align-items:center;justify-content:space-between;font-size:23px} */
    /* Music Slider css ends */

    /* Award Section */
    .award-sec-widget .slick-track {
        padding: 20px 0;
    }

    .award-sec-widget .slick-slide .slide-item {
        width: 80%;
        height: 450px;
        background-size: contain;
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .award-sec-widget .slick-slide .slide-item a {
        width: 80%;
        height: 80%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .award-sec-widget .slick-slide .slide-item img {
        width: 90%;
        height: 90%;
        object-fit: contain;
    }

}
 
@media screen and (max-width: 767px)  {
 
/* Footer Css Starts  */
.footer-bottom{margin-top:0;padding:10px 0}
.footer-bottom .container{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-direction:column-reverse}
.footer-form form{gap:20px}
.footer-bottom .social-menu ul.menu{padding:16px 25px;text-align:center;display:block;padding-bottom:0}
.footer-bottom ul{align-items:center}
.footer-bottom .copytext{margin:0 auto;order:-1}
.site-footers .form-btn{margin-top:20px}
.site-footers .title{font-size:40px}
.site-footers .footer-form :where(input[type="text"],input[type="email"],input[type="number"],input[type="tel"]){font-size:16px!important}
.site-footers .form-btn input[type="submit"]{font-size:20px!important}
.site-footers{padding-top:100px;background:url('http://devcodyjinks.kinsta.cloud/wp-content/uploads/2024/01/footer-bg.webp');background-size:cover; }
/* Footer Css Ends  */
 
}


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

    /* Global */
    body .nano > .nano-content {
        padding-right: 30px;
    }

    .mobile-btn .btn_primary{
        padding: 28px 48px;
    }

    /* Banner */
    .hero_section {
        height: 700px;
    }

    .hero_section:after {
        height: 130%;
    }

    .hero_section .shape_1, .hero_section .shape_2 {
        background-size: contain;
        top: 95px;
    }

    .hero_section .content_holder {
        height: 700px;
    }

    .hero_section .content_holder .img_holder {
        height: 400px;
    }
   
    .hero_section h1 {
        font-size: 90px;
    }

    .hero_section .content_holder .section_title {
        top: 380px;
        right: 20px;
        font-size: 30px;
    }

    .hero_section .content_holder p {
        font-size: 16px;
    }

    .hero_section .content_holder p strong {
        margin: 5px 0 0 0;
        display: block;
        padding: 0;
        float: initial;
    }

    .hero_section .content_holder p strong:before{
        display: none;
    }
    
    /* Upcoming Shows */
    .upcoming_shows .singer_pic {
        width: 90%;
        bottom: -90px;
    }

    .upcoming_shows .a_small_x {
        top: 0;
    }

    .upcoming_shows .a_big_x {
        height: 400px;
    }

    /* Show List */
    .upcoming_shows {
        padding-bottom: 600px;
    }

    .shows_list .btn_primary {
        padding: 20px 38px;
        font-size: 20px;
    }


    /*  */
    .music_catalog {
        padding-top: 90px;
    }

    .music_catalog .section_title {
        font-size: 45px;
        margin: 0;
    }

    .albums_carosuel_wrapper .music_album_carousel {
        order: 2;
    }
    
    .albums_carosuel_wrapper .music_album_carousel .slick-track {
        padding: 20px 0 0 0;
    }

    .albums_carosuel_wrapper .music_album_carousel .slick-active .music-album-item {
        transform: scale(1);
        -webkit-transform: scale(1);
    }

    .albums_carosuel_wrapper .music_album_carousel .slick-active .catelog-meta {
        display: flex;
        padding: 0 30px 0 10px;
    }

    .albums_carosuel_wrapper .music_album_carousel .slick-active .music-album-body {
        background-image: url(../images/team-img-bg.png);
        padding: 20px;
    }

    .albums_carosuel_wrapper .music_album_carousel .catelog-meta h5 {
        font-size: 28px;
    }

    .albums_carosuel_wrapper .music_album_carousel .catelog-meta span {
        font-size: 16px;
    }


    .albums_carosuel_wrapper .slick-custom-arrow {
        order: 1;
        margin-top: 30px;
    }

    .albums_carosuel_wrapper .mobile-btn {
        order: 3;
    }

    /* Merchandise Shop */
    .merch_shop .head-sec h2 {
        font-size: 45px;
    }

    .merch_shop .head-sec p{
        font: 16px;
    }

    .product_listing {
        margin: 0;
    }

    /* .product_listing ul {
        margin-top: -40px;
    } */

    .product_listing ul li {
        padding: 0 10px 60px 10px;
    }

    .product_listing ul li a .product_img {
        height: 200px;
    }

    .product_listing ul li a .title {
        font-size: 18px;
    }

    .product_listing ul li:after,
    .product_listing ul li:nth-child(3n)::after{
        display: none;
    }

    

    /* Social Shots */
    .social-short-widget .head-sec .section_title{
        font-size: 45px;
    }
    
    /* Award Section */
    .award-sec-widget {
        padding: 100px 0;
    }

    .award-sec-widget .section_title {
        font-size: 45px;
    }
    
    .award-sec-widget .slick-slide .slide-item {
        width: 100%;
        height: 300px;
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    .award-sec-widget .slick-slide .slide-item a {
        max-width: 250px;
    }

    .award-sec-widget .slick-slide .slide-item img {
        width: 100%;
        height: 100%;
    }
 
    .award-sec-widget .slick-slide h5 {
        margin: 20px auto 10px auto;
        max-width: 190px;
    }

    /* Footer */
    .site-footers  {
        margin-top: -80px;
        padding-top: 160px;
    }

    .site-footers .social-menu ul li a {
        width: 36px;
        height: 36px;
    }

    .footer-bottom .social-menu ul.menu {
        max-width: 350px;
        margin: 10px auto;
    }

    /* Social Shorts */
    .social-short-widget {
        padding: 110px 0;
    }
    
    .insta-feeds li{
        max-width: 100% !important;
    }

    .insta-feeds li img {
        width: 100% !important;
        object-fit: cover;
    }

}


@media (max-width:400px) {

    /*  */
    .hero_section h1 {
        font-size: 80px;
    }

    /* Upcoming Shows */
    .upcoming_shows .singer_pic {
        bottom: -140px;
    }

   /* Music Section 3 */
    .music-album-body img{
        width: 100%;
    }

}

/****************** Home Page Page Ends Here ******************/



/****************** Music Page Starts Here ******************/


@media (max-width:1180px) {
.dark-bg {
    background-image: url(../images/edges-bg-repeat-strip.webp);
    position:relative;
    background-repeat: repeat-y;
    background-size: contain;
        overflow: visible;
}
.dark-bg:before {
    content:"";
    background-image: url(../images/edges-bg-top.webp);
    position: absolute;
    width: 100%;
    left: 0;
    top: -60px;
    height: 76px;
    right: 0;
    background-position: center;
}
.dark-bg:after {
    content:"";
    background-image: url(../images/edges-bg-bottom.webp);
    position: absolute;
    width: 100%;
    left: 0;
    bottom: -60px;
    height: 76px;
    right: 0;
    background-position: center;
}
.music-sec3 {
    padding-top: 40px;
    padding-bottom: 40px;
    margin-top: 0;
}
    /* Banner */
    .hero_section_inner .content_holder h1 {
        top: 50vh;
    }

    .music_banner_img .content_holder .sub_title {
        bottom: 21vw;
    }

    /* Music Section 2 */
    .music-sec2 .right h4 {
        margin-left: -17px;
    }
 
    /* Music Catalog */
    .music_catalog-listing.music_catalog .container {
        gap: 0;
    }

    .music_catalog .catalog .catalog_header .catalog_title {
        font-size: 24px;
    }

    .music_catalog .catalog .catalog_header .songs_count {
        font-size: 16px;
    }

    .music_catalog .catalog .catalog_header .catalog_title em {
        font-size: 16px;
    }

    .music_catalog-listing.music_catalog .catalog ul li .song_name {
        font-size: 15px;
    }

    .song-info-wraper h3 {
        font-size: 20px;
    }

    .song-info-wraper .r-date {
        font-size: 20px;
    }

    .song-info-wraper .r-date span {
        font-size: 18px;
    }

    .song-info-wraper h5 {
        font-size: 24px;
    }

    .music_catalog-listing.music_catalog .right_colums {
        max-width: 50%;
        flex: 0 0 50%;
    }

    .music_catalog-listing.music_catalog .right_colums p {
        font-size: 18px;
    }

    .panel-title {
        font-size: 20px;
    }

    .panel-value {
        font-size: 18px;
    }

    .toggle-widget .accordion span {
        font-size: 24px;
    }

    /* Music Section 3 */
    .music-album-slider .slick-current .catelog-meta {
        display: flex;
    }

    .catelog-meta h5 {
        font-size: 28px;
    }

    .catelog-meta span {
        font-size: 16px;
    }

}

@media (max-width:1024px) {

     /* Banner */
    .music_banner_img .content_holder .sub_title {
        bottom: 24vw;
    }
 
    /* Music Section 2 */
    .music-sec2 {
        padding: 160px 0;
    }

    /* Music Section 3 */
    .music-sec3 .slick-custom-arrow {
        display: none;
    }

    .music_catalog .left_colums {
        min-width: inherit;
    }

}

@media (max-width:820px) {

     /* Banner */
     .music_banner_img {
        height: 65vh;
    }

    .hero_section_inner .content_holder h1 {
        top: 60vh;
    }

    .music_banner_img .content_holder .sub_title {
        bottom: 43vw;
    }

    /* Music Section 3 */
    .music-sec3 {
        padding-bottom: 150px;
    }

    .music-album-footer .social-links img {
        object-fit: contain;
    }
    

}

@media (max-width:768px) {

     /* Header */
    /* .mobile-header {
        position: absolute !important;
        left: 0;
        right: 0;
        width: 100%;
        z-index: 100;
    } */

     /* Banner */
     .music_banner_img {
        height: 50vh;
    }

    .hero_section_inner .content_holder h1 {
        top: 68vh;
    }

    .music_banner_img .content_holder .sub_title {
        bottom: 29vw;
    }

     /* Music Catalog */
    .music_catalog-listing.music_catalog .left_colums {
        max-width: 50%;
        flex: 0 0 50%;
    }

}

@media (max-width:576px) {

    /* Banner */
    .music_banner_img {
        height: 50vh;
    }
 
    .hero_section_inner.music_banner_img .breadcrumb_wrap {
        top: 96px;
        left: 10px;
        display: block !important;
    }

    .hero_section_inner.music_banner_img{
        height: 440px;
    }

    .hero_section_inner.music_banner_img:after{
        display: none;
    }

    .hero_section_inner.music_banner_img .bg_img{
        height: 440px; 
    }

    .hero_section_inner.music_banner_img .content_holder {
        height: 280px;
    }

    .hero_section_inner.music_banner_img .content_holder .sub_title {
        bottom: 22vw;
        font-size: 24px;
    }

    .hero_section_inner .content_holder h1 {
        top: 65vh;
        font-size: 30px;
        max-width: 80%;
    }

    .hero_section_inner.music_banner_img h1 {
        font-size: 35px !important;
    }

    .music_banner_img .content_holder h1:before {
        width: 100px;
        left: -50px;
        height: 30px;
        top: -10px;
    }

    .music_banner_img .last-quot img {
        width: 40px;
    }

    .music_banner_img .content_holder .sub_title {
        bottom: 35vw;
        font-size: 24px;
    }

    /* Music Section 2 */
    .music-sec2 {
        padding: 110px 0 120px 0;
    }

    .music-sec2 .container {
        flex-direction: column;
    }
    
    .music-sec2 .left {
        flex: 0 0 100%;
    }

    .music-sec2 .left .releas-img {
        width: 80%;
        margin: 0;
        height: auto;
    }

    .music-sec2 .left .cd-img {
        right: -20px;
        width: 70%;
        height: 70%;
        top: -60px;
        /* padding: 0; */
    }

    .music-sec2 .right {
        width: 100%;
    }

    .music-sec2 .right .r-date {
        font-size: 26px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .music-sec2 .right .r-date span {
        font-size: 20px;
    }

    .music-sec2 .right h4 {
        font-size: 45px;
        text-align: center;
        margin-top: 20px;
    }

    .music-sec2 .right h2 {
        font-size: 50px;
        text-align: center;
    }

    .music-sec2 .right .share-post {
        font-size: 24px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .music-sec2 .right .share-post a {
        width: 34px;
        height: 34px;
        flex: 0 0 34px;
        font-size: 70%;
    }

    .music-sec2 .right .share-post span {
        margin-right: auto;
    }

    .widget_label {
        font-size: 24px;
    }

    .social-links {
        justify-content: center;
        flex-wrap: wrap;
        margin-top: 40px;
        position: relative;
        max-width: 280px;
        margin: 0 auto;
    }

    .social-links a {
        margin: 10px 10px;
    }

    .social-links a img {
        width: 43px;
        height: 43px;
    }

    .music-sec2 .social-links {
        padding-top: 10px;
    }

    /* .music-sec2 .social-links:before {
        content: "Listen/Buy:";
        font-size: 26px;
        position: absolute;
        left: -60px;
        font-family: "black_maskpress";
        top: 20px;
    } */


     /* Music Section 3 */
     .music-sec3 {
        padding-top: 70px;
        padding-bottom: 70px;
        
    }

    .music-sec3 .section_title{
        font-size: 45px;
    }

    .music-album-slider .slick-track {
        padding: 0;
    }

    .music-album-body img {
        max-height: initial;
        width: 80%;
        height: auto;
        object-fit: cover;
        margin: 0 auto;
    }

    .music_catalog-listing.music_catalog .container {
        flex-direction: column;
        flex-wrap: wrap;
    }

    .music_catalog-listing.music_catalog .left_colums,
    .music_catalog-listing.music_catalog .right_colums {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
        padding: 0;
    }

    .music_catalog-listing.music_catalog .right_colums .song-info-content {
        margin-top: 40px;
    }

    .song-info-wraper.nano,
    .toggle-widget{
       width: 100%;
    }

    .music-sec3 .slick-custom-arrow{
        display: block;
    }

    .music-sec3 .slick-custom-arrow .slick-arrow {
       z-index: 100;
    }

    .music-sec3 .slick-custom-arrow .music-album-prev-arrow {
        left: 0;
    }

    .music-sec3 .slick-custom-arrow .music-album-next-arrow {
        right: 0;
    }

    .music_catalog-listing.music_catalog .catalogs_wrapper .nano {
        height: 400px;
        width: 100%;
    }

    .panel-container {
        flex-direction: column;
    }

    .panel-left {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    .music-album-slider .slick-current .music-album-footer {
        display: block;
        max-width: 90%;
        margin: 0 auto;
    }

    .music-album-footer .social-links img {
        width: 43px;
        height: 43px;
    }

    .music-album-slider .slick-current .catelog-meta {
        display: flex;
        max-width: 80%;
        margin: 20px auto 0 auto;
    }

}

@media (max-width:414px) {

    /* Music Section 2 */
    /* .music-sec2 .social-links:before {
        left: -50px;
    } */

}

@media (max-width:390px) {

    .hero_section_inner.music_banner_img h1 {
        font-size: 31px !important;
    }

    .hero_section_inner.music_banner_img .content_holder .sub_title {
        bottom: 29vw;
    }

    /* Music Section 2 */
    /* .music-sec2 .social-links:before {
        left: -40px;
    } */

}


@media (max-width:375px) {
 
    /* Music Section 2 */
    /* .music-sec2 .social-links:before {
        left: -30px;
    } */

}
 

/****************** Music Page Ends Here ******************/



/****************** Tour Page Start Here ******************/

@media (max-width:1180px) {

    /*  */
    .tour_banner_img.hero_section_inner .content_holder .sub_title {
        top: 47vh;
    }


    /*  */
    .full_schedule {
        margin-top: -100px;
    }
    

}

@media (max-width:820px) {

    /* Inner Pages Hero Banner */
    .hero_section_inner {
        height: auto;
    }

    .hero_section_inner .shape_1 {
        top: 20%;
    }

    .hero_section_inner .content_holder {
        height: 270px;
    }

    .hero_section_inner .content_holder h1 {
        top: 0;
        font-size: 55px;
    }

    .tour_banner_img.hero_section_inner .content_holder .sub_title {
        top: -40px;
        font-size: 45px;
    }


    /* Shows Snapshots */
    .shows_snapshots h2 {
        font-size: 45px;
    }

    .shows_snapshots h2 b {
        display: block;
        font-size: 34px;
    }

    .shows_snapshots .container {
        flex-direction: column;
    }

    .shows_snapshots .right_colums {
        padding: 0;
        display: none;
    }

    .map-wrapper {
        width: 600px;
        margin: 0 auto 40px auto;
        height: 600px;
    }


    /* Shows List */
    .shows_list.full_view .all_shows ul li .show_date {
        font-size: 24px;
        flex: 1;
    }

    .shows_list.full_view .all_shows ul li .show_date em {
        font-size: 14px;
    }

    .shows_list.full_view .all_shows ul li .show_name {
        font-size: 14px;
        min-width: 210px;
    }

    .shows_list.full_view .all_shows ul li .show_name em {
        font-size: 14px;
    }

    .shows_list.full_view .all_shows ul li .show_location {
        font-size: 16px;
    }

    .shows_list.full_view .all_shows .show_nav li a {
        font-size: 20px;
    }

}

@media (max-width:768px) {

    /* Shows List */
    .shows_list.full_view .all_shows ul li .show_location {
        margin-left: 0px;
    }

}


@media (max-width:576px) {

    .catalogs_wrapper.fadeInLeft {
    height: auto !important;
    }

    /* Hero Section */
    .hero_section_inner {
        min-height: 400px;
    }

    .hero_section_inner.tour_banner_img .breadcrumb_wrap {
        top: 96px;
        left: 10px;
        display: block !important;
    }

    .hero_section_inner .bg_img {
        height: 400px;
    }

    .hero_section_inner [class*="bg_singer_"] img {
        height: 320px;
    }
    
    .hero_section_inner:after {
        height: 50px;
        bottom: 30px;
    }

    .hero_section_inner .shape_1 {
        top: 30%;
    }

    .hero_section_inner .content_holder {
        height: 200px;
    }

    .hero_section_inner .content_holder h1 {
        margin: 0 auto;
    }


    /*  */
    .shows_snapshots {
        min-height: inherit;
        padding: 75px 0 75px 0;
        /* background-size: cover; */
    }

    .map-wrapper {
        width: 100%;
        height: auto;
        padding: 60px 40px;
    }

    .loc-wi, .locations-widget {
        font-size: 10px;
    }


    /*  */
    .full_schedule {
        margin-top: 0px;
        padding-top: 40px;
         padding-bottom: 70px;
    }

    .full_schedule h2 {
        font-size: 45px;
    }

    .shows_list.full_view .all_shows .show_nav li a span {
        display: none;
    }

    .shows_list.full_view .all_shows ul li .show_date {
        flex: 0 0 100%;
    }

    .shows_list.full_view .all_shows ul li .show_name {
        flex: 0 0 100%;
        margin-bottom: 10px;
    }

    .fss_dots{
        max-width: 80%;
        margin: 0 auto;
        left: 0;
        right: 0;
        position: relative;
        overflow: hidden;
    }

    .fss_dots ul {
        justify-content: center;
        padding: 0;
    }

    .fss_dots ul li {
        font-size: 20px;
        margin: 0 3px;
    }
    

    .fss_dots ul li:nth-child(3) {
        font-size: 0;
    }

    .fss_dots ul li:nth-child(3):before {
        content: "...";
        font-size: 12px;
        letter-spacing: 4px;
    }

    .fss_dots ul li:nth-child(4) {
        display: none;
    }

    .contact-info-widget {
        flex-direction: column;
        align-items: flex-start;
        width: 90%;
        margin: 40px auto 0 auto;
    }

    .contact-info-widget h3 {
        font-size: 24px;
    }

    .info-detail {
        justify-content: space-between;
        width: 100%;
    }

    .info-detail span {
        font-size: 18px;
    }

    .info-detail:first-of-type {
        margin-top: 20px;
    }


.music_catalog.music_catalog-listing {
    margin-top: 10px;
}

.music-sec3 {
    padding-bottom: 30px;
}


.music-sec3 {
    padding-top: 25px;
}

.music-sec2 {
    padding: 110px 0 85px 0;
}

#pum-296 {
    display: none !important;
}

}


/****************** Tour Page Ends Here ******************/


/*====== 
band page responsive css
==========================================================================================*/
@media only screen and (max-width: 1500px) {
.about-sec2 .nano {
    height: 360px;
}
}
@media only screen and (max-width: 1200px) {
.hero_section_inner.band_banner_img{
        height: calc(25rem + 1vw);
}
.hero_section_inner.band_banner_img img{
    object-position:center top;
}
.hero_section_inner.band_banner_img .content_holder {
    top: 0;
    height: 100% !important;
    display: flex;
    align-items: center;
    flex-direction: column-reverse;
    justify-content: center;
}

.hero_section_inner.band_banner_img .content_holder h1 {
    position: static;
    font-size:44px !important;
}

.hero_section_inner.band_banner_img .content_holder span.sub_title {
    position: static;
    font-size:40px;
        line-height: 1;
}
.slider-nav-team {
    margin-left: 60px;
    margin-right: 60px;
}
.team-slider-widget .slick-custom-arrow .team-prev-arrow {
    left: 0;
}
.team-slider-widget .slick-custom-arrow .team-next-arrow{
    right:0;
}
.testimonial_section {
    background-size: cover;
}
.testimonial_section .slick-custom-arrow .testi-prev-arrow {
    left: 10px;
}
.testimonial_section .slick-custom-arrow .testi-next-arrow {
    right: 10px;
}
.testimonial-text {
    font-size: calc(1.5rem + 0.5vw);
}
.about-sec2{
    margin-top: calc(-7rem + 1vw);
}
.about-sec2 .nano {
    height: 170px;
}
}
@media only screen and (max-width: 1023px) {
.about-sec2{
    margin-top: calc(-8rem + 1vw);
}
}
@media only screen and (max-width: 767px) {
.band_banner_img{}
.band_banner_img .bg_img img {
    object-position: center;
}
.band_banner_img .content_holder {
    top: 0;
    height: 100% !important;
    display: flex;
    align-items: center;
    flex-direction: column-reverse;
    justify-content: center;
}

.band_banner_img .content_holder h1 {
    position: static;
    font-size:44px !important;
}

.band_banner_img .content_holder span.sub_title {
    position: static;
    font-size:40px;
        line-height: 1;
}
.hero_section_inner.band_banner_img:after{
        display: none;
    }
.slider-for-team-item .nano {
    height: 230px;
}
.about-sec2{
    background-position: left top;
    background-size: 240%;
    margin-top: -100px;
    padding-top: 30rem;
}

.about-sec2 .right {
    width: 100%;
        font-size: 16px;
}
.about-sec2 .right h2 {
    font-size: 40px;
}
.about-sec3 h2 {
    font-size: 45px;
    line-height: 1;
    margin-bottom: 2rem;
        margin-top: 2rem;
}
.about-sec2 .nano {
    height: 300px;
}
.slider-nav-team {
    margin-left: 3rem;
    margin-right: 3rem;
}
.team-slider-widget .slick-custom-arrow .slick-arrow {
    transform: translateY(5px);
}
.team-slider-widget .slick-custom-arrow .team-prev-arrow {
    left: 0;
}
.team-slider-widget .slick-custom-arrow .team-next-arrow {
    right: 0;
}
.slider-for-team-item {
    flex-direction: column;
}
.slider-for-team-item .left{
    width:100%; padding: 0rem;
    background-image:none;
}
.slider-for-team-item .right {
    width: 100%;
}
.slider-for-team-item .right h4{
    font-size: 20px;
}
.slider-for-team-item .right h3{
        font-size: 40px;
    margin-top: 1rem;
}
.slider-for-team-item .right p {
    font-size: 16px;
}
.testimonial_section{
    padding:5rem 0 12rem;
    background-image: url(../images/testimonial-bg-mobile.webp);
    background-size:cover;
}
.testimonial-slide-item {
    flex-direction: column;
}
.testimonial-slide-item .left {
    width: 100%;
    padding-left: 20px;
}
.testimonial-slide-item .right {
    width: 70%;
    padding-right: 0px;
}
.testimonial_section .slick-custom-arrow {
    top: auto;
    bottom: -30px;
    width: 100px;
    margin: auto;
}
.testimonial-name {
    margin: 1.5rem 0;
}
.full-name{
    line-height:1;
}
.testimonial-text:before{
    left:-20px;
}
.page-template-template-band-page {
    
}
}

/*====== 
band page responsive css end
==========================================================================================*/

/*====== 
MISC page responsive css
==========================================================================================*/
@media only screen and (max-width: 1200px) {
.page-template-template-misc-pages .hero_section_inner{
        height: calc(25rem + 1vw);
}
.page-template-template-misc-pages .hero_section_inner img{
    object-position:center;
}
.page-template-template-misc-pages .hero_section_inner:after{
    content:none;
}
.page-template-template-misc-pages .hero_section_inner .content_holder {
    top: 0;
    height: 100% !important;
    display: flex;
    align-items: center;
    flex-direction: column-reverse;
    justify-content: center;
}

.page-template-template-misc-pages .hero_section_inner .content_holder h1 {
    position: static;
    font-size:44px !important;
}

.page-template-template-misc-pages .hero_section_inner .content_holder span.sub_title {
    position: static;
    font-size:40px;
        line-height: 1;
}
}
@media only screen and (max-width: 767px) {
    .misc_pages{
        padding:100px 0 150px 0;
            font-size: 16px;
    }
    .misc_pages h2{
        font-size:22px;
    }
    .misc_pages h3{
        font-size:20px;
    }
}

/*====== 
MISC page responsive css end
==========================================================================================*/