html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0; 
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}


@font-face {
    font-family: "alterbg";
    src: url(../fonts/AlterBoldGrunge.otf) format("opentype");
    font-display: swap;
  }
 
  
  @font-face {
    font-family: "Josef-Regular";
    src: url(../fonts/JosefinSans-Regular.ttf) format("truetype");
    font-display: swap;
  }
  


  
*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

*:hover,
*:focus,
*:visited {
  outline: 0;
}

:root {
  --white: #ffffff;
  --blue: #132236;
  /* --txtcolor:#b2c8dc; */
  --lightblue: #B7CDE1;
  --bordercolor: #91a5b9;
  --lightgray: #E3E4E5;
}

.paddingtopbottom
{
  padding-top: 60px;
  padding-bottom: 60px;
}


.paddingTop {
  padding-top: 60px;
}

.paddingTop30 {
  padding-top: 30px;
}


.paddingBottom {
  padding-bottom: 60px;
}


html {
    overflow-x: hidden !important;
    scroll-behavior: smooth;
  }
  
  body {
    margin: 0 auto;
    font-family: Josef-Regular;
    color: #222222;
    font-size: 15px;
    background-color: #fff;
    line-height: 150%;
    background-color: #000;
    /* visibility: hidden; */
  }
  
  img {
    width: 100%;
    height: auto;
    border: 0;
    -ms-interpolation-mode: bicubic;
    aspect-ratio: attr(width) / attr(height);
  }

  .relative
  {
    position: relative;
  }

  .mHide {
    display: block;
  }
  
  .dHide {
    display: none;
  }
  
  .mainwrapper {
    width: 100%;
    margin: 0;
    overflow-x: hidden !important;
  }
  
  .containerAsp {
    width: 1175px;
    max-width: 80%;
    margin: 0 auto;
  }
  


  /*  Header */

  .header_main {
    width: 100%;
    max-width: 100%;
    background-color: transparent;
    position: fixed;
    top: 0;
    z-index: 999;
    padding: 10px 0px;
    /* border: 1px solid red; */
    transition: all 0.5s ease-in-out;
  }
  

  .headerInside {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 100%;
    padding-right: 30px;
    height: 62px;
  }

  .scroll
  {
    background-color:#191919;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1);
   
      
  }

  .scroll a
  {
    display: block!important;
  }

  .navMenuBtn {
    cursor: pointer;
    opacity: 1;
    margin-right: 0px;
    z-index: 9999;
    /* height: 26px; */
  }

  .navMenuBtn .bar1,
.navMenuBtn .bar2,
.navMenuBtn .bar3 {
  background-color: #fff;
  width: 30px;
  height: 4px;
  background-color: #fff;
  margin: 5px 0;
  transition: 0.4s;
  border: 0 solid;
  border-radius: 10px;
}

