/*==========  Desktop First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
	.header__slogan {
		font-size: 36px;
	}

	.elegance-block {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 520px 280px 380px;
    gap: 16px 16px;
	}
	.elegance-block__text {
		text-align: center;
		align-self: center;
    grid-column: 1 / 4;
    grid-row: 2 / 3;
	}
	.elegance-block__image--photo01 {
    grid-column: 1 / 2;
    grid-row: 3 / 4;
	}
	.elegance-block__image--photo02 {
    grid-column: 1 / 4;
    grid-row: 1 / 2;
	}
	.elegance-block__image--photo03 {
    grid-column: 2 / 4;
    grid-row: 3 / 4;
	}

	.about-dtm-block {
    display: block;
	}
	.about-dtm-block__image {
    margin-bottom: 32px;
	}
	.about-dtm-block__info {
    text-align: center;
	}
	.about-dtm-block__list {
		margin-left: auto;
		margin-right: auto;
    max-width: 360px;
	}
	.about-dtm-block__list-item {
		text-align: left;
	}
	.about-dtm-block__list-item:not(:last-child) {
    margin-bottom: 12px;
	}


	.why-feature-item {
    flex-basis: calc(50% - 16px);
	}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	.why-feature-item {
		flex-basis: calc(50% - 16px); /* 2 колонки на планшетах */
	}

	.participants-grid {
		padding: 0;
		justify-content: center;
		gap: 32px;
	}
	.participants-title {
		margin-left: 0;
		text-align: center;
	}

	.section-price {
    padding: 120px 0;
	}
	.price-container {
      flex-direction: column; /* Колонки одна под другой */
      align-items: center; /* Центрирование контента */
  }
  .price-details {
      flex-basis: 100%;
			text-align: center;
      padding-right: 0;
			margin-bottom: 48px;
  }
  .includes-list {
      flex-basis: 100%;
      text-align: left; /* Оставляем текст списка выровненным по левому краю для читаемости */
			border: none; /* Убираем рамку */
			margin: 0; /* Убираем отступы */
			padding: 0; /* Убираем внутренние отступы */
  }
  .includes-list h3 {
      text-align: center; /* Заголовок "INCLUDES" тоже по центру */
  }
  .includes-list .exceptional-value {
      text-align: center;
  }

	.venue-block {
    display: block;
	}
	.venue-block__image {
		margin-bottom: 32px;
	}

	.program-block {
		display: block;
	}
	.program-block__image {
		margin-bottom: 32px;
		height: calc(100vh * 0.7);
	}
	.program-block__info {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.program-block__slogan {
  text-align: center;
	}

	.mixed-gallery a {
    flex-basis: calc(50% - 16px);
	}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
  
  /*Disable Animation on Mobile Devices*/
  .animated {
    /*CSS transitions*/
    -o-transition-property: none !important;
    -moz-transition-property: none !important;
    -ms-transition-property: none !important;
    -webkit-transition-property: none !important;
    transition-property: none !important;
    /*CSS transforms*/
    -o-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -webkit-transform: none !important;
    transform: none !important;
    /*CSS animations*/
    -webkit-animation: none !important;
    -moz-animation: none !important;
    -o-animation: none !important;
    -ms-animation: none !important;
    animation: none !important;
  }

	.title {
		font-size: 36px;
	}

	.header-image {
    height: 30vh;
	}
	.overlay-gradient {
    position: relative;
		background-image: none;
	}
	.header-content {
    width: 100%;
    text-align: center;
		padding: 32px 0;
	}
	.header-logo {
		max-width: 220px;
    margin-bottom: 36px;
	}
	.header__city {
    margin-bottom: 36px;
	}
	.header__date {
    color: var(--text-color);
    margin-bottom: 40px;
	}
	.header__slogan {
    color: var(--text-color);
    text-shadow: none;
	}

	.elegance-block {
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 320px 220px 280px;
    gap: 16px 16px;
	}
	.elegance-block__title {
    margin-bottom: 16px;
	}
	.elegance-block__title span {
		margin-left: 0;
	}
	.elegance-block__description {
    font-size: 18px;
    font-weight: 500;
    text-align: center;
	}

	.why-title {
		text-align: center;
    margin: 0 auto;
    margin-bottom: 64px;
	}
	.why-features-grid {
    justify-content: center;
	}
	.why-feature-item {
		flex-basis: 80%; /* 1 колонка на мобильных устройствах */
    max-width: 400px;
	}

}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
	
	.elegance-block {
    grid-template-rows: 320px 220px 200px;
	}

	.chance-text-block__brand-name {
		width: 80%;
	}

	.virtuous-image-block {
    height: calc(100vh * 0.4);
	}

	.virtuous-logo {
    width: 80%;
		margin-bottom: 32px;
	}

	.virtuous-tagline {
    margin: 32px 0;
	}

	.participants-grid {
    gap: 64px;
	}

	.stat-item {
		margin-bottom: 32px;
	}

	.mixed-gallery a {
    flex-basis: 100%;
	}

}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {

}


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}