@media only screen and (min-width: 1600px) {

	.container{
        max-width: 1272px;
    }
    .about-img-1 img , .about-img-2 img , .about-img-3 img , .about-img-4 img , .about-img-5 img{
      width: 334px;
      height: 395px;
      border-radius: 16px;
      object-fit: cover;
    }
    .about-img-1, .about-img-2, .about-img-3, .about-img-4, .about-img-5{
        width: 334px;
    }
    .about-img-1 img , .about-img-2 img , .about-img-3 img , .about-img-4 img , .about-img-5 img{
      width: 334px;
    }
    .about-img-3{
        left: -125px;
    }
    .about-img-4 {
        left: -225px;
    }
    .about-img-5{
        left: -284px;
    }

    .about-timeline-area{
        height: 282vh;
    }
    .timeline-panel-text, .timeline-panel-img{
        height: 80vh;
    }

    .timeline {

      padding: 0;
      ul {
        padding: 0;
      }

      .default-line {
        height: 240vh;
      }

      ul li {
        height: 80vh;
      }
    }
   
	
	
	
}

@media only screen and (min-width: 1200px) and (max-width : 1599px) {
    
    .container{
    	max-width: 1272px;
    }
    .about-banner-area{
        height: 125vh;
    }


	
	

		
}

@media only screen and (min-width: 1200px) {


    .mobile-logo{
        display: none;
    }
    .desktop-logo{
        display: block;
    }
    .mobile-show{
        display: none!important;
    }
    .desktop-show{
        display: block!important;
    }



	
}

