/* =========================== All media quries are written here in large to small order ===========================*/
@media (min-width: 2560px) {
    .scroll-section{
        padding:200px 0;
    }
}
/* Extra large devices (full hd desktops, 1920px and down) */
@media (max-width: 1920px) {
     .bannerLogo{
        max-width:200px;
    }
}
/* Extra large devices (full hd desktops, 1440px and down) */
@media (max-width: 1440px) {
     .single h1{
        font-size:80px;
        line-height:90px;
    }
    
    
}
/* Extra large devices (Extra large desktops, 1366px and down) */
@media (max-width: 1366px) {
   
    
    .innerpage .scroll-section {
        padding: 60px 0 0;
    }
    
    .artist-page h1,.bannerLogo{
        margin-bottom:20px !important;
    }

    .deal-card {
        max-width: 300px;
    }

    .ticket-cards-outer {
        padding: 0 40px;
    }
    
    .home .ticket-cards-outer{
        padding: 0;
    }

    .ticket {
        max-width: 380px;
        padding: 30px;
    }

    .popup-sml {
        width: 180px;
    }

    .content-video iframe {
        height: 500px;
    }

    .section-title h2 {
        letter-spacing: 3px;
    }


    .banner-image img {
        width: 75%;
    }
    
    .list-block.right{
            padding-left: 40px;
    }
    .list-block.left{
            padding-right: 40px;
    }
    
   .page-template-faq .banner-section p, .page-template-privacy-policy .banner-section p{
       font-size:14px;
       line-height:24px;
       margin-bottom:15px;
   }

}

/* Extra large devices (large desktops, 1200px and down) */
@media (max-width: 1200px) {
    .popup-text h6 {
        font-size: 50px;
        line-height: 50px;
        margin: 0 0 20px;
    }

    .popup-text p {
        font-size: 16px;
        line-height: 20px;
    }

    .ticket-cards-outer {
        padding: 0;
    }

    .ticket {
        min-width: 100%;
        max-width: none;
        padding: 20px;
        margin: 0 15px;
        transform: none !important;
    }

    .data-row {
        padding: 20px 0;
    }

    .data-col p {
        font-size: 15px;
        line-height: 22px;
    }

    .card-content h4,
    .card-content p {
        letter-spacing: normal;

    }

    .card-content h4 {
        font-size: 18px;
        line-height: 24px;
    }

    .card-content p {
        font-size: 14px;
        line-height: 16px;
    }

    .card-content .primary-btn {
        font-size: 14px;
    }

    .card-image {
        height: 200px;
    }

    .content-video iframe {
        height: 400px;
    }

    .modal-content {
        height: 500px;
        background: linear-gradient(330.23deg, #EC6CA5 -0.03%, #FFE59A 100%);
        border-radius: 5px;
    }

    .modal-content .popup-text {
        padding: 20px;
    }

    .modal-header .close {
        right: 15px;
    }

    .social-btn-outer {
        display: block;

    }
    
    .ticket-section .section-title h3{
        font-size:40px;
        line-height:45px;
    }
    
    .ticket-section .section-title h4 {
        font-size:25px;
        line-height:30px;
    }
    
    
    
    .about-section h2{
        font-size:55px;
        line-height:60px;
        letter-spacing: normal;
    }
    
    .super-pass img{
        width: 140px;
    }
    
    .super-pass {
        position: absolute;
        top: -50px;
        right: -40px;
    }
    
    .schedule-section .nav-pills .nav-link{
        min-width: auto;
        font-size: 12px;
    }
    
    .schedule-section .nav-pills .nav-item{
        margin: 5px;
    }
    
      .artist-txt{
        padding: 15px;
        min-height: 120px;
    }
    
    .artist-txt h5{
        font-size: 16px;
        line-height: 18px;
        /*min-height: 40px;*/
    }
    
    .artist-txt p{
         font-size: 12px;
        line-height: 14px;
    }
    
    .ticket h3,.ticket h4{
         font-size: 20px;
        line-height: 25px;
    }
    
 
    
}

/* Large devices (desktops, 992px and down) */
@media (max-width: 992px) {
    h2 {
        font-size: 60px;
        line-height: 65px;
        letter-spacing: normal;
    }

    

    .testimonial-block {
        padding: 60px 0;
    }

    .video-content-section {
        padding: 60px 0;
    }

    .lineup-artists ul {
        display: block;
    }

    .lineup-artists ul li {
        display: block;
        margin: 0 0 60px;
    }

    .lineup-artists ul li::before {
        content: '';
        position: absolute;
        right: 0;
        left: 0;
        bottom: -40px;
        top: auto;
        transform: none;
        margin: 0 auto;
    }

    .lineup-artists ul li img {
        width: 50%;
    }
    
     .ticket-section .section-title h3{
        font-size:30px;
        line-height:35px;
    }
    
    .home-pink-section h3{
        font-size:35px;
        line-height:40px;
        margin:10px 0;
    }
    
    .home-pink-section h4{
        font-size:30px;
        line-height:35px;
    }
    
    .artist-txt p strong{
        display: block;
    }
    
    #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link, #mega-menu-wrap-secondary #mega-menu-secondary>li.mega-menu-item>a.mega-menu-link, #mega-menu-wrap-mobile #mega-menu-mobile>li.mega-menu-item>a.mega-menu-link, #mega-menu-wrap-mobile #mega-menu-mobile>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link, #mega-menu-wrap-secondary #mega-menu-secondary>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link{
        padding: 0 5px !important;
    }
    
    .header-social {
        display:none;
    }
    
    
    
     .ticket h3{
         font-size: 25px;
        line-height: 30px;
    }
    
     .ticket h4{
         font-size: 18px;
         /*font-size: 20px;*/
        line-height: 25px;
    }
  
    .about-section h2{
          font-size: 40px;
        line-height: 45px;
    }
    
    .min-col{
        margin-right: 0;
    }

}

