@media screen and (max-width: 1800px) {
	.container {
		padding: 0 20px;
	}

	header .left {
		gap: 35px
	}

	header .search {
		width: 300px
	}

	header#logged .search {
		width: 250px
	}

	#page__filters .providers__search {
		width: 240px;
	}

	header .right {
		gap: 22px
	}

	header#logged .right {
		gap: 10px
	}

	header nav ul a {
		padding: 10px 14px;
		font-size: 15px;
	}
}


@media screen and (max-width: 1700px) {
	header .left {
		gap: 25px
	}

	header .search {
		width: 240px
	}

	header#logged .search {
		width: 200px
	}

	#page__filters .providers__search {
		width: 220px;
	}

	header .right {
		gap: 16px
	}

	header#logged .right {
		gap: 7px
	}

	header nav ul a {
		padding: 8px 11px;
		font-size: 14px;
	}

	header .account .btn {
		padding: 0 18px;
		font-size: 14px;
	}


	@media screen and (max-width: 1620px) {
		.container {
			max-width: 1200px
		}


		.grid.grid-5 {
			grid-template-columns: repeat(3, 1fr);
		}

		.project__item:nth-child(9),
		.project__item__n:last-child {
			display: none;
		}

		.grid.grid-4 .project__item__n {
			display: block;
		}


		header .left {
			gap: 20px
		}

		header .search {
			width: 210px
		}

		header#logged .search {
			width: 175px
		}

		#page__filters .providers__search {
			width: 200px;
		}

		header .right {
			gap: 14px
		}

		header#logged .right {
			gap: 5px
		}

		header nav ul a {
			padding: 8px 10px;
			font-size: 14px;
		}

		header .account .btn {
			padding: 0 16px;
			font-size: 14px;
			height: 42px;
		}


		#blog {
			overflow: hidden;
		}

		#blog .swiper {
			overflow-x: visible;
			padding: 1px 0;
		}

		#blog .swiper-slide {
			width: 400px
		}


		#photographers {
			overflow: hidden;
		}

		#photographers .swiper {
			overflow-x: visible;
			padding: 1px 0;
		}

		#photographers .swiper-slide {
			width: 320px
		}


		.projects__list__item {
			position: relative;
		}

		.projects__list__item .col:nth-child(3) {
			position: absolute;
			top: 30px;
			right: 20px;
		}

		.projects__list__item .col:nth-child(2) {
			width: 100%;
			max-width: 100%;
		}

		.projects__list__item .col .project__item__n:last-child {
			display: block;
		}

		#page__contacts .form,
		#page__contacts .text {
			max-width: 48%
		}


		.post__box .grid-4 .project__item__n .image img {
			height: 180px
		}

		.images__uploads.video__uploads .item {
			height: 400px;
		}


		#subscribe .data {
			padding: 40px;
		}

		#subscribe .image {
			width: calc(100% - 520px)
		}


		.images__uploads .item {
			height: 110px;
		}


		.megamenu .navigation {
			width: 380px
		}

		.megamenu .sub-menu-list {
			padding: 30px;
			width: calc(100% - 380px)
		}

		.megamenu .sub-menu .information {
			padding-right: 30px
		}

		.megamenu .sub-menu .information:after {
			top: -30px;
			height: calc(100% + 60px)
		}

		.megamenu .sub-menu .advantages {
			padding-left: 30px
		}


		.grid-4 .project__item__n .image img {
			height: 280px
		}

		.grid-4 .project__item__n .image .like img {
			width: auto;
			height: auto;
		}


		footer .col {
			max-width: 200px
		}
	}


	@media screen and (max-width: 1500px) {
		header .left {
			gap: 18px
		}

		header .search {
			width: 200px
		}

		header#logged .search {
			width: 165px
		}

		header .right {
			gap: 12px
		}

		header#logged .right {
			gap: 4px
		}

		header nav ul a {
			padding: 8px 10px;
			font-size: 13px;
		}

		header .account .btn {
			padding: 0 16px;
			font-size: 14px;
			height: 40px;
		}

		header .user__login__data .profile {
			margin-left: 5px;
		}
	}


	@media screen and (max-width: 1400px) {
		header .left {
			gap: 16px
		}

		header .right {
			gap: 10px
		}

		header#logged .right {
			gap: 3px
		}

		header .search {
			width: 190px
		}

		header#logged .search {
			width: 160px
		}

		header nav ul a {
			padding: 8px 10px;
			font-size: 13px;
		}

		header .account .btn {
			padding: 0 14px;
			font-size: 14px;
			height: 40px;
		}

		header .user__login__data .profile {
			margin-left: 4px;
		}
	}


	@media screen and (max-width: 1220px) {
		.container {
			max-width: 100%;
			padding: 0 30px
		}


		#breadcrumbs.hidden__mobile {
			display: none;
		}


		.section {
			padding: 100px 0 0;
		}

		.grid.grid-4 {
			grid-template-columns: repeat(3, 1fr);
		}

		.grid.grid-4 .project__item__n:last-child {
			display: none
		}


		#account__navigation {
			display: block;
		}


		header {
			padding: 12px 0;
			box-sizing: border-box;
			height: 68px
		}

		body {
			padding-top: 68px
		}

		header .pull {
			display: flex;
			border-radius: 12px;
			align-items: center;
			justify-content: center;
			width: 44px;
			height: 44px;
			background: #292929;
		}

		header .pull.open {
			background: #292929 url("../img/close.svg") 50% 50% no-repeat;
		}

		header .pull.open svg {
			opacity: 0;
		}

		header .account {
			display: none;
		}

		header .search,
		header#logged .search {
			width: 340px
		}

		#page__filters .providers__search {
			width: 240px;
		}

		header .lang {
			display: none;
		}

		/* Hide profile avatar button, message and notification icons on mobile header - they're in the bottom nav */
		header .user__login__data .profile,
		header .user__login__data .message,
		header .user__login__data .notification {
			display: none;
		}

		header nav {
			display: none;
			width: 100%;
			background: var(--black);
			position: absolute;
			top: 68px;
			left: 0;
			z-index: 200;
			box-sizing: border-box;
			min-height: calc(100vh - 68px);
			overflow-y: auto;
			border-top: 1px solid #292929;
			padding: 20px 12px;
		}

		header nav ul {
			display: block;
		}

		header nav ul li a {
			padding: 25px 40px 25px 0;
			display: inline-block;
			font-size: 24px;
			font-weight: 600;
			line-height: 110%;
		}

		/* Mobile-only items visible in mobile menu */
		.mobile-only-nav-item {
			display: block;
		}

		.mobile-only-nav-item form button {
			color: var(--white);
			font-weight: 600;
			font-size: 24px;
			line-height: 110%;
			padding: 25px 40px 25px 0;
			background: transparent;
			border: 0;
			text-align: left;
			width: 100%;
		}

		.mobile-menu-separator {
			padding: 15px 40px 15px 0;
		}

		.mobile-menu-separator hr {
			border: none;
			border-top: 1px solid #292929;
		}

		header nav ul li a.active {
			color: var(--yellow);
		}

		.mobile-language-switcher {
			padding: 15px 40px 15px 0;
		}

		.mobile-language-switcher div {
			display: flex;
			justify-content: flex-start;
			align-items: center;
		}

		.mobile-language-switcher a {
			padding: 10px 15px;
			color: var(--white);
			font-size: 24px;
			font-weight: 600;
			line-height: 110%;
		}

		.mobile-language-switcher .separator {
			color: #555;
			font-size: 24px;
			font-weight: 600;
			line-height: 110%;
		}

		.mobile-language-switcher a.active {
			color: var(--yellow);
		}


		#promo .slider-sw .swiper-pagination {
			left: calc(100% - 40px)
		}

		#promo .swiper-slide {
			padding: 60px 0;
			min-height: 620px
		}


		.project__item .image img {
			height: 230px
		}

		.project__item .title {
			font-size: 20px;
			padding: 20px;
		}

		.project__item__all a span span {
			font-size: 20px
		}


		.project__item__n .image img,
		.grid-4 .project__item__n .image img {
			height: 230px
		}

		.project__item__n .image .like img {
			width: auto;
			height: auto;
		}


		#breadcrumbs {
			padding: 20px 0;
		}


		.section__small__top {
			padding-top: 50px
		}


		#page__blog .grid.grid-4 {
			grid-template-columns: repeat(2, 1fr);
		}


		.projects__list__item {
			padding-bottom: 110px;
		}

		.projects__list__item .btns {
			position: absolute;
			bottom: 30px;
			left: 0;
			width: 100%;
			display: flex;
			align-items: center;
			justify-content: space-between;
			flex-wrap: wrap;
		}

		.projects__list__item .btns .btn {
			width: calc(50% - 5px)
		}

		.projects__list__item .col .btn {
			display: none;
		}

		.projects__list__item .col .price__item {
			text-align: right;
		}

		.projects__list__item .col .price__item strong {
			font-size: 22px;
		}

		.projects__list__item .col:nth-child(1) {
			max-width: 100%;
		}


		#page__content .content {
			width: 100%;
			padding: 0;
			border: none;
			position: relative;
		}

		#page__content .content .back {
			display: block;
			position: absolute;
			top: 20px;
			left: 30px;
			z-index: 10
		}

		#page__content .content .publish {
			display: block;
			position: absolute;
			top: 20px;
			right: 30px;
			z-index: 10
		}

		#page__content .content .publish .btn {
			height: 40px;
			font-size: 16px;
			padding: 0 16px
		}

		#page__content .sidebar {
			width: 100%;
		}

		#page__content .container {
			padding: 0;
			border: none;
		}

		#page__content .gallery {
			border-radius: 0
		}

		#page__content .gallery img {
			height: 400px;
			border-radius: 0;
		}

		#page__content .u__tags {
			padding: 0 30px;
		}

		#page__content .site__content {
			padding: 0 30px;
		}

		#page__content .info {
			padding: 30px 20px;
		}

		#page__content .sidebar {
			border: none;
		}

		#page__content .sidebar iframe {
			height: 400px;
		}

		#page__content .slider-sw .swiper-pagination {
			display: block;
		}

		#page__content .slider-sw .swiper-button-next,
		#page__content .slider-sw .swiper-button-prev {
			display: none;
		}


		#page__article .container__min {
			padding: 0;
		}

		#page__article .back {
			top: 20px;
			left: 50px;
		}

		#page__article .top img {
			height: 460px;
			object-fit: cover;
		}


		#page__contacts .form,
		#page__contacts .text {
			max-width: 100%;
			width: 100%;
		}

		#page__contacts .text {
			margin-bottom: 60px
		}


		#page__content .profile__data {
			width: 100%;
		}

		.profile__data .profile__info {
			flex-direction: column;
			align-items: flex-start;
			gap: 24px;
		}

		.profile__data .profile__info .u__user {
			max-width: 100%;
		}

		.profile__data .profile__info .more {
			max-width: 100%;
			align-items: flex-start;
			text-align: left;
		}

		.profile__data .profile__info .message {
			width: auto;
			position: relative;
			right: 0;
			top: 0;
			margin-top: 17px
		}

		.profile__data .profile__info .message .btn {
			font-size: 16px;
			height: 44px;
		}

		#page__content .profile__data .u__tags {
			padding: 0
		}

		#page__content .profile__data .site__content {
			padding: 0
		}

		#page__content .sidebar.sidebar__profile {
			padding-top: 0
		}

		.post__box:last-child {
			padding-bottom: 0;
		}


		#page__careers .container {
			padding: 0
		}

		#page__careers .image img {
			border-radius: 0;
			height: 520px;
		}

		#page__careers .data {
			padding: 0 30px 60px;
		}

		#page__careers .main {
			margin-bottom: 50px;
		}

		#page__careers .text {
			padding: 0 30px;
		}

		.grid.grid-3 {
			grid-template-columns: repeat(2, 1fr);
		}

		.grid.grid-2 {
			grid-template-columns: repeat(1, 1fr);
		}


		#subscribe .data {
			padding: 50px;
		}

		#subscribe .data .image {
			order: 0;
			width: 100%;
			margin-bottom: 40px;
		}

		#subscribe .data .image img {
			height: 370px
		}

		#subscribe .data .text {
			width: 100%;
			order: 1;
		}


		.box__modal {
			width: 100%;
			border-radius: 0;
			border: none;
			margin: 0;
			padding: 40px 30px
		}

		.box__modal .user__photo {
			margin: 0 auto 40px;
		}

		.box__modal .user__data {
			width: 100%;
		}

		.box__modal .form .modal__actions {
			gap: 0;
		}

		.box__modal .form .modal__actions .btn {
			width: calc(50% - 5px)
		}


		#page__user__setting .container {
			padding: 0;
		}

		#page__user__setting .page__data {
			border: none;
		}

		#page__user__setting .page__data .navigation {
			width: 100%;
			padding: 0
		}

		#page__user__setting .page__data .setting__data {
			width: 100%;
		}

		#page__user__setting .page__data .navigation .back {
			justify-content: flex-start;
			align-items: center;
			gap: 20px;
			padding: 20px 30px;
			border-bottom: 1px solid #414141
		}

		#page__user__setting .page__data .navigation .nav__title {
			width: auto;
			margin: 0
		}

		#page__user__setting .page__data .navigation nav {
			display: none;
		}

		#page__user__setting .list__swiper {
			display: block;
			padding: 40px 30px 20px
		}

		#page__user__setting .list__swiper .swiper-slide {
			width: calc(100%/3);
		}

		#page__user__setting .list__swiper a {
			display: block;
			line-height: 50px;
			text-align: center;
			color: #A0A0A0;
			font-size: 18px;
			font-weight: 500;
			border-bottom: 1px solid #292929
		}

		#page__user__setting .list__swiper a.active {
			color: var(--yellow);
			border-color: var(--yellow);
		}

		#page__user__setting .setting__data .box__settings {
			padding: 40px 30px
		}

		#page__user__setting .settings__contacts {
			grid-template-columns: repeat(1, 1fr);
			gap: 20px
		}


		.megamenu {
			z-index: 1000;
			top: 68px
		}

		.megamenu .container {
			border: none;
			border-radius: 0;
			min-height: 100vh;
			padding: 0
		}

		.megamenu .navigation {
			width: 100%;
			border: none;
			padding: 40px 0;
		}

		.megamenu .navigation .back {
			margin: 0 30px 30px;
		}

		.megamenu .navigation li a {
			padding: 20px 74px 20px 30px
		}

		.megamenu .navigation li a svg {
			right: 30px;
		}

		.megamenu .sub-menu-list {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			background: var(--black);
			padding: 0
		}

		.megamenu .sub-menu {
			padding: 30px;
		}

		.megamenu .sub-menu .information {
			width: 100%;
			padding: 0 0 60px
		}

		.megamenu .sub-menu .information:after {
			display: none;
		}

		.megamenu .sub-menu .advantages {
			width: 100%;
			padding: 0
		}

		.megamenu .sub-menu-list .col {
			max-width: 100%;
			width: 100%;
		}

		.megamenu .sub-menu-list .col .title {
			font-size: 18px;
		}

		.megamenu .sub-menu-list .col a {
			font-size: 18px;
		}

		.megamenu .sub-menu-list .col ul:last-child {
			margin-bottom: 30px
		}

		.megamenu .sub-menu-list .col ul.full {
			margin-bottom: 0;
		}

		.megamenu .sub-menu-list .col ul.full li a {
			text-align: left;
			font-size: 18px;
		}

		.megamenu .sub-menu .offers {
			max-width: 100%;
			width: 100%;
			margin-bottom: 60px
		}

		.megamenu .back {
			display: flex;
			align-items: center;
			justify-content: flex-start;
			gap: 20px;
			padding-bottom: 30px;
			border-bottom: 1px solid #292929;
			margin-bottom: 30px
		}

		.megamenu .back span {
			font-size: 24px;
			font-weight: 600;
			line-height: 110%;
		}


		footer {
			margin-top: 50px;
			padding-top: 50px;
			margin-bottom: 0
		}

		footer .subscribe {
			width: 100%;
			order: 0;
			margin-bottom: 40px;
			max-width: 100%;
		}

		footer .data {
			width: 100%;
			order: 1;
			gap: 0;
			position: relative;
			align-items: flex-start;
		}

		footer .col {
			max-width: 220px;
		}

		footer .col:nth-child(3) {
			margin-bottom: 140px
		}

		footer .col:last-child {
			position: absolute;
			bottom: 50px;
			right: 0;
		}
	}


	@media screen and (max-width: 767px) {
		.container {
			padding: 0 12px;
		}

		.section {
			padding: 80px 0 0;
		}


		.bt {
			font-size: 28px;
		}

		.block__title .left {
			max-width: 100%;
			width: 100%;
		}

		.block__title .btn {
			width: 100%;
			margin-top: 20px;
			height: 40px;
			font-size: 14px;
		}

		.bt__note {
			font-size: 15px;
		}


		.grid.grid-5 {
			grid-template-columns: repeat(2, 1fr);
		}

		.grid.grid-3 {
			grid-template-columns: repeat(2, 1fr);
		}



		header .search {
			width: 44px !important;
			height: 44px;
			border-radius: 12px;
			background: url("../img/searchw.svg") 50% 50% no-repeat;
			position: absolute;
			top: calc(50% - 22px);
			right: 66px
		}

		header .lang {
			display: none;
		}

		header .search form {
			position: absolute;
			top: 0;
			right: 100%;
			margin-right: 10px;
			width: 300px;
			display: none;
		}

		header .search.open {
			background: url("../img/closeg.svg") 50% 50% no-repeat;
		}

		header .logo {
			max-width: 160px
		}

		header#header__account .logo {
			position: relative;
			top: 0;
			left: 0;
		}

		header#header__account .right {
			display: none;
		}

		header#header__account .back .btn {
			width: 40px;
			height: 40px;
			gap: 0;
			font-size: 0;
			padding: 0
		}


		#promo .container {
			padding: 0 20px
		}

		#promo .swiper-slide {
			min-height: 560px;
			padding: 40px 0;
		}

		#promo .title {
			font-size: 38px;
			line-height: 110%;
		}

		#promo p {
			font-size: 14px;
		}

		#promo .slider-sw .swiper-pagination {
			display: none !important;
		}


		.project__item .image img {
			height: 174px
		}

		.project__item:nth-child(9),
		.project__item__n:last-child {
			display: block;
		}

		.project__item .title {
			padding: 16px 12px;
			font-size: 18px;
		}

		.project__item__all a span span {
			font-size: 18px
		}


		.project__item__n .image img {
			height: 174px
		}

		.project__item__n .data {
			padding: 14px 10px;
		}


		#blog .swiper-slide {
			width: 320px;
		}


		.site__content h2,
		.site__content h3,
		.site__content h4,
		.site__content h5,
		.site__content h6 {
			font-size: 24px;
			margin-bottom: 20px
		}

		.site__content h3 {
			font-size: 18px
		}

		.site__content {
			font-size: 15px;
			color: #CFCFCF
		}


		#page__title {
			padding: 30px 0 0;
		}

		#page__title .block__title {
			margin-bottom: 20px
		}


		#page__filters {
			padding: 0 0 20px;
		}

		#page__filters .flex {
			flex-wrap: wrap;
			gap: 10px;
		}

		#page__filters span {
			display: none;
		}

		#page__filters span.current {
			display: block;
		}

		#page__filters .providers__search {
			width: 100%;
			order: -1;
			margin-left: 0;
			margin-right: 0;
		}

		#page__filters .providers__search input {
			width: 100%;
		}

		#page__filters .sorting {
			width: calc(50% - 5px);
			order: 1;
		}

		#page__filters .sorting select {
			width: 100%;
			min-width: 100%;
		}

		#page__filters .filters {
			width: calc(50% - 5px);
			order: 2;
		}

		#page__filters .input__filters {
			box-sizing: border-box;
			width: 100%;
		}


		#page__title .sorting {
			width: 100%;
			margin-top: 20px
		}

		#page__title .sorting span {
			display: none;
		}

		#page__title .sorting select {
			width: 100%;
		}

		#page__blog .grid.grid-4 {
			grid-template-columns: repeat(1, 1fr);
		}


		#new__projects__page .pagination {
			margin-top: 20px;
		}


		.grid.grid-4 {
			grid-template-columns: repeat(2, 1fr);
		}

		.grid.grid-4 .project__item__n:last-child {
			display: block;
		}


		#page__content .sidebar iframe {
			height: 220px
		}

		#page__content .sidebar .box {
			padding: 25px 12px;
		}

		#page__content h1 {
			font-size: 24px;
		}

		#page__content .gallery img {
			height: 280px;
		}

		#page__content .u__tags {
			padding: 0 12px;
			margin-bottom: 20px;
		}

		#page__content .site__content {
			padding: 0 12px;
		}


		#page__content .content .back {
			top: 12px;
			left: 12px;
		}

		#page__content .content .back .btn-back {
			width: 40px;
			height: 40px;
			font-size: 0;
			padding: 0;
			gap: 0
		}


		.projects__list__item {
			padding: 14px 14px 78px;
		}

		.projects__list__item .u__user {
			margin-bottom: 80px;
		}

		.projects__list__item .col:nth-child(3) {
			top: 150px;
			max-width: 100%;
			padding-left: 14px;
			right: 0;
			box-sizing: border-box;
		}

		.projects__list__item .col .price__item {
			text-align: left;
		}

		.projects__list__item .col:nth-child(2) .project__item__n .image img {
			height: 160px
		}

		.projects__list__item .col:nth-child(2) .project__item__n:last-child {
			display: none;
		}

		.projects__list__item .btns {
			bottom: 14px;
		}

		.projects__list__item .btns .btn {
			font-size: 16px;
			height: 44px;
		}


		.u__user.u__medium {
			padding-left: 95px
		}

		.u__user.u__medium .u__image img {
			width: 80px;
			height: 80px;
		}

		.u__user .u__status {
			display: none;
		}

		.profile__data .profile__info {
			flex-direction: column;
			align-items: flex-end;
			gap: 20px;
			width: 100%;
		}

		.profile__data .profile__info .u__user {
			width: 100%;
			flex-direction: row;
			align-items: center;
			gap: 15px;
		}

		.profile__data .profile__info .u__user .u__image {
			width: 96px;
			height: 96px;
			flex: 0 0 96px;
		}

		.profile__data .profile__info .u__user .u__image img {
			width: 96px;
			height: 96px;
		}

		.profile__data .profile__info .u__user .u__info .name {
			font-size: 24px;
		}

		.profile__data .profile__info .more {
			width: 100%;
			align-items: flex-end;
			text-align: right;
			margin-bottom: 0;
		}

		.profile__data .profile__info .message {
			width: 100%;
			position: relative;
			right: auto;
			top: auto;
			margin-top: 12px;
		}


		#page__article {
			padding-top: 0
		}

		#page__article .top {
			width: calc(100% + 24px);
			margin-left: -12px
		}

		#page__article .top img {
			border-radius: 0;
			height: 280px;
			margin-bottom: 20px
		}

		#page__article .top .flex {
			padding: 0 12px;
		}

		.site__content .gallery img {
			width: 100%;
		}

		#page__article .u__tags {
			margin-bottom: 20px;
		}


		#page__contacts {
			padding-top: 40px
		}

		#page__contacts .text {
			margin-bottom: 40px;
		}

		.form .flex .form__item {
			width: 100%;
		}


		#page__content .profile__data {
			padding: 20px 12px;
		}

		.profile__data .profile__info .more {
			width: 100%;
			text-align: left;
			margin-bottom: 30px;
		}

		.profile__data .profile__info .price {
			text-align: left;
		}

		.u__reviews .u__item {
			padding: 20px;
		}

		.pagination.pagination__end {
			justify-content: center;
		}


		#page__careers .image img {
			height: 380px
		}

		#page__careers .data {
			padding: 0 20px 40px
		}

		#page__careers .data h1 {
			font-size: 38px;
		}

		#page__careers .main {
			margin-bottom: 40px
		}

		#page__careers .text {
			padding: 0 12px;
		}


		#why .item {
			padding: 20px;
		}


		#positions .item .title {
			font-size: 20px;
		}

		#positions .item .info {
			gap: 0
		}

		#positions .item .info p {
			width: 100%;
		}

		#positions .item .btn {
			width: 100%;
		}

		#positions .item .text {
			font-size: 15px;
		}


		#subscribe .data {
			padding: 20px;
		}

		#subscribe .data .image img {
			height: 190px
		}

		#subscribe .title {
			font-size: 38px;
		}

		#subscribe .note {
			font-size: 15px;
			margin-bottom: 20px;
		}


		.grid.grid-3 {
			grid-template-columns: repeat(1, 1fr);
		}


		#page__account {
			padding: 80px 0 30px;
		}

		#page__account .bt__note {
			margin-bottom: 30px
		}


		label.radio__full {
			padding: 20px;
		}


		.btn-login {
			font-size: 0;
		}

		.btn-login span {
			display: block;
			font-size: 15px;
		}


		.box__modal {
			padding: 30px 12px
		}

		.modal__title {
			font-size: 24px;
			margin-bottom: 30px
		}

		.fancybox-close-small {
			top: 32px
		}

		#post__created,
		#modal__payment,
		#remove__post {
			padding: 30px 20px;
			max-width: calc(100% - 24px);
			border-radius: 12px;
			border: 1px solid #414141;
			margin: 30px 0;
			padding-top: 65px
		}


		#breadcrumbs a.btn {
			width: 40px;
			height: 40px;
			padding: 0;
			gap: 0;
			font-size: 0;
		}


		.bt.bt__page {
			font-size: 24px;
			margin-bottom: 40px;
		}

		.box__post__title {
			margin-bottom: 20px;
			font-size: 18px;
		}


		.grid.grid-6 {
			grid-template-columns: repeat(3, 1fr);
		}

		.images__uploads .item {
			padding: 6px
		}

		.images__uploads.video__uploads .item {
			height: 220px
		}

		#page__content .content .publish {
			right: 12px;
			top: 12px
		}


		#page__notification {
			padding: 20px 0 0;
		}

		#page__notification .item {
			padding: 20px 60px 20px 16px
		}

		#page__notification .item .btn {
			right: 16px
		}

		#page__notification .item .text {
			width: calc(100% - 40px)
		}

		#page__notification .loadmore {
			padding-top: 30px
		}


		#page__user__setting {
			margin: 0
		}

		#page__user__setting .page__data .navigation .back {
			padding: 9px 12px;
			gap: 12px;
		}

		#page__user__setting .page__data .navigation .back a {
			font-size: 0;
			padding: 0;
			width: 40px;
			height: 40px;
			gap: 0
		}

		#page__user__setting .page__data .navigation .nav__title {
			font-size: 20px;
		}

		#page__user__setting .list__swiper {
			padding: 30px 12px 10px;
		}

		#page__user__setting .list__swiper .swiper {
			overflow-x: visible;
		}

		#page__user__setting .list__swiper .swiper-slide {
			width: auto;
		}

		#page__user__setting .list__swiper a {
			padding: 0 20px;
			line-height: 46px;
			font-size: 16px;
		}

		#page__user__setting .setting__data .box__settings {
			padding: 20px 12px;
		}

		#page__user__setting .title__settings {
			font-size: 20px;
		}

		#page__user__setting .pass__update {
			gap: 20px;
		}

		#page__user__setting .pass__update p {
			width: 100%;
			font-size: 16px;
		}

		.actions__send .btn {
			min-width: 0;
			width: calc(50% - 5px) !important;
			padding: 0 !important
		}


		.form .flex.flex-3 .form__item {
			width: 100%;
		}

		.box__modal .form .modal__actions {
			justify-content: space-between !important;
		}


		.megamenu .sub-menu-list {
			padding: 30px 12px;
			padding: 0
		}

		.megamenu .sub-menu {
			padding: 30px 12px;
		}

		.megamenu .sub-menu .offers {
			gap: 8px;
			grid-template-columns: repeat(2, 1fr);
		}

		.megamenu .sub-menu .information {
			padding-bottom: 30px;
		}

		.megamenu .navigation .back {
			margin: 0 12px 12px;
		}

		.megamenu .navigation li a {
			padding: 20px 60px 20px 12px;
		}


		footer .subscribe form .btn {
			height: 44px;
			padding: 0 22px;
			font-size: 16px;
			top: calc(50% - 22px)
		}

		/* Reset tablet footer styles */
		footer .data {
			position: static;
		}

		footer .col {
			max-width: 100% !important;
			width: 100% !important;
		}

		footer .col:nth-child(3) {
			margin-bottom: 0 !important;
		}

		footer .col:last-child {
			position: static !important;
			bottom: auto !important;
			right: auto !important;
		}

		/* All footer box titles - collapsible with arrow */
		footer .col .box {
			margin-bottom: 0 !important;
		}

		footer .col .box .title {
			display: block;
			position: relative;
			cursor: pointer;
			padding: 16px 30px 16px 0;
			margin: 0 !important;
			font-size: 16px;
			font-weight: 600;
			color: var(--white);
		}

		footer .col .box .title a {
			pointer-events: none;
			font-size: 16px;
			font-weight: 600;
			color: var(--white);
			margin-bottom: 0;
		}

		footer .col .box .title:after {
			width: 20px;
			height: 20px;
			background: url("../img/arrdw.svg") 50% 50% no-repeat;
			position: absolute;
			top: calc(50% - 10px);
			right: 0;
			content: '';
			transition: transform 0.2s;
		}

		footer .col .box .title.open:after {
			transform: rotate(180deg);
		}

		/* All footer lists hidden by default */
		footer .col .box ul {
			display: none;
			padding: 16px 0;
			margin: 0;
		}

		/* Footer bottom section */
		footer .bottom {
			padding: 20px 0;
			margin-top: 30px;
			justify-content: center;
			text-align: center;
			gap: 10px
		}

		footer .bottom .copyright {
			order: 1;
			width: 100%;
		}

		footer .bottom ul {
			order: 0;
			width: 100%;
			justify-content: center;
			margin-bottom: 10px
		}
	}


	@media screen and (max-width: 430px) {
		header .search form {
			width: 245px
		}
	}

	@media screen and (max-width: 767px) {
		#page__user__setting .box__settings.empty {
			display: none;
		}

		#scrollTopBtn {
			bottom: 60px;
			right: 20px;
			width: 44px;
			height: 44px;
		}

		#scrollTopBtn.show {
			bottom: 70px;
		}
	}