@media(max-width: 1500px) {
	.wrapper {
		width: auto;
		padding: 0 20px;
	}
	
	.header__main {
		grid-template-columns: 1fr 1fr;
		gap: 70px;
	}
	
	.header__picture img {
		max-width: 100%;
	}
	
	.header__title {
		font-size: 48px;
	}
	
	.about__wrapper {
		grid-template-columns: 60% 35%;
	}
}

@media(max-width: 1399px) {
	.footer__info {
		padding-right: 0;
		grid-template-columns: 24% 1fr;
        gap: 7%;
	}
	
	.footer__info-logo {
		grid-row: 1 / 3;
	}	
	
	.footer__contacts {
		padding-right: 0;
	}
	
	.footer__info-value {
		font-size: 16px;
	}
	
	.about__wrapper {
		gap: 50px;
	}
	
	.about__body {
		font-size: 18px;
		line-height: 1.4;
	}
}

@media(max-width: 1199px) {
	.header {
		height: auto;
		padding-bottom: 60px;
	}
	
	.header__title {
		font-size: 36px;
	}
	
	.header__info-body {
		font-size: 18px;
		line-height: 1.4;		
	}
	
	.useful__item {
		height: auto;
		padding: 40px 0;
	}
	
	.useful__item-title	{
		font-size: 28px;
	}
	
	.useful__item img {
		max-width: 70%;
	}
	
	.footer__info {
		grid-template-columns: 1fr;
		padding-top: 50px;
	}
	
	.footer__contacts {
		grid-template-columns: 1fr;
		gap: 15px;
	}
	
	.footer__contacts-scoial {
		order: 3;
	}
	
	.footer__bottom-copyright {
		padding-left: 0;
	}
	
	.footer__info-logo {
		padding-bottom: 20px;
	}
	
	.forms__item {
	    grid-template-columns: 30% 1fr;
		gap: 50px;
		padding: 40px;
	}
	
	.forms__item-text-title {
		font-size: 30px;
	}
	
	.forms__item-text-note {
		font-size: 18px;
		line-height: 1.4;
	}	
	
	.about__wrapper {
        gap: 40px;
    }
	
	.about__slider-wr {
		max-height: 90%;
	}
	
	.block-title {
		font-size: 48px;
	}
	
	.big-buttons,
	.about,
	.flows,
	.useful,
	.video,
	.headliners,
	.bonus,
	.forms {
		margin-bottom: 100px;
	}
	
	.header__menu {
		font-size: 18px;
		padding: 15px;
	}
}

@media(max-width: 1100px) {
	.header {
		height: auto;
	}
	
	.header__main {
		gap: 50px;
	}
	
	.flows__item-title {
		font-size: 22px;
	}	
	
	.useful__item {
		padding: 25px 0;
	}
	
	.useful__item-title	{
		font-size: 24px;
	}
	
	.useful__item img {
		max-width: 70%;
	}	
	
	.about__body {
		font-size: 16px;
	}
	
	.about__slider-wr {
		max-height: 85%;
	}
}

