@media screen and (max-width: 1850px) {
	#main {
		background: url("../images/banners/main-banner.png") no-repeat bottom 0px right 100px, #eef5ff
	}
	.ny-main {
		background: url("../images/banners/ny-main-banner.png") no-repeat bottom 0px right -20px, #5d697a !important;
	}
}

@media screen and (max-width: 1600px) {
	#main {
		background: url("../images/banners/main-banner.png") no-repeat bottom 0px right 0px, #eef5ff
	}
	.ny-main {
		background: url("../images/banners/ny-main-banner.png") no-repeat bottom 0px right -120px, #5d697a !important;
	}
}

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

	.main-caption {
		margin-top: 50px;
	}

	#main {
		background: url("../images/banners/main-banner-md.png") no-repeat bottom 0px right 0px, #eef5ff;
		height: auto;
	}

	.ny-main {
		background: url("../images/banners/ny/ny-main-banner-md.png") no-repeat bottom 0px right 0px, #5d697a !important;
	}

	.srv-block__item {
		flex: 1 1 0px;
	}

	.main-menu {
		margin-left: -100px;
	}

	.main-sub-caption {
		font-size: 22px;
		margin-top: 0;
	}

	#main .make-request {
		margin-bottom: 20px;
	}

	#sales, #services, #news, #how-we-work {
	    padding: 50px 0;
	}

	.sales-block__item span {
	    font-size: 20px;
	}

	.srv-block__item h3 {
	    font-size: 22px;
	}

	.sales-block__item a {
		margin-right: auto;
		margin-left: auto;
	}

	.sales-block__item span {
		line-height: 25px;
	}

	#banners {
		display: none;
	}

	#request {
		background: url("../images/banners/focus-banner.jpg") no-repeat center 0 / cover;
		height: auto;
	}

	#request .caption {
		margin-top: 60px;
	}

	#request .caption__white.precaption {
		font-size: 22px;
	}

	#request .make-request {
		margin-bottom: 40px;
	}

	#about {
		background-color: #eef5ff;
		background-image: none;
	}

	.about-block__item:nth-child(1) {
		margin-right: 40px;
	}

	.about-block__item h3 {
		font-size: 22px;
	}

	.callme_banner {
		margin-top: 50px;
		width: 100%;
	}
}

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

	#main {
		background: url("../images/banners/main-banner-sm.png") no-repeat bottom 0px right 0px, #eef5ff;
		height: auto;
	}

	.ny-main {
		background: url("../images/banners/ny/ny-main-banner-sm.png") no-repeat bottom 0px right 0px, #5d697a !important;
	}


	.main-menu {
		margin-left: -300px;
	}

	.srv-block {
		flex-direction: column;
	}

	.srv-block__item {
		margin-left: 0px;
		padding: 38px;
		margin-bottom: 30px;
	}

	.how-block {
		flex-direction: column;
		align-items: flex-start;
	}

	.how-block__item {
	    margin-left: 0px;
	    margin-top: 50px;
	}

	.about-block {
		flex-direction: column;
	}

	.employee-photo {
		width: 300px;
		height: auto;
	}

	.employee-shadow {
		width: 300px;
		height: 305px;
		margin-top: -270px;
	}

	#banners .page-container {
		width: 100% !important;
	}

	.sales-block__item span {
		height: 100px;
	}

	#request .caption__white.precaption {
		line-height: 22px;
	}

	.utp {
		width: 500px;
	}

	/* Страница "Сервисы" */

	.services-list__item {
		margin-right: 0 !important;
		margin-left: 0 !important;
		width: 100%;
		height: auto;
	}

	.services-list__item-description {
		margin-bottom: 70px;
	}

}

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

	.page-header {
		background-color: #fff;
	}

	#main {
		margin-top: 30px;
		background: url("../images/banners/main-banner-sm.png") no-repeat bottom 0px right -150px, #eef5ff;
	}

	.main-caption {
	    margin-top: 20px;
	    margin-bottom: 20px;
	}

	.main-caption__row2 {
		font-size: 40px;
	}

	.main-sub-caption {
		font-size: 18px;
	}

    .utp {
        width: auto;
    }

	.advn-block {
		flex-direction: column;
	}

	.advn-block__item {
		margin-left: 0px;
		margin-bottom: 30px;
	}

	#services, #sales, #advantages, #news, #about, #how-we-work, #partners {
	    padding: 30px 0;
	}

	.sales-block__item span {
        height: auto;
    }

	.about-block__item:nth-child(2) {
		margin-left: auto;
	    margin-right: auto;
	    margin-top: 30px;
	}

	.slick-track {
		display: flex;
	    flex-direction: column;
	    align-items: center;
	}

	.slick-slide {
		margin-bottom: 30px;
	}

	.about-company-slide {
		margin-left: 0px !important;
	}

	.logo-wrapper {
		margin-left: 55px;
	}

	.logo-wrapper img {
		margin-top: 0;
		margin-bottom: 6px;
		width: 80%;
	}

	.fr-logo-wrapper {
		display: none;
	}

	.menu-button-open::before {
		background: url(../images/common.svg) 0 -30px no-repeat !important;
	}

	.main-menu {
		width: auto;
	}

	.main-menu {
		margin-left: auto;
		margin-right: auto;
	}

	.main-menu-list {
		display: block;
		padding-top: 20px !important;
	}

	.main-menu-list li {
		margin-left: 20px;
	}

	.main-menu-sublist {
		display: block;
		overflow: visible !important;
		height: auto !important;
	}


	.nav-wrapper .call-request {
		font-size: 16px;
		margin-left: -5px;
		margin-top: 10px;
	}

	.menu-wrapper.menu-active .menu-button-list {
		display: block;
	}

	.blue-caption-block {
	    padding-top: 80px;
	    padding-bottom: 40px;
	}

	h1 .caption {
	    margin-bottom: 10px;
	}

	.employee-director .employee-quote {
		width: auto;	
	}

	.employee-director .quote-mark2 {
		margin-left: auto;
	}

	.callme_banner {
		margin-left: 0px;
	}

	.caption-description .pink-button {
		margin-left: auto;
		margin-right: auto;
		display: block !important;
		width: auto;
		margin-bottom: 30px;
	}

	#about-skills {
		padding: 60px 0;
	}

	#about-skills .channels {
		margin-top: 50px;
	}

	#about-skills .channels li div.d-flex {
		flex-direction: column;
	}

	#about-skills .channels li div.d-flex span {
		text-align: center;
		margin-top: 20px;
	}

	#about-skills ul.channels .fa-solid,
	#about-skills ul.channels .icon-block{
		width: auto;
	}

	#about-skills ul.channels p {
		margin-bottom: 20px;
	}


}

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

	#main {
	    background: url("../images/banners/main-banner-sm.png") no-repeat bottom 0px right 0px, #eef5ff;
	}

	.main-caption {
		margin-top: 70px;
		margin-bottom: 0;
	}

	.main-caption__row1 {
		font-size: 28px;
		line-height: 26px;
	}

	.main-caption__row2 {
		font-size: 30px;
	}

	.main-sub-caption {
		margin-top: 0px;
	}

	#main .make-request {
	    margin-bottom: 250px;
	}

	.sales-block {
		flex-direction: column;
	}

	.sales-block__item {
		margin-left: 0px !important;
		margin-bottom: 30px;
	}

	.sales-block__item span {
	    height: auto;
	}

	#banners {
		display: none;
	}

	.advn-block__item img {
		margin-left: auto;
	    margin-right: auto;
	}

	.advn-block__item h3 {
		text-align: center;
	}

	.advn-block__item p {
		text-align: center;
	}

	.how-block__item .how-block__item-images {
		justify-content: center;
	}

	.how-block__item h3 {
		text-align: center;
	}

	.how-block__item p {
		text-align: center;
	}

	#partners {
		display: none;
	}

	.about-block__item:nth-child(1) {
	    width: auto;
	}

	#request .caption__white {
		font-size: 40px;
	}

	#request .caption__white.precaption {
        line-height: 20px;
    }

	/* Шапка сайта */

	.nav-wrapper {
		flex-wrap: wrap;
	}

	.nav-wrapper .call-request {
		margin-bottom: 10px;
	}

	/* Страница "Наши сотрудники" */

	.employees-block .caption span {
		font-size: 35px;
	}

	#employee-consult,
	#employee-develop,
	#employee-sale,
	.employee-director {
		padding: 50px 0;
	}


	#employee-consult .caption,
	#employee-develop .caption,
	#employee-sale .caption {
		text-align: center;
		font-size: 26px;
		line-height: 26px;
	}

	#employee-consult .d-flex,
	#employee-develop .d-flex,
	#employee-sale .d-flex {
		flex-direction: column;
		align-content: center;
	}

	#employee-consult .d-flex div,
	#employee-develop .d-flex div,
	#employee-sale .d-flex div {
		margin-left: 0;
		margin-top: 20px;
		width: 255px;
	}

	#employee-consult .d-flex div img,
	#employee-develop .d-flex div img,
	#employee-sale .d-flex div img {
		margin-left: auto;
	    margin-right: auto;
	    display: block;
	}

	#callme {
	    padding: 50px 0;
	}
	
}