@media only screen and (min-width: 992px) and (max-width : 1199px) {



    .container{
        max-width: 100%;
    }
    .banner-top-area{
        font-size: 54px;
        line-height: 54px;
        text-align: center;
    }
    .banner-top-animation{
        max-height: 54px;
    }
    @keyframes myfirst {
      0%   {left: 0px; top: 0; margin-top: 0; margin-left: 0;}
      15%  {left: 0px; top: 0; margin-top: 0; margin-left: 0;}
      20%  {left: 0; top: 0; margin-top: -54px; margin-left: 0; }
      25%  {left: 0; top: 0; margin-top: -54px; margin-left: 0; }
      30%  {left: 0; top: 0; margin-top: -54px; margin-left: 0; }
      45%  {left: 0; top: 0; margin-top: -54px; margin-left: 0; }
      50%  {left: 0px; top: 0; margin-top: -108px; margin-left: 0;}
      70%  {left: 0px; top: 0; margin-top: -108px; margin-left: 0;}
      75%  {left: 0; top: 0; margin-top: -108px; margin-left: 0;}
      80%  {left: 0; top: 0; margin-top: -162px; margin-left: 0;}
      100% {left: 0px; top: 0; margin-top: -162px; margin-left: 0;}
    }
    .menu-icon img{
        width: 28px;
    }
    .buy-ticket-area a{
        font-size: 14px;
        padding: 8px 10px 6px !important;
        min-width: 120px;
    }
    .mobile-show{
        display: block!important;
    }
    .desktop-show{
        display: none!important;
    }
    .desktop-logo{
        display: none;
    }
    .mobile-logo{
        display: block;
    }
    .buy-ticket-area{
        margin-right: 24px;
    }
    .menu-area{
        padding: 10px 0;
    }
    .enter-bottom {
        bottom: 70px;
        width: 100%;
        text-align: center;
    }
    .venu-slider h2{
        font-size: 32px;
        line-height: 32px;
        font-weight: 700;
        margin-bottom: 24px;
    }
    .venu-slider .owl-prev, .venu-slider .owl-next{
        width: 38px;
        height: 38px;
        background-size: 18px 15px !important;
    }
    .venu-slider{
        padding: 40px 0;
    }
    .venu-slider .owl-nav{
        width: 108px;
        top: -60px;
    }
    .venu-img img{
        height: 405px;
    }
    .all-collection{
        margin-top: 24px;
    }
    .all-collection a{
        font-size: 16px;
        padding-bottom: 0;
    }
    .vip-about-area{
        padding-top: 40px;
    }
    .vip-section h2, .about-section h2{
        font-size: 22px;
        line-height: 22px;
    }
    .vip-section h2 span, .about-section h2 span{
        font-size: 32px;
        line-height: 32px;
    }
    .vip-section{
        margin-bottom: 40px;
    }
    .vip-section .all-collection, .about-section .all-collection{
        bottom: 40px;
    }
    .vip-about-area img{
        height: 437px;
    }
    .newslatter-section h2{
        font-size: 20px;
        line-height: 20px;
    }
    .newslatter-section{
        padding: 40px 0;
    }
    .news-input{
        width: 100%;
        height: 50px;
        font-size: 14px;
        line-height: 14px;
    }
    .newslatter-email-area form{
        flex-direction: column;
        gap:10px;
    }
    .subscribe{
        width: 100%;
        font-size: 14px;
        line-height: 14px;
        padding: 8px 10px;
    }
    footer{
        padding: 40px 0;
    }
    .copy-area{
        flex-direction: column;
        text-align: center;
    }
    .copy-right-area{
        display: flex;
        flex-direction: column;
        text-align: center;
        gap:6px;
    }
    .copy-left-area{
        margin-bottom: 18px;
    }
    .copy-area{
        font-size: 12px;
        line-height: 12px;
    }
    .copy-right-area img{
        width: 58px;
    }
    .footer-menu-area{
        padding-bottom: 40px;
    }
    .footer-1 , .footer-2 , .footer-3 , .footer-4{
        width: 100%;
        text-align: center;
    }
    .footer-2 h2 , .footer-3 h2 , .footer-4 h2{
        display: none;
    }
    .footer-1 p{
        font-size: 14px;
        line-height: 16px;
        font-weight: 400;
        text-align: center;
        max-width: 290px;
        margin: 0 auto;
    }
    .footer-social{
        justify-content: center;
        gap:31px;
        margin-top: 20px;
    }
    .footer-logo{
        justify-content: center;
        margin-bottom: 24px;
    }
    .footer-logo img{
        width: 160px;
    }
    .footer-2 .footer-menu{
        padding-top: 40px;
        margin-top: 40px;
        border-top: 1px solid #fff;
        width: 100%;
    }

    .footer-social .footer-social-icon:first-child img{
      filter: brightness(0) saturate(100%) invert(99%) sepia(4%) saturate(443%) hue-rotate(213deg) brightness(115%) contrast(95%);
      
    }
    .footer-social .footer-social-icon:nth-child(2) img{
      filter: brightness(0) saturate(100%) invert(76%) sepia(7%) saturate(1449%) hue-rotate(198deg) brightness(102%) contrast(104%);
    }
    .footer-social .footer-social-icon:nth-child(3) img{
      filter: brightness(0) saturate(100%) invert(96%) sepia(21%) saturate(760%) hue-rotate(72deg) brightness(97%) contrast(102%);
    }
    .footer-social .footer-social-icon:nth-child(4) img{
      filter: brightness(0) saturate(100%) invert(81%) sepia(36%) saturate(677%) hue-rotate(180deg) brightness(103%) contrast(103%);
    }
    .footer-social .footer-social-icon:last-child img{
      filter: brightness(0) saturate(100%) invert(97%) sepia(69%) saturate(4289%) hue-rotate(293deg) brightness(99%) contrast(103%);
    }
    .playlists-slider .venu-text{
        font-size: 54px;
        line-height: 54px;
    }
    .play-icon img {
        width: 50px!important;
    }
    .event-section{
        padding: 40px 0;
    }
    .event-section h2{
        font-size: 32px;
        line-height: 32px;
        margin-bottom: 40px;
    }
    .event-panel-img img{
        width: 60px;
        height: 74px;
    }
    .event-panel-text h3{
        font-size: 16px;
        line-height: 16px;
        text-transform: uppercase;
    }
    .event-panel-text ul li:first-child a{
        font-size: 14px;
        line-height: 14px;
        font-weight: 500;
    }
    .event-panel-text ul li a{
        font-size: 12px;
        line-height: 12px;
        font-weight: 300;
    }
    .event-panel-text ul li{
        padding: 0;
        border:none;
    }
    .event-panel-text ul{
        flex-direction: column;
    }
    .event-panel-text ul li:nth-child(3) , .event-panel-text ul li:nth-child(4){
        display: none;
    }
    .event-panel-text{
        padding: 0;
    }
    .event-panel-btn .info-btn a{
        font-size: 14px;
        line-height: 14px;
        min-width: 115px;
        padding: 8px 10px 6px !important;
    }
    .event-panel-btn .buy-ticket-btn a{
        font-size: 14px;
        line-height: 14px;
        min-width: 115px;
        padding: 8px 10px 6px !important;
    }
    .event-panel-section{
        padding: 20px 0;
    }
    .event-panel-section-first{
        padding-top: 0;
    }
    .banner-area video{
        width: 90%;
    }
    .menu {
        min-width: auto;
        max-width: 430px;
        border-radius: 0;
        right: 0;
        top: 40px;
    }
    .body-active .footer-social .footer-social-icon img{
        filter: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(239%) hue-rotate(320deg) brightness(77%) contrast(83%);
    }

    .about-banner-area h2{
        font-size: 40px;
        line-height: 40px;
    }
    .about-banner-area p{
        font-size: 16px;
    }
    .about-artist-area p{
        font-size: 14px;
    }
    .about-artist-area h2{
        font-size: 32px;
        line-height: 32px;
    }
    .about-artist-panel-area{
        gap:24px;
        margin-top: 40px;
    }
    .about-artist-img span{
        font-size: 26px;
    }
    
    .about-banner-area {
        padding: 60px 0;
        overflow: hidden;
        height: auto;
    }
    .about-timeline-area h2{
        font-size: 32px;
        line-height: 32px;
    }
    .timeline {
        & ul li {
            &.in-view {
                &::before {
                    content: '';
                    position: absolute;
                    left: 50%;
                    top: -30px;
                    transform: translateX(-50%);
                    width: 42px;
                    height: 42px;
                    border-radius: 50%;
                    background-image: url(../images/round.svg);
                    background-size: 42px 42px;
                    background-repeat: no-repeat;
                    background-position: center;
                }
            }
        }
    }
    .in-view:after{
        width: 54px;
        height: 54px;
    }
    .timeline {
    .draw-line {
            width: 6px;
        }
    }
    .timeline {
    .default-line {
            width: 6px;
        }
    }
    .timeline {
        ul {
            position: relative;
        }
    }
    .about-timeline-area p{
        font-size: 14px;
    }
    .about-timeline-area h3{
        font-size: 24px;
        line-height: 24px;
        margin-bottom: 24px;
    }
    .timeline-panel-text, .timeline-panel-img{
        height: auto;
    }
    .about-timeline-area img{
        height: 315px;
    }
    .timeline-panel{
        width: 100%;
        display: flex;
        flex-direction: column;
        gap:24px;
        height: 150vh;
        justify-content: center;
    }
    .timeline {
        .default-line {
            height: 448vh;
        }
    }
    .timeline {
        ul li {
            height: 150vh;
        }
    }
    .mobile-about-none{
        display: none!important;
    }
    .about-timeline-area{
        height: 500vh;
    }
    .about-artist-panel {
        width: 31.73%;
    }
    .event-bottom-panel{
        overflow: hidden;
    }
    .event-dropdown-menu{
        max-width: 100%;
    }


    .event-details-right{
        padding-left: 50px;
    }
    .related-event-area h2{
        margin-bottom: 15px;
    }
    .related-event-area .event-panel-area{
        width: 50%;
        padding: 20px;
    }
    .related-event-area{
        padding: 40px 0 20px;
        overflow: hidden;
    }
    .event-details-right .desktop-show {
        display: block !important;
    }
    .details-ticket-area{
        padding: 24px;
    }
    .event-details-area{
        padding: 40px 0;
    }
    .body-active .footer-2 .footer-menu{
        border-top: 1px solid #161616;
    }

    .venue-page-area .col-lg-4 {
        width: 48.33%;
    }
    .venue-page-area .row {
        gap: 24px;
        justify-content: center;
    }
    .venue-page-panel{
        margin: 0;
    }
    .venue-page-panel .venu-img img {
        height: 515px;
    }
    .venue-page-area{
        padding: 40px 0;
    }
    .carrer-head-area h2{
        font-size: 42px;
    }
    .carrer-panel{
        width: 48.33%;
        margin: 0;
    }
    .carrer-area .row {
        gap: 24px;
        justify-content: center;
    }
    .right-roll-area{
        padding: 40px 0;
    }
    .right-roll-area h2{
        font-size: 24px;
    }
    .right-roll-area p{
        font-size: 16px;
    }
    .carrer-area{
        padding-bottom: 40px;
    }
    .carrer-head-area{
        padding-bottom: 40px;
    }

    .vip-head-area{
        padding: 40px 0;
    }
    .vip-head-text h2{
        font-size: 24px;
    }
    .vip-location-area, .vip-date-area{
        font-size: 18px;
    }
    .vip-head-img{
        display: none;
    }
    .vip-book-panel-left h3{
        font-size: 18px;
    }

    .job-details-area img{
        width: 100%;
    }
    .job-details-text-panel img{
        width: 32px;
    }
    .job-details-text h2{
        margin-bottom: 40px;
    }
    .job-details-area{
        padding: 40px 0;
    }
    .job-details-text-panel{
        margin-top: 24px;
        margin-bottom: 36px;
    }
    .job-details-text-panel p{
        font-size: 18px;
    }
    .position-area{
        padding: 60px 0;
    }
    .position-area h2{
        margin-bottom: 24px;
        font-size: 32px;
        line-height: 32px;
    }
    .position-area .col-lg-4 {
        width: 31.76%;
    }
    .position-area .row {
        gap: 24px;
    }
    .job-details-text{
        width: 100%;
    }

    .content-frm .modal-dialog {
        max-width: 900px;
        min-width: 900px;
        margin: 0 auto !important;
    }
    .input-file:after{
        max-width: 243px;
    }


    .best-club-area img{
        height: auto;
    }
    .best-club-area p{
        margin-top: 40px;
    }
    .best-club-slider .owl-carousel .owl-item img{
        height: 405px;
        object-fit: cover;
    }
    .best-club-slider{
        padding: 40px 0 60px;
    }
    .best-club-left-area-2{
        font-size: 24px;
        text-align: left;
    }
    .best-club-left-area-1 h2{
        font-size: 52px;
        line-height: 60px;
    }
    .best-club--left-area{
        gap:24px;
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 40px;
    }
    .venue-banner-bottom-panel img{
        width: 40px;
        height: 40px!important;
        object-fit: contain!important;
    }
    .venue-banner-bottom-panel h3{
        font-size: 16px;
        line-height: 20px;
    }
    .venue-banner-bottom {
        bottom: 60px;
        gap: 20px;
        max-width: 350px;
    }
    .venue-area img{
        height: 100vh;
        object-fit: cover;
    }
    .venue-banner-text{
        min-width: 250px;
        top: 36%;
    }
    .event-section-next h2{
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 4px;
    }
    .event-section-next .event-panel-des p , .event-section-next .event-panel-des h3 , .event-section-next .date-area , .event-section-next .frm-area{
        color: #000;
    }
    .event-section-next .event-panel-area{
        padding: 20px 15px;
    }


    .blue-round {
      top: 100px;
      left: 440px;
    }
    .green-round{;
      top: 180px;
      left: 290px;
    }
    .see-blue-round {
      top: 230px;
      left: 240px;
    }
    .red-round{
      top: 200px;
      left: 440px;
    }
    .blue-round-r {
      top: 310px;
      left: auto;
      right: 190px;
    }
    .vip-map-area img{
        max-width: 960px;
    }
    .map-1, .map-2, .map-3{
        max-width: 960px;
        margin: 0 auto;
    }




    .map-2 .blue-round {
        top: 122px;
        left: 265px;
    }
    .map-2 .green-round {
        top: 178px;
        left: 534px;
    }
    .map-2 .green-round-r {
        top: 160px;
        right: 520px;
        left: auto;
    }
    .map-2 .blue-round-r {
        top: 340px;
        right: 520px;
    }
    .map-3 .map-3-blue-round {
        top: 165px;
        right: 155px;
    }
    .map-3 .map-3-green-round {
        top: 300px;
        left: 457px;
    }
    .map-3 .map-3-green-round-r {
        top: 285px!important;
        right: 150px;
    }

    .vip-map-popup-blue.active{
        left: 485px;
    }
    .vip-map-popup-blue-r.active{
        left: 410px;
    }
    .vip-map-popup-red.active{
        left: 485px;
    }
    .vip-map-popup-green.active{
        left: 336px;
    }
    .vip-map-popup-see-blue.active{
        left: 288px;
    }
    .vip-map-popup-green-map-3.active{
        left: 120px;
    }
    .map-3 .vip-map-popup-green-r-map-3.active{
        right: 195px;
    }
    .map-3 .vip-map-popup-blue-map-3.active{
        right: 195px;
    }
    .vip-map-popup-blue-map-2.active{
        left: 310px;
    }
    .vip-map-popup-blue-r-map-2.active{
        left: 460px;
    }
    .vip-map-popup-see-green-map-2.active{
        left: 580px;
    }
    .vip-map-popup-see-green-r-map-2.active{
        left: 452px;
    }

    .menu-icon-1, .menu-icon-2, .menu-icon-3, .menu-icon-4, .menu-icon-5{
        width: 12px;
        height: 12px;
        border-radius: 3px;
    }
    .menu-icon {
        width: 30px;
        height: 28px;
        min-width: 38px;
    }
    .menu-icon-3.moved1{
        right: 20px;
    }
    .menu-animation .menu-icon-5 img{
        margin-top: -11px;
    }
    .menu-icon-2.moved{
        top: 16px;
    }


    .addons-panel{
        border-radius: 0;
    }
    .checkout-step {
        padding: 0 15px 15px 15px !important;
    }
    .progress-indicator {
        padding: 15px !important;
    }
    .modal-top-bar {
        padding: 20px 15px 15px 15px !important;
        border-bottom: none !important;
    }
    .order-sidebar {
        padding: 12px 15px !important;
    }
    .step-title-section h1 {
        font-size: 24px!important;
        line-height: 24px!important;
    }
    .step-title-section .step-subtitle {
        font-size: 16px;
        line-height: 24px;
    }


.map-1 .blue-round-1{
  top: 102px;
  left: 306px;
}
.map-1 .blue-round-2{
  top: 102px;
  left: 352px;
}
.map-1 .blue-round-3{
  top: 102px;
  left: 400px;
}
.map-1 .blue-round-4{
  top: 140px;
  left: 280px;
}
.map-1 .blue-round-5{
  top: 140px;
  left: 324px;
}
.map-1 .blue-round-6{
  top: 140px;
  left: 370px;
}
.map-1 .blue-round-7{
  top: 140px;
  left: 418px;
}

.map-1 .blue-round-r-1{
  top: 231px;
  right: 212px;
}
.map-1 .blue-round-r-2{
  top: 267px;
  right: 203px;
}
.map-1 .blue-round-r-3{
  top: 336px;
  right: 222px;
}
.map-1 .blue-round-r-4{
  top: 392px;
  right: 232px;
}
.map-1 .blue-round-r-5 {
  top: 435px;
  right: 228px;
}

.map-1 .green-round-1{
  top: 261px;
  left: 304px;
}
.map-1 .red-round-1{
  top: 216px;
  left: 403px;
}
.map-1 .red-round-2{
  top: 216px;
  left: 454px;
}
.map-1 .see-blue-round-1{
  top: 260px;
  left: 194px;
}
.map-1 .see-blue-round-2{
  top: 245px;
  left: 206px;
}
.map-1 .see-blue-round-3{
  top: 245px;
  left: 232px;
}
.map-1 .see-blue-round-4{
  top: 245px;
  left: 264px;
}
.map-1 .see-blue-round-5{
  top: 206px;
  left: 305px;
}


.map-3 .map-3-blue-round-1{
  top: 160px;
  right: 166px;
}
.map-3 .map-3-blue-round-2 {
  top: 194px;
  right: 163px;
}
.map-3 .map-3-blue-round-3 {
  top: 270px;
  right: 165px;
}
.map-3 .map-3-blue-round-4{
  top: 320px;
  right: 158px;
}
.map-3 .map-3-green-round-1{
  top: 313px;
  left: 460px;
}
.map-3 .round-round-1{
  top: 212px;
  left: 654px;
}
.map-3 .round-round-2{
  top: 219px;
  left: 709px;
}
.map-3 .round-round-3{
  top: 182px;
  left: 680px;
}
.map-3 .round-round-4{
  top: 177px;
  left: 626px;
}
.map-3 .round-round-5{
  top: 200px;
  left: 536px;
}
.map-3 .round-round-6{
  top: 208px;
  left: 597px;
}
.map-3 .round-round-7{
  top: 182px;
  left: 680px;
}
.map-3 .round-round-8{
  top: 218px;
  left: 710px;
}
.map-3 .round-round-7{
  top: 173px;
  left: 571px;
}
.map-3 .round-round-8{
  top: 232px;
  left: 534px;
}
.map-3 .round-round-9{
  top: 239px;
  left: 597px;
}
.map-3 .round-round-10{
  top: 245px;
  left: 655px;
}
.map-3 .round-round-11{
  top: 251px;
  left: 712px;
}


.map-2 .blue-round-1{
  top: 134px;
  left: 260px;
}
.map-2 .blue-round-2{
  top: 134px;
  left: 290px;
}

.map-2 .blue-round-r-1{
  top: 342px;
  right: 503px;
}
.map-2 .blue-round-r-2{
  top: 364px;
  right: 521px;
}

.map-2 .green-round-1{
  top: 190px;
  left: 367px;
}
.map-2 .green-round-2{
  top: 208px;
  left: 435px;
}
.map-2 .red-round-1{
  top: 183px;
  left: auto;
  right: 408px;
}
.map-2 .red-round-2{
  top: 170px;
  left: auto;
  right: 500px;
}
.map-2 .red-round-3{
  top: 150px;
  left: auto;
  right: 591px;
}
.map-2 .red-round-4{
  top: 160px;
  left: auto;
  right: 563px;
}
.map-2 .red-round-5{
  top: 144px;
  left: auto;
  right: 514px;
}
.map-2 .red-round-6{
  top: 155px;
  left: auto;
  right: 466px;
}
    








}

