/*1920*/
@media (min-width: 1920px) {
	section {
		padding: 0 calc(50% - 820px);
	}

	
/*	.header {		padding: 0 calc(50% - 820px);  } */

.header-banner {
    padding: 300px calc(50% - 820px) 0;
}
/*	.header-navigation {  padding: 34px 0 	} */


	.header-banner_text {
	    padding-right: 16px;
	}

}

@media (max-width: 1600px) {
    .header-banner_bottom {
        margin-left: 60px;
        gap:10px;
    }
    .header-banner {
            padding: 100px  0 0;
    }
    h1 {
            font-size: 110px;
            line-height: 100px;
            padding right: 60px;
            padding-left: 60px;
    }
    h2 {
        font-size: 100px;
    line-height: 90px;
    }
    .header-banner_text {
            flex-basis: 430px;
            padding-right: 68px ;
    }
    .header-section {
        padding: 0;
        padding-top: 100px;
        
    }
    .feedback-left_form {
        margin-top: 25px;
    }

}
@media (max-width: 1440px) {
    .header-banner_text {
        padding-right: 45px;
    }
}
@media (max-width: 1300px) {
    
	h1 {
		font-size: 104px;
		line-height: 93.6px;
	}

	.header-banner_text {
		font-size: 16px;
		line-height: 23.2px;
		        flex-basis: 390px;
        padding-right: 16px;
	}

	.header-banner {
		padding: 100px 0 0;
	}
}