@media(max-width: 940px) {
	.header {
		padding-bottom: 0;
	}
	
	.header__main {
		gap: 30px;
	}

	.header__title {
        font-size: 26px;
    }
	
    .header__info-body {
        font-size: 16px;
    }
	
	.flows__item-title {
		font-size: 20px;
	}		
	
	.flows__item-time {
		font-size: 14px;
	}
	
	.forms__item {
	    grid-template-columns: 1fr;
	}
	
	.footer__info {
		font-size: 14px;
	}
	
	.footer__contacts-phones {
		font-size: 26px;
	}
	
	.footer__contacts-phones p {
		margin-bottom: 25px;
	}
	
	.about__slider-wr {
		max-height: 70%;
	}	
	
	.header .wrapper {
		position: relative;
	}
	
	.mobile-menu {
		display: block;
		position: absolute;
		top: 40px;
		right: 20px;
	}
	
	.mobile-menu__trigger {
		position: relative;
		width: 24px;
		height: 24px;
		z-index: 10;
		background: url("../images/burger.png") no-repeat;
	}
	
	.mobile-menu__body {
		position: fixed;
		display: flex;
		flex-direction: column;		
		background: #f1f3fd;
		top: 0;
		right: 0;
		bottom: 0;
		width: 0;
		height: 100%;
		font-size: 22px;
	}
	
	.mobile-menu__body a {
		color: #000032;
		text-decoration: none;
		margin-bottom: 20px;
	}
	
	.mobile-menu_active .mobile-menu__body {
		z-index: 9;
		width: 100vw;
    	height: 100dvh;
		align-items: center;
		justify-content: center;
	}
	
	.mobile-menu_active .mobile-menu__trigger {
		background: url("../images/x.png") -3px -3px no-repeat;
	}
	
	.header__top {
		position: relative;
		display: grid;
		grid-template-columns: 110px 1fr;
		grid-template-rows: 1fr 1fr;
		grid-gap: 10px 40px;
		z-index: 10;		
	}
	
	.header__top {
		grid-template-columns: 1fr;
		grid-template-rows: auto;
	}

	.header__top-order {
		margin-left: 0;
		margin-top: 15px;
	}
	
	.header__top-order a {
		font-size: 16px;
		font-weight: 500;
	}	
	
	.header__top-logo {
		grid-row-start: 1;
		grid-row-end: 3;		
	}
	
	.header__top-logo img {
		max-width: 100%;
	}
	
	.header__menu {
		display: none;
	}	
}

@media(max-width: 890px) {
	.big-buttons a {
		text-align: center;
		padding: 0 10px;
	}
	
	.about__wrapper {
		grid-template-columns: 1fr;
	}
	
	.bonus__items {
		grid-template-columns: 1fr;
	}	
	
	.bonus__item:last-of-type:before {
		display: none;
	}

	.block-title {
		font-size: 50px;
	}
	
	.flows,
	.forms,
	.sponsors {
		margin-bottom: 80px;
	}
	
	.sponsors__logos {
		grid-template-columns: repeat(2, 1fr);
	}
	
	.about__wrapper {
		display: block;
	}
	
	.about__slider-wr {
		max-height: 100%;
		aspect-ratio: 1.5;
	}

	.about__slider {
		width: calc(100% + 40px);
		margin-left:-20px !important;
		padding: 0 20px !important;
	}
	
	.about__body {
		padding-top: 30px;
	}
	
	.block-title {
		font-size: 42px;
		margin-bottom: 30px;
	}
	
	.big-buttons,
	.about,
	.flows,
	.useful,
	.video,
	.headliners,
	.bonus,
	.forms {
		margin-bottom: 80px;
	}	
	
	.flows__item-button {
		display: block;
		opacity: 1;
	}
	
	.flows__item-bg {
		padding: 20px;
	}
	
	.flows__item-title {
        font-size: 18px;
    }
	.about__nav-prev, .about__nav-next{
		display: none;
	}

	.flows__item-wrap {
		transform:translateX(0) translateY(0);
	}
}

@media(max-width: 800px) {
	.header__top {
		padding-right: 55px;
	}
	
	.forms__tabs {
		flex-direction: column;
		margin-bottom: 40px;
	}	
	
	.forms__tab {
		margin: 0 auto;
	}
	
	.flows__item-button .blue-button {
		font-size: 18px;
	}
	
	.flows__items {
		grid-template-columns: 1fr 1fr;
	}
	
	.footer__bottom .white-link {
		font-size: 14px;
	}	
}

@media(max-width: 680px) {
	.header__main {
		grid-template-columns: 1fr;
	}
	
	.header__title {
		font-size: 24px;
	}
	
	.header__title br {
		display: none;
	}
	
	.forms__item {
		padding: 30px;
	}
	
	.forms__item-form-fields {
		grid-template-columns: 1fr;
	}
}

