/*===================================================Responsive-css-Start==================================================*/

@media (max-width: 1600px){
    .slider_area .carousel-captions .heading {
        font-size: 62px;
        line-height: 72px;
    }
    .slider_area .carousel-captions p {
        font-size: 16px;
    }
}

@media (max-width:1200px){
    /*............1200-Header-Start............*/
    .header-nav {
        gap: 1.5rem !important;
    }
    .header-nav a {
        font-size: 15px;
    }
    .homebanner-panel i {
        font-size: 13px;
    }
    /*............1200-Header-End............*/
    /*............1200slider_area mr_top-Start............*/
    .slider_area .carousel-captions .heading {
        font-size: 50px;
        line-height: 62px;
    }
    .slider_area .carousel-captions .heading br {
        display: none;
    }
    .slider_area .carousel-captions p {
        font-size: 14px;
    }
    .slider_area .carousel-captions .common-btn {
        padding: 12px 32px;
        font-size: 14px;
    }
    
    /*............1200-slider_area mr_top-End............*/

     /*............1200-workshops-home-section-Start............*/
     .workshops-group {
        gap: 50px;
        padding: 0px 50px;
    }
    .workshops-conts p {
        padding-top: 15px;
        font-size: 14px;
        line-height: 26px;
    } 
    .workshops-conts ul {
        padding-top: 15px;
    }
    .workshops-conts ul li {
        font-size: 14px;
    }
/*............1200-workshops-home-section-End............*/


  
   


}

@media (max-width:1024px){
  
}



@media (max-width: 992px){

    
    /* 992............Header-Start............*/
    .header-menu nav {
        height: 5rem;
    }
    .logo-panel img {
        max-width: 72px;
    }
    .header-right {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background-color: #252525;
        padding: 50px;
        margin-top: 1px;
        border-bottom: solid 1px #554a32;
    }
    .header-right.open-menu, .mobile-toggle {
        display: block;
    }
    .header-right ul {
        padding-bottom: 30px;
    }
    .headertellus-popup {
        padding: 12px 18px;
        background:#986d2d;
        color: #fff !important;
        font-size: 15px !important;
        border-radius: 8px;
    }
    /* 992............Header-End............*/


    /* 992............Banner-Start............*/
    .slider_area .carousel-captions.caption-align-center {
        width:80%;
        left: 0;
        right: 0;
        margin: auto;
    }
    .slider_area .carousel-captions .heading small {
        font-size: 20px;
        line-height: initial;
    }
    .slider_area .carousel-captions .heading {

        font-size: 28px;
        line-height: 42px;
    }
    .slider_area .carousel-captions p {
        font-size: 13px;
    }
    
 /* 992............Banner-End............*/

 /* 992...........Home-form-Start............*/
 .homecontactform-section {
    padding: 40px 20px;
}
 /* 992...........Home-form-End............*/

 


}

