@media screen and (max-width: 1300px) {
	.work {
		margin: 48px 0 108px 0;
	}

	.work__img {
		margin: -60px -40px 0 -40px;
	}

	.work__card h3 {
		font-size: 20px;
	}

	.work__block:nth-of-type(4) .work__card h3 {
	    margin: 0;
	    max-width: 407px;
	}

	.work__card__absolute {
		right: 0;
	}

	.work__card__img {
	    display: flex;
	    height: 317px;
	    margin: 0 -130px 0 -80px;
	}

	.work__block:nth-of-type(4) .work__card__img {
	    width: 535px;
	    height: 328px;
	    margin: 30px -90px -11px 0;
	}

	.solution {
		margin: 108px 0 100px 0;
	}

	.solution__card {
		margin: 30px 0 0 0;
		height: 619px;
	}

	.mainBlog__wrap {
    	margin: 10px -10px 0 -10px;
    }

    .mainBlog {
    	margin: 100px 0;
    }

    .mainBlog__img {
    	height: 226px;
    }

    .mainBlog__card h3 {
    	font-size: 20px;
    }

    .reviews {
    	margin: 100px 0;
    }

    .faq {
    	margin: 100px 0;
    }

    .faq__inner {
    	max-width: 100%;
    }

    .faq__accordion__head span {
    	width: 16px;
    	height: 16px;
    }

    .faq__accordion__head span:before, .faq__accordion__head span:after {
    	width: 16px;
    }

    .banner {
    	margin: 100px 0;
    }

    .banner__border {
    	padding: 60px 48px;
    	background: #0A0A0A url(../images/banner__border2.png) 100% 100% no-repeat;
    }

    .banner h2 {
    	font-size: 48px;
    }

    .banner p {
    	margin: 30px 0 95px 0;
    }

    .blog {
    	margin: 60px 0 100px 0;
    }

    .blog__wrap {
    	margin: 10px -10px 0 -10px;
    }

    .article__banner {
    	height: 380px;
    }

    .article__width {
    	max-width: 100%;
    }


}

@media screen and (max-width: 1250px){
	
}


/* стили для md-устройств */
@media screen and (max-width: 1200px) {
	
}	


@media screen and (max-width: 1050px) {
	

  
}


/* стили для sm-устройств */
@media screen and (max-width: 1024px) {
	header {
		padding: 16px 0;
	}

	h1, h2 {
		font-size: 48px;
	}

	.work {
		margin: 60px 0 100px 0;
	}

	.global__text {
		max-width: 850px;
	}

	.work .global__text p {
		max-width: 595px;
		margin: 40px auto 0 auto;
	}

	.work__center {
		margin: 30px 0 0 0;
	}

	.work__img {
		margin: -60px -20px 0 -20px;
	}

	.work__block:nth-of-type(5) {
		display: none;
	}

	.work__block:nth-of-type(4) {
		width: 100%;
	}

	.work__card {
		padding: 0 24px 30px 24px;
	}

	.work__card h3 {
		margin: 45px 0 0 0;
	}

	.work__card__img {
		height: 257px;
	}

	.work__block:nth-of-type(4) .work__card {
		padding: 60px 48px;
	}

	.work__block:nth-of-type(4) .work__card__img {
        width: 446px;
        height: 328px;
        margin: 30px -53px -37px 0;
    }

    .solution {
    	margin: 100px 0;
    }

    .solution__card {
    	height: 440px;
    }

    .mainBlog .global__text p {
    	margin: 30px auto 0 auto;
    }

    .blog .global__text p {
    	margin: 30px auto 0 auto;
    }

    .mainBlog__wrap {
    	overflow: auto;
    	margin: 30px -40px 0 -40px;
    	padding: 0 40px;
    }

    .mainBlog__wrap::-webkit-scrollbar {
	  width: 0px;
	  height: 0px;
	}

    .mainBlog__block {
    	width: 100%;
    	padding: 0;
    	margin: 0 20px 0 0;
    }

    .mainBlog__block:last-child {
    	margin: 0;
    }

    .mainBlog__card {
    	width: 424px;
    }

    .reviews__wrap {
    	margin: 30px 0 0 0;
    }

    .faq__inner {
    	margin: 30px 0 0 0;
    }

    .banner__border {
        padding: 40px 40px;
        background: #0A0A0A url(../images/banner__border3.png) 100% 100% no-repeat;
    }

    .banner h2 {
    	font-size: 32px;
    }

    .banner p {
    	max-width: 228px;
    	margin: 20px 0 30px 0;
    }

    .banner a {
    	width: 228px;
    	text-align: center;
    }

    .footer__dok__mb {
    	display: flex;
    	margin: 15px 0 0 0;
    }

    .footer__dok__dk {
    	display: none;
    }

    .footer__block:nth-of-type(3) {
    	display: none;
    }

    .footer__nav {
    	gap: 50px;
    }

    .blog__block {
    	width: 50%;
    }

    .blog .mainBlog__card {
    	width: 100%;
    }

    .article__banner {
    	height: 275px;
    }
  
}