@media(max-width: 640px) {
	.header__top {
		padding-right: 40px;
	}
	
	.block-title {
		font-size: 40px;
		margin-bottom: 50px;
	}
	
	.flows__item-schedule-event {
		font-size: 16px;
	}
	
	.flows__item-schedule-time {
		width: 150px;
	}
	
	.forms__items {
		grid-template-columns: 1fr;
	}
	
	.flows__item-button .blue-button {
		font-size: 16px;
	}
	
	.flows__item-title {
		font-size: 20px;
		padding: 50px 0 0;
	}

	.useful__item-title	{
		font-size: 22px;
	}
	
	.footer__info {
		grid-template-columns: 1fr;
		padding-top: 40px;
	}
	
	.footer__info-logo {
		display: none;
	}
	
	.footer__contacts-phones {
		font-size: 20px;
	}
	
	.modal {
		width: 100%;
		height: 100%;
		border-radius: 0;
	}
}

@media(max-width: 600px) {
	.big-buttons a {
		font-size: 18px;
	}
	.flows__items {
		grid-template-columns: 1fr;
	}
	
	.useful__items {
		grid-template-columns: 1fr;
	}	
	
	.useful__item-title {
		font-size: 20px;
	}
	
	.header__top-logo {
		grid-row-start: auto;
		grid-row-end: auto;
	}
	
	.header__top-logo img {
		width: 90px;
	}
	
	.block-title {
		font-size: 24px;
		margin-bottom: 20px;
	}
	
	.forms__tabs {
		margin-top: 0;
	}
	.flows__item-bg{
		border-radius: 16px;
	}
	.useful__item{
		border-radius: 16px;
	}
	.headliners__item-photo{
		border-radius: 16px;
	}
}	

@media(max-width: 480px) {
	.flows__item-title {
		font-size: 22px;
		padding: 24px 0;
	}
	.big-buttons a {
		font-size: 14px;
	}
	
	.flows__item-schedule {
		padding: 40px;
	}
	
	.flows__item-schedule-time {
		width: auto;
		padding-bottom: 2px;
		font-weight: 700;
	}	
	
	.flows__item-schedule-title span {
		display: none;
	}
	
	.flows__item-schedule-event {
		flex-direction: column;
		margin-bottom: 15px;
	}
	
	.flows__item-schedule-title {
		border: 0;
		padding: 0 0 30px 0;
	}
	
	.flows__item-schedule-title:before,
	.flows__item-schedule-title:after {
		bottom: 2px;
	}
	
	.footer__bottom .wrapper {
		flex-direction: column;
		padding: 20px 0;
	}
	
	.footer__bottom-copyright {
		font-size: 12px;
		padding-bottom: 15px;
	}
	
	.sponsors__logos {
		grid-template-columns: 1fr;
		grid-gap: 30px;
	}
	
	.main-logo {
		grid-column: auto;
	}
	
	.sponsors__logos img {
		margin: 0 auto;
	}
	
	.schedule-item {
		grid-template-columns: 120px 1fr;
	}	
}

