@media (max-width: 767px) {
	header {
		padding: 24px;
	}
	.logo img {
		height: 40px;
	}
	.menu__btn {
		width: 40px;
		height: 16px;
	}
	.menu__btn span {
		width: 40px;
	}
	.menu__btn span:nth-child(2) {
    	top: 16px;
	}
	.main__nav ul {
		gap: 32px;
	}
	.main__nav ul li a {
		padding: 16px 0;
		font-size: 24px;
	}
	.main__nav-footer {
		flex-direction: column;
		gap: 16px;
	}
	.big__slider {
		height: 75vh;
	}
	.home__about {
    	padding: 40px 16px;
	}
	.page__desc-centered p {
        line-height: 1;
	}
	.home__news-item {
		flex-direction: column;
	}
	.home__news-img {
		width: 100%;
	}
	.home__news-img img {
		
	}
	.home__news-info {
		width: 100%;
		padding: 0 40px;
	}
	.home__news-date {
    	font-size: 14px;
	}
	.btn {
		width: 180px;
		height: 40px;
		font-size: 14px;
	}
	.section__title {
        font-size: 24px;
    	margin-bottom: 24px;
	}
	.contact {
    	padding: 40px;
	}
	.contact .container {
		flex-direction: column;
		gap: 24px;
	}
	.contact__info {
		width: 100%;
	}
	.contact__info p {
	    width: 70%;
    	margin: 0 auto;
	}
	.contact__form {
		width: 100%;
	}
	.contact__form-popup form {
		width: 100%;
        gap: 24px;
	}
	.contact__form-popup .form__item {
		width: 100% !important;
	}
	.contact__form form {
		gap: 24px;
	}
	.contact__form .form__item {
		width: 100%;
	}
	.form__item label {
		font-size: 14px;
	}
	.form__item input {
		height: 40px;
	}
	.contact__form .form__item-submit input {
		width: 180px;
		height: 40px;
		font-size: 14px;
	}
	.contact__form-popup .form__item-submit input {
		width: 100%;
	}
	.work {
    	padding: 128px 40px 40px;
	}
	.filter__item {
		font-size: 16px;
	}
	.work__item {
		width: 100%;
		margin-bottom: 0;
	}
	.work__item h2 {
		font-size: 20px;
	}
	.work__item img {
		
	}
	.single__work {
		padding: 128px 0 40px;
	}
	.single__work-inner {
		padding: 0;
	}
	.page__video {
    	width: 100%;
    	height: auto;
	}
	.single__work-content {
    	padding: 40px;
	}
	.page__video iframe {
		height: 220px;
	}
	.page__video img {
		height: auto;
	}
	.single__work-content .container {
    	gap: 40px;
    	flex-direction: column;
	}
	.single__work-info {
    	width: 100%;
	}
	.single__work-desc {
    	width: 100%;
	}
	.single__work-gallery {
		height: 320px;
	}
	.single__work-gallery img {
    	padding: 0;
	}
	.single__page-nav {
		padding: 40px 40px 0;
		gap: 40px;
	}
	.single__page-nav a {
		font-size: 16px;
		gap: 8px;
	}
	.single__page-nav span {
	    height: 10px;
	}
	.page__title {
    	font-size: 40px;
	}
	.single__work .page__title,
	.single__post .page__title {
		font-size: 32px;
		padding: 0 24px;
	}
	.about__us {
		padding: 104px 40px 40px;
	}
	.about__us .page__content {
		font-size: 16px;
	}
	.team {
		padding: 0 40px;
	}
	.team__item {
		flex-direction: column;
	}
	.team__item-info {
		gap: 24px;
        width: 100%;
        padding: 0;
        order: 2;
        flex-direction: column;
	}
	.team__item-name {
        font-size: 24px;
        margin-bottom: 8px;
	}
	.team__item-desc {
		order: 2;
	}
	.team__item-img {
    	width: 100%;
    	padding: 0;
    	order: 1;
    	margin: 0;
	}
	.team__item-img img {
		height: 320px;
	}
	.news {
    	padding: 128px 40px 40px;
	}
	.news__item {
		width: 100%;
		margin-bottom: 0;
	}
	.news__item img {
		
	}
	.news__item h2 {
    	font-size: 18px;
	}
	.single__post {
    	padding: 128px 0 40px;
	}
	.single__post .page__title {
        font-size: 24px;
    }
    .single__post-content {
    	padding: 40px;
	}
	.single__post-content .container {
    	gap: 40px;
    	flex-direction: column;
	}
	.single__post-info {
    	width: 100%;
    	order: 2;
	}
	.single__post-desc {
    	width: 100%;
	}
	.share__links {
		flex-direction: row;
	}
	footer {
		gap: 24px;
		padding: 24px;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.footer__copyright {
		order: 2;
	}
	.footer__copyright p {
		font-size: 10px;
	}
	.footer__social img {
    	width: 16px;
	}
}

@media (min-width: 768px) and (max-width: 1023px) {
	.logo img {
		height: 64px;
	}
	.main__nav ul {
		gap: 32px;
	}
	.main__nav ul li a {
		padding: 16px 0;
		font-size: 32px;
	}
	.home__about {
		padding: 40px 24px;
	}
	.home__news-item {
		gap: 24px;
		flex-direction: column;
	}
	.home__news-img {
		width: 100%;
	}
	.home__news-img img {
		height: 400px;
	}
	.home__news-info {
		width: 100%;
		padding: 0 40px;
	}
	.home__news-title {
    	font-size: 32px;
	}
	.home__news-date {
    	font-size: 14px;
	}
	.btn {
	    width: 180px;
	    height: 40px;
	}
	.contact {
    	padding: 40px;
	}
	.contact .container {
		flex-direction: column;
		gap: 24px;
	}
	.contact__info {
		width: 100%;
	}
	.contact__info h2 {
		margin-bottom: 0;
	}
	.contact__form {
		width: 100%;
	}
	.contact__form form {
		gap: 24px;
	}
	.contact__form .form__item {
		width: 100%;
	}
	.form__item label {
		font-size: 14px;
	}
	.form__item input {
		height: 40px;
	}
	.contact__form .form__item-submit input {
		width: 180px;
		height: 40px;
		font-size: 14px;
	}
	.section__title {
    	font-size: 32px;
    	margin-bottom: 24px;
	}
	.work__item {
		width: 100%;
	}
	.single__work {
	    padding: 168px 40px 40px;
	}
	.single__work-content .container {
    	gap: 40px;
    	flex-direction: column;
	}
	.single__work-info {
    	width: 100%;
	}
	.single__work-desc {
    	width: 100%;
	}
	.single__work-gallery {
		height: 320px;
	}
	.single__work-gallery img {
    	padding: 0;
	}
	.single__page-nav {
		padding: 40px 0 0;
	}
	.about__us {
		padding: 192px 40px 40px;
	}
	.team {
		padding: 0 40px;
	}
	.team__item {
		flex-direction: column;
	}
	.team__item-info {
		gap: 24px;
        width: 100%;
        padding: 0;
        order: 2;
        flex-direction: column;
	}
	.team__item-name {
        font-size: 24px;
        margin-bottom: 8px;
	}
	.team__item-desc {
		order: 2;
        max-width: 100%;
	}
	.team__item-img {
    	width: 100%;
    	padding: 0;
    	order: 1;
    	margin: 0;
	}
	.team__item-img img {
		
	}
	.news__item {
		width: 100%;
	}
	.single__post .page__title {
		font-size: 40px;
	}
	.single__post-content .container {
		gap: 40px;
	}
	.single__post-info {
		
	}
	.single__post-desc {

	}

}

@media (min-width: 1024px) and (max-width: 1280px) {
	.main__nav ul {
		gap: 32px;
	}
	.main__nav ul li a {
		padding: 16px 0;
		font-size: 32px;
	}
	.home__news-title {
		font-size: 40px;
	}
	.work__item {
		width: calc(50% - 20px);
	}
	.page__video {
		height: 485px;
	}
	.team__item {
		align-items: flex-start;
	}
	.team__item-img {
		padding: 40px;
	}
	.team__item-img img {
		height: 560px;
	}
	.news__item {
		width: calc(50% - 20px);
	}
	.single__post .page__title {
		font-size: 40px;
	}
}