/****************** 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:1600px) {
    .section-title h2{font-size:64px;}
}
@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: 0;
    }
    
    .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: 18px;
    }

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

    .shows_list .all_shows ul li .show_name {
        font-size: 18px;
        line-height: 1.2;
    }

    .shows_list .all_shows ul li .show_name em {
        font-size: 12px;
        margin-top: 6px;
    }
    
    /* 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.r-date {
        font-size: 14px;
        width: 100%;
        margin-bottom:1.5rem
    }
 .section-title h2 {
        font-size: 50px;
    }
}

@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: 30px;
    }
    
    .upcoming_shows .singer_pic {
        top: inherit;
        width: 45%;
        height: 100%;
        bottom: -125px;
    }
 

}

@media (max-width:820px) {
.main-header{display:none;}
    /* 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;margin: 10px 10px;position: absolute;width: 94%;margin: 0 auto;left: 0;right: 0;z-index: 999;top: 19px;}
    .mobile-header:before{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{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 {
        
        
    }
 
    .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: 70px;
        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%;
        font-family: var(--font-archivo);
        font-weight: 300;
    }

    .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;
        margin-left: 0;
    }

    .shows_list .all_shows ul li .show_tickets a{
        padding: 1rem 1.5rem;
    }

    /*  */
    .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: 20px 38px;
        width: 100%;
    }

    .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: 100px 0 80px 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)  {

    .codyjinks-heading-sm{display:block}

    .codyjinks-heading-lg{display:none}

    .hero-content-holder{
        padding-top: 6rem;
        background-image: url(../images/hero-section-bg-small.png);
    }
 
    /* Footer Css Starts  */
    .footer-bottom {
        margin-top: 0;
        padding: 10px 0 30px 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:flex;padding-bottom:0;flex-wrap: wrap;justify-content: center;}
    .footer-bottom .social-menu ul.menu li {}
    .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:52px}
    .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-size:cover; }
    /* Footer Css Ends  */
 
}


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

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

    .mobile-btn .btn_primary{
        padding: 20px 38px;
        width: 100%;
    }

    /* Banner */
    .hero_section {
        height: 800px;
    }
.hero-content-holder .container {
    height: 100%;
    display: flex;
    flex-direction: column;
}
.hero-sub-title {
    font-size: 24px;
    justify-content: center;
    margin-top: 0.5rem;
}
.hero-img-holder {
    margin-top: auto;
    position: relative;
}
.hero-img-holder img {
    max-width: 100%;
    bottom: 0;
}
.hero-img-bg-left {
    left: -70%;
    width: 100%;
    bottom: 15%;
    display: none;
}
.hero-img-bg-right {
    right: -60%;
    width: 100%;
    bottom: 15%;
    display: none;
}
    .hero_section:after {
        
    }

    .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 */
    .section-title{
        text-align:center;
        margin-bottom: 0;
    }
.section-title h2{    
    font-size: 50px;
}
.section-title h2:before{
    left: -50px;
    top: -30px;
}
.section-title h2:after{
    position:absolute;
        right: -64px;
        bottom: -18px;
}
    .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: 80px;
        padding-top: 60px;
    }

    .shows_list .btn_primary {
        padding: 20px 38px;
        font-size: 20px;
        width: 100%;
        margin-top: 4rem;
    }


    /*  */
    .music_catalog {
        padding-top: 60px;
        padding-bottom: 80px;
    }

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

    .albums_carosuel_wrapper .music_album_carousel {
        order: 2;
        max-height: inherit;
    }
    
    .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 .catelog-meta{
    width:100% !important;
}
    .albums_carosuel_wrapper .music_album_carousel .slick-active .catelog-meta {
        display: flex;
        padding: 0;
        margin-top:2rem;
        margin-bottom:2rem;
    }

    .albums_carosuel_wrapper .music_album_carousel .slick-active .music-album-body {
display: block;    
    }
    .music-album-thumbnail {
        width: 100%;
    }
    

    .albums_carosuel_wrapper .music_album_carousel .catelog-meta h5 {
        font-size: 28px;
        width:100%;
    }
    .albums_carosuel_wrapper .music_album_carousel .catelog-meta span.r-title{
        font-size:44px;
    }

    .albums_carosuel_wrapper .slick-custom-arrow {
        order: 1;
    }

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

    /* Merchandise Shop */
    .merch_shop{
        padding-top: 60px;
        padding-bottom: 80px;
    }
    .merch_shop .head-sec h2 {
        font-size: 45px;
    }

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

    .product_listing {
        margin: 3rem 0 0 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: 16px;
    }
    .product_listing ul li a .item-price{
        font-size: 14px;
    }

    .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;
    }

    .social-short-widget .mobile-btn {
        display: block;
    }
    
    /* 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 .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: 60px 0 80px 0;
    }
    
    .insta-feeds {
        margin-top: 3rem;
    }

    .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 .music-album-thumbnail img{
        width: 100%;
        height:auto;
    }

}

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



/****************** Music Page Starts Here ******************/
@media (max-width:1440px) {
    .music-sec2 .right h2{
            font-size: 60px;
    }
    .music-sec2 .left .cd-img{
        right:4rem;
    }
}