@media only screen and (min-width: 768px) and (max-width: 991px) {

    .container{
        max-width: 100%;
    }
    .banner-top-area{
        font-size: 54px;
        line-height: 54px;
        text-align: center;
    }
    .banner-top-animation{
        max-height: 54px;
    }
    @keyframes myfirst {
      0%   {left: 0px; top: 0; margin-top: 0; margin-left: 0;}
      15%  {left: 0px; top: 0; margin-top: 0; margin-left: 0;}
      20%  {left: 0; top: 0; margin-top: -54px; margin-left: 0; }
      25%  {left: 0; top: 0; margin-top: -54px; margin-left: 0; }
      30%  {left: 0; top: 0; margin-top: -54px; margin-left: 0; }
      45%  {left: 0; top: 0; margin-top: -54px; margin-left: 0; }
      50%  {left: 0px; top: 0; margin-top: -108px; margin-left: 0;}
      70%  {left: 0px; top: 0; margin-top: -108px; margin-left: 0;}
      75%  {left: 0; top: 0; margin-top: -108px; margin-left: 0;}
      80%  {left: 0; top: 0; margin-top: -162px; margin-left: 0;}
      100% {left: 0px; top: 0; margin-top: -162px; margin-left: 0;}
    }
    .menu-icon img{
        width: 28px;
    }
    .buy-ticket-area a{
        font-size: 14px;
        padding: 8px 10px 6px !important;
        min-width: 120px;
    }
    .mobile-show{
        display: block!important;
    }
    .desktop-show{
        display: none!important;
    }
    .desktop-logo{
        display: none;
    }
    .mobile-logo{
        display: block;
    }
    .buy-ticket-area{
        margin-right: 24px;
    }
    .menu-area{
        padding: 10px 0;
    }
    .enter-bottom {
        bottom: 70px;
        width: 100%;
        text-align: center;
    }
    .venu-slider h2{
        font-size: 32px;
        line-height: 32px;
        font-weight: 700;
        margin-bottom: 24px;
    }
    .venu-slider .owl-prev, .venu-slider .owl-next{
        width: 38px;
        height: 38px;
        background-size: 18px 15px !important;
    }
    .venu-slider{
        padding: 40px 0;
    }
    .venu-slider .owl-nav{
        width: 108px;
        top: -60px;
    }
    .venu-img img{
        height: 405px;
    }
    .all-collection{
        margin-top: 24px;
    }
    .all-collection a{
        font-size: 16px;
        padding-bottom: 0;
    }
    .vip-about-area{
        padding-top: 40px;
    }
    .vip-section h2, .about-section h2{
        font-size: 22px;
        line-height: 22px;
    }
    .vip-section h2 span, .about-section h2 span{
        font-size: 32px;
        line-height: 32px;
    }
    .vip-section{
        margin-bottom: 40px;
    }
    .vip-section .all-collection, .about-section .all-collection{
        bottom: 40px;
    }
    .vip-about-area img{
        height: 437px;
    }
    .newslatter-section h2{
        font-size: 20px;
        line-height: 20px;
    }
    .newslatter-section{
        padding: 40px 0;
    }
    .news-input{
        width: 100%;
        height: 50px;
        font-size: 14px;
        line-height: 14px;
    }
    .newslatter-email-area form{
        flex-direction: column;
        gap:10px;
    }
    .subscribe{
        width: 100%;
        font-size: 14px;
        line-height: 14px;
        padding: 8px 10px;
    }
    footer{
        padding: 40px 0;
    }
    .copy-area{
        flex-direction: column;
        text-align: center;
    }
    .copy-right-area{
        display: flex;
        flex-direction: column;
        text-align: center;
        gap:6px;
    }
    .copy-left-area{
        margin-bottom: 18px;
    }
    .copy-area{
        font-size: 12px;
        line-height: 12px;
    }
    .copy-right-area img{
        width: 58px;
    }
    .footer-menu-area{
        padding-bottom: 40px;
    }
    .footer-1 , .footer-2 , .footer-3 , .footer-4{
        width: 100%;
        text-align: center;
    }
    .footer-2 h2 , .footer-3 h2 , .footer-4 h2{
        display: none;
    }
    .footer-1 p{
        font-size: 14px;
        line-height: 16px;
        font-weight: 400;
        text-align: center;
        max-width: 290px;
        margin: 0 auto;
    }
    .footer-social{
        justify-content: center;
        gap:31px;
        margin-top: 20px;
    }
    .footer-logo{
        justify-content: center;
        margin-bottom: 24px;
    }
    .footer-logo img{
        width: 160px;
    }
    .footer-2 .footer-menu{
        padding-top: 40px;
        margin-top: 40px;
        border-top: 1px solid #fff;
        width: 100%;
    }

    .footer-social .footer-social-icon:first-child img{
      filter: brightness(0) saturate(100%) invert(99%) sepia(4%) saturate(443%) hue-rotate(213deg) brightness(115%) contrast(95%);
      
    }
    .footer-social .footer-social-icon:nth-child(2) img{
      filter: brightness(0) saturate(100%) invert(76%) sepia(7%) saturate(1449%) hue-rotate(198deg) brightness(102%) contrast(104%);
    }
    .footer-social .footer-social-icon:nth-child(3) img{
      filter: brightness(0) saturate(100%) invert(96%) sepia(21%) saturate(760%) hue-rotate(72deg) brightness(97%) contrast(102%);
    }
    .footer-social .footer-social-icon:nth-child(4) img{
      filter: brightness(0) saturate(100%) invert(81%) sepia(36%) saturate(677%) hue-rotate(180deg) brightness(103%) contrast(103%);
    }
    .footer-social .footer-social-icon:last-child img{
      filter: brightness(0) saturate(100%) invert(97%) sepia(69%) saturate(4289%) hue-rotate(293deg) brightness(99%) contrast(103%);
    }
    .playlists-slider .venu-text{
        font-size: 54px;
        line-height: 54px;
    }
    .play-icon img {
        width: 50px!important;
    }
    .event-section{
        padding: 40px 0;
    }
    .event-section h2{
        font-size: 32px;
        line-height: 32px;
        margin-bottom: 40px;
    }
    .event-panel-img img{
        width: 60px;
        height: 74px;
    }
    .event-panel-text h3{
        font-size: 16px;
        line-height: 16px;
        text-transform: uppercase;
    }
    .event-panel-text ul li:first-child a{
        font-size: 14px;
        line-height: 14px;
        font-weight: 500;
    }
    .event-panel-text ul li a{
        font-size: 12px;
        line-height: 12px;
        font-weight: 300;
    }
    .event-panel-text ul li{
        padding: 0;
        border:none;
    }
    .event-panel-text ul{
        flex-direction: column;
    }
    .event-panel-text ul li:nth-child(3) , .event-panel-text ul li:nth-child(4){
        display: none;
    }
    .event-panel-text{
        padding: 0;
    }
    .event-panel-btn .info-btn a{
        font-size: 14px;
        line-height: 14px;
        min-width: 115px;
        padding: 8px 10px 6px !important;
    }
    .event-panel-btn .buy-ticket-btn a{
        font-size: 14px;
        line-height: 14px;
        min-width: 115px;
        padding: 8px 10px 6px !important;
    }
    .event-panel-section{
        padding: 20px 0;
    }
    .event-panel-section-first{
        padding-top: 0;
    }
    .banner-area video{
        width: 90%;
    }
    .menu {
        min-width: auto;
        max-width: 430px;
        border-radius: 0;
        right: 0;
        top: 40px;
    }
    .body-active .footer-social .footer-social-icon img{
        filter: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(239%) hue-rotate(320deg) brightness(77%) contrast(83%);
    }

    .about-banner-area h2{
        font-size: 40px;
        line-height: 40px;
    }
    .about-banner-area p{
        font-size: 16px;
    }
    .about-artist-area p{
        font-size: 14px;
    }
    .about-artist-area h2{
        font-size: 32px;
        line-height: 32px;
    }
    .about-artist-panel {
        width: 48.33%;
        display: flex;
    }
    .about-artist-panel-area{
        gap:24px;
        margin-top: 40px;
        justify-content: space-between;
    }
    .about-artist-img span{
        font-size: 26px;
    }
    .about-img-1{
      transform: rotate(-21.89deg);
      position: relative;
      left: -70px;
    }
    .about-img-2{
      transform: rotate(11.29deg);
      position: relative;
      left: 80px;
      margin-top: -150px;
    }
    .about-img-3{
      transform: rotate(0);
      position: relative;
      left: 0;
      z-index: 9;
      margin-top: -80px;
    }
    .about-img-4{
      transform: rotate(-21.89deg);
      position: relative;
      left: -70px;
      margin-top: -70px;
      z-index: 99;
    }
    .about-img-5{
      transform: rotate(11.29deg);
      position: relative;
      left: 80px;
      margin-top: -150px;
      z-index: 999;
    }
    .about-img-1 img, .about-img-2 img, .about-img-3 img, .about-img-4 img, .about-img-5 img{
        width: 167px;
        height: 197px;
    }
    .about-banner-area {
        padding: 60px 0;
        height: auto;
        overflow: hidden;
    }
    .about-banner-img{
        flex-direction: column;
        margin-top: 60px;
        justify-content: center;
        align-items: center;
    }
    .about-img-1, .about-img-2, .about-img-3, .about-img-4, .about-img-5{
        width: 100%;
        align-items: center;
        justify-content: center;
    }
    .about-timeline-area h2{
        font-size: 32px;
        line-height: 32px;
    }
    .timeline {
        & ul li {
            &.in-view {
                &::before {
                    content: '';
                    position: absolute;
                    left: 50%;
                    top: -30px;
                    transform: translateX(-50%);
                    width: 42px;
                    height: 42px;
                    border-radius: 50%;
                    background-image: url(../images/round.svg);
                    background-size: 42px 42px;
                    background-repeat: no-repeat;
                    background-position: center;
                }
            }
        }
    }
    .in-view:after{
        width: 54px;
        height: 54px;
    }
    .timeline {
    .draw-line {
            width: 6px;
        }
    }
    .timeline {
    .default-line {
            width: 6px;
        }
    }
    .timeline {
        ul {
            position: relative;
        }
    }
    .about-timeline-area p{
        font-size: 14px;
    }
    .about-timeline-area h3{
        font-size: 24px;
        line-height: 24px;
        margin-bottom: 24px;
    }
    .timeline-panel-text, .timeline-panel-img{
        height: auto;
    }
    .about-timeline-area img{
        height: 315px;
    }
    .timeline-panel{
        width: 100%;
        display: flex;
        flex-direction: column;
        gap:24px;
        height: 150vh;
        justify-content: center;
    }
    .timeline {
        .default-line {
            height: 448vh;
        }
    }
    .timeline {
        ul li {
            height: 150vh;
        }
    }
    .mobile-about-none{
        display: none!important;
    }
    .about-timeline-area{
        height: 500vh;
    }
    .about-timeline-area{
        height: 500vh;
    }
    .about-artist-panel:nth-child(n) .about-artist-img:after , .about-artist-img span{
        opacity: 1;
    }
    .event-area h2{
        font-size: 40px;
        line-height: 40px;
    }
    .event-area p{
        font-size: 16px;
    }
    .event-panel-des p{
        font-size: 18px;
    }
    .event-panel-area {
        padding: 15px;
    }
    .event-dropdown-area{
        gap:12px;
        flex-wrap: wrap;
    }
    .result-section{
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .event-drp-btn{
        width: 100%;
        min-width: 100%;
        padding: 16px 20px;
    }
    .event-dropdown-main{
        width: 48%;
    }
    .event-drp-btn img{
        width: 16px;
    }
    .event-area{
        padding: 40px 0 0;
    }
    .event-bottom-panel{
        overflow: hidden;
    }
    .event-bottom-panel .row{
        margin: 0 -15px;
    }
    .event-dropdown-menu{
        max-width: 100%;
    }

    .event-area h2{
        font-size: 40px;
        line-height: 40px;
    }
    .event-area p{
        font-size: 16px;
    }
    .event-panel-des p{
        font-size: 18px;
    }
    .event-panel-area {
        padding: 20px 30px;
    }
    .event-dropdown-area{
        gap:12px;
        flex-wrap: wrap;
    }
    .result-section{
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .event-drp-btn{
        width: 100%;
        min-width: 100%;
        padding: 16px 20px;
    }
    .event-dropdown-main{
        width: 48%;
        position: relative;
    }
    .event-drp-btn img{
        width: 16px;
    }
    .event-area{
        padding: 40px 0 0;
    }
    .event-bottom-panel{
        overflow: hidden;
    }
    .event-dropdown-menu{
        max-width: 100%;
        z-index: 999;
    }

    .event-details-area .container{
        flex-direction: column;
    }
    .event-details-right{
        width: 100%;
        padding: 0;
    }
    .event-details-left{
        width: 100%;
    }
    .event-details-right h2{
        font-size: 24px;
    }
    .details-about p{
        font-size: 14px;
    }
    .details-about h3{
        font-size: 18px;
    }
    .g-calender-export-area{
        gap:0;
        justify-content: space-between;
    }
    .details-ticket-area{
        flex-direction: column;
        align-items: center;
        gap:23px;
        padding: 24px 12px;
    }
    .event-details-area{
        padding: 40px 0;
    }
    .mobile-details-top-area{
        width: 100%;
        display: flex;
        flex-direction: column;
        margin-bottom: 24px;
    }
    .related-event-area{
        padding: 40px 0 0;
        overflow: hidden;
    }
    .related-event-area h2{
        margin-bottom: 24px;
    }
    .event-panel-area{
        margin-bottom: 40px;
    }
    .body-active .footer-2 .footer-menu{
        border-top: 1px solid #161616;
    }
    .mobile-details-top-area h2{
        font-size: 24px;
    }


    .venue-page-area .col-lg-4 {
        width: 48.33%;
    }
    .venue-page-area .row {
        gap: 24px;
    }
    .venue-page-panel{
        margin: 0;
    }
    .venue-page-panel .venu-img img {
        height: 515px;
    }
    .venue-page-area{
        padding: 40px 0;
    }

    .carrer-head-area h2{
        font-size: 32px;
    }
    .carrer-panel{
        width: 48.33%;
        margin: 0;
    }
    .carrer-area .row {
        gap: 24px;
        justify-content: center;
    }
    .right-roll-area{
        padding: 40px 0;
    }
    .right-roll-area h2{
        font-size: 24px;
    }
    .right-roll-area p{
        font-size: 16px;
    }
    .carrer-area{
        padding-bottom: 40px;
    }
    .carrer-head-area{
        padding-bottom: 40px;
    }

    .vip-head-area{
        padding: 40px 0;
    }
    .vip-head-text h2{
        font-size: 24px;
    }
    .vip-location-area, .vip-date-area{
        font-size: 18px;
    }
    .vip-head-img{
        display: none;
    }
    .vip-book-panel{
        padding: 24px;
        flex-direction: column;
        gap:12px;
    }
    .vip-book-panel-left , .vip-book-panel-right{
        width: 100%;
    }
    .vip-book-panel-right a{
        float: left;
    }
    .vip-book-panel-right{
        align-items: flex-start;
    }
    .vip-book-panel-left h3{
        font-size: 18px;
    }
    .global-details-area{
        padding: 40px 0;
    }

    .job-details-area img{
        width: 100%;
    }
    .job-details-text-panel img{
        width: 32px;
    }
    .job-details-text h2{
        margin-bottom: 40px;
    }
    .job-details-area{
        padding: 40px 0;
    }
    .job-details-text-panel{
        margin-top: 24px;
        margin-bottom: 36px;
    }
    .job-details-text-panel p{
        font-size: 18px;
    }
    .position-area{
        padding: 60px 0;
    }
    .position-area h2{
        margin-bottom: 24px;
        font-size: 32px;
        line-height: 32px;
    }
    .position-area .col-lg-4 {
        width: 100%;
    }
    .position-area .row {
        gap: 24px;
    }

    .thankyou-frm .modal-content .modal-body p{
        font-size: 16px;
    }

    .input-file:after {
        max-width: 280px;
    }
    .content-frm .modal-dialog {
        max-width: 460px;
        min-width: 460px;
        margin: 0 auto !important;
    }
    .content-frm .modal-content .modal-body{
        padding: 24px;
    }

    .map-area h2{
        font-size: 32px;
        line-height: 32px;
    }
    .contact-frm-area{
        padding: 40px 0;
    }
    .contact-frm-area h2{
        font-size: 24px;
        line-height: 24px;
    }
    .contact-frm-area p{
        font-size: 16px;
    }
    .map-details-panel {
        padding: 25px 15px 18px;
        border-bottom: 1px solid rgba(249, 249, 249, 1);
        justify-content: space-between;
    }
    .map-details-panel-1{
        display: none;
    }
    .map-details-panel-2 h3{
        font-size: 16px;
    }
    .map-details-panel-2{
        width: 80%;
    }
    .map-details-panel-3{
        width: 20%;
    }
    .map-details-area h2{
        font-size: 32px;
        line-height: 32px;
    }
    .map-area{
        padding: 40px 0;
    }
    .map-details-area{
        padding-bottom: 40px;
    }

    .best-club-area img{
        height: auto;
    }
    .best-club-area p{
        margin-top: 40px;
    }
    .best-club-slider .owl-carousel .owl-item img{
        height: 405px;
        object-fit: cover;
    }
    .best-club-slider{
        padding: 40px 0 60px;
    }
    .best-club-left-area-2{
        font-size: 24px;
        text-align: left;
    }
    .best-club-left-area-1 h2{
        font-size: 52px;
        line-height: 60px;
    }
    .best-club--left-area{
        gap:24px;
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 40px;
    }
    .venue-banner-text h2{
        font-size: 32px;
        line-height: 32px;
    }
    .venue-banner-text p{
        font-size: 14px;
        margin-bottom: 0;
    }
    .venue-banner-bottom-panel img{
        width: 40px;
        height: 40px!important;
        object-fit: contain!important;
    }
    .venue-banner-bottom-panel h3{
        font-size: 16px;
        line-height: 20px;
    }
    .venue-banner-bottom {
        bottom: 60px;
        gap: 20px;
        max-width: 350px;
    }
    .venue-area img{
        height: 100vh;
        object-fit: cover;
    }
    .venue-banner-text{
        max-width: 250px;
        top: 36%;
    }
    .event-section-next h2{
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 4px;
    }
    .event-section-next .event-panel-des p , .event-section-next .event-panel-des h3 , .event-section-next .date-area , .event-section-next .frm-area{
        color: #000;
    }
    .event-section-next .event-panel-area{
        padding: 20px 15px;
    }
    .vip-map-popup.active {
       left: 50%!important;
       transform: translateX(-50%)!important;
       top: 0!important;
       right: auto!important;
    }

    
    .vip-map-area img{
        max-width: 768px;
    }
    .vip-map-area .container{
        max-width: 768px;
    }



    .blue-round {
      top: 75px;
      left: 340px;
    }
    .green-round{;
      top: 140px;
      left: 210px;
    }
    .see-blue-round {
      top: 175px;
      left: 185px;
    }
    .red-round{
      top: 150px;
      left: 350px;
    }
    .blue-round-r {
      top: 225px;
      left: auto;
      right: 130px;
    }
    .map-2 .blue-round {
        top: 95px;
        left: 200px;
    }
    .map-2 .green-round {
        top: 130px;
        left: 310px;
    }
    .map-2 .green-round-r {
        top: 140px;
        left: auto;
        right: 300px;
    }
    .map-2 .blue-round-r {
        top: 260px;
        left: auto;
        right: 390px;
    }
    .vip-map-area img{
        object-fit: scale-down;
    }
    .map-3 .map-3-green-round{
        left: 350px;
        top: 225px;
    }
    .map-3 .map-3-blue-round {
        top: 120px;
        right: 110px;
    }
    .map-3 .map-3-green-round-r {
        top: 215px;
        left: auto;
        right: 105px;
    }

    .menu-icon-1, .menu-icon-2, .menu-icon-3, .menu-icon-4, .menu-icon-5{
        width: 12px;
        height: 12px;
        border-radius: 3px;
    }
    .menu-icon {
        width: 30px;
        height: 28px;
        min-width: 38px;
    }
    .menu-icon-3.moved1{
        right: 20px;
    }
    .menu-animation .menu-icon-5 img{
        margin-top: -11px;
    }
    .menu-icon-2.moved{
        top: 16px;
    }

    .addons-panel{
        border-radius: 0;
    }
    .checkout-step {
        padding: 0 15px 15px 15px !important;
    }
    .progress-indicator {
        padding: 15px !important;
    }
    .modal-top-bar {
        padding: 20px 15px 15px 15px !important;
        border-bottom: none !important;
    }
    .order-sidebar {
        padding: 12px 15px !important;
    }
    .step-title-section h1 {
        font-size: 24px!important;
        line-height: 24px!important;
    }
    .step-title-section .step-subtitle {
        font-size: 16px;
        line-height: 24px;
    }



    .vip-map-area .map-2 img{
        object-fit: cover;
    }
    .map-1 .blue-round-1{
      top: 80px;
      left: 238px;
    }
    .map-1 .blue-round-2{
      top: 80px;
      left: 274px;
    }
    .map-1 .blue-round-3{
      top: 80px;
      left: 311px;
    }
    .map-1 .blue-round-4{
      top: 110px;
      left: 219px;
    }
    .map-1 .blue-round-5{
      top: 108px;
      left: 326px;
    }
    .map-1 .blue-round-6{
      top: 110px;
      left: 288px;
    }
    .map-1 .blue-round-7{
      top: 110px;
      left: 253px;
    }

    .map-1 .blue-round-r-1{
      top: 180px;
      right: 166px;
    }
    .map-1 .blue-round-r-2{
      top: 208px;
      right: 159px;
    }
    .map-1 .blue-round-r-3{
      top: 263px;
      right: 174px;
    }
    .map-1 .blue-round-r-4{
      top: 305px;
      right: 181px;
    }
    .map-1 .blue-round-r-5 {
      top: 338px;
      right: 177px;
    }

    .map-1 .green-round-1{
      top: 203px;
      left: 237px;
    }
    .map-1 .red-round-1{
      top: 170px;
      left: 351px;
    }
    .map-1 .red-round-2{
      top: 170px;
      left: 313px;
    }
    .map-1 .see-blue-round-1{
      top: 202px;
      left: 151px;
    }
    .map-1 .see-blue-round-2{
      top: 190px;
      left: 160px;
    }
    .map-1 .see-blue-round-3{
      top: 190px;
      left: 182px;
    }
    .map-1 .see-blue-round-4{
      top: 190px;
      left: 206px;
    }
    .map-1 .see-blue-round-5{
      top: 161px;
      left: 238px;
    }


    .map-3 .map-3-blue-round-1{
      top: 126px;
      right: 130px;
    }
    .map-3 .map-3-blue-round-2 {
      top: 151px;
      right: 128px;
    }
    .map-3 .map-3-blue-round-3 {
      top: 211px;
      right: 129px;
    }
    .map-3 .map-3-blue-round-4{
      top: 248px;
      right: 124px;
    }
    .map-3 .map-3-green-round-1{
      top: 248px;
      left: 358px;
    }
    .map-3 .round-round-1{
      top: 180px;
      left: 415px;
    }
    .map-3 .round-round-2{
      top: 187px;
      left: 464px;
    }
    .map-3 .round-round-3{
      top: 191px;
      left: 509px;
    }
    .map-3 .round-round-4{
      top: 196px;
      left: 553px;
    }
    .map-3 .round-round-5{
      top: 166px;
      left: 508px;
    }
    .map-3 .round-round-6{
      top: 171px;
      left: 552px;
    }
    .map-3 .round-round-7{
      top: 170px;
      left: 552px;
    }
    .map-3 .round-round-8{
      top: 166px;
      left: 508px;
    }
    .map-3 .round-round-7{
      top: 162px;
      left: 464px;
    }
    .map-3 .round-round-8{
      top: 156px;
      left: 417px;
    }
    .map-3 .round-round-9{
      top: 143px;
      left: 528px;
    }
    .map-3 .round-round-10{
      top: 138px;
      left: 487px;
    }
    .map-3 .round-round-11{
      top: 135px;
      left: 444px;
    }


    .map-2 .blue-round-1 {
      top: 105px;
      left: 203px;
    }
    .map-2 .blue-round-2 {
      top: 106px;
      left: 225px;
    }

    .map-2 .blue-round-r-1{
      top: 266px;
      right: 391px;
    }
    .map-2 .blue-round-r-2{
      top: 284px;
      right: 405px;
    }

    .map-2 .green-round-1{
      top: 148px;
      left: 286px;
    }
    .map-2 .green-round-2{
      top: 161px;
      left: 339px;
    }
    .map-2 .red-round-1{
      top: 121px;
      left: auto;
      right: 362px;
    }
    .map-2 .red-round-2{
      top: 112px;
      left: auto;
      right: 400px;
    }
    .map-2 .red-round-3{
      top: 117px;
      left: auto;
      right: 459px;
    }
    .map-2 .red-round-4{
      top: 125px;
      left: auto;
      right: 437px;
    }
    .map-2 .red-round-5{
      top: 134px;
      left: auto;
      right: 388px;
    }
    .map-2 .red-round-6{
      top: 143px;
      left: auto;
      right: 318px;
    }
    .pop-up-btn, .pop-up-btn-map-2, .pop-up-btn-map-3{
        width: 5px;
        height: 5px;
    }








}

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


    .container{
        max-width: 100%;
    }
    .banner-top-area{
        font-size: 54px;
        line-height: 54px;
        text-align: center;
    }
    .banner-top-animation{
        max-height: 54px;
    }
    @keyframes myfirst {
      0%   {left: 0px; top: 0; margin-top: 0; margin-left: 0;}
      15%  {left: 0px; top: 0; margin-top: 0; margin-left: 0;}
      20%  {left: 0; top: 0; margin-top: -54px; margin-left: 0; }
      25%  {left: 0; top: 0; margin-top: -54px; margin-left: 0; }
      30%  {left: 0; top: 0; margin-top: -54px; margin-left: 0; }
      45%  {left: 0; top: 0; margin-top: -54px; margin-left: 0; }
      50%  {left: 0px; top: 0; margin-top: -108px; margin-left: 0;}
      70%  {left: 0px; top: 0; margin-top: -108px; margin-left: 0;}
      75%  {left: 0; top: 0; margin-top: -108px; margin-left: 0;}
      80%  {left: 0; top: 0; margin-top: -162px; margin-left: 0;}
      100% {left: 0px; top: 0; margin-top: -162px; margin-left: 0;}
    }
    .menu-icon img{
        width: 28px;
    }
    .buy-ticket-area a{
        font-size: 14px;
        padding: 8px 10px 6px !important;
        min-width: 120px;
    }
    .mobile-show{
        display: block!important;
    }
    .desktop-show{
        display: none!important;
    }
    .desktop-logo{
        display: none;
    }
    .mobile-logo{
        display: block;
    }
    .buy-ticket-area{
        margin-right: 24px;
    }
    .menu-area{
        padding: 10px 0;
    }
    .enter-bottom {
        bottom: 70px;
        width: 100%;
        text-align: center;
    }
    .venu-slider h2{
        font-size: 32px;
        line-height: 32px;
        font-weight: 700;
        margin-bottom: 24px;
    }
    .venu-slider .owl-prev, .venu-slider .owl-next{
        width: 38px;
        height: 38px;
        background-size: 18px 15px !important;
    }
    .venu-slider{
        padding: 40px 0;
    }
    .venu-slider .owl-nav{
        width: 108px;
        top: -60px;
    }
    .venu-img img{
        height: 405px;
    }
    .all-collection{
        margin-top: 24px;
    }
    .all-collection a{
        font-size: 16px;
        padding-bottom: 0;
    }
    .vip-about-area{
        padding-top: 40px;
    }
    .vip-section h2, .about-section h2{
        font-size: 22px;
        line-height: 22px;
    }
    .vip-section h2 span, .about-section h2 span{
        font-size: 32px;
        line-height: 32px;
    }
    .vip-section{
        margin-bottom: 40px;
    }
    .vip-section .all-collection, .about-section .all-collection{
        bottom: 40px;
    }
    .vip-about-area img{
        height: 437px;
    }
    .newslatter-section h2{
        font-size: 20px;
        line-height: 20px;
    }
    .newslatter-section{
        padding: 40px 0;
    }
    .news-input{
        width: 100%;
        height: 50px;
        font-size: 14px;
        line-height: 14px;
    }
    .newslatter-email-area form{
        flex-direction: column;
        gap:10px;
    }
    .subscribe{
        width: 100%;
        font-size: 14px;
        line-height: 14px;
        padding: 8px 10px;
    }
    footer{
        padding: 40px 0;
    }
    .copy-area{
        flex-direction: column;
        text-align: center;
    }
    .copy-right-area{
        display: flex;
        flex-direction: column;
        text-align: center;
        gap:6px;
    }
    .copy-left-area{
        margin-bottom: 18px;
    }
    .copy-area{
        font-size: 12px;
        line-height: 12px;
    }
    .copy-right-area img{
        width: 58px;
    }
    .footer-menu-area{
        padding-bottom: 40px;
    }
    .footer-1 , .footer-2 , .footer-3 , .footer-4{
        width: 100%;
        text-align: center;
    }
    .footer-2 h2 , .footer-3 h2 , .footer-4 h2{
        display: none;
    }
    .footer-1 p{
        font-size: 14px;
        line-height: 16px;
        font-weight: 400;
        text-align: center;
        max-width: 290px;
        margin: 0 auto;
    }
    .footer-social{
        justify-content: center;
        gap:31px;
        margin-top: 20px;
    }
    .footer-logo{
        justify-content: center;
        margin-bottom: 24px;
    }
    .footer-logo img{
        width: 160px;
    }
    .footer-2 .footer-menu{
        padding-top: 40px;
        margin-top: 40px;
        border-top: 1px solid #fff;
        width: 100%;
    }
    .body-active .footer-2 .footer-menu{
        border-top: 1px solid #161616;
    }

    .footer-social .footer-social-icon:first-child img{
      filter: brightness(0) saturate(100%) invert(99%) sepia(4%) saturate(443%) hue-rotate(213deg) brightness(115%) contrast(95%);
      
    }
    .footer-social .footer-social-icon:nth-child(2) img{
      filter: brightness(0) saturate(100%) invert(76%) sepia(7%) saturate(1449%) hue-rotate(198deg) brightness(102%) contrast(104%);
    }
    .footer-social .footer-social-icon:nth-child(3) img{
      filter: brightness(0) saturate(100%) invert(96%) sepia(21%) saturate(760%) hue-rotate(72deg) brightness(97%) contrast(102%);
    }
    .footer-social .footer-social-icon:nth-child(4) img{
      filter: brightness(0) saturate(100%) invert(81%) sepia(36%) saturate(677%) hue-rotate(180deg) brightness(103%) contrast(103%);
    }
    .footer-social .footer-social-icon:last-child img{
      filter: brightness(0) saturate(100%) invert(97%) sepia(69%) saturate(4289%) hue-rotate(293deg) brightness(99%) contrast(103%);
    }
    .playlists-slider .venu-text{
        font-size: 54px;
        line-height: 54px;
    }
    .play-icon img {
        width: 50px!important;
    }
    .event-section{
        padding: 40px 0;
    }
    .event-section h2{
        font-size: 32px;
        line-height: 32px;
        margin-bottom: 40px;
    }
    .event-panel-img img{
        width: 60px;
        height: 74px;
    }
    .event-panel-text h3{
        font-size: 16px;
        line-height: 16px;
        text-transform: uppercase;
    }
    .event-panel-text ul li:first-child a{
        font-size: 14px;
        line-height: 14px;
        font-weight: 500;
    }
    .event-panel-text ul li a{
        font-size: 12px;
        line-height: 12px;
        font-weight: 300;
    }
    .event-panel-text ul li{
        padding: 0;
        border:none;
    }
    .event-panel-text ul{
        flex-direction: column;
    }
    .event-panel-text ul li:nth-child(3) , .event-panel-text ul li:nth-child(4){
        display: none;
    }
    .event-panel-text{
        padding: 0;
    }
    .event-panel-btn .info-btn a{
        font-size: 14px;
        line-height: 14px;
        min-width: 115px;
        padding: 8px 10px 6px !important;
    }
    .event-panel-btn .buy-ticket-btn a{
        font-size: 14px;
        line-height: 14px;
        min-width: 115px;
        padding: 8px 10px 6px !important;
    }
    .event-panel-section{
        padding: 20px 0;
    }
    .event-panel-section-first{
        padding-top: 0;
    }
    .banner-area video{
        width: 90%;
    }
    .menu {
        min-width: auto;
        max-width: 430px;
        border-radius: 0;
        right: 0;
        top: 40px;
    }
    .body-active .footer-social .footer-social-icon img{
        filter: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(239%) hue-rotate(320deg) brightness(77%) contrast(83%);
    }

    .about-banner-area h2{
        font-size: 40px;
        line-height: 40px;
    }
    .about-banner-area p{
        font-size: 16px;
    }
    .about-artist-area p{
        font-size: 14px;
    }
    .about-artist-area h2{
        font-size: 32px;
        line-height: 32px;
    }
    .about-artist-panel {
        width: 100%;
        display: flex;
    }
    .about-artist-panel-area{
        gap:24px;
        margin-top: 40px;
    }
    .about-artist-img span{
        font-size: 26px;
    }
    .about-img-1{
      transform: rotate(-21.89deg);
      position: relative;
      left: -70px;
    }
    .about-img-2{
      transform: rotate(11.29deg);
      position: relative;
      left: 80px;
      margin-top: -150px;
    }
    .about-img-3{
      transform: rotate(0);
      position: relative;
      left: 0;
      z-index: 9;
      margin-top: -80px;
    }
    .about-img-4{
      transform: rotate(-21.89deg);
      position: relative;
      left: -70px;
      margin-top: -70px;
      z-index: 99;
    }
    .about-img-5{
      transform: rotate(11.29deg);
      position: relative;
      left: 80px;
      margin-top: -150px;
      z-index: 999;
    }
    .about-img-1 img, .about-img-2 img, .about-img-3 img, .about-img-4 img, .about-img-5 img{
        width: 167px;
        height: 197px;
    }
    .about-banner-area {
        padding: 60px 0;
        height: auto;
        overflow: hidden;
    }
    .about-banner-img{
        flex-direction: column;
        margin-top: 60px;
        justify-content: center;
        align-items: center;
    }
    .about-img-1, .about-img-2, .about-img-3, .about-img-4, .about-img-5{
        width: 100%;
        align-items: center;
        justify-content: center;
    }
    .about-timeline-area h2{
        font-size: 32px;
        line-height: 32px;
    }
    .timeline {
        & ul li {
            &.in-view {
                &::before {
                    content: '';
                    position: absolute;
                    left: 50%;
                    top: -30px;
                    transform: translateX(-50%);
                    width: 42px;
                    height: 42px;
                    border-radius: 50%;
                    background-image: url(../images/round.svg);
                    background-size: 42px 42px;
                    background-repeat: no-repeat;
                    background-position: center;
                }
            }
        }
    }
    .in-view:after{
        width: 54px;
        height: 54px;
    }
    .timeline {
    .draw-line {
            width: 6px;
        }
    }
    .timeline {
    .default-line {
            width: 6px;
        }
    }
    .timeline {
        ul {
            position: relative;
        }
    }
    .about-timeline-area p{
        font-size: 14px;
    }
    .about-timeline-area h3{
        font-size: 24px;
        line-height: 24px;
        margin-bottom: 24px;
    }
    .timeline-panel-text, .timeline-panel-img{
        height: auto;
    }
    .about-timeline-area img{
        height: 315px;
    }
    .timeline-panel{
        width: 100%;
        display: flex;
        flex-direction: column;
        gap:24px;
        height: 150vh;
        justify-content: center;
    }
    .timeline {
        .default-line {
            height: 448vh;
        }
    }
    .timeline {
        ul li {
            height: 150vh;
        }
    }
    .mobile-about-none{
        display: none!important;
    }
    .about-timeline-area{
        height: 500vh;
    }
    .about-artist-panel:nth-child(n) .about-artist-img:after , .about-artist-img span{
        opacity: 1;
    }


    .event-area h2{
        font-size: 40px;
        line-height: 40px;
    }
    .event-area p{
        font-size: 16px;
    }
    .event-panel-des p{
        font-size: 18px;
    }
    .event-panel-area {
        padding: 20px 30px;
    }
    .event-dropdown-area{
        gap:12px;
        flex-wrap: wrap;
    }
    .result-section{
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .event-drp-btn{
        width: 100%;
        min-width: 100%;
        padding: 16px 20px;
    }
    .event-dropdown-main{
        width: 48%;
        position: relative;
    }
    .event-drp-btn img{
        width: 16px;
    }
    .event-area{
        padding: 40px 0 0;
    }
    .event-bottom-panel{
        overflow: hidden; 
    }
    .event-dropdown-menu{
        max-width: 100%;
        z-index: 999;
    }

    .event-details-area .container{
        flex-direction: column;
    }
    .event-details-right{
        width: 100%;
        padding: 0;
    }
    .event-details-left{
        width: 100%;
    }
    .event-details-right h2 , .mobile-details-top-area h2{
        font-size: 24px;
    }
    .details-about p{
        font-size: 14px;
    }
    .details-about h3{
        font-size: 18px;
    }
    .g-calender-export-area{
        gap:0;
        justify-content: space-between;
    }
    .details-ticket-area{
        flex-direction: column;
        align-items: center;
        gap:23px;
        padding: 24px 12px;
    }
    .event-details-area{
        padding: 40px 0;
    }
    .mobile-details-top-area{
        width: 100%;
        display: flex;
        flex-direction: column;
        margin-bottom: 24px;
    }
    .related-event-area{
        padding: 40px 0;
        overflow: hidden;
    }
    .related-event-area h2{
        margin-bottom: 24px;
    }
    .related-event-area .row{
        gap:40px;
    }


    .venue-page-area .col-lg-4 {
        width: 100%;
    }
    .venue-page-area .row {
        gap: 24px;
    }
    .venue-page-panel{
        margin: 0;
    }
    .venue-page-panel .venu-img img {
        height: 515px;
    }
    .venue-page-area{
        padding: 40px 0;
    }


    .carrer-head-area h2{
        font-size: 32px;
    }
    .carrer-panel{
        width: 100%;
        margin: 0;
    }
    .carrer-area .row {
        gap: 40px;
    }
    .right-roll-area{
        padding: 40px 0;
    }
    .right-roll-area h2{
        font-size: 24px;
    }
    .right-roll-area p{
        font-size: 16px;
    }
    .carrer-area{
        padding-bottom: 40px;
    }
    .carrer-head-area{
        padding-bottom: 40px;
    }


    .vip-head-area{
        padding: 40px 0;
    }
    .vip-head-text h2{
        font-size: 24px;
    }
    .vip-location-area, .vip-date-area{
        font-size: 18px;
    }
    .vip-head-img{
        display: none;
    }
    .vip-book-panel{
        padding: 24px;
        flex-direction: column;
        gap:12px;
    }
    .vip-book-panel-left , .vip-book-panel-right{
        width: 100%;
    }
    .vip-book-panel-right a{
        float: left;
    }
    .vip-book-panel-right{
        align-items: flex-start;
    }
    .vip-book-panel-left h3{
        font-size: 18px;
    }
    .global-details-area{
        padding: 40px 0;
    }


    .job-details-area img{
        width: 100%;
    }
    .job-details-text-panel img{
        width: 32px;
    }
    .job-details-text h2{
        margin-bottom: 40px;
    }
    .job-details-area{
        padding: 40px 0;
    }
    .job-details-text-panel{
        margin-top: 24px;
        margin-bottom: 36px;
    }
    .job-details-text-panel p{
        font-size: 18px;
    }
    .position-area{
        padding: 60px 0;
    }
    .position-area h2{
        margin-bottom: 24px;
        font-size: 32px;
        line-height: 32px;
    }
    .position-area .col-lg-4 {
        width: 100%;
    }
    .position-area .row {
        gap: 24px;
    }

    .thankyou-frm .modal-content .modal-body p{
        font-size: 16px;
    }
    .thankyou-frm .modal-content .modal-body {
        min-width: 389px;
        width: 100%;
        padding: 25px 40px;
    }

    .content-frm .modal-content .modal-body {
        padding: 24px 12px;
    }
    .content-frm .modal-dialog {
        max-width: 95%;
        min-width: 95%;
        margin: 0 auto !important;
    }
    .content-frm h2{
        font-size: 24px;
    }
    .content-frm p.form-app{
        font-size: 18px;
    }
    .input-file:after {
        max-width: 177px;
        right: auto;
        left: 150px;
    }


    .map-area h2{
        font-size: 32px;
        line-height: 32px;
    }
    .contact-frm-area{
        padding: 40px 0;
    }
    .contact-frm-area h2{
        font-size: 24px;
        line-height: 24px;
    }
    .contact-frm-area p{
        font-size: 16px;
    }
    .map-details-panel {
        padding: 25px 15px 18px;
        border-bottom: 1px solid rgba(249, 249, 249, 1);
        justify-content: space-between;
    }
    .map-details-panel-1{
        display: none;
    }
    .map-details-panel-2 h3{
        font-size: 16px;
    }
    .map-details-panel-2{
        width: 80%;
    }
    .map-details-panel-3{
        width: 20%;
    }
    .map-details-area h2{
        font-size: 32px;
        line-height: 32px;
    }
    .map-area{
        padding: 40px 0;
    }
    .map-details-area{
        padding-bottom: 40px;
    }

    .best-club-area img{
        height: auto;
    }
    .best-club-area p{
        margin-top: 40px;
    }
    .best-club-slider .owl-carousel .owl-item img{
        height: 405px;
        object-fit: cover;
    }
    .best-club-slider{
        padding: 40px 0 60px;
    }
    .best-club-left-area-2{
        font-size: 24px;
        text-align: left;
    }
    .best-club-left-area-1 h2{
        font-size: 52px;
        line-height: 60px;
    }
    .best-club--left-area{
        gap:24px;
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 40px;
    }
    .venue-banner-text h2{
        font-size: 32px;
        line-height: 32px;
    }
    .venue-banner-text p{
        font-size: 14px;
        margin-bottom: 0;
    }
    .venue-banner-bottom-panel img{
        width: 40px;
        height: 40px!important;
        object-fit: contain!important;
    }
    .venue-banner-bottom-panel h3{
        font-size: 16px;
        line-height: 20px;
    }
    .venue-banner-bottom {
        bottom: 60px;
        gap: 20px;
        max-width: 350px;
    }
    .venue-area img{
        height: 100vh;
        object-fit: cover;
    }
    .venue-banner-text{
        min-width: 250px;
        max-width: 250px;
        top: 36%;
    }
    .event-section-next h2{
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 4px;
    }
    .event-section-next .event-panel-des p , .event-section-next .event-panel-des h3 , .event-section-next .date-area , .event-section-next .frm-area{
        color: #000;
    }
    .event-section-next .event-panel-area{
        padding: 20px 15px;
    }


    .pop-up-btn , .pop-up-btn-map-2 , .pop-up-btn-map-3{
        width: 5px;
        height: 5px;
    }
    .vip-map-popup.active {
        top: 0!important;
        left: 50%!important;
        transform: translateX(-50%)!important;
        right: auto!important;
    }


    .blue-round {
      top: 72px;
      left: 175px;
    }
    .green-round{;
      top: 100px;
      left: 100px;
    }
    .see-blue-round {
      top: 130px;
      left: 85px;
    }
    .red-round{
      top: 115px;
      left: 168px;
    }
    .blue-round-r {
      top: 150px;
      left: auto;
      right: 60px;
    }
    .vip-map-area img{
        max-width: 351px;
        height: 420px;
        object-fit: cover;
    }
    .vip-map-img-area img{
        height: 185px;
    }
    .vip-map-area .container{
        max-width: 375px;
    }

    .menu-icon-1, .menu-icon-2, .menu-icon-3, .menu-icon-4, .menu-icon-5{
        width: 12px;
        height: 12px;
        border-radius: 3px;
    }
    .menu-icon {
        width: 30px;
        height: 28px;
        min-width: 38px;
    }
    .menu-icon-3.moved1{
        right: 20px;
    }
    .menu-animation .menu-icon-5 img{
        margin-top: -11px;
    }
    .menu-icon-2.moved{
        top: 16px;
    }

    .addons-panel{
        border-radius: 0;
    }
    .checkout-step {
        padding: 0 15px 15px 15px !important;
    }
    .progress-indicator {
        padding: 15px !important;
    }
    .modal-top-bar {
        padding: 20px 15px 15px 15px !important;
        border-bottom: none !important;
    }
    .order-sidebar {
        padding: 12px 15px !important;
    }
    .step-title-section h1 {
        font-size: 24px!important;
        line-height: 24px!important;
    }
    .step-title-section .step-subtitle {
        font-size: 16px;
        line-height: 24px;
    }


    






}

@media only screen and (min-width: 640px) and (max-width: 767px) {

   .input-file:after {
        max-width: 280px;
    }
    .content-frm .modal-dialog {
        max-width: 460px;
        min-width: 460px;
        margin: 0 auto !important;
    }
    .content-frm .modal-content .modal-body{
        padding: 24px;
    }



    .vip-map-area img{
        max-width: 640px;
    }
    .vip-map-area .container{
        max-width: 640px;
    }
    .vip-map-area img{
        object-fit: scale-down;
    }

    .vip-map-area .map-1 img , .vip-map-area .map-2 img , .vip-map-area .map-3 img{
        object-fit: cover;
    }
    .map-1 .blue-round-1{
      top: 16px;
      left: 196px;
    }
    .map-1 .blue-round-2{
      top: 16px;
      left: 226px;
    }
    .map-1 .blue-round-3{
      top: 16px;
      left: 257px;
    }
    .map-1 .blue-round-4{
      top: 40px;
      left: 208px;
    }
    .map-1 .blue-round-5{
      top: 40px;
      left: 180px;
    }
    .map-1 .blue-round-6{
      top: 40px;
      left: 238px;
    }
    .map-1 .blue-round-7{
      top: 40px;
      left: 269px;
    }

    .map-1 .blue-round-r-1{
      top: 98px;
      right: 136px;
    }
    .map-1 .blue-round-r-2{
      top: 122px;
      right: 131px;
    }
    .map-1 .blue-round-r-3{
      top: 166px;
      right: 143px;
    }
    .map-1 .blue-round-r-4{
      top: 202px;
      right: 150px;
    }
    .map-1 .blue-round-r-5 {
      top: 230px;
      right: 147px;
    }

    .map-1 .green-round-1{
      top: 116px;
      left: 196px;
    }
    .map-1 .red-round-1{
      top: 88px;
      left: 258px;
    }
    .map-1 .red-round-2{
      top: 88px;
      left: 290px;
    }
    .map-1 .see-blue-round-1{
      top: 116px;
      left: 124px;
    }
    .map-1 .see-blue-round-2{
      top: 108px;
      left: 131px;
    }
    .map-1 .see-blue-round-3{
      top: 108px;
      left: 150px;
    }
    .map-1 .see-blue-round-4{
      top: 108px;
      left: 170px;
    }
    .map-1 .see-blue-round-5{
      top: 82px;
      left: 196px;
    }


    .map-3 .map-3-blue-round-1{
      top: 141px;
      right: 36px;
    }
    .map-3 .map-3-blue-round-2 {
      top: 171px;
      right: 33px;
    }
    .map-3 .map-3-blue-round-3 {
      top: 239px;
      right: 34px;
    }
    .map-3 .map-3-blue-round-4{
      top: 284px;
      right: 28px;
    }
    .map-3 .map-3-green-round-1{
      top: 281px;
      left: 290px;
    }
    .map-3 .round-round-1{
      top: 204px;
      left: 357px;
    }
    .map-3 .round-round-2{
      top: 211px;
      left: 412px;
    }
    .map-3 .round-round-3{
      top: 216px;
      left: 463px;
    }
    .map-3 .round-round-4{
      top: 222px;
      left: 513px;
    }
    .map-3 .round-round-5{
      top: 188px;
      left: 462px;
    }
    .map-3 .round-round-6{
      top: 193px;
      left: 511px;
    }
    .map-3 .round-round-7{
      top: 170px;
      left: 552px;
    }
    .map-3 .round-round-8{
      top: 187px;
      left: 462px;
    }
    .map-3 .round-round-7{
      top: 183px;
      left: 412px;
    }
    .map-3 .round-round-8{
      top: 176px;
      left: 358px;
    }
    .map-3 .round-round-9{
      top: 161px;
      left: 485px;
    }
    .map-3 .round-round-10{
      top: 156px;
      left: 438px;
    }
    .map-3 .round-round-11{
      top: 153px;
      left: 389px;
    }


    .map-2 .blue-round-1 {
      top: 102px;
      left: 144px;
    }
    .map-2 .blue-round-2 {
      top: 102px;
      left: 166px;
    }

    .map-2 .blue-round-r-1{
      top: 257px;
      right: 327px;
    }
    .map-2 .blue-round-r-2{
      top: 275px;
      right: 340px;
    }

    .map-2 .green-round-1{
      top: 142px;
      left: 225px;
    }
    .map-2 .green-round-2{
      top: 156px;
      left: 276px;
    }
    .map-2 .red-round-1{
      top: 117px;
      left: auto;
      right: 300px;
    }
    .map-2 .red-round-2{
      top: 108px;
      left: auto;
      right: 335px;
    }
    .map-2 .red-round-3{
      top: 113px;
      left: auto;
      right: 393px;
    }
    .map-2 .red-round-4{
      top: 121px;
      left: auto;
      right: 371px;
    }
    .map-2 .red-round-5{
      top: 130px;
      left: auto;
      right: 324px;
    }
    .map-2 .red-round-6{
      top: 138px;
      left: auto;
      right: 256px;
    }
    



}


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

   .input-file:after {
        max-width: 280px;
    }
    .content-frm .modal-dialog {
        max-width: 460px;
        min-width: 460px;
        margin: 0 auto !important;
    }
    .content-frm .modal-content .modal-body{
        padding: 24px;
    }

    .vip-map-area img{
        object-fit: scale-down;
    }

    .vip-map-area .map-1 img , .vip-map-area .map-2 img , .vip-map-area .map-3 img{
        object-fit: cover;
    }
    .vip-map-area .map-3 img {
        object-position: 78% 0;
    }
    .map-1 .blue-round-1{
      top: 52px;
      left: 85px;
    }
    .map-1 .blue-round-2{
      top: 52px;
      left: 109px;
    }
    .map-1 .blue-round-3{
      top: 52px;
      left: 134px;
    }
    .map-1 .blue-round-4{
      top: 72px;
      left: 144px;
    }
    .map-1 .blue-round-5{
      top: 72px;
      left: 72px;
    }
    .map-1 .blue-round-6{
      top: 72px;
      left: 95px;
    }
    .map-1 .blue-round-7{
      top: 72px;
      left: 119px;
    }

    .map-1 .blue-round-r-1{
      top: 119px;
      right: 36px;
    }
    .map-1 .blue-round-r-2{
      top: 138px;
      right: 32px;
    }
    .map-1 .blue-round-r-3{
      top: 174px;
      right: 42px;
    }
    .map-1 .blue-round-r-4{
      top: 203px;
      right: 47px;
    }
    .map-1 .blue-round-r-5 {
      top: 225px;
      right: 45px;
    }

    .map-1 .green-round-1{
      top: 130px;
      left: 84px;
    }
    .map-1 .red-round-1{
      top: 110px;
      left: 136px;
    }
    .map-1 .red-round-2{
      top: 110px;
      left: 162px;
    }
    .map-1 .see-blue-round-1{
      top: 134px;
      left: 26px;
    }
    .map-1 .see-blue-round-2{
      top: 125px;
      left: 32px;
    }
    .map-1 .see-blue-round-3{
      top: 125px;
      left: 47px;
    }
    .map-1 .see-blue-round-4{
      top: 125px;
      left: 64px;
    }
    .map-1 .see-blue-round-5{
      top: 107px;
      left: 85px;
    }


    .map-3 .map-3-blue-round-1{
      top: 141px;
      right: 40px;
    }
    .map-3 .map-3-blue-round-2 {
      top: 171px;
      right: 37px;
    }
    .map-3 .map-3-blue-round-3 {
      top: 239px;
      right: 38px;
    }
    .map-3 .map-3-blue-round-4{
      top: 284px;
      right: 32px;
    }
    .map-3 .map-3-green-round-1{
      top: 281px;
      left: 19px;
    }
    .map-3 .round-round-1{
      top: 204px;
      left: 86px;
    }
    .map-3 .round-round-2{
      top: 211px;
      left: 142px;
    }
    .map-3 .round-round-3{
      top: 216px;
      left: 193px;
    }
    .map-3 .round-round-4{
      top: 222px;
      left: 243px;
    }
    .map-3 .round-round-5{
      top: 188px;
      left: 192px;
    }
    .map-3 .round-round-6{
      top: 193px;
      left: 241px;
    }
    .map-3 .round-round-7{
      top: 170px;
      left: 142px;
    }
    .map-3 .round-round-8{
      top: 187px;
      left: 89px;
    }
    .map-3 .round-round-7{
      top: 183px;
      left: 143px;
    }
    .map-3 .round-round-8{
      top: 176px;
      left: 89px;
    }
    .map-3 .round-round-9{
      top: 161px;
      left: 215px;
    }
    .map-3 .round-round-10{
      top: 156px;
      left: 168px;
    }
    .map-3 .round-round-11{
      top: 153px;
      left: 119px;
    }


    .map-2 .blue-round-1 {
      top: 98px;
      left: 12px;
    }
    .map-2 .blue-round-2 {
      top: 98px;
      left: 34px;
    }

    .map-2 .blue-round-r-1{
      top: 258px;
      right: 195px;
    }
    .map-2 .blue-round-r-2{
      top: 275px;
      right: 207px;
    }

    .map-2 .green-round-1{
      top: 142px;
      left: 92px;
    }
    .map-2 .green-round-2{
      top: 156px;
      left: 143px;
    }
    .map-2 .red-round-1{
      top: 117px;
      left: auto;
      right: 167px;
    }
    .map-2 .red-round-2{
      top: 108px;
      left: auto;
      right: 202px;
    }
    .map-2 .red-round-3{
      top: 113px;
      left: auto;
      right: 260px;
    }
    .map-2 .red-round-4{
      top: 121px;
      left: auto;
      right: 238px;
    }
    .map-2 .red-round-5{
      top: 130px;
      left: auto;
      right: 191px;
    }
    .map-2 .red-round-6{
      top: 138px;
      left: auto;
      right: 123px;
    }
    



    
}

@media only screen and (min-width: 480px) and (max-width: 575px) {


    .input-file:after {
        max-width: 280px;
    }
    .content-frm .modal-dialog {
        max-width: 460px;
        min-width: 460px;
        margin: 0 auto !important;
    }
    .content-frm .modal-content .modal-body{
        padding: 24px;
    }
    .vip-map-area img{
        object-fit: scale-down;
    }
    .map-details-text.contact-details-active{
        height: 300px;
    }

    .vip-map-area .map-1 img , .vip-map-area .map-2 img , .vip-map-area .map-3 img{
        object-fit: cover;
    }
    .vip-map-area .map-3 img {
        object-position: 78% 0;
    }
    .map-1 .blue-round-1{
      top: 52px;
      left: 85px;
    }
    .map-1 .blue-round-2{
      top: 52px;
      left: 109px;
    }
    .map-1 .blue-round-3{
      top: 52px;
      left: 134px;
    }
    .map-1 .blue-round-4{
      top: 72px;
      left: 144px;
    }
    .map-1 .blue-round-5{
      top: 72px;
      left: 72px;
    }
    .map-1 .blue-round-6{
      top: 72px;
      left: 95px;
    }
    .map-1 .blue-round-7{
      top: 72px;
      left: 119px;
    }

    .map-1 .blue-round-r-1{
      top: 119px;
      right: 36px;
    }
    .map-1 .blue-round-r-2{
      top: 138px;
      right: 32px;
    }
    .map-1 .blue-round-r-3{
      top: 174px;
      right: 42px;
    }
    .map-1 .blue-round-r-4{
      top: 203px;
      right: 47px;
    }
    .map-1 .blue-round-r-5 {
      top: 225px;
      right: 45px;
    }

    .map-1 .green-round-1{
      top: 130px;
      left: 84px;
    }
    .map-1 .red-round-1{
      top: 110px;
      left: 136px;
    }
    .map-1 .red-round-2{
      top: 110px;
      left: 162px;
    }
    .map-1 .see-blue-round-1{
      top: 134px;
      left: 26px;
    }
    .map-1 .see-blue-round-2{
      top: 125px;
      left: 32px;
    }
    .map-1 .see-blue-round-3{
      top: 125px;
      left: 47px;
    }
    .map-1 .see-blue-round-4{
      top: 125px;
      left: 64px;
    }
    .map-1 .see-blue-round-5{
      top: 107px;
      left: 85px;
    }


    .map-3 .map-3-blue-round-1{
      top: 141px;
      right: 40px;
    }
    .map-3 .map-3-blue-round-2 {
      top: 171px;
      right: 37px;
    }
    .map-3 .map-3-blue-round-3 {
      top: 239px;
      right: 38px;
    }
    .map-3 .map-3-blue-round-4{
      top: 284px;
      right: 32px;
    }
    .map-3 .map-3-green-round-1{
      top: 281px;
      left: 19px;
    }
    .map-3 .round-round-1{
      top: 204px;
      left: 86px;
    }
    .map-3 .round-round-2{
      top: 211px;
      left: 142px;
    }
    .map-3 .round-round-3{
      top: 216px;
      left: 193px;
    }
    .map-3 .round-round-4{
      top: 222px;
      left: 243px;
    }
    .map-3 .round-round-5{
      top: 188px;
      left: 192px;
    }
    .map-3 .round-round-6{
      top: 193px;
      left: 241px;
    }
    .map-3 .round-round-7{
      top: 170px;
      left: 142px;
    }
    .map-3 .round-round-8{
      top: 187px;
      left: 89px;
    }
    .map-3 .round-round-7{
      top: 183px;
      left: 143px;
    }
    .map-3 .round-round-8{
      top: 176px;
      left: 89px;
    }
    .map-3 .round-round-9{
      top: 161px;
      left: 215px;
    }
    .map-3 .round-round-10{
      top: 156px;
      left: 168px;
    }
    .map-3 .round-round-11{
      top: 153px;
      left: 119px;
    }


    .map-2 .blue-round-1 {
      top: 98px;
      left: 12px;
    }
    .map-2 .blue-round-2 {
      top: 98px;
      left: 34px;
    }

    .map-2 .blue-round-r-1{
      top: 258px;
      right: 195px;
    }
    .map-2 .blue-round-r-2{
      top: 275px;
      right: 207px;
    }

    .map-2 .green-round-1{
      top: 142px;
      left: 92px;
    }
    .map-2 .green-round-2{
      top: 156px;
      left: 143px;
    }
    .map-2 .red-round-1{
      top: 117px;
      left: auto;
      right: 167px;
    }
    .map-2 .red-round-2{
      top: 108px;
      left: auto;
      right: 202px;
    }
    .map-2 .red-round-3{
      top: 113px;
      left: auto;
      right: 260px;
    }
    .map-2 .red-round-4{
      top: 121px;
      left: auto;
      right: 238px;
    }
    .map-2 .red-round-5{
      top: 130px;
      left: auto;
      right: 191px;
    }
    .map-2 .red-round-6{
      top: 138px;
      left: auto;
      right: 123px;
    }



}

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


    .map-details-text.contact-details-active{
        height: 300px;
    }

   .thankyou-frm .modal-content .modal-body {
        min-width: 350px;
        width: 100%;
    }

    .input-file:after {
        max-width: 182px;
    }
    .content-frm .modal-dialog {
        max-width: 360px;
        min-width: 360px;
        margin: 0 auto !important;
    }





    .map-1 .blue-round-1{
      top: 52px;
      left: 85px;
    }
    .map-1 .blue-round-2{
      top: 52px;
      left: 109px;
    }
    .map-1 .blue-round-3{
      top: 52px;
      left: 134px;
    }
    .map-1 .blue-round-4{
      top: 72px;
      left: 144px;
    }
    .map-1 .blue-round-5{
      top: 72px;
      left: 72px;
    }
    .map-1 .blue-round-6{
      top: 72px;
      left: 95px;
    }
    .map-1 .blue-round-7{
      top: 72px;
      left: 119px;
    }

    .map-1 .blue-round-r-1{
      top: 119px;
      right: 36px;
    }
    .map-1 .blue-round-r-2{
      top: 138px;
      right: 32px;
    }
    .map-1 .blue-round-r-3{
      top: 174px;
      right: 42px;
    }
    .map-1 .blue-round-r-4{
      top: 203px;
      right: 47px;
    }
    .map-1 .blue-round-r-5 {
      top: 225px;
      right: 45px;
    }

    .map-1 .green-round-1{
      top: 130px;
      left: 84px;
    }
    .map-1 .red-round-1{
      top: 110px;
      left: 136px;
    }
    .map-1 .red-round-2{
      top: 110px;
      left: 162px;
    }
    .map-1 .see-blue-round-1{
      top: 134px;
      left: 26px;
    }
    .map-1 .see-blue-round-2{
      top: 125px;
      left: 32px;
    }
    .map-1 .see-blue-round-3{
      top: 125px;
      left: 47px;
    }
    .map-1 .see-blue-round-4{
      top: 125px;
      left: 64px;
    }
    .map-1 .see-blue-round-5{
      top: 107px;
      left: 85px;
    }


    


    .map-2 .blue-round-1 {
      top: 98px;
      left: 12px;
    }
    .map-2 .blue-round-2 {
      top: 98px;
      left: 34px;
    }

    .map-2 .blue-round-r-1{
      top: 258px;
      right: 195px;
    }
    .map-2 .blue-round-r-2{
      top: 275px;
      right: 207px;
    }

    .map-2 .green-round-1{
      top: 142px;
      left: 92px;
    }
    .map-2 .green-round-2{
      top: 156px;
      left: 143px;
    }
    .map-2 .red-round-1{
      top: 117px;
      left: auto;
      right: 167px;
    }
    .map-2 .red-round-2{
      top: 108px;
      left: auto;
      right: 202px;
    }
    .map-2 .red-round-3{
      top: 113px;
      left: auto;
      right: 260px;
    }
    .map-2 .red-round-4{
      top: 121px;
      left: auto;
      right: 238px;
    }
    .map-2 .red-round-5{
      top: 130px;
      left: auto;
      right: 191px;
    }
    .map-2 .red-round-6{
      top: 138px;
      left: auto;
      right: 123px;
    }


    .vip-map-area .map-3 img{
        object-fit: cover;
    }
    .vip-map-area .map-3 img {
        object-position: 78% 0;
    }
    .map-3 .map-3-blue-round-1{
      top: 141px;
      right: 40px;
    }
    .map-3 .map-3-blue-round-2 {
      top: 171px;
      right: 37px;
    }
    .map-3 .map-3-blue-round-3 {
      top: 239px;
      right: 38px;
    }
    .map-3 .map-3-blue-round-4{
      top: 284px;
      right: 32px;
    }
    .map-3 .map-3-green-round-1{
      top: 281px;
      left: 19px;
    }
    .map-3 .round-round-1{
      top: 204px;
      left: 86px;
    }
    .map-3 .round-round-2{
      top: 211px;
      left: 142px;
    }
    .map-3 .round-round-3{
      top: 216px;
      left: 193px;
    }
    .map-3 .round-round-4{
      top: 222px;
      left: 243px;
    }
    .map-3 .round-round-5{
      top: 188px;
      left: 192px;
    }
    .map-3 .round-round-6{
      top: 193px;
      left: 241px;
    }
    .map-3 .round-round-7{
      top: 170px;
      left: 142px;
    }
    .map-3 .round-round-8{
      top: 187px;
      left: 89px;
    }
    .map-3 .round-round-7{
      top: 183px;
      left: 143px;
    }
    .map-3 .round-round-8{
      top: 176px;
      left: 89px;
    }
    .map-3 .round-round-9{
      top: 161px;
      left: 215px;
    }
    .map-3 .round-round-10{
      top: 156px;
      left: 168px;
    }
    .map-3 .round-round-11{
      top: 153px;
      left: 119px;
    }



}