@media (max-width: 767px){

/*767---------------------Home-page-End............*/ 
  /* 767............Header-End............*/
  header.header-menu {
    padding: 3px 20px 0px 20px;
  }
  .header-right {
    padding:15px 0px 30px 0px;
    text-align: center;
  }
    .header-right ul {
        flex-wrap: wrap;
        flex-direction: column;
        gap: 10px;
        padding-bottom: 20px;
    }
    .header-nav a {
        font-size: 14px;
        padding-bottom: 3px;
    }
    .headertellus-popup {
        padding: 8px 12px;
        font-size: 12px !important;
        border-radius: 8px;
    }
    .header-nav li:hover a {
       color: #A3A3A3;
        border-bottom: solid 1px transparent;
    }
    /* 767............Header-End............*/

    /* 767............Header-Popup-Start............*/
    .headerpopup-modalbody {
        padding: 2rem 1.8rem;
    }
    .headerpopup-closebtn {
        top: -10px !important;
        right: -20px !important;
    }
    .homecontactform-section .commansec-textbox, .headerformpopup-body .commansec-textbox {
        gap: 10px;
        text-align: left;
    }
    .homecontactform-section .commansec-textbox h4, .headerformpopup-body .commansec-textbox h4 {
        font-size: 12px;
    }
    /* 767............Header-Popup-Start............*/

    /*767............Banner-Start............*/ 
    .homehero-section {
        padding: 100px 0px 40px 0px;
    }
    .slider_area {
       min-height: 165px;
       padding-top: 84px !important;
    }
    .slider_area .carousel-captions.caption-align-center {
        width:90%;
        padding-left:30px !important;
        bottom: 12%;
        margin: auto;
        left: 0;
        right: 0;
    }
    .slider_area .carousel-captions .heading small {
        font-size: 18px;
    }
    .slider_area .carousel-captions .heading {
        padding: 0.5rem 0px;
        font-size: 20px;
        line-height: initial;
    }
        /* .slider_area .carousel-captions br {
        display: none;
        } */
    .slider_area .carousel-captions .common-btn {
        padding: 10px 10px;
        font-size: 12px;
    }
    .slider_area .carousel-captions p {
        margin-bottom: 0.5rem;
        font-size: 14px;
        line-height: 22px;
    }
    .slider_area .owl-nav .owl-prev, .slider_area .owl-nav .owl-next {
        width: 42px;
        height: 42px;
        font-size: 24px;
        line-height: 40px;
    }
    .slider_area .owl-dots {
        position: absolute;
        bottom: 8%;
        left: 0;
        right: 0;
        text-align: center;
    }
    .slider_area .owl-dot {
        display: inline-block;
        width: 13px;
        height: 13px;
        margin: 0px 3px;
        border: solid 1px #fff;
        border-radius: 100%;
    }
    .slider_area .owl-dot.active {
        background: #986d2d;
        border: solid 1px #b18f5b;
    }
    .sliderarea-mobileimg {
        display: block !important;
    }
    .sliderarea-desktopimg {
        display: none !important;
    }
    /*767............Banner-End............*/ 

    /*767............How-it-work-Start............*/ 
    .howitwork-section, .yslisteningroom-section, .ourphilosophy-section {
        padding: 60px 30px;
    }
    .yslisteningroom-section {
        background: url(../images/home/yslisteningroom-section-mobile.png) 75% 100% no-repeat;
        background-size: cover;
    }
    .howitwork-list .page-heading, .yslisteningroom-list .page-heading {
        padding-bottom: 20px;
        text-align: center;
    }
    .howitwork-section {
        background: url(../images/home/how-it-works-mobile.png) left top no-repeat;
        background-size: 100% 100%;
    }
    .commansec-textbox {
        text-align: center;
    }
    .commansec-textbox h2{
        font-size: 24px;
    }
    .commansec-textbox p {
        font-size: 15px;
    }
    .commansec-textbox br {
        display: none;
    }
    .homecontactform-section {
        padding: 40px 30px 10px 30px;
    }
    .page-heading {
        padding-bottom: 40px;
    } 
    .page-heading p {
        font-size: 14px;
    }
    .common-btn {
        padding: 1rem 1.5rem;
        font-size: 14px;
        line-height: 1.2rem;
    }
    /*767............How-it-work-End............*/

    /*767............quote-Start............*/
    .quote-section h2 {
        line-height: 26px;
    }
    .quote-section h2 br {
        display: none;
    }
    .ourphilosophy-box p {
        padding: 0px 15px;
    }
    /*767............quote-End............*/
    
    /*767............home-form-Start............*/
    button.common-formbtn {
        padding: 8px 18px;
        font-size: 14px;
    }
    /*767............home-form-End............*/

    .footer-section {
        padding: 20px 20px 40px 20px;
    }
    /*767---------------------Home-page-End............*/

    /*767---------------------About-us-page-Start............*/ 
    .innerpage-banner {
        padding: 7rem 1.5rem 2rem 1.5rem;
        text-align: center;
        position: relative;
    }
    .innerpage-banner br {
        display: none;
    }
    .innerpage-banner .container.mx-auto {
        position: relative;
        z-index: 9;
    }
    .innerpage-banner::after {
        content: " ";
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background-color: #2525258a;
        z-index: 0;
    }
    .innerpagebanner-text h1 {
        font-size:22px !important;
    }
    .corephilosophyyourvalue-section, .yourvalue-section {
        padding: 2rem 1.5rem;
    }
    .corephilosophy-section h2 br {
        display: none;
    }

    .commansec-textbox {
        padding-bottom: 30px;
    }
    .commansec-textbox {
        gap:12px;
    }
    .commansec-textbox h4 {
       font-size: 14px;
    }
    .commansec-textbox p {
        font-size: 14px;
        line-height: 1.8;
     }
     .commansec-textbox .commansec-btn {
        font-size: 16px;
    }
     .commansec-btn {
        margin: auto;
        font-size: 14px;
     }
    .corephilosophyyourvalue-overlay {
        padding: 60px 30px;
    }
    .ourcommittment-section {
        padding-top:10px;
    }
    .ourcommittment-section .page-heading {
        padding-bottom: 20px;
    }
   .count {
        font-size: 32px !important;
    }
   .counter-text {
    font-size: 11px !important;
    }
    /*767---------------------About-us-page-End............*/ 

    /*767---------------------Podcast-page-Start............*/ 
    .podcast-page .innerpage-banner p, .collaborators .innerpage-banner p {
        padding: 10px 0px;
    }
    .podcast-page .innerpage-banner {
        background: url(../images/home/home-hero-mobile-1.jpg) left top no-repeat;
        background-size: cover; 
    }
    .innerpagebanner-buttongroup {
        align-items: center;
    }
    .innerpagebanner-buttongroup button {
        margin: auto;
    }
    .listenon-podcast {
        justify-content: center;
    }
    .scrollexplore-podcast {
        top: 20px;
    }
    .podcastfeatured-section{
        padding: 3rem 2rem;
        text-align: center;
    }
    .podcastfeatured-episode {
        justify-content: center;
    }
    .archivepodcast-section {
        padding: 0px 30px;
    }
    .thestudio-left img {
        border-radius: 8px;
    border: solid 1px #737070;
    }
    .thestudio-title {
        margin: auto;
    }
    .thestudio-right br {
        display: none;
    }
    .counter-section {
        padding: 3rem 2rem;
    }
     .counter-list {
        gap: 15px;
     }  
     .featuredguests-section {
        padding: 4rem 1.5rem;
    } 
    .beyondmoment-cta, .thestudio-section {
        padding: 0rem 1.5rem 1.5rem 1.5rem;
        text-align: center;
    }
    /*767---------------------Podcast-page-End............*/ 


    /*767---------------------Music-page-End............*/ 
    .music-page .innerpage-banner {
        background: url(../images/music/music-innerbanner-mobile.jpg) left top no-repeat;
        background-size: cover;
    }
    .musicpage-main {
        padding: 1rem 1.2rem;
    }
    .music-page .innerpage-banner p {
        padding: 10px 0px;
    }
    .musicfeatured-section {
        text-align: center;
    } 
    .musicfeatured-sortinfo, .musicfeatured-watchlisten {
        justify-content: center;
    }   
    .archivemusic-btn {
        margin: auto;
    }
    .archivemusic-img img {
        border: solid 1px #676666;
        border-radius: 6px;
    }
    .artistsworth-section br {
        display: none;
    }
    .musicourphilosophy-btn {
        margin: auto;
    }
    .musicphilosophy-panel {
        margin: auto;
    }
    .scrollexplore-music, .scrollexplore-collaborators {
        position: inherit;
    }
    .ourbelief-section {
        padding:3rem 1rem;
        background: url(../images/collaborators/ourbelief-mobile.png) left top no-repeat;
    background-size: 100% 100%;
    }
    .partnership-section {
        padding: 2rem 1rem;
        background: url(../images/collaborators/partnership-mobile.png) left top no-repeat;
        background-size: 100% 100%;
    }
    .claritycommitment-section, .accessroom-section {
        padding: 1.5rem 1rem;
        background-size: cover;
    }
    .wecollaborate-panel, .accessroom-list {
        text-align: center;
    }
    .wecollaborate-panel {
        background: #292929;
    }
    .clarity-box, .commitment-box {
        background-size: cover;
        padding: 1rem 1.5rem;
        text-align: center;
    }
    .accessroom-panel {
        padding: 0px 5px;
    }
    .conversation-section {
        background: url(../images/collaborators/conversation-cta-mobile.png) left top no-repeat;
        background-size: 100% 100%;
        padding: 2rem 1rem;
        margin-top: 40px;
        text-align: center;
    }
    .extraordinary-section {
        padding: 2rem 1.5rem;
        margin-top: 60px;
    }
    .musicpartnershipcta-conts {
        padding-top: 15px;
        text-align: center;
    }
    .common-blackbtn.uppercase, .common-btn.uppercase {
        font-size: 12px;
    }
    .ourbelief-list {
        padding-top: 20px;
    }
    /*767---------------------Music-page-End............*/

    /*767---------------------collaborators-page-Start............*/
    .wecollaborate-section {
        padding: 2rem 1rem;
    }
    /*767---------------------collaborators-page-End............*/ 

    /*767---------------------Contact-page-Start............*/ 
    .contactus-page {
        padding: 7rem 1.5rem 0rem 1.5rem;
    }
    .contactus-page.booksession-page {
        padding: 7rem 1.5rem 0rem 1.2rem;
    }
    .contactus-formstep1, .contactus-formstep2 {
        gap: 20px;
        padding-top: 15px;
    }
    .contactus-page .commansec-textbox {
        gap: 10px;
        text-align: left;
    }
    /*767---------------------Contact-page-End............*/ 

    /*767---------------------podcastarchive-page-Start............*/
    .pagecommon-bannrtopgap {
        padding: 8rem 0rem;
    }
    .youtube-fancybox-wrapper {
        width: 100%;
        height: auto;
        aspect-ratio: 16 / 9;
    }

    .youtube-fancybox-wrapper iframe {
        width: 100%;
        height: 100%;
    }
    /*767---------------------podcastarchive-page-End............*/ 


   
    
}