@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 {
        font-size: 18px;
    }
 
    /* 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;
    }
.music-sec2 .left {
    flex: 0 0 40%;
}
.music-sec2 .left .cd-img {
        right: 1rem;
    }
.music-sec2 .right h2 {
        font-size: 52px;
    }
.music-sec2 .right .share-post,
.music-sec2 .right .r-date,
.listen-bynow-btn{
    font-size:22px;
}
.music-sec2 .right .r-date span{
    font-size:15px;
}
.music-albums-listings .sort-dropdown span,
.music-albums-listings .filters .filter-btn{
    font-size:20px;
}
.music-albums-listings .music-item .item-date{
    font-size:15px;
}
}

@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 only screen and (max-width: 767px) {
    .music-sec2 .container {
        flex-direction: column-reverse;
    }
    .music-sec2 .left {
        margin-top: 2rem;
    }
    .music-albums-listings .sort-dropdown span{
        width:90px;
    }

    .music-albums-listings {
        background-image: url('');
        position: relative;
        overflow: visible;
        padding-top: 60px;
    }


    .music-albums-listings .music-item{
        width:50%;
    }
    .music-albums-listings .music-item > img{
        height: 50vw;
    }
    

    .music-albums-listings .music-item .social-links {
        position: relative;
        justify-self: center;
        margin: 0 auto;
                gap: 5px;
    }
.music-albums-listings .music-item .social-links a {
    margin: 0;
}
.music-albums-listings .music-item .social-links a img {
    width: 28px;
    height: 28px;
}

    .music-albums-listings .filteration_header {
        border-bottom: solid 1px rgba(255,255,255,0.2);
        padding-bottom: 20px;
    }

    
    .music-albums-listings .filters {
        justify-content: center;
        gap: 18px;
    }

    .music-albums-listings .filters .filter-btn {
        font-size: 18px;
    }

    .music-albums-listings .sort-dropdown {
        /* width: 100%; */
        /* flex-direction: column; */
        /* max-width: 260px; */
        /* margin: 20px auto 0 auto; */
        padding: 0;
    }

    .music-albums-listings .sort-dropdown span {
        font-size: 18px;
    }

    
}
@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: 90%;
    }

    .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 .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 span {
        font-size: 20px;
    }

   

    .music-sec2 .right h2 {
        font-size: 50px;
    }
    .music-sec2 .right .share-post a {
        width: 34px;
        height: 34px;
        flex: 0 0 34px;
        font-size: 70%;
    }
    .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: 40px;
        height: 40px;
    }

    .music-sec2 .social-links {
        max-width: 100%; justify-content: start;
    }
    .music-sec2 .social-links a {
    margin: 5px;
}

    /* .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 {
        
    }

    .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 (min-width:2221px) {

    .tour-page-body .hero_section_inner .section-title h2:before {
        left: 23%;
    }

    .tour-page-body .hero_section_inner .section-title h2:after {
        right: 17%;
    }

}

@media (max-width:2220px) {

    .tour-page-body .hero_section_inner .section-title h2:before{
        left: 190px;
    }

}

@media (max-width:1920px) {

    .tour-page-body .hero_section_inner .section-title h2:before{
        left: 80px;
    }

    .tour-page-body .hero_section_inner .section-title h2:after {
        right: 24px;
    }

}

@media (max-width:1536px) {
.tour-page-body .hero_section_inner {
    padding-top: 8rem;
    padding-bottom: 0;
}
.tour-page-body .hero_section_inner .section-title h2:before{
    left: 260px;
}

 .tour-page-body .hero_section_inner .section-title h2:after {
    right: 124px;
}

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

@media (max-width:1440px) {

    .tour-page-body .hero_section_inner .section-title h2:before{
        left: 180px;
    }

    .tour-page-body .hero_section_inner .section-title h2:after {
        right: 54px;
    }

}

@media (max-width:1180px) {
.shows_list.full_view .all_shows ul li .show_name {
        font-size: 16px;
    }
.shows_list.full_view .all_shows ul li .show_name em{
    font-size:13px;
}
.shows_list.full_view .all_shows .show_nav li a {
    font-size: 14px;
}
.shows_list .all_shows .show_nav li.buy_ticket a{
    padding:1rem;
}

}

@media (max-width:820px) {
.tour-page-body .hero_section_inner .section-title h2:before{
    left: 15px;
}
.tour-page-body .hero_section_inner .section-title h2:after{
    right: 0;
}
    /* Inner Pages Hero Banner */
    .hero_section_inner {
        height: auto;
    }

    .hero_section_inner .shape_1 {
        top: 20%;
    }

    .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) {

.tour-page-body{
    background-position: -1050px top;
}

.tour-page-body .hero_section_inner {
    padding-top: 4rem;
    padding-bottom: 0rem;
}
.tour-page-body .hero_section_inner .section-title h2 {
    padding: 0 1rem;
    line-height: 1.1;
    font-size: 52px;
}
.tour-page-body .hero_section_inner .section-title h2:before {
        left: -75px;
        top: 0;
}
.tour-page-body .hero_section_inner .section-title h2:after{
    right: -164px;
    bottom: 0;
}
.shows_list.full_view .all_shows ul li .show_date {
    font-size: 14px;
}
.shows_list.full_view .all_shows ul li .show_date em {
    color: #fff;
    margin-left: 5px;
    line-height: 1;
}
.shows_list.full_view .all_shows ul li .show_name {
    font-size: 24px;
}
.shows_list .all_shows .show_nav{
display: flex;
  width: 100%;
  flex-direction: row-reverse;
     margin-top: 15px;
}
.shows_list .all_shows .show_nav li.buy_ticket {
    margin-right: auto; margin-left: 0;
}
.shows_list.full_view .all_shows .show_nav li a {
    font-size: 16px;
}
.shows_list .all_shows .show_nav li.buy_ticket a {
    padding: 10px 2rem;
}
.shows_list .all_shows .show_nav li.social .cj-share{
top: -24px; right:0;
}
    .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;
    }

    .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 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: 0;
         padding-bottom: 70px;
    }

    .full_schedule .mobile-btn {
        display: flex;
    }

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

    .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;
}

}

