@media (max-width: 767px) {

	.main-header__header-container-inner {
		display: grid;
		max-width: 98%;
	}

	.main-header__container .main-logo {
		grid-column: 1;
		grid-row: 1;
	}

	.menu-wrapper {
		justify-content: flex-start;
		grid-column: 2;
		grid-row: 1;
	}

	.main-header__inner .header-actions {
		display: none;
	}

}

@media (max-width: 1199px) {

	/*utils*/

	.desktop-menu {
		display: none;
	}

	.mobile-menu {
		display: block;
	}

	/*containers*/

	.main-header__header-container-inner {
		border-radius: 100px;
		background: transparent;
		padding: 7px 28px;
	}

	.navigation-container__wrapper {
		position: absolute;
		top: 100px;
		left: 0;
		right: 0;
		width: 100%;
	}

	.main-header__header-container-inner {
		position: relative;
		z-index: 1;
	}

	.main-header__header-container-inner::before {
		content: "";
		position: absolute;
		z-index: -1;
		inset: 0;
		backdrop-filter: blur(40px);
		-webkit-backdrop-filter: blur(40px);
		background: rgba(247, 252, 253, 0.05);
		border-radius: 100px;
	}

	/*nav*/

	.navigation-container ul {
		flex-direction: column;
		gap: 0;
	}

}

@media (min-width: 1200px) {

	/*containers*/

	.main-header__header-container {
		max-height: 62px;
	}

	body:not(.elementor-editor-active) .main-header__inner--is-fixed {
		top: 10px;
	}

	.main-header__inner .main-header__header-element {
		width: 800px;
		margin: auto;
	}

	.main-header__inner--is-shown .main-header__header-container {
		border-radius: 104px;
		border: 1px solid rgba(28, 106, 116, 0.15);
		background: rgba(255, 255, 255, 0.05);
		backdrop-filter: blur(50px);
	}

	/*links*/

	.menu-wrapper .navigation-links {
		display: flex;
		justify-content: center;
	}

	/*submenu*/

	.main-header__inner--is-shown .main-header__submenu {
		display: flex;
		justify-content: space-between;
	}

	.main-header__submenu-container {
		width: 100%;
	}

	.main-header__submenu-inner {
		display: flex;
		justify-content: center;
	}

	.main-header__submenu-list {
		display: flex;
		justify-content: space-between;
		height: 37px;
		align-items: center;
		border-radius: 104px;
		border: 1px solid rgba(28, 106, 116, 0.15);
		background: rgba(255, 255, 255, 0.05);
		backdrop-filter: blur(50px);
		width: 770px;
		padding: 8px;
		margin-top: 5px;
	}

	.main-header__submenu-list .menu-link {
		font-size: 14px;
		font-weight: 400;
		color: #969696;
		text-align: center;
		line-height: 150%;
		border-radius: 50px;
		padding: 4px 16px 5px 16px;
	}

	.main-header__submenu-list .menu-link--is-active {
		background: #35C7DA;
		color: #091B23;
	}

}