:root {
     --color-black: #4A4A4A;
     --color-white: #fff;
     --color-yellow: #FFAB01;
}
 :root {
     --font-serif: "var(--font-serif)";
     --font-Poppins: "Poppins";
}
 @media screen and (max-width: 1920px) and (min-width: 1600px){
     .logo {
         margin-left: 65%;
    }
     .topbar-cls{
         background-color: var(--color-pink) !important;
         border-radius: 0 0 0 50px;
         padding-inline-end: 24%;
    }
     .header-class{
         padding-inline-end: 24%;
    }
     .main-navigation li{
         padding: 35px 26px;
    }
     .slide-test{
         right: 13%;
    }
     #slider .ai-tracklist-wrap.ai-tracklist-open{
         right: 32%;
    }
     #slider .ai-audio-volume-control{
         right: -30%;
    }
     #slider .ai-btn.ai-btn-repeat {
         right: -16%;
    }
     #slider .carousel-control-next {
         bottom: 55%!important;
    }
     #slider .carousel-control-prev{
         top: 45%!important;
    }
}
 @media screen and (max-width: 1920px) and (min-width: 1400px){
     #featured-video .owl-item.active.center {
         width: 870px !important;
    }
     #featured-video .owl-item.active {
         width: 200px !important;
    }
     .about .about-image-album:nth-child(3):hover .album-title{
         top: 40%;
    }
    .modal {
      position: absolute;
      top: 7px;
      left: 17%;
      z-index: 1;
      display: none;
      width: 66%;
      height: 80%;
      overflow-x: hidden;
      overflow-y: hidden;
      outline: 0;
  }
  .modal-lg, .modal-xl {
      max-width: 880px;
  }
}
 @media screen and (max-width: 1399px) and (min-width: 1200px){
     .slide-test{
         right: 4%;
    }
     #slider .ai-audio-controls-main {
         width: 33%;
    }
     #slider .ai-wrap .ai-audio-controls-progress {
         width: 35%;
         left: 43%;
    }
     #slider .ai-btn.ai-tracklist-prev {
         position: absolute;
         top: 10px;
         left: 20%;
    }
     #slider .ai-btn.ai-tracklist-next {
         position: absolute;
         top: 10px;
         right: 60%;
    }
     #slider .ai-btn.ai-btn-repeat {
         right: 13%;
    }
     #slider .ai-audio-volume-control {
         position: absolute;
         top: 12px;
         right: 2%;
    }
     #slider .ai-tracklist-wrap.ai-tracklist-open {
         right: 23%;
    }
     .slider-post img {
         width: 50px;
    }
     .slider-post-million h4{
         font: 600 16px/25px Dosis;
    }
     .slider-post-million p {
         font: 400 12px/22px var(--font-muli);
    }
     .about .about-image-album:nth-child(3):hover .album-title{
         top: 80%;
    }
     #featured-video .owl-item.active.center {
         width: 750px !important;
    }
     #featured-video .owl-item.active {
         width: 170px !important;
    }
    .modal{
      width: 67%;
    }
}
 @media screen and (max-width: 1199px) and (min-width: 992px){
     .our-blog-content .avtar-img img {
         width: 35px !important;
    }
     .about .about-image-album:nth-child(3):hover .album-title{
         top: 85%;
    }
     #featured-video .owl-item.active.center {
         width: 570px !important;
    }
     #featured-video .owl-item.active {
         width: 170px !important;
    }
     #singleAlbum .ai-wrap .ai-audio-controls-meta .ai-tracklist-next, #singleAlbum .ai-wrap .ai-audio-controls-meta .ai-tracklist-prev {
         position: absolute;
         bottom: unset;
         top: 50px;
    }
     #singleAlbum .ai-wrap .ai-audio-control {
         position: absolute;
         left: 125%;
         top: 10px;
    }
    .modal {
      left: 20%;
      width: 59%;
    }
}
 @media screen and (max-width: 991px) and (min-width: 768px){
     .about .about-image-album:nth-child(3):hover .album-title{
         top: 100%;
         font: 400 12px/30px Quicksand;
         height: 25px;
    }
     .about .about-image-album:hover .album-title{
         font: 400 12px/30px Quicksand;
         height: 25px;
    }
     #singleAlbum .ai-wrap .ai-audio-controls-meta .ai-tracklist-next, #singleAlbum .ai-wrap .ai-audio-controls-meta .ai-tracklist-prev {
         position: absolute;
         bottom: unset;
         top: 80px;
    }
     #singleAlbum .ai-wrap .ai-audio-control {
         position: absolute;
         left: 138%;
         top: 10px;
    }
     #comments img{
         padding: 5px 8px;
    }
     #featured-video .owl-item.active {
         width: 120px !important;
    }
     #featured-video .owl-item.active.center {
         width: 430px !important;
    }
    .modal {
      top: 15px;
      left: 20%;
      width: 59%;
      height: 79%;
    }
}
@media screen and (max-width: 991px) and (min-width: 576px){
  .upcoming-show-read{
    padding: 12px 9px;
  }
}
 @media screen and (max-width: 767px) and (min-width: 620px){
     #featured-video .owl-item.active {
         width: 95px !important;
    }
     #featured-video .owl-item.active.center {
         width: 297px !important;
    }
}
 @media screen and (max-width: 767px) and (min-width: 576px){
     .about .about-image-album:nth-child(3):hover .album-title{
         top: 125%;
    }
     .about .about-image-album:hover .album-title{
         font: 400 10px/25px Quicksand;
         height: 22px;
    }
     #singleAlbum .ai-wrap .ai-audio-controls-meta .ai-tracklist-next, #singleAlbum .ai-wrap .ai-audio-controls-meta .ai-tracklist-prev {
         position: absolute;
         bottom: unset;
         top: 40px;
    }
     #singleAlbum .ai-wrap .ai-audio-control {
         position: absolute;
         left: 130%;
    }
    .modal{
      left: 2%;
      width: 95%;
    }
}
 @media screen and (max-width: 575px) and (min-width: 421px){
     #singleAlbum .ai-wrap .ai-audio-controls-meta .ai-tracklist-next, #singleAlbum .ai-wrap .ai-audio-controls-meta .ai-tracklist-prev{
         top: 80px;
    }
     #singleAlbum .ai-wrap .ai-audio-control{
         left: 130%;
         top: 13px;
    }
}
 @media screen and (max-width: 556px) and (min-width: 481px){
     #singleAlbum .ai-wrap .ai-audio-controls-meta .ai-tracklist-prev{
         right: 70px;
         top: 40px;
    }
     #singleAlbum .ai-wrap .ai-audio-controls-meta .ai-tracklist-next{
         right: -20px;
         top: 40px;
    }
     #singleAlbum .ai-wrap .ai-audio-control {
         left: 140%;
         top: 5px;
    }
}
 @media screen and (max-width: 480px) and (min-width: 421px){
     #singleAlbum .ai-wrap .ai-audio-control {
         left: 125%;
    }
     #singleAlbum .ai-wrap .ai-audio-controls-meta .ai-tracklist-prev{
         top: 40px;
    }
     #singleAlbum .ai-wrap .ai-audio-controls-meta .ai-tracklist-next{
         top: 40px;
    }
}
 @media screen and (max-width: 420px) and (min-width: 376px){
     #singleAlbum .ai-wrap .ai-audio-controls-meta .ai-tracklist-prev{
         top: 40px;
    }
     #singleAlbum .ai-wrap .ai-audio-controls-meta .ai-tracklist-next{
         top: 40px;
    }
     #singleAlbum .ai-wrap .ai-audio-control {
         left: 115%;
    }
}
 @media screen and (max-width:375px) and (min-width:361px){
     #singleAlbum .ai-wrap .ai-audio-controls-meta .ai-tracklist-prev{
         right: 70px;
         top: 40px;
    }
     #singleAlbum .ai-wrap .ai-audio-controls-meta .ai-tracklist-next{
         right: -20px;
         top: 40px;
    }
     #singleAlbum .ai-wrap .ai-audio-control {
         left: 122%;
    }
     div#TB_window {
         top: 100% !important;
         left: 120% !important;
    }
}
 @media screen and (max-width:360px) and (min-width:321px){
     #singleAlbum .ai-wrap .ai-audio-controls-meta .ai-tracklist-prev{
         right: 70px;
         top: 40px;
    }
     #singleAlbum .ai-wrap .ai-audio-controls-meta .ai-tracklist-next{
         right: -20px;
         top: 40px;
    }
     #singleAlbum .ai-wrap .ai-audio-control {
         left: 122%;
    }
}
 @media screen and (max-width: 1440px){
     html {
         overflow-x: hidden;
    }
}
 @media screen and (max-width: 1399px){
     .comment-form-cookies-consent label {
         font: normal normal normal 11px/28px Montserrat;
    }
     #aboutUs .about {
         display: grid;
         grid-template-columns: repeat(4,270px);
         grid-template-rows: repeat(4,130px);
         gap: 15px;
    }
     .about .about-image-album img{
         width: 100%;
    }
     .about .about-image-album:nth-child(3) img{
         position: relative;
         top: 60px;
    }
     .top-social-share a {
         padding-left: 19px;
    }
     .main-navigation li{
         padding: 35px 20px;
    }
     #gallery .row {
         display: grid;
         grid-template-columns: repeat(4,290px);
         grid-template-rows: repeat(4,130px);
    }
     #gallery .gallery-image .gl_img img{
         border-radius: 10px;
    }
     #slider .ai-wrap .ai-control-wrap-controls {
         width: 66%;
    }
     #slider .inner_carousel{
         max-width: 55%;
    }
     #gallery .gallery-image:nth-child(5) .gl_img img{
         height: 225px;
    }
     #gallery .gallery-image:nth-child(3) .gl_img img {
         height: 490px !important;
    }
     #gallery .gallery-image .gl_img img{
         height: 100%;
    }
     .about-para {
         font: normal normal 300 19px/45px Muli;
         overflow: hidden;
         display: -webkit-box;
         -webkit-box-orient: vertical;
         -webkit-line-clamp: 10;
         padding-right: 0;
    }
}
 @media screen and (max-width: 1199px){
     .card-header {
         padding: 10px 20px 10px 60px;
    }
     #slider .ai-audio-volume-control{
         right: -37%;
    }
     #slider .ai-btn.ai-btn-repeat {
         right: -20%;
    }
     #slider .ai-tracklist-wrap.ai-tracklist-open{
         right: 0;
    }
     .slide-test{
         display: none !important;
    }
     #singleAlbum .album-read-btn {
         color: #fff;
         border-radius: 4px;
         border: 2px solid var(--color-pink);
         font: 600 15px/24px Open Sans;
         width: 20%;
         height: 20%;
         line-height: 40px;
         text-align: center;
    }
     #singleAlbum .album-containt p {
         font: 300 16px/39px Muli;
         overflow: hidden;
         display: -webkit-box;
         -webkit-box-orient: vertical;
         -webkit-line-clamp: 11;
    }
     #singleAlbum .ai-wrap .ai-audio-controls-main{
         width: 60%;
    }
     #comments .comment-respond {
         opacity: 1;
         width: 60%;
    }
     .stickynavbar .header-box-sticky{
         margin-left: 10px;
    }
     #aboutUs .about {
         display: grid;
         grid-template-columns: repeat(4,228px);
         grid-template-rows: repeat(4,100px);
         gap: 20px;
    }
     .about-main-heading {
         font: normal normal 600 34px/50px Open Sans;
    }
     .about .about-image-album img{
         width: 100%;
    }
     .top-social-share a {
         padding-left: 15px;
    }
     #gallery .row {
         display: grid;
         grid-template-columns: repeat(4,245px);
         grid-template-rows: repeat(4,110px);
    }
     #gallery .gallery-image:nth-child(3) .gl_img img {
         height: 415px !important;
    }
     #gallery .gallery-image:nth-child(5) .gl_img img {
         height: 190px;
    }
     .header-class {
         padding-inline-end: 50px;
    }
     .topbar-cls{
         padding-inline-end:5%;
    }
     .logo {
         margin-left: 15%;
    }
     #contact .contact-send .has-spinner{
         width: 50%;
    }
     #slider .music-palyer-section{
         bottom: 50px;
    }
     .slider-main-heading {
         font: 600 42px/60px open Sans;
    }
     #slider .carousel-caption {
         top: 25%;
    }
     #slider .ai-wrap .ai-control-wrap-controls {
         width: 63%;
    }
     .accordion-item:first-of-type .accordion-button a {
         color: #fff;
         line-height: 30px;
         font-size: 15px;
    }
}
 @media screen and (max-width: 1040px){
     #slider .ai-wrap .ai-control-wrap-controls {
         width: 60%;
    }
     #slider .carousel-caption {
         top: 20%;
    }
     .about-para {
         overflow: hidden;
         display: -webkit-box;
         -webkit-box-orient: vertical;
         -webkit-line-clamp: 9;
         padding-right: 0;
    }
}
 @media screen and (max-width: 1023px){
     .header-class {
         padding-inline-end: 30px;
    }
     .stickynavbar .header-box-sticky{
         margin: 0;
         align-self: center;
    }
     #menu-primary-menu-1 li ,#site-sticky-menu #menu-primary-menu-3 li {
         padding: 20px 0px 20px 10px;
    }
     #sticky-menu .toggle-nav i{
         margin-left: 15%;
    }
     .woocommerce-breadcrumb a, .woocommerce .woocommerce-breadcrumb, .title-box h1 {
         font: 600 28px/35pxopen Sans;
    }
     .post-comments, .meta-author-box .news-author {
         font: normal normal normal 11px/20px Poppins;
    }
     #ourPainting .outer-painting p {
         font: normal normal normal 16px/35px Poppins;
         margin: 0 25%;
    }
     .slider-for .fa-arrow-right {
         left: 20%;
    }
     #sticky-menu ul .current-menu-item a {
         background-color: var(--color-yellow);
    }
     .single-post-comment{
         width: 100%;
    }
     .main-header .sidenav {
         display: none;
    }
     .above_title h1 {
         font: bold 25px/45px Roboto Slab;
    }
     .title-box .above_title a, .title-box .above_title .current {
         font: bold 14px/24px Lato;
    }
     #announcement-bar .topbar-menu a:first-child:after{
         margin-right: 3px;
    }
     .carousel-control-prev {
         left: -12px;
    }
     .carousel-control-next {
         right: -4px;
    }
     amp-sidebar#sidebar1 {
         width: 0;
         height: 100%;
         position: fixed;
         z-index: 2;
         top: 0;
         right: 0;
         background-color: var(--orange);
         padding-top: 60px;
    }
     #site-navigation a i {
         color: var(--color-pink);
         font-size: 42px;
    }
     .toggle-nav {
         display: block;
    }
     amp-sidebar#sidebar1 .sidenav {
         padding-left: 5%;
         display: block;
         position: fixed;
         top: 0;
         right: 0;
         overflow-x: hidden;
         transition: 0.5s;
         padding-top: 120px;
         padding-bottom: 30px;
         width: 320px;
         background: #020723;
         height: 100vh;
    }
     .topbar-call{
         margin-left: 10px;
    }
     #sidebar1 .current-menu-item a{
         background: none !important;
         padding: 0px 0px !important;
    }
     .sidenav .close-sidebar {
         position: absolute;
         top: 30px;
         right: 1em;
         font-size: 26px;
         color: #0e2b5c;
         cursor: pointer;
         z-index: 99;
    }
     .toggle-nav i {
         font-size: 25px;
         color: var(--downriver);
    }
     #close_nav {
         position: absolute;
         top: 30px;
         right: 1em;
         font-size: 26px;
         color: #0e2b5c;
         cursor: pointer;
         z-index: 99;
         display: flex;
        justify-content: space-between;
        padding: 0px 10px 0px 30px;
        width: 300px;
    }
     .menu>ul>li:hover:before, .menu>ul>li.current_page_item:before, .menu>ul>li.current-menu-item:before {
         display: none;
    }
     .nav ul li a {
         padding: 5px 10px;
    }
     .nav ul li ul li a:before {
         content: "\00BB \00a0";
         position: absolute;
         top: 4px;
         left: 4px;
    }
     #site-navigation ul>li.menu-item-has-children>a:after {
         right: -15px;
         top: 2px;
    }
     #site-navigation a {
         color: #fff;
    }
     .nav ul li ul li a {
         padding-left: 20px !important;
    }
     .nav ul li ul li ul li a {
         padding-left: 30px !important;
    }
     .main-navigation ul ul {
         position: static;
         width: 100%;
         box-shadow: none;
         background: none
    }
     .main-navigation li {
         display: block;
    }
     .sub-menu li a:after {
         background-color: unset;
    }
     .header-search-form:after{
         height: 44px;
         top: -6px;
    }
     #slider .slider-button, #about-us .about-learn-more-btn{
         margin: 0 auto;
    }
     .our-representative{
         margin: 0 auto;
         justify-content: center;
         padding-top: 20px;
    }
     .card-container{
         justify-content: center;
    }
     .toggle-nav i {
         font-size: 29px;
         color: #fff;
         cursor: pointer;
    }
     #mySidenav {
         background: #fff;
    }
     #announcement-bar .announcenet-left-content i{
         font-size: 15px;
    }
     .header-class{
         margin: 15px 0;
    }
     .search-container{
         top: 3em;
    }
}
 @media screen and (max-width: 991px){
     .accordion-item:first-of-type .accordion-button a{
         overflow: hidden;
         display: -webkit-box;
         -webkit-box-orient: vertical;
         -webkit-line-clamp: 1;
    }
     #slider .ai-audio-controls-main {
         width: 33%;
    }
     #slider .ai-wrap .ai-audio-controls-progress {
         width: 40%;
    }
     #slider .ai-btn.ai-tracklist-prev {
         left: 20%;
    }
     #slider .ai-btn.ai-tracklist-next {
         right: 60%;
    }
     #slider .ai-tracklist-wrap.ai-tracklist-open {
         right: -5%;
    }
     #slider .ai-audio-volume-control {
         right: -2%;
    }
     #slider .ai-btn.ai-btn-repeat {
         right: 10%;
    }
     #slider .ai-wrap .ai-audio-controls-progress{
         left: 40%;
    }
     .single-post-comment.mx-auto {
         margin-top: 30%;
    }
     #comments .comment-respond {
         opacity: 1;
         width: 80%;
    }
     .topbar-cls {
         padding-inline-end: 3%;
         padding-inline-start: 6%;
         border-radius: 0 0 0 0px !important;
    }
     .header-class {
         padding-inline-end: 2%;
    }
     .logo{
         text-align: center;
         margin-left: 0px;
    }
     #slider .inner_carousel{
         max-width: 70%;
    }
     .slider-small-heading {
         font: normal normal normal 35px/40px Satisfy;
    }
     .slider-main-heading {
         font: 600 40px/45px open Sans;
    }
     #slider .carousel-control-prev{
         top: 45%!important;
    }
     #slider .carousel-control-next{
         bottom: 55%!important;
    }
     #slider .carousel-control-next,#slider .carousel-control-prev{
         left: 5%;
    }
     .about-main-heading{
         font: normal normal 600 26px/40px Open Sans;
    }
     .about-description-text {
         font: normal normal 300 14px/20px Muli;
    }
     .about .about-image-album img{
         border-radius: 10px;
         height: auto;
    }
     #aboutUs .about {
         display: grid;
         grid-template-columns: repeat(4,1fr);
         grid-template-rows: repeat(4,100px);
         gap: 15px;
    }
     .about .about-image-album img{
         width: 100%;
    }
     .about img:nth-child(4){
         width: 100%;
         height: auto;
    }
     .about img:nth-child(5),.about img:nth-child(3){
         width: 100%;
    }
     .about img:nth-child(7){
         height: 100px;
    }
     .about img:nth-child(3){
         left: unset;
    }
     #gallery .row {
         display: grid;
         grid-template-columns: repeat(4,180px);
         grid-template-rows: repeat(4,80px);
         gap: 0;
    }
     #gallery .gallery-image .gl_img img{
         height: 100%;
    }
     #gallery .gallery-image:nth-child(5) .gl_img img{
         height: 140px;
    }
     #gallery .gallery-image:nth-child(3) .gl_img img {
         height: 300px !important;
    }
     .textwidget p{
         width: 100%;
    }
     #feauredAlbum .ai-wrap .ai-control-wrap-thumb img{
         display: none;
    }
     #feauredAlbum .ai-wrap .ai-control-wrap-controls,#feauredAlbum .feature-album-top-image,#feauredAlbum .ai-tracklist-wrap{
         width: 100%;
    }
     #slider .ai-wrap .ai-control-wrap-controls {
         width: 85%;
    }
     #slider .carousel-caption {
         top: 20%;
    }
     #slider .music-palyer-section{
         bottom: 50px;
    }
     .about-page-heading {
         font: 500 30px/40px Open Sans;
    }
     .about-text {
         font: 600 22px/30px Muli;
         width: 100%;
    }
     .about-para {
         font: normal normal 300 16px/30px Muli;
         overflow: hidden;
         display: -webkit-box;
         -webkit-box-orient: vertical;
         -webkit-line-clamp: 7;
         padding-right: 0;
    }
     .about-box-image {
         width: 100%;
    }
}
 @media screen and (max-width: 767px){
     div#TB_window{
         width: 60% !important;
    }
     #slider .ai-audio-controls-main {
         width: 70%;
    }
     #slider .ai-btn.ai-tracklist-next {
         right: -16%;
         bottom: 30px;
    }
     #slider .ai-btn.ai-tracklist-prev {
         right: 15%;
         bottom: 30px;
    }
     #slider .ai-wrap .ai-audio-control {
         right: -40%;
         top: 0px;
    }
     #slider .ai-btn.ai-btn-repeat {
         right: 8%;
         top: 45px;
    }
     #slider .ai-wrap .ai-audio-controls-progress {
         width: 63%;
    }
     #slider .ai-wrap .ai-track-time{
         width: 45px;
    }
     #slider .ai-tracklist-wrap.ai-tracklist-open {
         right: -2%;
         top: 57px;
    }
     #slider .ai-audio-volume-control{
         display: none;
    }
     .show-loc-title, .show-time-title{
         display: block;
         margin: auto;
    }
     #gallery .view a.info{
         top: 45%;
         left: 40%;
    }
     #gallery .view a.info i {
         font-size: 30px;
         color: #fff;
    }
     #slider .ai-track-subtitle{
         text-align: left;
    }
     #site-sticky-menu .toggle-nav i{
         margin: 0;
         align-self: center;
    }
     .single-post-comment.mx-auto {
         margin-top: 30%;
         margin-bottom: 10%;
    }
     #testimonial .content .card-body{
         padding: 0px;
    }
     #testimonial .testi_text p {
         font-size: 14px;
         line-height: 30px;
    }
     #feauredAlbum .ai-wrap .ai-scroll-wrap .ai-tracklist{
         width: 100%;
         margin: 0 auto;
         padding: 35px 0px 0px 0px;
    }
     #feauredAlbum .ai-wrap .ai-track-name {
         font: normal normal normal 14px/20px Open Sans;
    }
     #feauredAlbum .ai-wrap .ai-audio-controls-main {
         width: 90%;
         text-align: center;
    }
     .announcenet-left-content,.announcenet-left-content a{
         display: block !important;
    }
     .topbar-call{
         margin-left: 0px;
    }
     .topbar-cls{
       padding-inline-end: unset;
       padding-inline-start: unset;
    }
     #gallery .row {
         display: grid;
         grid-template-columns: repeat(4,140px);
         grid-template-rows: repeat(4,60px);
    }
     #gallery .gallery-image .gl_img img{
         height: 100%;
    }
     #gallery .gallery-image:nth-child(3) .gl_img img {
         height: 220px !important;
    }
     #gallery .gallery-image:nth-child(5) .gl_img img {
         height: 100px;
    }
     #gallery .gallery-image .gl_img img{
         height: 100%;
    }
     .search-container {
         position: absolute;
         right: unset;
         left: 0px;
    }
     .logo {
         margin: unset;
         text-align: center;
    }
     .announcenet-left-content{
         justify-content: center !important;
    }
     .header-class {
         padding-inline-end: unset;
    }
     #slider .inner_carousel{
         max-width: 100%;
    }
     .slider-small-heading {
         font: normal normal normal 40px/40px Satisfy;
    }
     .slider-main-heading {
         font: 600 30px/40px open Sans;
    }
     #slider .carousel-inner {
         margin-top: -16px;
    }
     #slider .carousel-control-next,#slider .carousel-control-prev{
         width: 45px;
         height: 38px;
    }
     #slider .carousel-control-prev{
         top: 60% !important;
    }
     #slider .carousel-control-next{
         bottom: 40%!important;
    }
     #slider .carousel-caption{
         top: 25%;
    }
     .about .about-image-album img{
         width: 100%;
    }
     .about .about-image-album:nth-child(5) img{
         height: 100%;
    }
     #upcomingShow {
         background-image: none !important;
    }
     .title-box .card{
         padding: 10% 5%;
    }
     .title-box h1:before{
         right: 0;
         margin: 0 auto;
    }
     #comments .comment-respond {
         opacity: 1;
         width: 100%;
    }
     #single_post .content_boxes {
         transform: translateY(0%);
    }
     .feature-box img{
         display: none;
    }
     .contact-call a{
         justify-content: center;
    }
     .contact-form-image form{
         text-align: center;
    }
     .news-content {
         width: 80%;
         margin: 0 auto;
    }
     #singleEvent p {
         font: 300 16px/30px Muli;
         text-align: center;
    }
     #singleEvent .google-map embed {
         height: 100% !important;
    }
     #singleEvent .event-meta-social-share{
         padding-left: 0px;
         justify-content: center;
    }
     #singleEvent .meta-btn-text{
         margin: 0 auto;
    }
     #singleEvent .event-meta-social-share a {
         padding-left: 20px;
    }
     #singleEvent .meta-event-button{
         display: block !important;
    }
     #sidebar .widget-title:after{
         position: unset !important;
    }
     #sidebar h3{
         text-align: center;
         padding: 0 0 20px 0;
    }
     #sidebar .widget_search form,#sidebar .recentcomments{
         text-align: center;
    }
     #menu-footer-menu-1 {
         display: block;
    }
     #menu-footer-menu-1 li{
         padding: 10px 0px 10px 0px;
    }
     #menu-footer-menu-1 li a{
         padding: 0px;
    }
     .contact-widget-content{
         display: grid;
         justify-content: center;
         text-align: center;
    }
     .contact-widget-content a{
         padding: 5px 0px;
    }
     #feauredAlbum .ai-wrap .ai-audio-controls-meta .ai-btn {
         margin-right: 60px;
    }
     #feauredAlbum .ai-wrap .ai-audio-controls-meta{
         bottom: 50px;
         margin: 0 auto;
         width: 60px;
         right: 80px;
    }
     #feauredAlbum .ai-wrap .ai-audio-control{
         position: absolute;
         bottom: 40px;
         left: 20px;
    }
     #feauredAlbum .ai-wrap .ai-audio-controls-meta{
         position: relative;
         bottom: 47px;
         margin: unset;
         width: 60px;
         right: 0px;
    }
     #feauredAlbum .ai-wrap .ai-audio-control svg {
         fill: #fff;
         height: 12px;
         position: relative;
         left: 1px;
         top: -2px;
    }
     #feauredAlbum .ai-wrap .ai-audio-control {
         width: 30px;
         height: 30px;
    }
     #feauredAlbum .ai-wrap .ai-track-info,.ai-track-subtitle{
         text-align: center;
    }
     #feauredAlbum .ai-wrap .ai-track-title{
         padding: 0px;
    }
     #feauredAlbum .ai-wrap .ai-track-time {
         position: absolute;
         top: 25px;
         text-align: start;
         right: -35px;
    }
     #feauredAlbum .ai-wrap .ai-control-wrap-controls{
         padding: 25px 15px 25px 15px;
         margin-bottom: 0px;
    }
     #feauredAlbum .feature-album-top-image{
         padding: 10px 15px 10px 25px;
    }
     .show-content .show-time-title {
         padding-left: 0px;
    }
     #aboutUs .about{
         display: grid;
         grid-template-columns: repeat(4,1fr);
         grid-template-rows: repeat(4,60px);
         gap: 15px;
    }
     .author-page h1,.archive .feature-box .bradcrumbs{
         text-align: center;
    }
    /*-------commom css-------*/
     #announcement-bar .announcenet-right-content {
         justify-content: center;
    }
     .header-class {
         padding-inline-end: 0%;
         padding-left: 0%;
    }
     .announcenet-left-content a {
         padding: 5px 0;
    }
     .topbar-cls{
         border-radius: 0 0 0 0 !important;
    }
     .search-bars {
         justify-content: start
    }
     .logo img {
         height: 13vw;
    }
     h3 {
         font: 600 33px/50px Open Sans;
         color: #fff;
    }
     #slider .ai-wrap .ai-control-wrap-controls {
         width: 75%;
    }
     #slider .ai-audio-controls-main{
         width: 100%;
    }
     #slider .ai-wrap .ai-audio-control {
         background: #673ab7;
         position: relative;
         top: -5px;
         width: 40px;
         height: 40px;
         right: 0px;
    }
     .ai-wrap .ai-audio-control svg {
         fill: #fff;
         height: 13px;
         position: relative;
         left: 1px;
         top: 0px;
    }
     #slider .ai-wrap .ai-track-info {
         order: 1;
         top: 25px;
         position: relative;
         left: 10px;
    }
     #slider .ai-wrap .ai-audio-controls-progress {
         width: 80%;
         position: relative;
         bottom: 50px;
         left: 10px;
    }
     #slider .ai-btn.ai-tracklist-prev {
         position: absolute;
         bottom: 30px;
         background: #00000000;
         z-index: 99999;
         right: 8%;
         top: unset;
         left: unset;
    }
     #slider .ai-btn.ai-tracklist-next {
         position: absolute;
         bottom: 30px;
         background: #00000000;
         z-index: 99999;
         right: -8%;
         top: unset;
         left: unset;
    }
     #slider .carousel-caption{
         left: 25%;
         top: 15%;
    }
     #slider .carousel-control-prev{
         top: 40% !important;
    }
     #slider .carousel-control-next{
         bottom: 60% !important;
    }
     #slider .music-palyer-section{
         bottom: 50px;
    }
     .slider-description-text{
         display: none;
    }
     #comments .comment-body{
         width: 60%;
    }
     .nav-previous a{
         width: 200px;
    }
     .nav-next a {
         width: 200px;
    }
}
 @media screen and (max-width: 575px){
     .accordion-item:before{
         width: 45px;
         height: 45px;
    }
     .accordion-item:first-of-type .accordion-button a{
         overflow: hidden;
         display: -webkit-box;
         -webkit-box-orient: vertical;
         -webkit-line-clamp: 1;
    }
     #single_post .nav-next .post-title {
         overflow: hidden;
         display: -webkit-box;
         -webkit-box-orient: vertical;
         -webkit-line-clamp: 2;
    }
     #single_post .single-author-image img {
         width: 10%;
    }
     #slider .ai-audio-controls-main {
         width: 70%;
    }
     #slider .ai-btn.ai-tracklist-next {
         right: -16%;
         bottom: 30px;
    }
     #slider .ai-btn.ai-tracklist-prev {
         right: 15%;
         bottom: 30px;
    }
     #slider .ai-wrap .ai-audio-control {
         right: -45%;
         top: 0px;
    }
     #slider .ai-btn.ai-btn-repeat {
         right: 8%;
         top: 45px;
    }
     #slider .ai-wrap .ai-audio-controls-progress {
         width: 63%;
    }
     #slider .ai-wrap .ai-track-time{
         width: 45px;
    }
     #slider .ai-tracklist-wrap.ai-tracklist-open {
         right: -2%;
         top: 57px;
    }
     #slider .ai-audio-volume-control{
         display: none;
    }
     .about .about-image-album:hover .album-title {
         display: none;
         position: absolute;
         top: 40%;
         background-color: rgb(200 200 200 / 10%);
         width: 100%;
         backdrop-filter: blur(13px);
         left: 0;
         height: 22px;
         line-height: 35px;
         overflow: hidden;
         font: 400 9px/22px Quicksand;
         color: #fff;
    }
     #singleAlbum .album-read-btn {
         font: 600 13px/24px Open Sans;
         color: #fff;
         border-radius: 4px;
         border: 2px solid var(--color-pink);
         width: 35%;
         height: 20%;
         line-height: 40px;
         text-align: center;
    }
     #singleAlbum .album-read-btn{
         display: block !important;
         margin: auto;
         margin-bottom: 10px;
    }
     #singleAlbum .album-buttons{
         display: block !important;
    }
     #singleAlbum .album-contents {
         padding: unset;
         text-align: center;
    }
     .about-meta-social-share{
         justify-content: center;
    }
     #testimonial .testi_text p{
         text-align: center;
    }
     .single-post-comment.mx-auto {
         margin-top: 40%;
         margin-bottom: 10%;
    }
     #aboutUs .about {
         display: flex;
         flex-wrap: wrap;
    }
     .about .about-image-album {
         position: relative;
         width: 60%;
         align-self: center;
    }
     .about-image-album{
         margin: unset;
    }
     .about .about-image-album img{
         height: 100%;
    }
     .about .about-image-album:nth-child(2){
         width: 25%;
         height: 100px !important;
    }
     .about .about-image-album:nth-child(3) {
         width: 53%;
         margin: unset;
    }
     .about .about-image-album:nth-child(4){
         width: 40%;
         margin: unset;
    }
     .about .about-image-album:nth-child(5){
         width: 28%;
         margin: unset;
    }
     .about .about-image-album:nth-child(6){
         width: 28%;
         margin: unset;
    }
     .about .about-image-album:nth-child(6) img{
         margin-top: 0px;
    }
     .about .about-image-album:nth-child(3) img {
         position: unset;
    }
     .about .about-image-album:nth-child(7){
         width: 32%;
         margin: unset;
    }
     .date-format {
         display: block;
         justify-content: center !important;
    }
     .upcoming-show-contents:after {
         content: '';
         border-top: 1px solid #dcdcdc;
         display: block;
         opacity: 0.1;
         width: 100%;
         position: relative;
         top: 30px;
    }
     #gallery .row {
         display: flex;
         flex-wrap: wrap;
    }
     #gallery .gallery-image{
         width: 50% !important;
         padding: 10px;
    }
     #gallery .gallery-image .gl_img img,#gallery .gallery-image:nth-child(5) .gl_img img {
         height: 150px;
    }
     #gallery .gallery-image:nth-child(3) .gl_img img{
         height: 150px !important;
    }
     .feature-album-top-image{
         display: block !important;
    }
     .content h4 a {
         font: normal normal 600 18px/30px Open Sans;
    }
     #slider .music-palyer-section {
         position: relative;
         bottom: 50px;
    }
     #single_post #comments .comment-form-cookies-consent label {
         width: 100%;
    }
    .modal{
      width: 98%;
      left: 1%;
    }
}
 @media screen and (max-width:532px){
     #slider .ai-btn.ai-tracklist-next {
         right: -16%;
         bottom: 50px;
    }
     #slider .ai-btn.ai-tracklist-prev {
         right: 15%;
         bottom: 50px;
    }
     #slider .ai-btn.ai-btn-repeat {
         right: 8%;
         top: -45px;
    }
}
 @media screen and (max-width:480px){
     #slider .carousel-control-prev {
         top: 34% !important;
    }
     #slider .carousel-control-next {
         bottom: 66% !important;
    }
     #slider .carousel-caption{
         top: 4%;
    }
     #slider .ai-tracklist-wrap.ai-tracklist-open {
         right: -8%;
    }
     #comments img {
         padding: 8px 20px;
    }
     #comments .comment-body{
         width: 70%;
    }
     .nav-previous a{
         width: 130px;
    }
     .nav-next a {
         width: 130px;
    }
     #slider .music-palyer-section {
         position: relative;
         bottom: 0px;
    }
     .about-main-heading {
         font: normal normal 600 22px/30px Open Sans;
    }
     .header-class{
         padding-inline-end: 0% !important;
         padding-left: 0%;
    }
     .slider-main-heading {
         font: 600 21px/35px open Sans;
    }
     #slider .carousel-control-next,#slider .carousel-control-prev{
         width: 35px;
         height: 35px;
    }
     #slider .carousel i{
         font-size: 14px;
    }
     #slider .slider-read{
         font :normal normal 600 15px/16px Quicksand;
    }
     #slider .music-palyer-section{
         margin: 6% 0px 10% 0px;
    }
     .accordion-item:first-of-type .accordion-button a {
         color: #fff;
         font-size: 14px;
         line-height: 25px;
    }
     #single_post #comments .comment-form-cookies-consent label {
         width: 87%;
         position: relative;
         left: 20px;
         top: 20px;
    }
}
 @media screen and (max-width:320px){
     #singleAlbum .ai-wrap .ai-audio-controls-meta .ai-tracklist-prev{
         right: 70px;
         top: 40px;
    }
     #singleAlbum .ai-wrap .ai-audio-controls-meta .ai-tracklist-next{
         right: -20px;
         top: 40px;
    }
     #singleAlbum .ai-wrap .ai-audio-control {
         left: 115%;
    }
}