.navMenuBtn span {
    transition: transform .5s ease;
    width: 100%;
    will-change: transform
  }
  
  .change {
    margin-top: 9px;
  }
  
  .change .bar1 {
    -webkit-transform: rotate(-45deg) translate(-1px, 0px) !important;
    transform: rotate(-45deg) translate(-6px, 6px) !important;
  }
  
  .change .bar2 {
    opacity: 0;
  }
  
  .change .bar3 {
    -webkit-transform: rotate(45deg) translate(-8px, -8px) !important;
    transform: rotate(45deg) translate(-7px, -7px) !important;
  }


  .sidebarNavigation {
    width: 20%;
    height: 100vh;
    max-width: 76%;
    position: fixed;
    right: -536px;
    top: 0;
    z-index: 999;
    opacity: 0;
    background-color: #191919;
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    will-change: opacity;
    opacity: 1;
  
    transition: all 0.8s ease-in-out;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.3);
  }
  
  .sidebarNavigationShow {
    right: 0px;
    transition: all 1s ease-in-out;
  }
  
  .sidebarNavigation ul {
    list-style: none;
    padding: 120px 20px 0px 20px;
  }
  
  .sidebarNavigation ul li {
    margin: 6% 5% 15% 0%;
    text-align: left;
  }
  
  .sidebarNavigation ul li a {
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    color: #fff;
    text-decoration: none;
    padding-top: 4px;
    font-family: 'Josef-Regular';
    letter-spacing: 5px;
  }
  
  .sidebarNavigation ul li a:hover {
    color: #fff;
    transition: all 0.2s ease-in-out;
  }
  
  .sidebarNavigation ul li.active a {
    color: #fff;
  }
  
  .sidebarNavigation ul ul {
    padding: 15px 0px 0px 20px;
  }
  
  .sidebarNavigation ul ul li {
    margin: 3% 5%;
  }
  
  .sidebarNavigation ul ul li a {
    font-size: 14px;
  }

  .floatingButton {
    position: fixed;
    right: -68px;
    z-index: 999;
    top: 50%;
    transform: rotate(-90deg);
    float: right;
    border: 0px;
    display: none;
  }
  
 /* .floatingButton button {
    background-color: yellow;
    color: #fff;
    padding: 13px 13px;
    border-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    font-size: 16px;
    width: 190px;
    font-family: Josef-Regular;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: bold;
    border-bottom: 0px;
    transition: all 0.2s ease-in-out;
  } */

  .btn-grad {
    background-image: linear-gradient(to right, #c1194c 0%, #6c4c7c 51%, #c1194c 100%);
    /* margin: 10px; */
    padding: 17px 20px 13px 13px;
    text-align: center;
    text-transform: uppercase;
    transition: 0.5s;
    background-size: 200% auto;
    color: #fff;
    /* box-shadow: 0 0 20px #eee; */
    border-radius: 0px;
    display: block;
    width: 190px;
    border: 0px;
    height: 55px;
  }

  .btn-grad:hover {
    background-position: right center; /* change the direction of the change here */
    color: #fff;
    text-decoration: none;
  }
  

/* Main Banner */

.mainbanner
{
  /* background-image: url("../images/bg/logo_banner.jpg");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover; */
  width:100vw;
  height:100vh;
  z-index: 1;
}

.mainbanner video
{
  object-fit: cover;
}


.logocontainer
{
    text-align: center;
    width: 100%;
}

.logocontainer a
{
    text-align: center;
    display: none;
}

.logocontainer a img
{
    width:190px;
    margin-left: 60px;
}


.dtflogo
{
    width:65%;
    position:absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
}

/* Main Banner */

.bigheading
{
  font-family: alterbg;
  color:#fff;
  font-size:75px;
}
.bigheading span
{
  font-size:90px;
  background: linear-gradient(80deg, rgba(252,151,9,1) 10%, rgba(253,104,24,1) 14%, rgba(178,22,80,1) 100%);
  -webkit-background-clip : text;
  -webkit-text-fill-color:transparent;
}


.heading
{
  font-family: alterbg;
  color:#fff;
  font-size:40px;
  margin-bottom: 15px;
}

.heading span
{
  position: relative;
}


.heading span:after {
  position: absolute;
  content: '';
  height: 3px;
  bottom: 0px;
  background: yellow;
  background: rgb(3,204,55);
  background: linear-gradient(to right,rgba(3,204,55,1) 30%, rgba(253,235,3,1), rgba(247,132,7,1) );
  width: 100%;
  left: 0;

}

/**/

.bigsection
{
  position: absolute;
  top:0;
  left:0;
  width:100vw;
  height:100vh;
  z-index: -1;
  /* background-image: url("../images/bg/stage_banner_bg.jpg");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover; */

}

.bigsection video
{
  object-fit: contain;
}

.biggestfest
{
  
  /* margin-top: -1px;
    padding-top: 100px;

    padding-bottom: 0px; */
    /* position: absolute;
    top:0;
    overflow: hidden;
    z-index: -1; */
   
    position: absolute;
    bottom: 2%;
    left: 50%;
    transform: translateX(-50%);
    width:80%;
}


.biggestfest h2
{
  text-align: center;
  line-height: 100%;
}

.biggestfest .chair
{
  margin-top: -2%;
}



/* Count Down Timer*/

.countdownsection
{
  background: #020202;
  background: linear-gradient(90deg, rgba(22,22,22,1), rgba(2,2,2,1));
}

.countdownsection .dtflogo2
{
    width: 300px;
    margin: 0px auto 30px auto;
    display: block;
}

.countdownsection h2
{
   text-align: center;
    margin: 0px auto 30px auto;
    display: block;
    font-size: 35px;
}

.countdowncontainer 
{
  color:#fff;
  display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 100px;

    margin-top: 50px;

}

.countdowncontainer .circle {
  position: relative;
  width: 120px;
  height: 120px;
  border:0px solid #fff;

  display: flex;
    justify-content: center;
    align-items: center;
    position: relative;

}


.countdowncontainer .circle .inner {
  position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    font-size: 14px;
    color: #fff;
    font-size: 13px;
    font-weight: normal;
    border: 0px solid red;
    text-transform: uppercase;
    margin-top: 10px;
}

.countdowncontainer .circle .inner span{
  background: linear-gradient(to top right, #0571e7, #f3112e);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: Josef-Regular;
  font-size: 50px;
  font-weight: 700;
}


:root{--tlt-br-cnt: 60;--i: 0}
.circle{width:200px;height:200px;border-radius:50%;display:flex;justify-content:center;align-items:center;position:relative}

.circle i{position:absolute;top:0;left:0;right:0;bottom:0;transform:rotate(calc(45deg + calc(calc(360deg/var(--tlt-br-cnt)) * var(--i))))}

.circle i::after{content: '';
  position: absolute;
  top: 0;
  left: 0;
  background: #494949;
  width: 3px;
  height: 13px;
  border-radius: 999rem;
  transform: rotate(-45deg);
  transform-origin: top;
  opacity: 0;
  animation:barCreationAnimation 100ms ease forwards;animation-delay:calc(var(--i) * 15ms)}

.circle .selected1::after{background:#c4c4c4;}

@keyframes barCreationAnimation{from{opacity:0}to{opacity:1}}







/* Count Down Timer Ends*/


/*About Us*/

.aboutus
{
  background-color: #000;
  background: linear-gradient(90deg, rgba(22,22,22,1), rgba(2,2,2,1));
}

.aboutus p
{
  color: #7b7b7b;
}


.aboutuscontainer
{
  display: flex;
    align-items: center;
    justify-content: unset;
    justify-items: center;
    gap: 50px;
}

.aboutuscontainer img
{
  width:170px;
}

/*About Us*/



/* Legacy */
.legacy
{
  background-image: url("../images/bg/amphitheatre_bg.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 100%;
  /* height: 800px; */
  padding-bottom: 20px;
}

.legacy h2
{
  text-align: center;
}

.legacy p
{
  color: #7b7b7b;
  text-align: center;
}

.legacyslider
{
  width:90%;
  padding-top:50px;
  margin:0px auto;
}


.legacyslider .swiper-slide 
{
    opacity: 1;
}

.legacyslider .swiper-slide p
{
  margin-top:10px;
    display: none;
    /* min-height: 50px; */
}

.legacyslider .swiper-slide p span
{
  font-weight: 600;
}

.legacyslider .swiper-slide-active p
{
  display: block;
}

.legacyslider .swiper-slide-active
{
    opacity: 1;
}

/* .legacyslider .swiper-slide .slide img
{
  transform: scale(1);
  transition: transform 0.5s ease-in-out;
}

.legacyslider .swiper-slide .slide img:hover
{
  transform: scale(1.1);
} */


.legacyslider .swiper-slide .slide 
{
  transform: scale(1);
  transition: transform 0.5s ease-in-out;
}

.legacyslider .swiper-slide .slide:hover
{
  transform: scale(1.1);
}


.legacyslider .swiper
{
  padding-top:30px;
  padding-bottom: 30px;
}


/*legacy Ends*/


/* seasonvideo */
.seasonvideo
{
  background-image: url("../images/bg/crowd-bg1.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 750px;
}

.seasonvideo h2
{
  text-align: center;
}

.seasonvideo p
{
  color: #7b7b7b;
  text-align: center;
}

.seasonvideoslider
{
  width:80%;
  margin:0px auto 20px auto;
}

.seasonvideoslider .slick-track{display: flex !important;}
.seasonvideoslider .slick-slide{height: inherit !important;margin-left:5px;margin-right:5px;}
.seasonvideoslider .slick-list {margin-left:-5px;margin-right:0px;}

.seasonvideoslider .slick-next,
.seasonvideoslider .slick-prev{
  width: 9%;
  position: absolute;
  top: 50%;
  left: -120px;
  transform: translate(0%, -50%);
  z-index: 99;
  cursor: pointer;
}


.seasonvideoslider .slick-next{
  left: auto;
  right: -120px;
}

.videoslide
{

  margin: 30px auto 0px auto;
}

.videoslide
{
  border:1px solid #a5a5a5;
  padding:20px;
  cursor: pointer;

}

.videoimg .play
{
  position:absolute;
  top:50%;
  left:50%;
  transform: translate(-50%, -50%);
  width:90px;
  cursor: pointer;
}

.seasoninfo
{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 25px;
}
.seasonname, .seasonyear
{
  color:#888;
  font-size: 20px;
}


/*legacy Ends*/


/* --------------------------
priyanka Css Code starts here 
------------------------------*/

.clearBoth{
  clear: both;
}
/* Artist Testimonial css starts */

.artistTestimonial {
  background-color: #0d0d0d;
}
.artistTestimonial h2{
  text-align: center;
}

.artistTestimonialSliderInside{
  background-color: #191919;
  padding: 60px;
}

.artistTestimonialSliderInsideFlex{
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 30px;
}

.artistTestimonialSliderInsideImg{
  width: 20%;
}
.artistTestimonialSliderInsideTxt{
  width: 60%;
  margin-left: 60px;
}

.artistTestimonialSliderInsideTxt p{
color: #7b7b7b;
font-size: 18px;
}
.artistTestimonialSliderInsideTxt .artistName{
  text-transform: uppercase;
  float: right;
  color: #7b7b7b;
  margin-top: 50px;
}
.artistTestimonialSliderInsideTxt p::before, .artistTestimonialSliderInsideTxt p::after {
  font-family: alterbg;
  font-size: 6rem;
  font-weight: 700;
  position: absolute;
  opacity: 0.8;
}

.artistTestimonialSliderInsideTxt p::before{
  content: "“";
  margin: 0.5rem 0 0 -3.5rem;
  color: #323232;
}

.artistTestimonialSliderInsideTxt p::after {
  content: "”";
  margin: 2rem -4rem 0 0.5rem;
  color: #323232;
}

/* ------- slick dots css starts */

.artistTestimonialSlider .slick-track{display: flex !important;}
.artistTestimonialSlider .slick-slide{height: inherit !important;margin-left:5px;margin-right:5px;}
.artistTestimonialSlider .slick-list {margin-left:-5px;margin-right:0px;}


.artistTestimonialSlider .slick-dots {
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 1rem 0;
  list-style-type: none;
  margin-top: 30px;
}

.artistTestimonialSlider .slick-dots{
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 1rem 0;
  list-style-type: none;
  margin-top: 20px;
}

.artistTestimonialSlider .slick-dots li {
  margin: 0 0.25rem;
}

.artistTestimonialSlider .slick-dots button {
  content: " ";
  display: block;
  width: 12px;
  height: 12px;
  padding: 0;
  border: none;
  border-radius: 100%;
  background-color: #323232;
  text-indent: 9999px;
  cursor: pointer;
}

.artistTestimonialSlider .slick-dots li button {
  display: block !important;
}

.artistTestimonialSlider .slick-dots li.slick-active button{
  background-color: #808080;
}


/* ------- slick dots css ends */

.swiper-next {
  margin-top: 0px;
  position: absolute;
  top: 50%;
  right: -80px;
  width: 85px;
  height: 85px;
  transform: translateY(-50%);
}
.swiper-prev {
  position: absolute;
  top: 50%;
  left: -80px;
  width: 85px;
  height: 85px;
  transform: translateY(-50%);
  margin-top: 0px;
}


/* Artist Testimonial css ends */

/* In the Media Starts */
.inTheMediaSection{
  background-image: url("../images/in_The_Media/media_bg.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.inTheMediaSection h2{
  text-align: center;
}

.mediaSliderInside{
  background-color: #191919;
  display: flex !important;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 30px;
}

.mediaSliderInsideImg{
  width: 25%;
  z-index: 99;
}

/* .mediaSliderInsideImg img
{
  width: 180px;
   
} */

.mediaSliderInsideTxt{
  background-color: #fff;
    width: 75%;
    padding: 50px 40px;
    margin-left: -110px;
    max-height: 220px;
    padding-left: 135px;
}

.mediaSliderInsideTxt .medialogo{
  width: 30%;
}

.mediaSliderInsideTxt p{
  color: #a7a7a7;
  font-size: 20px;
  margin-top: 20px;
}


.mediaSlider .slick-next,
.mediaSlider .slick-prev{
  width: 9%;
  position: absolute;
  top: 50%;
  left: -120px;
  transform: translate(0%, -50%);
  z-index: 99;
  cursor: pointer;
}


.mediaSlider .slick-next{
  left: auto;
  right: -120px;
}


.medianav
{
  display: none;
}

/* In the Media ends */

/* our Partner starts*/

.ourPartnerSection{
  background-color: #000;
}

.ourPartnerSection h2{
  text-align: center;
}

.ourPartnerFlex{
  margin-top: 30px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 27px;
}





.partnernav
{
  display: none;
}



/***********************************/
/******* Footer Form Start**********/
/***********************************/

.footerformsection
{
 background-color: #000;
   background-image: url(../images/formbg.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    height: 100vh;
  height:100svh;
  position: relative;
  display: flex;
    align-items: center;
    justify-content: center;
    justify-items: center;
    padding-top:60px;
    

  
}

.formbg
{
  z-index: 0;
  position: relative;
}


.footerform 
{
  background-color: #191919;
  padding-bottom: 50px;
}

.footerform .giftimg
{
  width: 300px;
    margin: 0px auto;
    position: relative;
    margin-top: -75px;

  left: 50%;
  transform: translateX(-50%);
  margin-bottom: 20px;
}


.footerform h2
{
  text-align: center;
  font-size: 45px;
} 

.footerform p
{
  color: #616161;
  text-align: center;
} 

.footerform .heading span
{
  color:#f9e90b;
}

.footerform .heading span:after {
  display: none;
}

.formcontainer
{
  width:80%;
  margin: 25px auto 0px auto;
}

.formcontainer label
{
    color: #fff;
    font-family: 'Josef-Regular';
    text-transform: uppercase;
    font-size: 17px;
    margin-bottom: 5px;
}

.formcontainer .form-control
{
  background-color: #565656;
  color:#e2e2e2;
  height: calc(1.5em + .75rem + 10px);
  border: 1px solid #565656;
  border-radius: 1rem;
}

.formcontainer .form-group {
  margin-bottom: 2rem;
}

.formcontainer button
{
  padding: 0;
  transition: none;
  border-radius: 0;
  margin: 15px auto 10px auto;
    display: block;
    position: relative;
}

.formcontainer button img
{
  width:170px;
}


.formcontainer button span
{
  position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    line-height: 0;
    padding: 0;
    margin-top: 3px;
    display: block;
    font-size: 1.2rem;
}



/***********************************/
/******* Footer Form Ends**********/
/***********************************/

@media screen and (max-width:1920px) {
    .legacyslider {
      width: 90%;
  }
}

@media screen and (max-width:1440px) {
  .ourPartnerFlex{
    gap: 8px;
  }
}

@media screen and (max-width:1280px) {
  .ourPartnerFlex{
    gap: 27px;
  }
}
/* our Partner ends*/

/* footer starts */
.footerMain{
  background-color: #191919;
}

.footerMain h2{
  text-align: center;
}

.footerLogo{
  width: 35%;
  margin: 0 auto;
}

.contactDetails{
  width: 50%;
  margin: 0 auto;
  display: flex;
  color: #888888;
  margin-top: 50px;
  justify-content: space-between;
  align-items: center;
}
.contactDetails p{
  font-size: 18px;
  text-align: center;
}

.footerEmail{
width: 65%;
}

.footerphone{
  width: 35%;
}

.socialMediaInitiativeByFlex{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 30px;
}

.socialMediaIcon{
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 0px 20px;
}

.atDelhiTheater p{
  color: #888888;
  margin-top: 15px;
}

.initiativeBy p{
  text-transform: uppercase;
  color: #888888;
  text-align: center;
}

.alchemistLogo{
width: 70%;
margin: 0 auto;  
}


/* footer ends */
/* --------------------------
priyanka Css Code ends here 
------------------------------*/




.formmobile
{
  position:fixed;
  top:50%;
  left:50%;
  transform: translate(-50%,-50%);
  display: block;
  background-color: #fff;
  z-index: 999;
  padding-bottom: 15px;
  display:none;
  width: 350px;
  z-index: 999999;
}


.formmobile .giftimg {
    width: 250px;
    margin: 0px auto;
    position: relative;
    margin-top: 15px;
    left: 50%;
    transform: translateX(-50%);
    margin-bottom: 10px;
}

.formmobile h2 {
  font-size: 25px;
text-align: center;
color: #000;
}

.formmobile p {
  color: #616161;
  text-align: center;
}

.formmobile .formcontainer button {
  padding: 0;
  transition: none;
  border-radius: 0;
  margin: 5px auto 5px auto;
  display: block;
  position: relative;
}

.formmobile .formcontainer button img {
  width: 145px;
}

.formmobile .formcontainer .form-control {
  height: calc(1.5em + .75rem + 2px);
  border-radius: 0.2rem;
  background-color: #e1dddd;
  color: #000;
}

.formmobile .formcontainer label {
  font-size: 12px;
    margin-bottom: 3px;
    color: #000;
    font-weight: 600;
}

.formmobile .formcontainer .form-group {
  margin-bottom: 0.6rem;
}

.close {
  float: right;
  font-size: 1.7rem;
  font-weight: 700;
  line-height: 1;
  color: #000;
  /* text-shadow: 0 1px 0 #fff; */
  opacity: 1;
  margin: 5px 10px;
  cursor: pointer;
  text-shadow: none;
}

.close:hover {
  color: #000;
  text-shadow:none;
  opacity: 1;
}

/********************************************
*******   Media Queries    ******************
********************************************/

@media (max-width: 2560px) {

}


@media (max-width: 1921px) and (max-height: 920px) {

  

}

@media (max-width: 1604px) and (max-height: 772px) {

}





@media (max-width: 1536px) and (max-height: 736px) {


}





@media (max-width: 1440px) {

  .biggestfest {
      bottom: 1%;
  }

  .mediaSliderInsideTxt {
      margin-left: -95px;
  }

}


@media (max-width: 1367px) {

  .biggestfest {
      bottom: 0%;
  }

  .ourPartnerFlex{
    gap: 17px;
  }

  .footerform {
      background-color: #191919;
      padding-bottom: 20px;
  }
  
  .footerform .giftimg {
      width: 350px;
      margin-bottom: 10px;
  }

  .formcontainer .form-control {
      height: calc(1.5em + .75rem + 2px);
  }

  .formcontainer label {
      font-size: 15px;
      margin-bottom: 2px;
  }

  .footerform h2 {
      font-size: 40px;
      margin-bottom: 10px;
  }

  .formcontainer .form-group {
      margin-bottom: 1rem;
  }

}



@media (max-width: 1280px) and (max-height: 800px) {

  .mediaSliderInsideTxt {
      margin-left: -85px;
      padding: 60px 40px;
    min-height: 190px;
  }

}

@media (max-width: 768px) {

  .containerAsp {
      width: 100%;
      max-width: 90%;
      margin: 0 auto;
  }

  .partnernav
  {
    display: flex;
    align-items: center;
    justify-content: center;
    justify-items: center;
    width: 100%;
    margin-top: 15px;
  }

  .partnernav .slick-next,.partnernav .slick-prev
  {
    width:20%;
  }

  .ourPartnerFlex .slick-slide {
      padding: 5px;
  }


  .medianav
  {
    display: flex;
    align-items: center;
    justify-content: center;
    justify-items: center;
    width: 100%;
    margin-top: 15px;
  }

  .medianav .slick-next,.medianav .slick-prev
  {
    width:20%;
  }

  .sidebarNavigation {
      width: 230px;
  }

  /* .mediaSliderInsideImg img {
      width: 70px;
  } */


  .swiper-prev {
      position: absolute;
      top: 40%;
      left: -40px;
      width: 75px;
      height: 75px;
      transform: translateY(-50%);
      margin-top: 0px;
      z-index: 999;
  }

  .swiper-next {
    margin-top: 0px;
    position: absolute;
    top: 40%;
    right: -40px;
    width: 75px;
    height: 75px;
    transform: translateY(-50%);
    z-index: 999;
}

.bigsection video {
    object-fit: contain;
}

}

@media (max-width: 600px) {

  .mHide {
    display: none;
  }
  
  .dHide {
    display: block;
  }

  .headerInside {
      padding-right: 0px;
  }
  .logocontainer {
    text-align: left;
    width: 40%;
}

  .logocontainer a img {
      width: 140px;
      margin-left: 0px;
  }

  .header_main {
   padding: 5px 0px;
  }

  .mainbanner
  {
    width:100vw;
    height:100vh;
    z-index: 1;
  }

  .mainbanner .mobbanner
  {
    height:100vh;
  }

  .bigheading {
    font-size: 45px;
}

.bigheading span {
    font-size: 55px;
}

.bigsection {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: -1;

  /* background-image: url(../images/bg/mob/home_banner2.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover; */
}

.biggestfest {
  /* background-image: url(../images/bg/mob/home_banner2.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  margin-top: -1px;
  padding-top: 41%;
  padding-bottom: 10px;
  position: absolute;
  top: 0;
  overflow: hidden;
  z-index: -1;
  width: 100%;
  height: 100vh; */
  bottom: 19%;

}

.biggestfest .chair {
  margin-top: -2%;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
}


.countdownsection .dtflogo2 {
    width: 170px;
}

.countdownsection h2 {
  font-size: 25px;
}

.countdowncontainer .circle {
  width: 90px;
  height: 90px;
}

.countdowncontainer .circle .inner span {
  font-size: 35px;
}

.countdowncontainer .circle .inner {
  font-size: 12px;
}

.countdowncontainer {
        gap: 50px;
        flex-direction: column;
        align-items: center;
        display: grid;
        grid-template-columns: 1fr 1fr;
        column-gap: 0px;
        align-items: center;
        justify-content: center;
        justify-items: center;
        row-gap: 80px;
}

.aboutuscontainer img {
  width: 100px;
}

.heading {
  font-size: 25px;
  text-align: center;
}

.heading span:after {
  bottom: -5px;
}

.aboutus p {
  text-align: center;
}

.aboutuscontainer {
  flex-direction: column-reverse;
}

.legacy {
  background-image: url(../images/bg/mob/amphitheatre_bg.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
 height: 100%;
}

.seasonvideo {
  background-image: url(../images/bg/mob/crowd-bg1.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 100%;
}

.seasonvideoslider
{
  width:100%;
}



.videoslide {
  width: 100%;
  padding: 10px;
}

.videoimg .play {
  width: 30px;
}

.seasonname, .seasonyear {
  font-size: 15px;
}

.artistTestimonialSliderInsideFlex {
  flex-direction: column;
}

.artistTestimonialSliderInsideImg {
  width: 50%;
}

.artistTestimonialSliderInsideTxt {
  width: 100%;
  margin-left: 10px;
}

.artistTestimonialSliderInsideTxt p::before, .artistTestimonialSliderInsideTxt p::after {
  font-size: 2rem;
}

.artistTestimonialSliderInsideTxt p {
  font-size: 15px;
}

.seasoninfo {
  padding-top: 15px;
}

.videoslide {
  margin: 20px auto 0px auto;
}


.artistTestimonialSliderInside {
  background-color: #191919;
  padding: 30px;
}

.artistTestimonialSliderInsideTxt p::before {
  margin: -0.3rem 0 0 -1.5rem;
}

.artistTestimonialSliderInsideTxt p::after {
  margin: 1rem -1rem 0 0.5rem;
}


.footerMain .heading 
{
  color:#787878;
}

.footerLogo {
  width: 60%;
}

.contactDetails {
  width: 100%;
  flex-direction: column;
  margin-top: 20px;
}

.footerEmail {
  width: 100%;
}

.footerphone {
  width: 100%;
}


.contactDetails p {
  font-size: 15px;
}

.socialMediaInitiativeByFlex {
  flex-direction: column;
  align-items: center;
    justify-content: center;
    justify-items: center;
}

.socialMediaIcon {
  justify-content: center;
}

.initiativeBy
{
  margin-top:20px;
}


.paddingtopbottom
{
    padding-top: 40px;
    padding-bottom: 40px;
}

.mediaSliderInsideImg {
  width: 35%;
  z-index: 2;
  
}

.mediaSliderInside {
  flex-direction: column;
  padding: 10px;
}

.mediaSliderInsideTxt {
        background-color: #fff;
        width: 100%;
        padding: 40px 15px 15px 15px;
        margin-left: 0px;
        min-height: 100%;
        /* padding-left: 80px; */
        margin-top: -37px;
        z-index: 1;
}

.mediaSliderInsideTxt .medialogo {
  width: 60%;
  margin: 10px auto 0px auto;
}

.medialogo img
{
  margin: 0px auto;
}


.mediaSliderInsideTxt p {
  color: #a7a7a7;
  font-size: 15px;
  margin-top: 20px;
  text-align: center;
}


.formmobile {
  width: 300px;
}


  .footerform h2 {
    font-size: 25px;
  }

  .footerform .giftimg {
      width: 350px;
      margin-bottom: 10px;
      margin-top: -60px;
  }

  .formcontainer {
      width: 80%;
      margin: 10px auto 0px auto;
  }

  .formcontainer label {
      font-size: 15px;
      margin-bottom: 5px;
  }

  .formcontainer .form-control {
    height: calc(1.5em + .75rem + 2px);
    border-radius: 0.2rem;
  }

  .formcontainer .form-group {
    margin-bottom: 1rem;
  }

  .footerform {
      background-color: #191919;
      padding-bottom: 20px;
  }

  .formcontainer button img {
      width: 130px;
  }

  .formcontainer button span {
    margin-top: 3px;
    font-size: 1rem;
  }

  .footerformsection {
    background-color: #000;
        background-image: url(../images/form_ticket_bg.png);
        background-repeat: no-repeat;
        background-position: top center;
        background-size: cover;
        height: 100vh;
        height: 100%;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        justify-items: center;
        padding-top: 100px;
        padding-bottom: 50px;
}

.formmobile {
  padding-bottom: 10px;
  width: 300px;
  z-index: 999999;
}

.formmobile .formcontainer .form-control {
  height: calc(1.5em + .75rem + 0px);
}

.formmobile .formcontainer .form-group {
  margin-bottom: 0.4rem;
}

.formmobile h2 {
  margin-bottom: 10px;
}

.formmobile .formcontainer label {
  font-size: 13px;
  margin-bottom: 2px;
}


  
}


@media (max-width: 492px) and (max-height: 856px) {



}





@media (max-width: 385px) and (max-height: 725px) {



}



@media (max-width: 390px) {

  

}




@media (max-width: 376px) {

  .bigheading {
    font-size: 30px;
}

.bigheading span {
    font-size: 40px;
}

.biggestfest {
    bottom: 19%;
}

}



@media (max-width: 376px) and (max-height: 544px) {

  .bigheading {
      font-size: 30px;
  }

  .bigheading span {
      font-size: 40px;
  }

  .biggestfest {
      bottom: 10%;
  }

}


@media (max-width: 360px) {

  .bigheading {
      font-size: 30px;
  }

  .bigheading span {
      font-size: 40px;
  }

  .biggestfest {
    bottom: 19%;
}



}

@media (max-width: 320px) {



  .bigheading {
    font-size: 25px;
}

.bigheading span {
    font-size: 30px;
}

.biggestfest {
        bottom: 20%;
    }

.biggestfest .chair {
  margin-top: -8px;
        width: 190px;
        margin-left: auto;
        margin-right: auto;
}


.countdownsection .dtflogo2 {
    width: 170px;
}

.countdownsection h2 {
  font-size: 25px;
}

.countdowncontainer .circle {
  width: 90px;
  height: 90px;
}

.countdowncontainer .circle .inner span {
  font-size: 35px;
}

.countdowncontainer .circle .inner {
  font-size: 12px;
}

.countdowncontainer {
  gap: 50px;
  flex-direction: column;
  align-items: center;
}

.aboutuscontainer img {
  width: 100px;
}

.heading {
  font-size: 25px;
  text-align: center;
}

.heading span:after {
  bottom: -5px;
}

.aboutus p {
  text-align: center;
}

.aboutuscontainer {
  flex-direction: column-reverse;
}

.legacy {
  background-image: url(../images/bg/mob/amphitheatre_bg.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 600px;
}

.seasonvideo {
  background-image: url(../images/bg/mob/crowd-bg.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 100%;
}

.seasonvideoslider
{
  width:100%;
}



.videoslide {
  width: 100%;
  padding: 10px;
}

.videoimg .play {
  width: 30px;
}

.seasonname, .seasonyear {
  font-size: 15px;
}

.artistTestimonialSliderInsideFlex {
  flex-direction: column;
}

.artistTestimonialSliderInsideImg {
  width: 50%;
}

.artistTestimonialSliderInsideTxt {
  width: 100%;
  margin-left: 10px;
}

.artistTestimonialSliderInsideTxt p::before, .artistTestimonialSliderInsideTxt p::after {
  font-size: 2rem;
}

.artistTestimonialSliderInsideTxt p {
  font-size: 15px;
}

.seasoninfo {
  padding-top: 15px;
}

.videoslide {
  margin: 20px auto 0px auto;
}


.artistTestimonialSliderInside {
  background-color: #191919;
  padding: 30px;
}

.artistTestimonialSliderInsideTxt p::before {
  margin: -0.3rem 0 0 -1.5rem;
}

.artistTestimonialSliderInsideTxt p::after {
  margin: 1rem -1rem 0 0.5rem;
}


.footerMain .heading 
{
  color:#787878;
}

.footerLogo {
  width: 60%;
}

.contactDetails {
  width: 100%;
  flex-direction: column;
  margin-top: 20px;
}

.footerEmail {
  width: 100%;
}

.footerphone {
  width: 100%;
}


.contactDetails p {
  font-size: 15px;
}

.socialMediaInitiativeByFlex {
  flex-direction: column;
  align-items: center;
    justify-content: center;
    justify-items: center;
}

.socialMediaIcon {
  justify-content: center;
}

.initiativeBy
{
  margin-top:20px;
}


.paddingtopbottom
{
    padding-top: 40px;
    padding-bottom: 40px;
}

.mediaSliderInsideImg {
  width: 30%;
  z-index: 2;
}

.mediaSliderInside {
  flex-direction: column;
  padding: 10px;
}

.mediaSliderInsideTxt {
        background-color: #fff;
        width: 100%;
        padding: 40px 15px 15px 15px;
        margin-left: 0px;
        min-height: 100%;
        /* padding-left: 80px; */
        margin-top: -37px;
        z-index: 1;
}

.mediaSliderInsideTxt .medialogo {
  width: 60%;
  margin: 10px auto 0px auto;
}

.mediaSliderInsideTxt p {
  color: #a7a7a7;
  font-size: 15px;
  margin-top: 20px;
  text-align: center;
}

}