/* стили для sm-устройств */
@media screen and (max-width: 992px) {
	
}


@media screen and (max-width: 900px) {
	


}


/* Ipad*/ 
@media screen and (max-width: 768px) {

	.container {
		padding: 0 30px;
	}

	.header__nav ul {
		gap: 30px;
	}

	h1, h2 {
		font-size: 36px;
	}

	.work .global__text p {
		margin: 24px auto 0 auto;
	}

	.work__img {
		margin: -27px -18px 0 -18px;
	}

	.work__block {
		width: 50%;
	}

	.work__block:nth-of-type(4) {
		width: 50%;
	}

	.work__block:nth-of-type(4) .work__card {
		padding: 0 24px 30px 24px;
	}

	.work__card__absolute {
		position: relative;
	}

	.work__card__img img {
		display: none;
	}

	.work__card__img img + img {
		display: block;
	}

	.work__card__img {
		height: 257px;
		margin: 0;
		position: relative;
		z-index: 1
	}

	.work__card__img img {
		width: auto;
		height: auto;
	}

	.work__card__mobile__light {
		display: flex;
		position: absolute;
		top: -40px;
		left: -25px;
	}

	.work__card h3 {
		margin: 26px 0 0 0;
		position: relative;
		z-index: 1;
	}

	.work__card p {
		margin: 16px 0 0 0;
		position: relative;
		z-index: 1;
	}

	.work__flex {
		height: auto;
	}

	.work__block:nth-of-type(4) .work__card__img {
		width: auto;
		height: 257px;
		margin: 0 0 0 40px;
	}

	.work__block:nth-of-type(4) .work__card h3 {
		margin: 26px 0 0 0;
	}

	.solution__card {
		height: 360px;
	}

	.solution .global__text p {
    	margin: 24px auto 0 auto;
    }

    .mainBlog__wrap {
    	margin: 30px -30px 0 -30px;
    	padding: 0 30px;
    }

    .mainBlog .global__text p {
    	margin: 24px auto 0 auto;
    }

    .blog .global__text p {
    	margin: 24px auto 0 auto;
    }

    .mainBlog__pd {
    	padding: 30px 24px 0 24px;
    }

    .mainBlog__bottom {
    	padding: 30px 24px 0 24px;
    }

    .mainBlog__card {
    	width: 340px;
    }

    .reviews__card {
    	padding: 24px 24px;
    }

    .banner__border {
        padding: 32px 32px;
        background: #0A0A0A url(../images/banner__border4.png) 100% 100% no-repeat;
    }

    .banner h2 {
    	font-size: 24px;
    }

    .banner {
    	margin: 60px 0;
    }

    footer {
    	margin: 100px 0 0 0;
    	padding: 0 0 50px 0;
    }

    .footer__wrap {
    	flex-wrap: wrap;
    	margin: 40px 0 0 0;
    }

    .footer__block {
    	width: 100%;
    }

    .footer__block:nth-of-type(1) {
    	order: 2;
    	margin: 40px 0 0 0;
    	display: flex;
    	align-items: center;
    	gap: 30px;
    }

    .footer__block:nth-of-type(2) {
    	order: 1;
    }

    .footer__dok__mb {
    	margin: 0;
    }

    .article__banner {
    	height: 220px;
    }

    .article__width {
    	margin: 30px 0 0 0;
    }
}


