@media screen and (max-width: 1800px){
	.container{padding: 0 20px;}
	header .left{gap: 35px}
	header .search{width: 300px}
	header#logged .search{width: 250px}
	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}
	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}
	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}
	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{gap: 0;}
	#page__filters span{display: none;}
	#page__filters span.current{display: block;}
	#page__filters .sorting{width: calc(50% - 5px)}
	#page__filters .sorting select{width: 100%; min-width: 100%;}
	#page__filters .filters{width: calc(50% - 5px)}
	#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)}
	footer .col{width: 100%; max-width: 100%;}
	footer .col .title{position: relative; cursor: pointer; padding: 16px 0; margin: 0}
	footer .col .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: all 0.2s;}
	footer .col .title.open:after{transform: rotate(180deg);}
	footer .data .box{margin-bottom: 16px;}
	footer .col:last-child{position: relative; bottom: 0}
	footer .col:nth-child(3){margin-bottom: 0px;}
	footer .col ul{display: none;}
	footer .col:last-child ul{display: block; position: absolute; bottom: 0; right: 0;}
	footer .col:last-child .title{display: none; width: 50%;}
	footer .col:nth-child(3) .box:last-child{width: 50%; margin: 0}
	footer .col:nth-child(3) .box:last-child .title{display: none;}
	footer .col:nth-child(3) .box:last-child ul{display: block;}
	footer .data{padding-bottom: 0px}
	footer .bottom{padding: 20px 0; margin-top: 55px; 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;}
}