@media (max-width: 576px){

     /*576---------------------Home-page-End............*/ 

    /*576............Banner-Start............*/ 
    .slider_area .carousel-captions.caption-align-center {
        padding-left: 10px !important;
        padding-right: 10px !important;
       bottom:-32%;
    }
    .slider_area .carousel-captions small {
        width: 65%;
        font-size: 12px
    }
    .slider_area .carousel-captions h4 {
        width: 65%;
        margin-bottom: 0.6rem;
    font-size: 12px;
    }
    .slider_area .carousel-captions .heading {
        width: 65%;
         font-size: 24.5px;
      line-height: 32px;
    }
    .slider_area .carousel-captions p {
       width: 65%;
        margin-bottom: 0.2rem;
        font-size: 11px;
        line-height: 18px;
    }
    .slider_area .carousel-captions p br {
        display:none;
    }
    .homebanner-panel i {
        font-size: 12px;
        text-align: left;
    }
    .slider_area .carousel-captions .homebanner-btn {
        padding: 7px 14px;
        font-size: 12px;
        line-height: 1.6rem;
    }
   .booksession-bannerbtn {
        padding: 7px 14px;
        font-size: 12px !important;
    }
    .homebanner-group {
        padding-top: 15px;
        gap: 10px !important;
    }
    .slider_area .carousel-captions .heading small {
        font-size: 16px;
    }
    .slider_area .owl-dot {
        width: 10px;
        height: 10px;
        display:none;
    }
    .slider_area .carousel-captions .small-heading {
        letter-spacing: 0px;
        padding: 2px 10px;
        font-size: 10px; 
    }
    .slider_area .carousel-captions .common-btn {
       padding: 6px 18px;
        font-size: 12px;
        line-height: 1.6rem;
    }

    /*............576-Banner-End............*/ 
    
    .howitwork-section, .yslisteningroom-section, .ourphilosophy-section {
        padding:40px 20px;
    }
    /* .howitwork-section{
        padding-top: 10px;
    } */
    .corephilosophyyourvalue-overlay {
        padding: 40px 30px;
    }
   .footer-section nav {
    gap: 10px;
   }
   .footer-section nav a {
    font-size: 12px !important;
   }
    /*576---------------------Home-page-End............*/ 

    /*576---------------------podcast-page-Start............*/ 
        .common-btn, .common-blackbtn {
        padding: 0.8rem 2rem;
        font-size: 12px;
        line-height: 1.1rem;
    }
    /*576---------------------podcast-page-End............*/ 


}

@media (max-width: 480px){
}
/*===================================================Responsive-css-End==================================================*/