/* Medium devices (tablets, 768px and down) */
@media (max-width: 768px) {
    h1 {
        font-size: 60px;
        line-height: 65px;
    }

    h2 {
        font-size: 36px;
        line-height: 40px;

    }

    .mob-only {
        display: block;
    }

    .desk-only {
        display: none;
    }

    .align-right {
        float: none;
    }

    .section-title {
        margin-bottom: 40px;
    }

    .header .mob-only {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .header .menu-btn {
        width: 40px;
        height: 40px;
        background: transparent;
        padding: 5px;
        border: 1px solid #4A0B32;
        border-radius: 5px;
        font-size: 25px;
        color: #4A0B32;
        outline: 0;
    }

    .main-menu ul,
    .main-menu ul li {
        display: block;
        margin: 0 0 10px;
        padding: 0;
    }

    .main-menu {
        display: none;
        margin: 20px 0 0;
    }

    .artists-list {
        margin-top: 40px;
    }

    .artists-list ul li {
        display: block;
    }

    .artists-list ul li:after {
        display: none;
    }

    .about-section {
        padding: 40px 0;
    }

    .about-section h2 {
        text-align: center;
    }

    .about-section h2 img {
        display: block;
        margin: 0 auto;
    }

    .residents-section {
        padding: 40px 0 0;
    }

    .residents-slider {
        padding: 0 15px;
    }

    .residents-slider img {
        margin: 0 15px;
        height: 500px;
        margin: 0 auto;
    }

    .main-menu.active {
        display: block;
    }

    .ticket-section {
        padding: 40px 0 0 !important;
    }

    .ticket-cards-outer {
        display: block;
    }

    .ticket {
        margin: 0 0 20px;
    }

    .section-title h4 {
        font-size: 20px;
        line-height: 25px;
    }

    .artist-section {
        padding: 40px 0 0;
    }

    .deals-section {
        padding: 40px 0 !important;
    }
    
    .page-template-lineup .deals-section{
         padding-bottom:0 !important;
    }

    .deals-section p {
        font-size: 20px;
        line-height: 24px;
    }

    .deals-cards-outer {
        display: block;
    }

    .deal-card {
        max-width: auto;
        width: 50%;
        margin: 0 auto 20px;
        transform: none !important;
    }


    .gallery-block {
        display: block;
    }

    .gallery-block img {
        width: 100%;
    }

    .gallery-content {
        padding: 40px 0;
    }

    .gallery-content p {
        margin-bottom: 40px;
        letter-spacing: normal;
        font-size: 18px;
        line-height: 24px;
    }

    .artist-page h1 {
        font-size: 20px;
        line-height:22px;
        margin: 0 0 20px !important;
        letter-spacing: normal;
    }

    .banner-image {
        margin: 100px 0 0;
    }

    .content-video {
        margin: 40px 0;
    }

    .content-video iframe {
        height: auto;
    }

    .footer {
        padding: 40px 0 80px;
    }

    .footer p {
        font-size: 14px;
        line-height: 24px;
    }

    .footer-menu ul li {
        display: block;
        margin: 0 0 10px;
    }

    .footer-nav {
        padding: 0 0 20px;
    }

    .footer-nav.social {
        padding: 20px 0;
    }

    .footer-nav ul {
        display: block;
    }

    .footer-nav.social ul {
        display: flex;
    }

    .footer-nav ul li {
        margin: 10px;
    }

    .slick-next {
        right: 0;
    }

    .slick-prev {
        left: 0;
    }

    .testimonial-block {
        padding: 40px 0;
    }

    .popup-sml {
        display: none;
    }

    .scroll-section {
        padding: 100px 0 0;
    }

    .scroll-section h1 {
        margin: 0 0 200px;
    }

    .scroll-section h2 {
        font-size: 46px;
        line-height: 50px;
        margin: 0 0 100px;
    }

    .scroll-section h4 {
        font-size: 30px;
        line-height: 35px;
        margin: 0 0 100px;
        padding: 0;
    }

    .scroll-section h3 {
        font-size: 36px;
        line-height: 40px;
        letter-spacing: normal;
    }

    .scroll-section .logo {
        width: 50%;
        margin: 100px 0;
    }

    .event-block {
        padding: 150px 0;
    }

    .event-block h4 {
        margin: 0 0 20px;
    }

    .comment-block p {
        margin: 0;
        padding: 20px;
    }

    .banner-image img {
        width: 100%;
    }

    .banner-art-two {
        bottom: -100px;
    }

    .featured-venues-section ul {
        display: block
    }

    .featured-venues-section ul li {
        width: 200px;
        display: block;
        padding: 0;
        margin: 0 auto;
    }

    .main-menu ul {
        float: unset;
    }

    .scroll-section .artist-text{
        max-width:200px;
    }
    .innerpage #mega-menu-wrap-mobile .mega-menu-toggle.mega-menu-open + #mega-menu-mobile{
        background:#FAEEE5;
    }
    
    #mega-menu-wrap-mobile .mega-menu-toggle + #mega-menu-mobile{
        padding:15px !important;
        margin-top:40px !important;
    }
    
    .main-menu ul li a{
        padding:0 !important;
    }
    
    #mega-menu-wrap-mobile #mega-menu-mobile > li.mega-menu-item:last-child a, #mega-menu-wrap-mobile #mega-menu-mobile > li.mega-menu-item:nth-last-child(2) a{
        padding: 0 15px !important;
        width:100%;
        text-align:center;
    }
    
    .primary-btn.wpcf7-submit{
        max-width:100%;
    }
    
    #mega-menu-wrap-mobile .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-box{
        background: #ACE1E6 !important;
    }
    
    .innerpage  #mega-menu-wrap-mobile .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-box{
        background: #FAEEE5 !important;
    }
    .common-content{
        padding-top:100px;
    }
    .common-content h4{
        font-size:20px;
        line-height:25px;
        letter-spacing:normal;
        
    }
     .common-content h4 br{
       display:none;
    }
    .common-content h1{
        font-size:40px;
        line-height:45px;
    }
    
    .common-content .primary-btn{
        width:auto;
    }
    
    .social-btn-outer .primary-btn{
        font-size:14px;
    }
    
    .page-template-blog .scroll-section .artist-text{
        max-width:200px;
    }
    
    .event-features{
        text-align:left;
    }
    
    .brown-section{
        padding:60px 0 0;
    }
    .three-col-blk h5{
        margin-bottom:0;
    }
    .faq-block,.regulations-block{
        padding:40px 0;
    }
    
    .block-title h3{
        font-size:34px;
        line-height:36px;
    }
    
    .regulations-block h4{
        font-size:30px;
        line-height:35px;
        margin-bottom:10px;
        text-align:left;
    }
    
    .list-block{
        margin-bottom:20px;
    }
    .list-block.left{
    padding-right:0;
    }
    .list-block.right{
        padding-left:0;
    }
    .list-block:before{
        display:none;
    }
    .list-block{
        display:block;
    }
    .list-block ul{
        width:100%;
    }
    .list-block ul li{ 
      margin-bottom:5px;
    }
    
    .grid-block{
        padding:20px;
        min-height:auto !important;
        margin-bottom:20px;
    }
    
    .new-pages.banner-section{
        height:auto;
    }
    
    .new-pages .scroll-section{
        padding:100px 0 !important;
    }
    
    .page-template-single .blog-box{
        margin-bottom:20px;
    }
    
    .page-template-single .blog-content-outer h2,.page-template-single .section-title h2{
        font-size:36px;
        line-height:40px;
         letter-spacing:normal;
         margin-bottom:20px;
    }
     .page-template-single .blog-content-outer h3{
        font-size:26px;
        line-height:30px;
        margin-bottom:15px;
        letter-spacing:normal;
    }
     
    .page-template-single .blog-content-outer img{
            border: 5px solid #EC6CA5;
    }
    
    .yellow-section{
        padding:60px 0 0;
    }
    
    .comment-form input,.comment-form textarea{
        margin-bottom:20px;
    }
    
    .comment-form label{
        font-size:14px;
        line-height:16px;
    }
    
    .single .brown-section iframe{
        height:auto;
    }
    
    .artist-page .ticket-cards-outer{
        margin:40px 0;
    }
    
     .single .banner-section{
            height:auto;
    }
    .single-art{
        position:relative;
        bottom:0;
        left:0;
        right:0;
    }
    
    .note{
        margin:20px 0 0;
    }
    
    .ticket-section .section-title h4{
        font-size:20px;
        line-height:30px;
    }
    
    .home .banner-section{
     margin-top: 124px;
    }
    
    .home .header{
        background: #ace1e6;
    }
    
    .blue-section.scroll-section{
        padding:50px 0 0;
    }
    
    .blue-section.scroll-section .logo{
        margin:50px 0;
    }
    
    .blue-section.scroll-section h4{
        font-size:25px;
        line-height:35px;
    }
    
    .blue-section.scroll-section h1{
        font-size:15px;
        line-height:25px;
    }
    
    .blue-section .event-block{
        padding-top:50px;
    }
    
    .pum-theme-122 .pum-container h4,
    .pum-theme-lightbox .pum-container h4 {
        font-family: "Gotham-Light";
        font-size:18px;
    }
    
    .special-text h4{
        font-family: 'Poppins', sans-serif;
        font-size: 25px;
        line-height: 35px;
        font-weight: 700;
    }
        
    .special-text h3{
        font-family: "Gotham-Bold";
        font-size: 36px;
        line-height: 40px;
        letter-spacing: normal;
    }
    
    .page-template-lineup .special-text h3{
         margin-bottom:40px;
    }
    
    .page-template-lineup .about-section p{
        font-size:16px;
        line-height:24px;
    }
    
    .home-pink-section{
        padding:40px 0 0;
    }
    .home-pink-section h4,.two-col-blk{
        margin-bottom:20px;
    }
    
    .two-col-blk .col-md-6{
        padding:20px 0;
        border-right:0;
            
    }
    
    .two-col-blk h4{
        margin-bottom:0;
    }

    .home-pink-section h5{
        letter-spacing:normal;
    }
    
    
    
    .special-txt h3 span{
        font-size: 40px;
        line-height: 45px;
    }
        
     .super-pass img{
        width: 100px;
    }
    
    .super-pass {
        position: absolute;
        top: -20px;
        right: 0;
    }
    
    .artist-txt{
        min-height: auto;
    }
    
    .artist-txt h5{
        min-height: auto;
    }
    
    .schedule-section .nav{
        display: block;
    }
    
    .artist-txt p strong{
        display: inline-block;
    }
    
    .min-col{
        min-width: 100%;
    }
    
    .sidebar-newsletter h3,.popup-text h3{
        font-size: 20px !important;
        line-height: 25px !important;
    }
    
    
    

}

/* Small devices (landscape phones, 576px and down) */
@media (max-width: 576px) {
    .primary-btn {
        width: 100%;
        font-size: 15px;
        text-align: center;
    }

    .deal-card {
        width: 100%;
    }

   

}