@media screen and (max-width: 1024px) {
	.headliners__items {
	  display: grid;
	  grid-template-columns: repeat(3, 1fr);
	  grid-gap: 30px 10px;
	  justify-content: space-between;
	}
  }
  
  @media screen and (max-width: 768px) {
	.headliners__items {
	  display: flex;
	  grid-gap: 10px;
	  max-width: 100%;
	  overflow: auto;
	  padding: 0 20px;
	}
  
	.headliners {
	  width: calc(100% + 40px);
	  margin-left: -20px;
	}
  
	.headliners__item {
	  min-width: 315px;
	}
  }

  @media screen and (max-width: 1024px) {
	.headliners__items {
	  display: grid;
	  grid-template-columns: repeat(3, 1fr);
	  grid-gap: 30px 10px;
	  justify-content: space-between;
	}
  
	.header__main .container {
	  gap: 20px;
	  flex-direction: column;
	}
	.header__picture {
	  align-self: center;
	}
  }
  
  @media screen and (max-width: 768px) {
	.headliners__items {
	  display: flex;
	  grid-gap: 10px;
	  max-width: 100%;
	  overflow: auto;
	  padding: 0 20px;
	}
  
	.headliners {
	  width: calc(100% + 40px);
	  margin-left: -20px;
	}
  
	.headliners__item {
	  min-width: 315px;
	}
  
	.big-buttons a {
	  font-size: 14px;
	}
  }
  
  @media screen and (max-width: 768px) {
	.header__picture {
	  display: none;
	}
	.header__picture--adaptive {
	  display: flex;
	}
  
	.header__picture--adaptive .header__defaultPicture {
	  max-width: 162px;
	  width: 162px;
	  border-radius: 16px;
	}
  
	.header__pictureCol:nth-child(1) {
	  margin-top: 0;
	}
  
	.header__pictureCol:nth-child(2) {
	  margin-top: 40px;
	}
  
	.header__pictureDeco1 {
	  max-width: 70px !important;
	  top: -20px;
	  right: -50px;
	}
	.header__pictureDeco2 {
	  max-width: 70px !important;
	  bottom: 0;
	  left: -40px;
	}
  
	.header__pictureText {
	  font-size: 12px;
	  bottom: 10px;
	  left: 10px;
	  max-width: calc(100% - 20px);
	}
  
	.header__title {
	  margin-bottom: 20px;
	  padding-top: 0;
	}
  }
  @media screen and (max-width: 1199px) {
	.header {
	  padding-bottom: 0;
	}
  }
  
  @media screen and (max-width: 890px) {
	.flows__item-bg {
	  box-shadow: 0px 0px 300px 300px rgba(0, 0, 0, 0.3) inset;
	}
  
	.flows__item-button a {
	  height: 48px;
	  opacity: 1;
	}

	
  }
  
  @media (max-width: 1100px) {
	.useful__item {
	  padding: 25px;
	}
  }
  
  @media (max-width: 820px) {
	.useful__item-title {
	  font-size: 20px;
	}
  }
  
  @media (max-width: 768px) {
	.useful__items {
	  grid-template-columns: 1fr;
	  max-width: 425px;
	  margin: 0 auto;
	}
  
	.useful__item {
	  gap: 20px;
	}
  
	.video__desktop {
	  border-radius: 16px;
  
	  aspect-ratio: 335 / 225;
	}
  
	.video__desktop video {
	  height: 100%;
	  object-fit: cover;
	}
  }
  
  .customInput {
	display: flex;
	flex-direction: row;
	width: 100%;
	min-height: 56px;
	background: #fff;
	border: 1px solid rgba(10, 10, 10, 0.08);
	border-radius: 16px;
	position: relative;
	transition: all 0.3s ease;
  }
  .customInput:has(input:focus) {
	background: transparent;
	border-color: rgba(10, 10, 10, 0.2392156863);
  }
  .customInput:has(textarea:focus) {
	border-color: rgba(10, 10, 10, 0.2392156863);
	background: transparent;
  }
  .customInput.error:not(.customInput.error:has(input:focus)) {
	background-color: rgba(225, 51, 32, 0.0784313725);
	border-color: #e13320;
  }
  .customInput.error:not(.customInput.error:has(input:focus))
	.customInput__errorText {
	visibility: visible;
	opacity: 1;
  }
  .customInput.error:not(.customInput.error:has(input:focus))
	.customInput__subInfo {
	opacity: 0;
  }
  .customInput__errorText {
	display: inline;
	font-weight: 500;
	font-size: 12px !important;
	line-height: 100%;
	color: #e13320 !important;
	position: absolute;
	top: calc(100% + 4px) !important;
	left: 0 !important;
	transition: all 0.3s ease;
	transform: none !important;
	visibility: hidden;
	opacity: 0;
  }
  .customInput:hover > span {
	transform: translateY(-20px);
	font-size: 12px;
	color: rgba(10, 10, 10, 0.6392156863);
  }
  .customInput textarea {
	resize: none;
	padding-top: 25px;
	height: auto;
	max-height: 200px;
  }
  .customInput:has(textarea) textarea:not(:-moz-placeholder-shown) ~ span {
	top: 8px;
	transform: none;
	font-size: 12px;
	color: rgba(10, 10, 10, 0.6392156863);
  }
  .customInput:has(textarea) textarea:focus ~ span,
  .customInput:has(textarea) textarea:not(:placeholder-shown) ~ span {
	top: 8px;
	transform: none;
	font-size: 12px;
	color: rgba(10, 10, 10, 0.6392156863);
  }
  .customInput:has(textarea):hover > span {
	top: 8px;
	transform: none;
	font-size: 12px;
	color: rgba(10, 10, 10, 0.6392156863);
  }
  .customInput input,
  .customInput textarea {
	display: flex;
	flex-grow: 1;
	background-color: transparent;
	border: none;
	padding-inline: 20px;
	font-size: 16px;
	font-weight: 500;
	line-height: 100%;
  }
  .customInput input:not(:-moz-placeholder-shown) ~ span,
  .customInput textarea:not(:-moz-placeholder-shown) ~ span {
	transform: translateY(-20px);
	font-size: 12px;
	color: rgba(10, 10, 10, 0.6392156863);
  }
  .customInput input:focus ~ span,
  .customInput input:not(:placeholder-shown) ~ span,
  .customInput textarea:focus ~ span,
  .customInput textarea:not(:placeholder-shown) ~ span {
	transform: translateY(-20px);
	font-size: 12px;
	color: rgba(10, 10, 10, 0.6392156863);
  }
  .customInput input:focus,
  .customInput textarea:focus {
	outline: none;
  }
  .customInput input:not(:-moz-placeholder-shown) {
	padding-top: 10px;
  }
  .customInput input:focus,
  .customInput input:not(:placeholder-shown) {
	padding-top: 10px;
  }
  .customInput span {
	font-size: 16px;
	color: rgba(10, 10, 10, 0.3215686275);
	font-weight: 500;
	line-height: 100%;
	transition: all 0.3s ease;
	position: absolute;
	top: 50%;
	left: 20px;
	transform: translateY(-50%);
	transform-origin: 0;
  }
  .customInput.gray {
	background: var(--secondary-bg-color);
	border: 1px solid rgba(10, 10, 10, 0.0784313725);
  }
  .customInput__symbolsCounter {
	position: absolute;
	top: calc(100% + 10px) !important;
	right: 0 !important;
	left: auto !important;
	width: -moz-fit-content;
	width: fit-content;
	transform: none !important;
	color: rgba(10, 10, 10, 0.6392156863) !important;
  }
  .customInput__subInfo {
	position: absolute;
	top: calc(100% + 10px) !important;
	left: 0 !important;
	width: -moz-fit-content;
	width: fit-content;
	font-size: 12px !important;
	transform: none !important;
	color: rgba(10, 10, 10, 0.6392156863) !important;
	transition: all 0.3s ease;
  }
  
  @media (max-width: 1199px) {
	.bonus__item-title {
		font-size: 24px;
	}

	.bonus__item-text {
		font-size: 18px;
	}
}

