/*!
 * File: media.css
 * Description: Responsive design breakpoints for SitePro Digital
 * Author: Vladyslav Duz — SitePro Digital (https://sitepro.space/)
 * © 2025 SitePro Digital. All rights reserved.
 */
@media (min-width: 1950px) {
	.sidebar h2 {
		margin-left: -6vw;
		margin-bottom: -36vh;
	}
	.sidebar__bottom {
		margin-bottom: -46vh;
		margin-left: -13.3vw;
	}
}
@media (max-width: 1536px) {
	.sidebar__bottom {
		margin-left: -22vw;
	}
	.about_hero__banner {
		width: 575px;
		height: 721px;
	}
	.discount .discount__bg {
		max-width: 40%;
		top: 50%;
		transform: translateY(-50%);
	}
}
@media (max-width: 1440px) {
	.main_hero {
		background-size: auto 94%;
	}
	.portfolio__item-img {
		width: 468px;
	}
	.development_hero__banner {
		max-width: 493px;
	}
	.development_hero__bg {
		top: 65px;
		height: 115px;
	}
	.sidebar h2 {
		width: 548px;
		font-size: 36px;
		margin-left: -12vw;
		margin-bottom: -6vh;
	}
	.sidebar__bottom {
		margin-bottom: -13vh;
		gap: 80px;
	}
	.sidebar__bottom-counter p {
		font-size: 26px;
	}
	.sidebar__bottom {
		margin-left: -25vw;
	}
	.about_hero__title {
		top: 35px;
	}
	.about_hero__banner {
		width: 581px;
		height: 632px;
		background-size: 100%;
	}
	.about_hero__content {
		padding-bottom: 30px;
	}

	.new-sidebar h2 {
		position: absolute;
		color: #fff;
		mix-blend-mode: difference;
		width: 600px;
		font-size: 42px;
		font-weight: 600;
		text-transform: uppercase;
	}
}
@media (max-width: 1400px) {
	.discount .discount__bg {
		right: -100px;
	}
}
@media (max-width: 1220px) {
	.title {
		font-size: 30px;
	}
	.mk-related-articles__items{
		grid-template-columns: repeat (2, 1fr);
	}
	.discount .discount__bg {
		right: -200px;
	}
	.container {
		width: 1024px;
		padding: 0 10px;
	}
	.propose__item-bottom {
		display: flex;
		flex-direction: column;
		gap: 10px;
		margin-top: 20px;
	}
	.propose .propose__wrap .propose__item .propose__item-list li {
		width: 270px;
	}
	.about_us .container .about_us__content .about_us__subtitle {
		font-size: 20px;
	}
	.about_us .container .about_us__content .about_us__text {
		max-width: 690px;
	}
	.discount .discount__bg {
		right: -200px;
		opacity: 0.3;
		z-index: 0;
		max-width: unset;
	}
	.portfolio .portfolio__list .portfolio__list-item {
		background-position: center;
	}
	.steps .steps__list .steps__list-item .steps__list-text {
		font-size: 14px;
	}
	.steps .steps__list .steps__list-item {
		width: 228px;
	}
	.feedback .feedback__slider .feedback__slide .feedback__slide-text {
		font-size: 14px;
	}
	.form .container .form__left .form__text {
		font-size: 16px;
	}
	.form .container .form__right .form__wrap .form__wrap-top p {
		width: 100%;
	}
	.form__wrap .form__wrap-top .wpcf7-form-control-wrap {
		width: 100%;
	}
	footer .footer__bottom .footer__bottom-right .footer__bottom-list {
		padding: 42px 0 42px 59px;
		gap: 25px;
	}
	footer .footer__bottom .footer__bottom-left .develop {
		display: none;
	}
	.page__title {
		font-size: 37px;
	}

	.types__item {
		font-size: 17px;
	}
	.types__descrip {
		font-size: 16px;
	}
	.types__subtext {
		margin-bottom: 15px;
	}
	.development_hero__bg {
		top: 90px;
		height: 100px;
	}
	.tech__list {
		margin-top: 30px;
	}
	.scroll__item {
		max-width: 600px;
	}
	.contact_form__bottom {
		gap: 0;
	}
	.about_hero__title {
		font-size: 123px;
	}
	.popup__content {
		width: 1024px;
		height: 460px;
	}
	.popup__right {
		width: 465px;
	}

	.popup__right span {
		width: 100%;
	}
	.popup__content {
		gap: 20px;
	}
}
@media (max-width: 1024px) {
	.ball {
		display: none;
	}
	.cursor {
		display: none;
	}
	.container {
		width: 768px;
		padding: 0 10px;
	}
	.burger-popup .theme_container {
		display: flex;
		margin-left: 5px;
	}
	.burger-popup .container {
		align-items: flex-start;
		justify-content: flex-start;
		flex-direction: column;
		gap: 40px;
		z-index: 4;
	}
	.burger-popup {
		display: block;
	}
	.menu {
		display: block;
	}
	.navigation {
		display: none;
	}
	.menu {
		background-color: transparent;
		border: none;
		cursor: pointer;
		display: flex;
		padding: 0;
		position: relative;
	}
	.line {
		fill: none;
		stroke: black;
		stroke-width: 6;
		transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1),
			stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
	}
	.line1 {
		stroke-dasharray: 60 207;
		stroke-width: 6;
	}
	.line2 {
		stroke-dasharray: 60 60;
		stroke-width: 6;
	}
	.line3 {
		stroke-dasharray: 60 207;
		stroke-width: 6;
	}
	.opened .line1 {
		stroke-dasharray: 90 207;
		stroke-dashoffset: -134;
		stroke-width: 6;
	}
	.opened .line2 {
		stroke-dasharray: 1 60;
		stroke-dashoffset: -30;
		stroke-width: 6;
	}
	.opened .line3 {
		stroke-dasharray: 90 207;
		stroke-dashoffset: -134;
		stroke-width: 6;
	}
	.mobile__nav {
		flex-direction: column;
		margin-top: 40px;
	}
	.burger-popup {
		left: -100vw;
		position: fixed;
		width: 100vw;
		height: 100vh;
		background-color: #ffffff;
		z-index: 10;
	}
	.burger__bg {
		max-width: 370px;
		position: absolute;
		margin: auto;
		position: absolute;
		left: 0;
		bottom: 0;
		right: 0;
		pointer-events: none;
		opacity: 0.7;
	}
	.lock {
		overflow: hidden;
	}

	.main_hero {
		background-size: auto 85%;
	}
	.main_hero .main_hero__second .main_hero__second-item {
		font-size: 33px;
	}
	.main_hero .main_hero__first,
	.main_hero .main_hero__third {
		font-size: 20px;
	}
	.main_hero .main_hero__fourth-text {
		font-size: 14px;
		line-height: 23px;
		max-width: 237px;
	}
	.result {
		font-size: 50px;
	}
	.main_hero .main_hero__fifth .main_hero__fifth-button {
		padding: 19px 21px;
		height: fit-content;
	}
	.propose .propose__wrap {
		gap: 10px;
		flex-wrap: wrap;
	}
	.propose .propose__wrap .propose__item .propose__item-list li {
		font-size: 14px;
		width: 100%;
	}
	.propose .propose__wrap .propose__item {
		padding: 15px 11px 15px;
		width: 49%;
	}
	.propose .propose__wrap .propose__item:last-child {
		width: 100%;
	}
	/* .new__block .propose__wrap .propose__item {
    width: 48% !important;
  } */
	.propose .propose__wrap .propose__item h4 {
		font-size: 18px;
	}
	.about_us .container .about_us__bg {
		display: none;
	}
	.about_us .container .about_us__content .about_us__text {
		max-width: 100%;
	}
	.discount .container .discount__left .discount__text1 {
		font-size: 16px;
	}
	.discount .container .discount__left .discount__text3 {
		font-size: 14px;
	}
	.discount {
		background-image: none;
	}
	.discount
		.container
		.discount__left
		.discount__left-bottom
		.discount__button {
		height: 60px;
		font-size: 14px;
	}
	.discount .container .discount__right {
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	.discount .discount__bg {
		display: none;
	}
	.portfolio .portfolio__bottom {
		line-height: 22px;
		font-size: 14px;
	}
	.steps .steps__list .steps__list-item {
		width: 49%;
		height: 250px;
	}
	.steps .steps__list .steps__list-item:nth-child(4) img {
		object-fit: cover;
	}
	.form .container .form__left,
	.form .container .form__right {
		width: 100%;
	}
	.form .container {
		flex-direction: column;
		gap: 30px;
	}
	.form .container .form__left .form__text {
		width: 100%;
	}
	footer .footer__bottom .footer__bottom-right .footer__bottom-list {
		padding-left: 30px;
	}
	.portfolio .portfolio__list .portfolio__list-item {
		height: 469px;
	}
	.portfolio__item.active .portfolio__item-left {
		transform: translate(564px, -80px);
	}
	.page__title {
		font-size: 28px;
	}
	.development_hero__banner {
		max-width: 363px;
	}
	.development_hero__bg .letters {
		width: 100%;
	}
	.development_hero__bg {
		top: 100px;
		height: 90px;
	}
	.development_hero__title {
		max-width: 59%;
	}
	.development_hero__link {
		height: auto;
		flex-direction: column;
	}
	.types__bottom-item {
		flex: 0 0 100%;
		max-width: 100%;
	}
	.types__bottom {
		flex-wrap: wrap;
	}
	.template_hero__title {
		font-size: 34px;
	}
	.feedback__slide-text {
		width: 100%;
	}
	.tech__list {
		width: 100%;
		height: 733px;
		margin-top: 30px;
	}
	.tech__content-text {
		width: 100%;
		font-size: 14px;
	}
	.scroll__inner {
		flex-direction: column;
	}
	.scroll__item {
		margin-left: 24px;
	}
	.scroll__left {
		max-width: 100% !important;
		width: 100% !important;
		z-index: 2;
	}
	.scroll .title {
		width: 100%;
	}
	section.packages > div.container.packages__bottom {
		width: 100%;
		padding: 0;
	}
	.packages__nav {
		margin: 15px 0 30px;
	}
	.scroll__item {
		max-width: 100%;
	}
	.contact_form__bottom {
		flex-direction: column;
		gap: 20px;
	}
	.hero_contact__title {
		margin-bottom: 23px;
	}
	.gallery__wrap {
		width: 100%;
		height: auto;
		position: relative;
		margin-left: 50vw;
		margin-top: 52px;
	}
	.sidebar__bottom {
		margin-left: -33vw;
	}
	.about_hero__title {
		font-size: 92px;
		top: 100px;
	}
	.about_hero__content-text {
		font-size: 16px;
		margin-bottom: 44px;
		width: 396px;
	}
	.founded p {
		font-size: 16px;
	}
	.founded {
		width: 267.494px;
		height: 50.804px;
	}
	.about_form .result {
		bottom: 54px;
	}
	.popup__content {
		width: 80%;
		height: 80%;
		flex-direction: column;
		padding: 50px;
		justify-content: center;
	}
	.popup__left {
		display: none;
	}
	.popup__right {
		width: 100%;
	}
	.form__wrap .form__wrap-top p {
		flex-direction: column;
		gap: 0;
		width: 100%;
	}
	.popup__right .form__wrap-top .wpcf7-form-control-wrap {
		width: 100%;
	}
	.contact_form__banner {
		display: none;
	}
	.about_hero__banner {
		width: 581px;
		height: 492px;
		background-size: 100%;
	}
	.about_hero__content {
		padding-bottom: 150px;
	}
	.sidebar {
		z-index: 9;
	}
	.new-sidebar {
		width: 768px;
		padding: 0 10px 30px 10px;
		margin: 0 auto;
	}

	.new-sidebar {
		position: relative;
		left: 3px;
		bottom: 0;
		z-index: 10;
		mix-blend-mode: difference;
		pointer-events: none;
		display: block;
		rotate: 0deg;
	}

	.new-sidebar__bottom-counter {
		display: none;
	}
	.new-sidebar__bottom {
		padding-top: 13px;
		width: auto;
		display: block;
		position: relative;
		transform: translate(0, 0px);
	}
	.new-sidebar h2 {
		position: relative;
		color: #fff;
		mix-blend-mode: difference;
		width: auto;
		font-size: 28px;
		font-weight: 600;
		text-transform: uppercase;
	}
	.new-gallery__wrap {
		width: 100%;
		height: auto;
		position: relative;
		margin-left: 0;
		top: 0;
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 20px;
	}
	.new-portfolio-page {
		padding-top: 60px;
		z-index: 1;
		height: auto;
		overflow: hidden;
		position: relative;
	}
	.new-gallery__item {
		display: inline-block;
		width: 100%;
		height: auto;
		position: relative;
	}
	.new-gallery__item img {
		height: 100%;
		width: 100%;
		object-fit: cover;
	}
	.new-open {
		width: 100px;
		height: 100px;
	}
	.new-open__text {
		line-height: 150%;
		text-transform: uppercase;
		font-size: 14px;
	}
}
@media (max-width: 800px) {
	.portfolio__item-img img {
		width: 100%;
	}
	.new__block .propose__wrap .propose__item {
		width: 100% !important;
		height: 553px;
	}
	.header__logo {
		width: 69px;
		height: 25px;
	}
	section {
		padding: 50px 0;
	}
	.burger__bg.hero__bg {
		display: block;
		z-index: -1;
		opacity: 0.28;
	}
	.container {
		width: 100%;
		padding: 0 20px;
	}
	.main_hero {
		background-image: none;
	}
	.main_hero .main_hero-item {
		flex-direction: column;
	}
	.main_hero__second-item.gsap_hero2 {
		align-self: flex-end;
	}
	body
		> main
		> section.main_hero
		> div
		> div.main_hero__fifth.main_hero-item {
		gap: 20px;
	}
	body
		> main
		> section.main_hero
		> div
		> div.main_hero__fifth.main_hero-item
		> div {
		align-self: center;
	}
	.propose .propose__wrap {
		flex-direction: column;
		align-items: center;
	}
	.new__block .propose__wrap {
		display: block;
	}
	.propose .propose__wrap .propose__item {
		width: 100%;
	}
	.discount .container {
		flex-direction: column;
	}
	.discount .container .discount__left {
		width: 100%;
		padding: 40px 0;
	}
	.discount .container .discount__right {
		flex-direction: row;
		padding-bottom: 40px;
	}
	.discount
		.container
		.discount__left
		.discount__left-bottom
		.discount__button {
		padding: 20px 73px;
	}
	.discount .discount__bg {
		top: 100px;
		opacity: 0.1;
	}
	.about_us {
		padding: 128px 0 128px;
	}
	.portfolio .portfolio__list .portfolio__list-item {
		height: 469px;
		width: 100%;
		background-size: 100%;
	}
	footer .footer__top .footer__top__list {
		flex-wrap: wrap;
		row-gap: 20px;
	}
	footer .footer__top .footer__top__list .footer__top__list-item {
		width: 50%;
	}
	.feedback .feedback__top {
		flex-direction: column;
		align-items: flex-start;
	}
	.feedback .feedback__top .result {
		right: 20px;
		position: absolute;
		z-index: -1;
	}
	.discount .container .discount__right .discount__right-item {
		font-size: calc(110px + 70 * (500vw / 1768));
	}
	.about_us .container .about_us__content .about_us__list {
		flex-direction: column;
	}
	.about_us
		.container
		.about_us__content
		.about_us__list
		.about_us__list-item {
		padding: 0 !important;
		border-right: none !important;
	}
	.about_us .container .about_us__content .about_us__subtitle {
		max-width: 60%;
	}
	.portfolio__item {
		height: 100%;
		flex-direction: column;
	}
	.portfolio__item-img {
		position: relative;
		left: 0;
		opacity: 1;
		transition: 1s;
		height: 100%;
		width: 100%;
	}
	.portfolio__item.active .portfolio__item-left {
		transform: none;
	}
	.portfolio__item.active {
		height: 100%;
	}
	.portfolio__grey,
	.portfolio__black {
		font-size: 14px;
	}
	.development_hero__bg {
		display: none;
	}
	.template_hero__bottom,
	.template_hero__top {
		align-items: flex-start;
		flex-direction: column;
		gap: 20px;
	}
	.template_hero__text {
		width: 100%;
	}

	.template_hero {
		padding-top: 70px;
		padding-bottom: 0;
	}
	.discount {
		background-image: none;
	}
	.feedback__slide {
		gap: 32px;
		align-items: center;
		justify-content: space-around;
		flex-direction: column;
	}

	.feedback__slide-left {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.tech__list li {
		width: 25%;
	}
	.tech-result {
		display: none;
	}
	.packages__btn {
		font-size: 14px;
	}
	.template__list li {
		font-size: 14px;
	}
	.template__icon p {
		font-size: 16px;
	}
	.packages__item {
		min-height: 700px;
	}
	.packages__button {
		font-size: 14px;
	}
	.packages__nav {
		width: fit-content;
		margin-bottom: 0;
	}
	body
		> main
		> section.packages
		> div.container.packages__top
		> div:nth-child(2) {
		overflow-x: auto;
		margin-bottom: 10px;
		width: 100vw;
		margin-left: -20px;
		padding: 0 20px;
	}
	body
		> main
		> section.packages
		> div.container.packages__top
		> div:nth-child(2)::-webkit-scrollbar {
		background-color: transparent;
		opacity: 0 !important;
		display: none;
	}
	.scroll__item-header {
		font-size: 16px;
	}
	.scroll__item ul li {
		font-size: 14px;
	}
	.scroll__item {
		margin-bottom: 30px;
	}
	.logobonus p {
		font-size: 14px;
	}
	.hero_contact__link1 svg {
		max-width: 50px;
	}
	.hero_contact__top {
		gap: 20px;
		margin-bottom: 30px;
		flex-wrap: wrap;
	}
	.hero_contact__link p {
		font-size: 14px;
	}
	.hero_contact__link .img {
		max-width: 20px;
		max-height: 20px;
	}
	.hero_contact__title {
		margin-bottom: 10px;
	}
	.hero_contact__result {
		font-size: 30px;
	}
	.hero_contact {
		padding-bottom: 30px;
	}
	.contact_form__descrip {
		font-size: 14px;
	}
	.contact_form__title {
		margin-bottom: 20px;
	}
	.contact_form__wrap {
		width: 100%;
	}
	.sidebar {
		position: relative;
		flex-direction: column;
		padding: 0 20px;
		gap: 20px;
	}
	.sidebar__bottom,
	.sidebar h2 {
		rotate: none;
		margin: 0;
		width: 100%;
	}
	.gallery__wrap {
		width: 100%;
		height: auto;
		position: relative;
		margin-left: 0;
		margin-top: 20px;
	}
	.portfolio-page {
		padding-top: 52px;
	}
	.gallery__item {
		width: 100%;
	}
	.sidebar__bottom-text div {
		top: auto;
		bottom: -12px;
		right: auto;
		left: 296px;
	}
	.about_hero__title {
		font-size: 44px;
		text-align: left;
	}
	.about_hero__banner {
		height: 443px;
	}
	.types__bottom-item:first-child {
		min-height: auto;
	}
	.about_hero__title {
		top: 75px;
	}
	.new-sidebar {
		width: 100%;
		padding: 0 20px 30px 20px;
	}

	.new-gallery__item {
		display: inline-block;

		height: auto;
		position: relative;
	}
}
@media screen and (max-width: 600px) {
	.new-sidebar h2,
	.new-sidebar__bottom {
		width: 100%;
	}
	.mk-related-articles__items{
		grid-template-columns: repeat (1, 1fr);
	}
	.new-gallery__item {
		display: inline-block;
		width: 100%;
		width: 100%;
		position: relative;
	}
	.new-sidebar__bottom-text p {
		color: #fff;
		width: auto;
	}
	.new-sidebar__bottom {
		padding-top: 10px;
	}
	.new-sidebar h2 {
		font-size: 23px;
	}
	.new-gallery__wrap {
		grid-template-columns: repeat(1, 1fr);
		gap: 20px;
	}
}
@media (max-width: 490px) {
	.main_hero .container {
		z-index: 2;
	}
	.about_hero__inner {
		flex-direction: column;
		align-items: flex-start;
	}
	.about_hero__content-text {
		font-size: 14px;
		margin-bottom: 15px;
		width: 100%;
		text-align: left;
	}
	.about_hero__banner {
		order: 5;
	}
	.about_hero__content {
		padding-bottom: 80px;
	}
	.about_hero__title {
		top: auto;
		position: relative;
	}
	.form .container .form__left .form__text {
		font-size: 14px;
	}
	section {
		padding: 40px 0;
	}
	.main_hero .main_hero__second .main_hero__second-item {
		font-size: 30px;
	}
	.main_hero .main_hero__first,
	.main_hero .main_hero__third {
		font-size: 20px;
	}
	.main_hero .main_hero__fifth .main_hero__fifth-button {
		padding: 13px 31px;
		width: fit-content;
		align-self: center;
		font-size: 12px;
	}
	.title {
		font-size: 20px;
	}
	.propose .propose__wrap .propose__item {
		width: 100%;
		min-height: auto;
		padding: 20px;
	}
	.about_us {
		padding: 40px 0;
	}
	.discount
		.container
		.discount__left
		.discount__left-bottom
		.discount__button {
		padding: 17px 19px;
		height: auto;
	}
	.discount .discount__bg {
		top: 140px;
	}
	.discount .container .discount__right .discount__right-item {
		font-size: 180px;
	}
	.portfolio .portfolio__top {
		flex-direction: column;
	}
	.portfolio .portfolio__list .portfolio__list-item {
		background-size: cover;
		height: 374px;
	}
	.steps .steps__list .steps__list-item {
		width: 100%;
		border: 1px solid #cfcfcf;
	}
	.steps .steps__list .steps__list-item:nth-child(5) {
		order: 3;
		border: none;
	}
	footer .footer__bottom .footer__bottom-right,
	footer .footer__bottom .footer__bottom-left {
		width: 100%;
		display: flex;
		justify-content: center;
	}
	footer .footer__bottom .footer__bottom-right {
		order: -1;
	}
	footer .footer__bottom {
		flex-direction: column;
	}
	footer .footer__bottom .footer__bottom-right .footer__bottom-list {
		padding: 20px 0;
	}
	footer .footer__bottom .footer__bottom-left .mkey {
		padding: 10px 0;

		align-self: center;
	}
	.about_us .container .about_us__content .about_us__subtitle {
		max-width: 100%;
	}
	.burger__bg.hero__bg {
		max-width: 300px;
		opacity: 1;
		z-index: 0;
	}
	.social_wrap-item-white svg,
	.social_wrap-item svg {
		width: 50px;
		height: 50px;
	}
	.main_hero .main_hero__fourth-text {
		display: none;
	}
	.hand1,
	.hand2 {
		display: none;
	}
	.feedback__slide-type {
		text-align: center;
	}
	.feedback .feedback__slider .feedback__slide .feedback__slide-text {
		text-align: center;
	}
	.feedback__slide-descrip {
		display: block;
		width: 100%;
	}
	.feedback__slide-data {
		text-align: center;
		width: 100%;
		display: block;
	}
	.packages__bottom {
		min-height: 700px;
	}
	.result {
		z-index: -1;
		font-size: 25px;
	}
	.main_hero .main_hero__second {
		flex-direction: row;
	}
	.main_hero .main_hero__second .main_hero__second-item {
		font-size: 21px;
	}
	.main_hero__fourth {
		margin-top: 20vh;
	}
	.main_hero .main_hero-item.main_hero__fifth {
		margin-top: 28vh;
	}
	@media (max-width: 490px){ body > main > section.main_hero > div > div.main_hero__fifth.main_hero-item > div {
        align-self: center;
        position: absolute;
        right: 20px;
        top: 40%;
        gap: 12px;
    }
	.main_hero__fifth.main_hero-item {
    display: flex;
    align-items: center;
    }
	body > main > section.main_hero	> div > div.main_hero__fifth.main_hero-item	> div {
		align-self: center;
		position: absolute;
		right: 20px;
		top: 40%;
		gap: 12px;
	}
	.theme_container {
		display: none;
	}
	.header {
		padding: 0;
	}
	.propose .propose__wrap {
		margin-top: 20px;
	}
	.propose__item-bottom {
		flex-direction: row;
		justify-content: space-evenly;
	}
	.propose .container {
		padding-bottom: 40px;
	}
	.about_us .container .about_us__content .about_us__text {
		font-size: 14px;
	}
	.about_us
		.container
		.about_us__content
		.about_us__list
		.about_us__list-item {
		padding: 0 !important;
		border-bottom: 1px solid #d8d8d8;
		width: 189px;
		padding-bottom: 7px !important;
	}
	.about_us
		.container
		.about_us__content
		.about_us__list
		.about_us__list-item
		ul
		li {
		font-size: 14px;
		margin-top: 5px;
	}
	.about_us
		.container
		.about_us__content
		.about_us__list
		.about_us__list-item:nth-child(3) {
		border-bottom: none;
	}
	.discount .container .discount__left {
		padding: 20px 0;
	}
	.discount .container .discount__left .discount__text1 {
		margin-top: 15px;
		font-size: 14px;
		width: 100%;
	}
	.discount .container .discount__left .discount__text2 {
		margin: 20px 0;
		width: 100%;
	}
	.discount .discount__bg {
		position: relative;
		top: -16px;
		rotate: 90deg;
		right: 0;
	}
	.discount .container .discount__right .discount__right-item {
		font-size: 136px;
	}
	.discount .container .discount__right {
		margin: 0;
	}
	.discount__button {
		order: 2;
	}
	.discount .social_wrap {
		gap: 10px;
	}
	.discount .container .discount__left .discount__left-bottom {
		justify-content: space-between;
	}
	.portfolio .portfolio__top {
		flex-direction: column;
		align-items: flex-start;
		gap: 10px;
	}
	.portfolio .portfolio__top .portfolio__button {
		font-size: 12px;
	}
	.propose__item-bottom a {
		font-size: 12px;
	}
	.about_us .container .about_us__bg {
		position: absolute;
		right: 20px;
		opacity: 1;
		top: auto;
		bottom: 400px;
	}
	.about_us .container .about_us__bg div {
		width: 82px;
	}
	.about_us .container .about_us__bg .about_us_1 {
		top: 42px;
		right: 83px;
	}
	.about_us .container .about_us__bg .about_us_2 {
		top: 0;
		right: 42px;
	}
	.about_us .container .about_us__bg .about_us_3 {
		top: 42px;
		right: 1px;
	}
	.about_us .container .about_us__bg .about_us_4 {
		top: 84px;
		right: 42px;
	}
	.about_us .container .about_us__bg .about_us_5 {
		top: 126px;
		right: 1px;
	}
	.about_us .container .about_us__bg .about_us_6 {
		width: 164px;
		top: 168px;
		right: 1px;
	}
	.development_hero__bg {
		display: none;
	}
	.development_hero__inner {
		align-items: center;
	}
	.development_hero__link .button {
		position: absolute;
		bottom: 37px;
		width: 100%;
		height: 47px;
	}
	.development_hero__banner {
		max-width: 70%;
		bottom: 80px;
		right: auto;
		left: 70px;
		margin: 0 auto;
	}
	.development_hero__descrip {
		font-size: 14px;
		width: 100%;
		margin-bottom: 20px;
		margin-top: 8vh;
	}
	.development_hero__content {
		width: 100%;
		height: 100%;
	}
	.development_hero__title {
		max-width: 100%;
		margin-bottom: 20px;
		font-size: 20px;
	}
	.development_hero__link {
		margin: 0;
	}
	.types__text {
		font-size: 14px;
	}
	.types__title {
		font-size: 16px;
	}
	.types__bottom-item {
		padding: 20px;
		min-height: 590px;
	}
	.types__descrip,
	.types__item,
	.types__subtext {
		font-size: 14px;
	}
	.types__bottom-item .black {
		padding: 20px;
		height: 275px;
	}
	.types__list {
		gap: 10px;
	}
	.types__list:before {
		height: 260px;
	}
	.types__list-white:before {
		height: 113px;
	}
	.types__descrip {
		line-height: 21px;
	}
	.template_hero__title {
		font-size: 22px;
	}
	.template_hero__text {
		font-size: 14px;
		line-height: 1.5;
	}
	.button {
		height: 45px;
	}
	.tech__list li img {
		max-height: 22px;
	}
	.tech__list li {
		height: 83px;
	}
	.tech__list {
		height: 335px;
	}
	.tech__list li:last-child img {
		max-height: 14px;
	}
	.tech__list li:nth-child(8) img {
		max-height: 15px;
	}
	.tech__content-text {
		margin-top: 10px;
		line-height: 27px;
	}
	.packages__btn {
		width: 223px;
		height: 43px;
	}
	.packages__item {
		min-height: 700px;
	}
	.packages__button {
		height: 41px;
	}
	.hero_contact__title {
		gap: 20px;
	}
	.hero_contact__result {
		z-index: 1;
		font-size: 20px;
	}
	.hero_contact {
		padding-top: 70px;
	}
	.hero_contact__bottom {
		display: flex;
		gap: 15px;
		align-items: flex-start;
		flex-direction: column;
	}
	.hero_contact__top {
		row-gap: 12px;
	}
	.contact_form__wrap-top {
		gap: 0;
		flex-direction: column;
	}
	.contact_form__wrap .button__form {
		width: 100%;
	}
	.gallery__item {
		width: 100%;
		margin-bottom: 10px;
	}
	.sidebar__bottom {
		flex-direction: column;
		gap: 10px;
	}
	.sidebar__bottom-counter {
		order: -1;
		align-self: flex-end;
	}
	.sidebar h2 {
		width: 100%;
		font-size: 23px;
	}
	.sidebar {
		gap: 0;
		z-index: 1;
	}
	.sidebar__bottom-text {
		display: flex;
		align-items: center;
	}
	.sidebar__bottom-text p {
		width: 100%;
		font-size: 14px;
	}
	.sidebar__bottom-text div {
		top: auto;
		bottom: auto;
		right: auto;
		left: auto;
		position: relative;
	}
	.about_hero__title {
		font-size: 38px;
		margin: 53px 0 5px;
	}
	.about_hero__inner {
		justify-content: space-between;
	}
	.about_hero__content {
		display: flex;
		flex-direction: column;
	}
	.founded {
		align-self: flex-end;
	}
	.about_hero__banner {
		width: 100%;
		height: 400px;
	}
	.popup__content {
		height: 60%;
		padding: 20px;
		border-radius: 20px;
	}
	.popup__right .button__form {
		width: 100%;
		height: 47px;
		margin-top: 40px;
	}
	.close__popup {
		position: absolute;
		top: 10px;
		right: 10px;
	}
	.popup__right {
		margin-bottom: -30px;
	}
	footer .footer__top .footer__top__list {
		flex-direction: column;
	}
	.about_form .result {
		left: auto;
	}
	.types__title-block {
		position: relative;
		height: 46px;
		margin-bottom: 5px;
	}
	.about_us .container .about_us__bg {
		display: block;
	}
	.packages__slider {
		transform: translateX(-40px);
	}
}
@media (max-width: 375px) {
	.types__subtext {
		margin-bottom: 10px;
	}
}
@media (max-height: 650px) and (max-width: 1440px) {
	.new-sidebar h2 {
		width: 510px;
		font-size: 30px;
		font-weight: 600;
	}
	.new-sidebar__bottom {
		width: 490px;
		display: flex;
		gap: 30px;
	}
	.new-sidebar__bottom-counter p {
		color: #fff;
		font-size: 30px;
	}
}

/* blog media */
@media screen and (max-width: 1536px) {
	.main-blog-hero {
		padding: 95px 0px 40px;
	}
	.blog-title {
		font-size: 48px;
	}
	.mk-blog__grid {
		row-gap: 40px;
	}
	.blog-from__inner {
		padding: 60px 0px;
	}
	.blog-form .discount__text1 {
		font-size: 20px;
		max-width: 460px;
	}
	.mk-post-img {
		width: 50%;
	}
	.mk-post-table {
		width: 50%;
		padding: 20px;
	}
}

@media screen and (max-width: 1220px) {
	.mk-blog__grid {
		grid-template-columns: repeat(2, 1fr);
		row-gap: 20px;
	}
	.post-table__top span {
		font-size: 18px;
	}
	.post-table__nav {
		gap: 10px;
	}
	.post-table__link {
		padding-bottom: 10px;
		font-size: 16px;
	}
	.blog-widget__inner {
		padding: 40px;
		gap: 20px;
	}
	.mk-underpost__rate {
		gap: 10px;
	}
	.mk-underpost__rate .rate-1 {
		font-size: 20px;
	}
	.mk-underpost__inner {
		padding: 20px 0px;
	}
	.mk-post-nav {
		margin-bottom: 80px;
	}
	.form-block {
		padding: 40px 0px;
	}
}

@media screen and (max-width: 1044px) {
	.mk-author-self {
		gap: 10px;
	}
	.mk-author-img {
		max-width: 60px;
	}
	.form-title {
		margin-bottom: 30px;
	}
	.my-from textarea {
		margin-top: 20px;
	}
	.review-slide__title {
		font-size: 18px;
	}
	.review-slide__text {
		font-size: 16px;
	}
}
@media screen and (max-width: 840px) {
	.blog-from__inner {
		padding: 40px 0px;
		gap: 40px;
	}
	.blog-form__wrap .mk-form__wrap {
		gap: 20px;
	}
	.mk-blog__nav-link {
		font-size: 14px;
		padding: 10px 22px;
	}
	.blog-title {
		font-size: 32px;
	}
	.main-blog-hero__self {
		gap: 20px;
	}
	.main-blog-hero {
		padding: 75px 0px 20px;
	}
	.mk-post-top {
		flex-direction: column;
	}
	.mk-post-img {
		width: 100%;
	}
	.mk-post-table {
		width: 100%;
	}
	.review-custom-form {
		max-width: 100%;
	}
	.form-rating-wrap {
		justify-content: flex-start;
		gap: 50px;
	}
}

@media screen and (max-width: 630px) {
	.mk-blog__grid {
		grid-template-columns: 1fr;
	}
	.blog-form .discount__text1 {
		font-size: 16px;
		max-width: 100%;
	}
	.mk-btn {
		padding: 20px 60px;
		font-size: 14px;
	}
	.mk-underpost__inner {
		flex-direction: column;
		align-items: flex-start;
		gap: 20px;
	}
	.blog-widget__inner {
		padding: 20px;
		gap: 10px;
	}
	.mk-author-block {
		flex-direction: column;
		align-items: flex-start;
		gap: 20px;
	}
	.feedback .feedback__slider.reviews-slider-nav {
		padding-bottom: 50px;
	}
	.mk-post-nav {
		margin-bottom: 60px;
	}
	.send-review {
		margin-top: 30px;
	}
	.mk-post__inner {
		gap: 20px;
	}
	.mk-post-content h2 {
		font-size: 20px;
	}
	.mk-post-content p,
	.mk-post-content li {
		font-size: 14px;
	}
	.blog-widget-bottom {
		flex-direction: column;
		gap: 20px;
	}
	.widget-button {
		font-size: 14px;
		width: 100%;
		padding: 16px 0px;
		text-align: center;
	}
	.widget-list-item {
		margin-bottom: 10px;
	}
	.mk-underpost__rate .rate-1 {
		font-size: 16px;
	}
	.review-slide {
		gap: 15px;
		padding: 20px;
	}
	.review-slide__title {
		font-size: 16px;
	}
	.review-slide__text {
		font-size: 14px;
	}
	.mk-post,
	.mk-underpost {
		margin-bottom: 20px;
	}
	.mk-blog__nav-link {
		padding: 5px 22px;
	}
	.mk-blog__card {
		padding: 10px;
	}
	.mk-blog__card-date,
	.mk-blog__card-author-name,
	.mk-blog-card__btn {
		font-size: 12px;
	}
	.mk-blog__card-title {
		font-size: 16px;
	}
	.mk-blog__card-text {
		font-size: 14px;
	}
}
@media screen and (max-width: 460px) {
	.comment-fields-wrapper {
		flex-direction: column;
	}
	.comment-form-comment {
		margin-top: 20px;
	}
	.post-table__link {
		font-size: 14px;
	}
	.post-table__top span {
		font-size: 16px;
	}
}

@media (max-width: 800px) {
    body > main > section.main_hero > div > div.main_hero__fifth.main_hero-item > div {
        align-self: center;
    }
}
/* --- FIX: Mobile menu above all content --- */
.burger-popup {
    z-index: 99999 !important;
}

.header {
    z-index: 999999 !important;
}
.burger__bg {
    z-index: 1 !important;
}

/* blog media */