@media (max-width:1199px) { 

  .events-detail .info .title h2 {
    font-size: 40px;
  }
  /* 9-12-24 */
  .navbar-expand-lg .navbar-nav .nav-link {
    padding: 10px 0;
  }

  .banner-slider h1 {
    font-size: 55px;
  }
  .banner-slider .row.banner-content{
    padding: 50px 30px 70px;
  }
  .banner-slider .owl-dots {
    top: -60px;
  }
}

@media (max-width:1080px) { 

    /* .events-detail .info .text p {
      font-size: 21px;
  } */
}

@media (max-width:991px) { 

  .actor .col-md-3 {
    width: 50%;
    margin-bottom: 30px;
  }
  .overlay {
    opacity: 1;
    background-color: transparent;
    align-items: flex-end;
  }
  .overlay-icons {
    background-color: rgba(128, 128, 128, 0.7);
    width: 100%;
    padding: 20px 0;
  }
  .history  .content .text p {
    text-align: center;
  }
  .history  .content .text {
    width: 100%;
  }

  .history .row {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .history .content .col-md-6 {
    /* flex: 100%; */
    width: 100%;
  }
  #banner_section {
    margin-top: 126px;
    height: auto;
  }
  #banner_section .content {
    height: 300px;
  }
  .numbers h2 {
    font-size: 50px;
  }
  .history .content {
    display: flex;
    justify-content: center;
  }

  .events .col-md-4 {
    flex: 0 0 auto;
    width: 50%;
  }

  .events-detail  .col-md-6 {
    width: 100%;
  }
  .events-detail .info .title h2 {
    text-align: center;
    margin-top: 30px;
  }
  .events-detail .info .text p {
    text-align: center;
  }
  .events-detail .img-box img {
    display: flex;
    margin: 0 auto;
  }

  .events-detail .events-detail-part {
    padding: 50px 0;
  }
  #book-btn{
    justify-content: center;
  }
  
  
  /* 9-12-24 */
  .banner-slider h1 {
    font-size: 50px;
  }
  .site-footer-bottom .footer-term-link {
    text-align: center;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding: 10px 5px;
  }
  .copyright-text{
    text-align: center;
  }
  .numbers h3 {
    font-size: 40px;
  }
  .contact-form-section .form{
    margin-bottom: 20px;
  }
}
@media (max-width:767px) { 

  .actor .col-md-3 {
    width: 100%;
  }
  
  .numbers h5 {
    font-size: 17px;
  }

  .history  .content .text {
    width: 100%;
    text-align: center;
    margin-top: 0;
  }


  #banner_section .content {
    height: 160px;
    padding-bottom: 20px;
  }
  #banner_section .content .title h1 {
    margin-bottom: 33px;
    font-size: 40px;
  }
  .quatos  .item .text p.first {
    font-size: 26px;
  }
  .quatos  .item  .text {
    width: 100%;
  }
  .history .banner-slider .owl-dots {
    top: -75px;
  }
  .history-part {
    padding: 40px 0;
  }
  .numbers .numbers-part {
    padding: 40px 0;
  }
  .actor-part {
    padding: 30px 0 0 0;
  }
  .quatos .quatos-part {
    padding: 0 0 30px 0;
  }

  .events .col-md-4 {
    flex: 0 0 auto;
    width: 100%;
  }

  /* 9-12-24 */
  .hero-section{
    height: calc(100vh - 0px);
  }
  .banner-slider h1{
    font-size: 30px;
  }
  .numbers h3 {
    font-size: 30px;
  }
  .quatos .item .text img {
    max-width: 70px;
  }
}
@media (max-width:479px) { 

  
  .quatos  .item .text p.first {
    font-size: 21px;
  }
  .numbers h2 {
    font-size: 40px;
  }
  .quatos  .item .text h2 {
    font-size: 80px;
  }

  .numbers  .record {
    flex-wrap: wrap;
  }

  .numbers .music {
    width: 50%;
    margin-bottom: 20px;
  }
  .events-detail .info .title h2 {
    font-size: 33px;
  }
  #banner_section .content .text a {
    font-size: 18px;
  }


}

@media (max-width:375px) {

  .events-detail .info .text p {
    font-size: 18px;
  }
  .terms-banner-section#banner_section .content .title h1 {
    font-size: 33px;
  }
}

@media (max-width:320px) {

  .events-detail .info .title h2 {
    font-size: 29px;
  }
  .events-detail .info .text p {
    font-size: 15px;
  }
}