@media(max-width: 940px) {
	.bonus__item-text {
		font-size: 16px;
	}
}

@media (max-width: 640px) {

	.footer__info-logo img {
		height: 80px;
	}

}

@media (max-width: 800px) {
	.forms__tabs {
		flex-wrap: wrap;
		margin-bottom: 40px;
		gap: 10px;
	}	
}

@media (max-width: 600px) {

	.block-title {
		margin-bottom: 30px
	}

	.bonus__item-title {
		font-size: 20px;
		margin-bottom: 15px;
	}

	.bonus__item {
		padding: 20px;
		border-radius: 16px;
	}

	.forms__item-text-title {
		font-size: 20px;
	}

	.forms__item-text-note {
		font-size: 16px;
	}

	.forms__item {
		padding: 30px 20px;
		gap: 30px;
		border-radius: 16px;
	}
	
	.forms__tab {
		font-size: 14px;
		padding: 12px 20px;
	}

	.forms__tabs {
		margin-bottom: 30px;
	}

	.video video {
		border-radius: 16px;
	}

	.video__desktop {
		aspect-ratio: 67/45;
	}

	.video__play {
		 width: 80px;
	}
	.video__play svg {
		width: 24px;
		height: 24px;
	}

	.video__play::after {
		width: 80px;
	}
	
	.video__play:hover::after {
		width: 80px;
	}
	.about__imgWrap {
		border-radius: 16px;

	}

}

@media (max-width: 480px) {
	.footer__bottom .wrapper {
		flex-direction: column;
		align-items: flex-start;
		padding: 20px;
		gap: 30px;
		height: auto;
	}

	.footer__info-logo img {
		height: 60px;
	}
	
	.footer__bottom-copyright {
		font-size: 12px;
		order: 2;
	}
}