/*// Extra large devices (large desktops, 1200px and up)*/

@media (min-width: 1170px) {
  .container {
    width: 1200px;
  }

  /*Header*/

  /* Footer */

}


/*// Large devices (desktops, 992px and up)*/

@media (min-width: 992px) and (max-width: 1169px) {
  .container {
    width: 970px
  }

  /*Header*/

  /* Counter */
  /* Footer */

}


/*// Medium devices (tablets, 768px and up)*/

@media (min-width: 768px) and (max-width: 991px) {
  .container {
    width: 750px
  }

  /* Header */

  /* Event */
  .event-wrap h2 {
    font-size: 32px;
  }

  .event-details h3 {
    font-size: 24px;
  }

  /* Counter */
  .counter-wrap {
    flex-wrap: wrap; 
    row-gap: 30px;
    justify-content: center;
  }

  .counter-wrap>div {
    flex: unset;
    width: 33.3333%;
    border-right: 10px solid #dae062;
  }

  /* Reasons */
  .title,
  .title h2,
  .title h1 {
    font-size: 32px;
  }

  .cdown span strong {
    font-size: 52px;
  }

  .cdown span {
    font-size: 18px;
  }

  /* Preview */
  /* Schedule */
  .section-title h2 {
    font-size: 32px;
  }

  .schedule-wrap {
    -ms-grid-columns: 1.5fr 1fr;
    grid-template-columns: 1.5fr 1fr;
  }

  .schedule-wrap {
    gap: 60px;
  }

  .schedule p,
  .venue-inner p {
    font-size: 16px;
  }

  /* Footer */


}


/*Extra Small Media Device*/

@media (max-width: 767px) {
  .container {
    width: 300px
  }

  body {
    font-size: 16px;
  }

  /* Header */

  /*Banner Area*/
  .content-wrap h2 {
    font-size: 24px;
  }

  .content-wrap h4 {
    font-size: 22px;
  }

  .reg-button {
    font-size: 20px;
  }

  .content-wrap p {
    font-size: 20px;
  }

  .event-info-wrap h2 {
    font-size: 20px;
  }

  .event-info-wrap p {
    font-size: 16px;
  }

  .event-details p {
    font-size: 16px;
  }

  .event-wrap h2 {
    line-height: 1.1;
    font-size: 24px;
  }

  /* Reasons */
  .title,
  .title h2,
  .title h1 {
    font-size: 24px;
  }

  .event-details h3 {
    font-size: 24px;
  }

  /* Schedule */
  .schedule-wrap {
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(1, 1fr);
    gap: 50px;
  }

  .schedule p {
    font-size: 16px;
  }

  .venue-inner p {
    font-size: 16px;
  }

  /* Counter */
  .section-title h2 {
    font-size: 24px;
  }

  .counter-wrap {
    flex-direction: column;
    gap: 30px;
  }

  .counter-wrap>div {
    border-right: 0 none;
  }

  /* Features */
  .overview-wrap {
    flex-direction: column;
  }

  /*CountDown Area*/
  .countdown {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
  }

  .cdown {
    text-align: center;
    width: 48%;
    margin-bottom: 20px;
  }

  .cdown span {
    font-size: 16px;
    width: 110px;
  }

  .cdown span strong {
    font-size: 32px;
  }

  /* Footer */

}


/* -------------------------------------------------
  Large Mobile :480px. 
---------------------------------------------------*/

@media only screen and (min-width: 480px) and (max-width: 766px) {
  .container {
    width: 450px
  }

  /* Counter */
  .cdown {
    width: calc(50% - 15px);
  }
}