@media screen and (max-width: 1400px) {
  .log-center img {
    max-width: 600px;
  }
  .header-logo img {
    max-width: 200px;
  }
  .date-hero {
    gap: 15px;
  }
  .ticket-logo img {
    max-width: 300px;
  }
  .ticket-days-list {
    max-width: 1140px;
  }
  .contact-form {
    padding: 40px 20px 40px 40px;
  }
  .form-group label {
    width: 20%;
  }
  .rotate-img-txt-main {
    min-height: 845px;
  }
}

@media screen and (max-width: 1199px) {
  .header-logo {
    padding: 30px 60px;
  }
  .header-logo img {
    max-width: 190px;
  }
  .date-hero .date {
    height: 150px;
    width: 150px;
    text-align: center;
  }
  .date-hero .date h3 {
    font-size: 70px;
  }
  .date-hero .date small {
    font-size: 40px !important;
  }
  .about-text {
    padding-top: 200px;
    padding-bottom: 20px;
  }
  .rotate-img-txt-main {
    min-height: 800px;
  }
  .day-circle {
    width: 130px;
    height: 130px;
  }
  .day-circle h3 {
    font-size: 32px;
  }
  .price h2 {
    font-size: 36px;
  }
  .ticket-days-list {
    max-width: 960px;
    padding: 0px 12px;
    padding-bottom: 80px !important;
  }
  .form-group label {
    width: 25%;
  }
  .total-pay h5 {
    font-size: 32px;
  }
  .contact-number {
    flex-wrap: wrap;
  }
}

@media screen and (max-width: 991px) {
  section {
    padding: 60px 0px;
  }
  .header-logo {
    padding: 30px 50px;
  }
  .header-logo img {
    max-width: 180px;
  }
  .log-center img {
    max-width: 450px;
  }
  .banner-main {
    min-height: 850px;
  }
  .date-hero .date {
    height: 140px;
    width: 140px;
  }
  .date-hero .date h3 {
    font-size: 60px;
  }
  .date-hero .date small {
    font-size: 36px !important;
  }
  .about-text {
    padding-top: 0px;
    padding-bottom: 50px;
  }
  .about-text p {
    font-size: 24px;
  }
  .rotate-img-txt-main {
    padding: 160px 0px 0px;
    min-height: 650px;
  }
  .all-rotate-img .roted-img-text img {
    max-width: 260px;
  }
  .all-rotate-img .roted-text.roted-1 img {
    max-width: 625px;
  }
  .all-rotate-img .roted-text.roted-2 img {
    max-width: 605px;
  }
  .all-rotate-img .roted-text.roted-3 img {
    max-width: 580px;
  }
  .ticket-main {
    padding-bottom: 20px;
    padding-top: 60px;
  }
  .ticket-logo img {
    max-width: 280px;
  }
  .ticket-days-list {
    padding: 0px 12px;
    padding-bottom: 60px !important;
  }
  .ticket-days {
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
  }
  .day-circle {
    width: 100px;
    height: 100px;
  }
  .day-circle h3 {
    font-size: 26px;
  }
  .price h2 {
    font-size: 30px;
  }
  .counter button img {
    width: 28px;
  }
  .counter span h4 {
    font-size: 26px;
  }
  .contact-form {
    padding: 40px 20px;
  }
  .form-group label {
    width: 30%;
  }
  .form-group label h5 {
    font-size: 20px;
  }
  .total-pay h5 {
    font-size: 28px;
  }
  .insta_post-main {
    padding-bottom: 60px !important;
  }
  .post-row {
    grid-template-columns: repeat(5, 1fr);
  }
  .contact-details h3 {
    font-size: 36px;
  }
  .footer-main {
    padding-bottom: 60px;
  }
  .contact-number li:nth-child(2) {
    border: none;
  }
}

@media screen and (max-width: 767px) {
  section {
    padding: 40px 0px;
  }
  .header-logo {
    padding: 20px 30px;
  }
  .header-logo img {
    max-width: 150px;
  }
  .banner-main {
    background-position: center;
    min-height: 780px;
  }
  .log-center img {
    max-width: 500px;
  }
  .date-hero .date {
    height: 110px;
    width: 110px;
  }
  .date-hero .date h3 {
    font-size: 48px;
    margin-top: 44px;
  }
  .date-hero .date small {
    font-size: 26px !important;
  }
  .about-text p {
    font-size: 22px;
  }
  .rotate-img-txt-main {
    padding: 100px 0px 0px;
    margin-top: -80px;
    min-height: 600px;
  }
  .all-rotate-img .roted-img-text img {
    max-width: 200px;
  }
  .all-rotate-img .roted-text.roted-1 img {
    max-width: 490px;
  }
  .all-rotate-img .roted-text.roted-2 img {
    max-width: 465px;
  }
  .all-rotate-img .roted-text.roted-3 img {
    max-width: 440px;
  }
  .ticket-days-list {
    padding-bottom: 40px !important;
  }
  .ticket-main {
    padding: 30px 0px;
  }
  .ticket-logo img {
    max-width: 280px;
  }
  .contact-form {
    gap: 15px;
  }
  .form-group label {
    width: 30%;
  }
  .contact-form {
    padding: 30px 20px 10px;
  }
  .total-pay {
    background-image: none;
    background-color: red;
    padding: 30px;
    padding: 30px;
    border-radius: 0px 0px 10px 10px;
  }
  .ticket-conf-main {
    margin-bottom: 40px;
  }
  .map-parnt {
    height: 450px !important;
  }
  .insta_post-main {
    padding-bottom: 40px !important;
  }
  .post-row {
    grid-template-columns: repeat(4, 1fr);
  }
  .contact-number {
    gap: 12px;
    padding: 15px 0px 5px;
  }
  .contact-details h3 {
    font-size: 34px;
  }
  .contact-number li a h4 {
    font-size: 22px;
    margin-bottom: 0px;
  }
  .social-conection {
    gap: 10px;
    flex-wrap: wrap;
  }
  .social-log img {
    max-width: 180px;
  }
}

@media screen and (max-width: 480px) {
  .about-text {
    padding-bottom: 0px;
  }
  .about-text p {
    font-size: 20px;
  }
  .half-bg-warpper {
    background-position: center;
  }
  .rotate-img-txt-main {
    /* margin-top: -65px; */
    min-height: 500px;
  }
  .all-rotate-img .roted-img-text img {
    margin-top: 0px;
    max-width: 130px;
  }
  .all-rotate-img .roted-text.roted-3 img {
    max-width: 280px;
  }
  .all-rotate-img .roted-text.roted-2 img {
    max-width: 320px;
  }
  .all-rotate-img .roted-text.roted-1 img {
    max-width: 350px;
  }
  .ticket-logo img {
    max-width: 260px;
  }
  .day-circle {
    width: 85px;
    height: 85px;
  }
  .day-circle h3 {
    font-size: 22px;
  }
  .price h2 {
    font-size: 26px;
  }
  .counter span h4 {
    font-size: 22px;
  }
  .counter button img {
    width: 22px;
  }
  .ticket-days {
    gap: 12px;
    grid-template-columns: repeat(3, 1fr);
  }
  .form-group label h5 {
    font-size: 20px;
  }
  .form-group label {
    width: 40%;
  }
  .total-pay h5 {
    font-size: 24px;
  }
  button .img-fluid {
    max-width: 180px;
  }
  .contact-details h3 {
    font-size: 32px;
  }
  .contact-number {
    flex-direction: column;
  }
  .contact-number li {
    border: none;
  }
  .contact-number {
    gap: 8px;
    padding: 10px 0px 0px;
  }
}