@media (max-width: 1100px) {
    .open-menu {
        overflow: hidden;
    }
    h1 {
        padding: 20px 0;
    }
	.header-banner {
		background-image: url(./img/f97d07e608f9b274b9630d766b7a059a2.webp);


	}

	h2 {
		font-size: 80px;
		line-height: 72px;
		padding-bottom: 24px;
		word-break: break-word;
		hyphens: auto;
	}

	.video__player {
		height: 358px;
	}

	.blog-qoute_text {
		padding: 48px;
		font-size: 18px;
		line-height: 26.1px;
	}

	.project-subtitle {
		font-size: 16px;
		font-weight: 400;
		line-height: 23.2px;
	}

	section {
		padding: 0 48px;
	}

	.mobile-menu {
		display: block;
		z-index: 10;
	}

	.header-navigation_menu {
		display: none;
	}

	.menu-open {
		display: none;
		/* Initially hide the menu */
	}

	.menu-open.show-menu {
		display: flex;
		/* Show the menu when the 'show-menu' class is added */
		position: absolute;
		left: 0;
		width: 100%;
		background: #fff;
		top: 0;
		z-index: -1;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

	.header-navigation_lang {
		z-index: 10;
	}

	.header-navigation {
		grid-column-gap: 0px;
		padding: 13px 48px;
		display: flex;
		flex-direction: row;
		border-radius: 0px 0px 24px 24px;
		grid-column-gap: 0;
		align-items: center;

	}

	.header-navigation_menu-list {
		flex-direction: column;
		align-items: center;
		gap: 32px;
		max-width: 210px;
		margin: 0 auto;
	}

	.title-menu {
		font-size: 72px;
		font-weight: 800;
		line-height: 64.8px;
		text-align: center;
		margin-bottom: 64px;
		background-color: #6374B5;
		background-image: linear-gradient(76.77deg, #2D2F7A 13%, #6374B5 13%);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}
.sitebar {
		display: none;
	}
	.wrapper {
		margin-top: 56px;
	}
	.mobile-policy,
	.mobile-vk {
		text-align: center;
	}
.page .info .title {
font-size: 24px;
font-weight: 800;
line-height: 26.4px;

}
	.mobile-policy {
		margin: 64px 0;
	}

	.header-navigation_menu-list a,
	.mobile-policy a {
		font-size: 14px;
		font-weight: 400;
		line-height: 12.6px;
		text-decoration: none;
		color: #606060;
	}

	.header-section {
		padding: 0;
		padding-top: 70px;
	}

	.header-banner_top {
		padding: 0 48px;
		flex-direction: column;
		gap: 24px;
	}

	.header-banner_text {
		padding: 0 0 0 30%;
	}

	.header-banner {
		padding: 35px 0 0;
		background-size: cover;
		height: 95vh;
        background-position: bottom;
	}

	.header-banner_bottom {
		width: 100%;
		max-width: 100%;
		padding: 0;
		margin: 0;
	}

	.blog-posts {
		grid-template-columns: auto auto;
	}

	.interview-text {
		padding: 48px 0;
		font-size: 16px;
		font-weight: 400;
		line-height: 23.2px;
	}

	.blog-posts_post-text {
		font-size: 14px;
		line-height: 20.3px;
	}

	.blog-posts_post-title {
		font-size: 18px;
		line-height: 26.1px;
	}

	.project-item {
		width: 48%;
	}

	.project-blocks {
		flex-wrap: wrap;
		justify-content: center;
		gap: 24px;
	}

	.achievements-block {
		flex-wrap: wrap;
		justify-content: center;
		gap: 88px;
	}

	.feedback-right {
		display: none;
	}

	.footer-menu ul {
		gap: 24px;
		flex-wrap: wrap;
		justify-content: center;
	}

	.header-banner_h1,
	.header-banner_text {
		flex-basis: 0;
	}

	.burger-button::before {
		content: '';
		background-image: url(./img/btn-ad.svg);
		width: 41px;
		height: 41px;
		display: block;
		background-repeat: no-repeat;
	}

	.burger-button.burger-close::before {
		content: '';
		background-image: url(./img/btn-clos.svg);
		width: 41px;
		height: 41px;
		display: block;
		background-repeat: no-repeat;
	}

	.content-page {
		padding: 0;
	}
	.page .timeline-text {
font-size: 16px;
font-weight: 400;
line-height: 23.2px;
	}
	.header-banner_bottom-after {
	    padding: 30px;
	}
	.header-banner_bottom-text {
	    padding-left: 48px;
	}
}
@media (max-width: 1025px) and (max-height: 769px) {
    .header-banner {

            height: 140vh;
    }
}

/*768*/
@media (max-width: 768px) {
    .btn-more {
            margin-top: 60px;
    }
    .blog-posts_post-link {
        padding: 15px 15px;
    }
    .blog-posts_post-text {
        padding-bottom: 30px;
    }
	.mobile-policy {
		margin: 32px auto;
	}

	.title-menu {
		font-size: 40px;
		line-height: 36px;

	}

	.header-navigation_menu-list,
	.mobile-policy {
		max-width: 146px;
		gap: 16px;
	}

	.burger-button::before {
		width: 20px;
		height: 17px;
		content: '';
		background-image: url(./img/burger-open.svg);
		display: block;
		background-repeat: no-repeat;
	}

	.burger-button.burger-close::before {
		content: '';
		width: 20px;
		height: 17px;
		content: '';
		background-image: url(./img/burger-close.svg);
		display: block;
		background-repeat: no-repeat;
	}

	.project-item {
		width: 100%;
	}

	h1 {
		font-size: 56px;
		line-height: 50.4px;
	}

	h2 {
		font-size: 48px;
		line-height: 43.2px;
		padding-bottom: 24px;
		word-break: break-word;
		hyphens: auto;
	}

	section {
		padding: 0 16px;
	}

	.header-banner_bottom-text,
	.blog-qoute_text,
	.blog-posts_post-text,
	.blog-posts_post-info_desc,
	.interview-text,
	.achievements-block_text,
	.timeline-block_text,
	.timeline-text,
	.timeline-last,
	.input-box input,
	.input-box textarea,
	.form-bottom button {
		font-size: 14px;
		line-height: 20.3px;
	}
.input-box {
    padding-right: 23px;
}
	.biographic-section,
	.blog,
	.interview,
	.project,
	.achievements,
	.feedback {
		margin: 72px 0 0;
		padding: 0 16px;
	}

	.header-section {
		position: relative;
	}

	.header-navigation {
		padding: 13px 16px;
		align-items: center;
	}

	.header-navigation_menu {
		display: none;
	}

	.header-banner_text {
		font-size: 14px;
		font-weight: 400;
		line-height: 20.3px;
	}

	.header-banner {
		background-image: url(./img/f97d07e608f9b274b9630d766b7a059a2.webp);
		background-size: 100%;
		background-repeat: no-repeat;
		background-size: cover;
		padding: 19px 0 0;

	}

	.header-banner_bottom {
		max-width: 100%;
		grid-column-gap: 40px;
		position: relative;
		margin: 0;
	}

	.header-banner_bottom-text {
		font-size: 14px;
		font-weight: 400;
		line-height: 20.3px;
		padding: 40px;
	}

	.header-banner_bottom-after {
		padding-right: 30px;
		max-width: 56px;
		position: absolute;
		right: 0;
		max-height: 56px;
        padding: 0;
        padding-right: 15px;
        display: none;
	}

	.header-section {
		padding: 0;
		 padding-top: 50px;
	}

	.timeline {
		margin: 0 auto;
	}

	.timeline::before {
		height: 95.5%;
	}

	.title::before {
		top: 15%;
	}

	.timeline-blocks {
		max-width: 500px;
	}

	.info {
		max-width: 100%;
		margin-bottom: 24px;
	}

	.project-blocks_block {
		flex-direction: column;
		padding: 16px;
	}

	.project-blocks_img {
		padding: 0;
	}

	.project-blocks_desc {
		max-width: 100%;
		padding: 24px;
	}

	.achievements-block {
		flex-wrap: wrap;
		row-gap: 40px;
		column-gap: 24px;
	}

	.achievements-block_img {
		max-width: 260px;
	}

	.achievements-block_item {
		max-width: 320px;
	}

	.blog-qoute,
	.project-blocks,
	.achievements-block {
		margin-top: 24px;
	}

	.blog-qoute {
		margin-bottom: 16px;
	}

	.feedback-block {
		flex-direction: column-reverse;
		margin-top: 50px;
		    align-items: center;
	}

	.feedback-left_form {
		margin-top: 0;
		padding: 56px;
	}

	.feedback-right {
		display: none;
	}

	.blog-posts {
		display: flex;
		flex-direction: column;
	}

	.feedback {
		margin-bottom: 0px;
		width: 100%;
        padding: 0;
	}

	.footer-menu ul {
		display: grid;
		grid-template-columns: auto auto;
		column-gap: 24px;
		row-gap: 16px;
	}

	.footer-top {
		align-items: flex-start;
		flex-direction: column;
	}

	.footer-logo {
		margin-bottom: 32px;
	}

	.footer-menu {
		grid-area: 1 / 2 / 3 / 3;
		margin-bottom: 8px;
	}

	.footer-social {
		grid-column: 1 / 2;
		grid-row: 2 / 2;
		display: flex;
		align-items: flex-end;
	}

	.interview-text {
		padding: 0;
		margin: 24px 0;
	}

	.header-banner_h1,
	.header-banner_text {
		flex-basis: 100%;
	}

	.header-banner_top {
		flex-direction: column;
		padding: 0 16px;
		gap: 24px;

	}

	.header-banner_text {
		max-width: 305px;
	}

	.mobile-menu {
		display: block;

	}

	.header-navigation_logo {
		display: none;
	}

	.header-banner {
		height: 100vh;
		padding-top: 19px;
        background-position: bottom;
	}

	.card {
		flex-direction: column;
	}

	.timeline-block {
		flex-direction: column;
		gap: 12px;
	}

	.btn-more a {
		width: 100%;
		text-align: center;
		font-size: 14px;
		line-height: 15.4px;
	}

	.blog-posts_post-info {
		padding: 24px;
	}

	.blog-qoute {
		margin-top: -5px;
	}

	.blog .blog-qoute {
		margin-top: 24px;
	}

	.project-blocks {
		flex-direction: column;
		gap: 32px;
	}

	.project-text {
		margin-top: 16px;
	}

	.feedback-left_form {
		padding: 20px;
	}

	.feedback-left_text {
		text-align: center;
		line-height: 26.1px;
	}

	.footer-bottom {
		font-size: 12px;
		line-height: 14.4px;
	}
.feedback-left h2 {
    padding-right: 16px;
    padding-left: 16px;
}
	.wrapper {
		margin-top: 24px;
	}
	
}

@media (max-width:414px) {
/*     .header-section {
    padding-top: 0;
} */
    .header-banner_text {
        max-width: 100%;
        padding: 0;
    }
    h1 {
        padding: 0 0 20px;
    }
    .header-banner {
		height: 110vh;
		padding-top: 19px;
        background-position: bottom;
	}
	
}
@media (max-width: 413px) {
    .header-banner {
        height: 95vh;
        padding-top: 19px;
        background-position: bottom;
    }
}
@media (max-width:392px) {
    .header-banner {
        height: 105vh;
        padding-top: 19px;
        background-position: bottom;
    }
}
@media (max-width:391px) {
    .header-banner {
        height: 95vh;
        padding-top: 19px;
        background-position: bottom;
    }
}
@media (max-width:376px) {
    .header-banner {
        height: 115vh;
        padding-top: 19px;
        background-position: bottom;
    }
}