/* Ipad mini*/ 
@media screen and (max-width: 640px) {
	.header__nav {
		display: none;
	}

	.header__right {
		display: none;
	}

	.container {
		padding: 0 16px;
	}

	.header__burger {
		display: block;
	}

	h1, h2 {
		font-size: 24px;
	}

	.work {
		margin: 30px 0 60px 0;
	}

	body {
		font-size: 12px;
		line-height: 1.4;
	}

	.work .global__text p {
		margin: 16px auto 0 auto;
	}

	.work__link {
		width: 100%;
	}

	.work__block {
		width: 100%;
	}

	.work__block:nth-of-type(4) {
		width: 100%;
	}

	.solution {
		margin: 60px 0;
	}

	.solution .global__text p {
		margin: 16px auto 0 auto;
		font-size: 15px;
		line-height: 1.8;
	}

	.solution__card {
		height: 620px;
		background: url(../images/solution__card2.png) 50% 50% no-repeat;
	}

	.mainBlog {
		margin: 60px 0;
	}

	.mainBlog .global__text p {
		margin: 16px auto 0 auto;
		font-size: 15px;
		line-height: 1.8;
	}

	.blog .global__text p {
		margin: 16px auto 0 auto;
		font-size: 15px;
		line-height: 1.8;
	}

	.mainBlog__img {
		height: 220px;
	}

	.mainBlog__wrap {
		margin: 30px -16px 0 -16px;
		padding: 0 16px;
	}

	.mainBlog__block {
		margin: 0 8px 0 0;
	}

	.mainBlog__card {
		width: 330px;
		padding: 0 0 24px 0;
	}

	.mainBlog__pd {
		padding: 24px 20px 0 20px;
	}

	.mainBlog__bottom {
		padding: 24px 20px 0 20px;
	}

	.mainBlog__card a {
		width: 100%;
	}

	.reviews__card {
		padding: 20px 20px;
		width: 330px;
	}

	.reviews__wrap {
		overflow: auto;
		margin: 30px -16px 0 -16px;
		padding: 0 16px;
	}

	.reviews__wrap::-webkit-scrollbar {
	  width: 0px;
	  height: 0px;
	}

	.reviews {
		margin: 60px 0;
	}

	.reviews__block {
		margin: 0 8px 0 0;
		width: auto;
		display: flex;
	}

	.reviews__mr {
		width: 100%;
		margin: 0 8px 0 0;
	}

	.reviews h2 br {
		display: none;
	}

	.faq {
		margin: 60px 0;
	}

	.faq__inner {
		margin: 24px 0 0 0;
	}

	.faq__accordion {
		margin: 0 0 8px 0;
		padding: 16px 16px;
	}

	.faq__accordion__head h3 {
		font-size: 14px;
		line-height: 1.4;
		width: 75%;
	}

	.faq__accordion__content p {
		margin: 12px 0 0 0;
	}

	.blog {
		margin: 60px 0;
	}

	.blog__block {
		width: 100%;
	}

	.article__banner {
        height: 200px;
    }

    .article data {
    	margin: 0 0 24px 0;
    }

    .article h1 {
    	margin: 0 0 24px 0;
    }

    .article p {
    	margin: 0 0 30px 0;
    	font-size: 15px;
    	line-height: 1.8;
    }

    .article h3 {
    	font-size: 24px;
    	margin: 0 0 24px 0;
    }

    .article ul li {
    	font-size: 15px;
    	line-height: 1.8;
    	margin: 0 0 24px 0;
    }

    .article ul {
    	margin: 0 0 30px 0;
    }

    .article__img {
    	margin: 0 0 30px 0;
    }
}

@media screen and (max-width: 575px) {
  	
}

/* Galaxy S8+*/ 
@media screen and (max-width: 480px) {
  	.work__img img {
		display: none;
	}

	.work__img img + img {
		display: block;
	}

	.work__img {
        margin: -150px -20px 0 -20px;
    }

    .work__img img {
    	width: 100%;
    	height: 100%;
    	object-fit: cover;
    }

    .banner__border {
    	padding: 24px 20px;
    	height: 485px;
    }

    .banner h2 {
    	font-size: 20px;
    }

    .banner p {
    	margin: 16px 0 20px 0;
    }

    .banner a {
    	width: 100%;
    	padding: 0 25px;
    }

    footer {
    	margin: 60px 0 0 0;
    }

    .footer__wrap {
    	margin: 30px 0 0 0;
    }

    .footer__nav {
    	flex-wrap: wrap;
    	gap: 16px;
    }

    .footer__nav li {
    	width: 100%;
    }

    .footer__block:nth-of-type(1) {
    	flex-wrap: wrap;
    	margin: 24px 0 0 0;
    	gap: 16px;
    }

    .footer__dok {
    	flex-wrap: wrap;
    	gap: 16px;
    }

    .footer__dok li {
    	width: 100%;
    }

    footer p {
    	width: 100%;
    }
}

/* Galaxy*/ 
@media screen and (max-width: 415px) {
  	
}


/* Iphone 6.7.8 */ 
@media screen and (max-width: 360px) {
	.banner__border {
    	padding: 24px 20px;
    	height: 485px;
    	background: #0A0A0A url(../images/banner__border5.png) 50% 100% no-repeat;
    }
}

/* Iphone 5.5SE */ 
@media screen and (max-width: 320px) {
	
}