@media (max-width: 414px) {
    .tour-page-body{
        background-position:-1200px top;
    }
}

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


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

@media only screen and (max-width: 2100px) {
    .about-sec2 .section-title {
        margin-left: 10%;
    }
}

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

    .about-sec2 .section-title {
        margin-left: 5%;
        margin-top: 1rem;
    }

}

@media only screen and (max-width: 1600px) {
    .testimonial-text {
     font-size: 16px;
    }
    .testimonial-text:before {
        width: 60px;
        height: 60px;
    }
    .slider-nav-team-item {
        gap: 10px;
    }
    .slider-nav-team-item-content h6 {
        font-size: 11px;
    }

    .about-sec2 .section-title {
        margin-left: 10%;
        margin-top: 1rem;
    }

}
@media only screen and (max-width: 1598px) {
.section-title {
    padding-bottom: 1.2rem;
    padding-top: 2rem;
}
    .hero_section_inner.band_banner_img .content_holder h1{
        font-size: 158px;
    }

.music-sec2 .right h2 {
    line-height: 1.1;
    margin-top: 1rem;
    margin-bottom: 2rem;
    font-size: 70px;
}

.hero_section_inner {
     padding: 10rem 0px 5rem;
}
.about-sec2 .left {
    flex: 0 0 40%;
    width: 40%;
}
.about-sec2 .img_holder {
    width: 78%;
    margin-right: 0;
    margin-top: 0;
}

.slider-for-team-item .right h3{
  font-size: 40px;  
}
.slider-for-team-item .right p{
 font-size: 16px;  
}
.full-name{
     font-size: 14px;  
}
.testimonial-slide-item .right{
    width:90px;
}

.hero_section_inner .content_holder .sub_title{
        padding-right: 3%;
    }

}
@media only screen and (max-width: 1500px) {
    .about-sec2 .nano {
        height: 360px;
    }
    .about-sec2 .section-title {
        margin-left: 5%;
    }
 
}
@media only screen and (max-width: 1200px) {

.hero_section_inner.band_banner_img img{
    object-position:center top;
}

.hero_section_inner {
     padding: 7rem 0px 4rem;
}
.hero_section_inner.band_banner_img .content_holder h1{
    font-size: 100px;
}
.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 {

}
.testimonial-slide-item {
    margin-bottom: 1rem;
}
.about-sec2{
    padding: 70px 0;
}
.about-sec2 .nano {
    height: 170px;
}
.about-sec2 .section-title {
position: static;
text-align: center;
margin-bottom: 2rem;
padding-bottom: 2rem;
}
.about-sec2 .section-title h2:after {
    right: -120px;
    position: absolute;
}
.about-sec3,
.testimonial_section {
 padding: 70px 0;
}
}
@media only screen and (max-width: 1023px) {
.slider-nav-team-item-content h4 {
    font-size:18px;
}
}
@media only screen and (max-width: 767px) {

.section-title{
    overflow: hidden;
}

.band_banner_img{}
.band_banner_img .bg_img img {
    object-position: center;
}


.slider-for-team-item .nano {
    height: 290px;
}
.hero_section_inner.band_banner_img .content_holder h1{
    font-size: 82px;
}
.hero_section_inner .content_holder .sub_title{
    font-size: 24px; 
    margin-top: 10px;
    text-align: center;
    padding-right: 0;
}

.about-sec2 {
    padding: 40px 0;
}
.about-sec3 .section-title h2:before {
        left: -110px;
        top: -20px;
    }
.about-sec3 .section-title h2:after {
    right: -10rem;
}
.about-sec2 .container {
    flex-direction: column;
}
.about-sec2 .left {
    flex: 0 0 100%;
    width: 100%;
}
.about-sec2 .img_holder {
    width:100%;
    margin-right:0;
    margin-top:0;
}

.about-sec2 .right {
    width: 100%;
        font-size: 16px;
    margin-top: 1.5rem;
}
.about-sec2 .right h2 {
    font-size: 24px;
}
.about-sec3 h2 {
    font-size: 45px;
    line-height: 1;
    margin-bottom: 2rem;
        margin-top: 2rem;
}
.about-sec2 .nano {
    height: 300px;
}

.about-sec3 .section-title {
    margin-bottom: 2rem;
    margin-top: 0;
    padding-top: 0;
}

.about-sec3 .container {
    display: flex;
    flex-direction: column-reverse;
}
.team-slider-widget {
    margin-top: 0;
    margin-bottom: 2rem;
}
.slider-for-team-item .left .sign-img {
      right: -12px;
    bottom: -20px;
    width: 102px; 
}
.slider-nav-team {
    margin-left: 3rem;
    margin-right: 3rem;
background-image: none;
}
.slider-nav-team .slick-track {
    padding-top: 0;
}

.testimonial-slide-item {
    margin-bottom: 1rem;
    padding:1rem;
}
.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 5rem;
}
.testimonial-slide-item {
    flex-direction: column;
}
.testimonial-slide-item .left {
    width: 100%;
    padding-left: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;
}

.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
==========================================================================================*/