/*==========  Desktop First Method  ==========*/

@media only screen and (max-width : 1999px) {
    #counter {
        bottom: 60px;
    }
    .screen2__media {
        width: 1300px;
    }
    .screen3__media {
        width: 1080px;
    }
    .screen4__item1-media {
        width: 460px;
    }
    .screen4__item2-media {
        width: 760px;
    }
    .screen4__item2-desc {
        left: 110px;
        top: 170px;
    }
    .home-slider .owl-nav button.owl-prev {
        bottom: 60px;
    }
    .home-slider .owl-nav button.owl-next {
        bottom: 60px;
    }
    .home-slider__desc {
        right: 16%;
        top: 26%;
    }
    .card__details-col1 img {
        height: 100%;
        object-fit: cover;
    }
}
@media only screen and (max-width : 1899px) {
    .screen1__title {
        font-size: 70px;
    }
    .screen4__item1-desc {
        right: 55px;
    }
    .chat {
        right: 90px;
    }
    .home-top {
        right: 90px;
    }
    .screen2__media {
        width: 1100px;
    }
    .screen3__media {
        width: 900px;
    }
    .screen4__item1-media {
        width: 400px;
    }
    .screen4__item2-media {
        width: 640px;
    }
    .screen4__item2-desc {
        left: 80px;
        top: 150px;
    }
    .home-slider__desc {
        right: 12%;
    }
    .card__details-desc {
        height: 780px;
    }
}
@media only screen and (max-width : 1699px) {
    .header__container {
        height: 70px;
    }
    .screen2__desc h2 {
        font-size: 46px;
    }
    .screen3__desc h2 {
        font-size: 46px;
    }
    .screen4__item1-desc {
        width: 350px;
    }
    .screen4__item1-desc h2 {
        font-size: 46px;
    }
    .screen4__item2-desc {
        width: 430px;
    }
    .screen4__item2-desc h2 {
        font-size: 46px;
    }
    .home-slider__desc h2 {
        font-size: 46px;
        margin-bottom: 30px;
    }
    .screen1__title {
        font-size: 64px;
    }
    .chat {
        right: 50px;
    }
    .home-top {
        right: 50px;
    }
    .screen2__media {
        width: 1000px;
    }
    .screen3__media {
        width: 860px;
    }
    .screen4__item1-media {
        width: 360px;
    }
    .screen4__item2-media {
        width: 600px;
    }
    .screen4__item2-desc {
        left: 70px;
        top: 120px;
    }
    .designers__title {
        font-size: 60px;
    }
    .designers__container h2 {
        font-size: 46px;
        margin-bottom: 50px;
    }
    .designers__container h2::after {
        bottom: -25px;
    }
    .designers form input {
        height: 50px;
        font-size: 18px;
    }
    .designers form #submit {
        font-size: 16px;
        padding: 15px 40px;
    }
    .contact__title {
        font-size: 60px;
    }
    .contact__container h3 {
        font-size: 30px;
    }
    .contact form input {
        height: 50px;
        font-size: 18px;
    }
    .contact form textarea {
        font-size: 18px;
    }
    .contact form #submit {
        font-size: 16px;
        padding: 15px 40px;
    }
    .catalog {
        padding-top: 100px;
    }
    .catalog__title {
        font-size: 50px;
    }
    .catalog__grid {
        width: 1100px;
    }
    .catalog__grid-item {
        width: 510px;
        margin-bottom: 60px;
    }
    .catalog__grid-item-media {
        margin-bottom: 25px;
    }
    .catalog__grid-item-price {
        margin-bottom: 15px;
    }
    .pager li {
        margin-left: 6px;
        margin-right: 6px;
    }
    .pager li a {
        font-size: 20px;
        line-height: 20px;
        width: 36px;
        height: 36px;
    }
    .back__icon {
        width: 48px;
        height: 48px;
    }
    .back span {
        font-size: 14px;
    }
    .card-slider__item-title {
        font-size: 60px;
    }
    .card__promo {
        max-width: 1100px;
    }
    .card__details-desc-text {
        right: 50px;
        bottom: 20px;
    }
    .card__details-desc-text h2 {
        font-size: 46px;
        margin-bottom: 40px;
    }
    .technical h1 {
        font-size: 46px;
        margin-bottom: 50px;
    }
	
	.technical h1 {
        font-size: 46px;
        margin-bottom: 50px;
    }
	
	.technical h2 {
        font-size: 36px;
        margin-bottom: 42px;
    }
	
    .card__details-desc {
        height: 700px;
    }
}
@media only screen and (max-width : 1499px) {
    #counter {
        font-size: 28px;
    }
    #counter span {
        font-size: 17px;
    }
    .search__close {
        top: 20px;
    }
    .search__form {
        max-width: 900px;
    }
    .nav__body {
        padding: 70px 50px 130px 50px;
    }
    .nav__close {
        top: 20px;
    }
    .screen2__desc h2 {
        margin-bottom: 30px;
    }
    .screen2__desc h2::after {
        bottom: -15px;
    }
    .screen2__desc p {
        font-size: 16px;
    }
    .screen3__desc h2 {
        margin-bottom: 30px;
    }
    .screen3__desc h2::after {
        bottom: -15px;
    }
    .screen3__desc p {
        font-size: 16px;
    }
    .screen4__item1-desc {
        bottom: 80px;
    }
    .screen4__item1-desc h2 {
        margin-bottom: 30px;
    }
    .screen4__item1-desc h2::after {
        bottom: -15px;
    }
    .screen4__item1-desc p {
        font-size: 16px;
        margin-bottom: 15px;
    }
    .screen4__item2-desc h2 {
        margin-bottom: 30px;
    }
    .screen4__item2-desc h2::after {
        bottom: -15px;
    }
    .screen4__item2-desc p {
        font-size: 16px;
        margin-bottom: 15px;
    }
    .home-slider .owl-nav button.owl-prev {
        margin-left: -90px;
        width: 36px;
        height: 36px;
    }
    .home-slider .owl-nav button.owl-next {
        margin-right: -90px;
        width: 36px;
        height: 36px;
    }
    .home-slider__desc p {
        font-size: 16px;
    }
    .home-slider__desc {
        right: 10%;
    }
    .screen2__desc h2 {
        font-size: 42px;
    }
    .screen3__desc h2 {
        font-size: 42px;
    }
    .screen4__item1-desc h2 {
        font-size: 42px;
    }
    .screen4__item2-desc {
        width: 390px;
    }
    .screen4__item2-desc h2 {
        font-size: 42px;
    }
    .home-slider__desc h2 {
        font-size: 42px;
        margin-bottom: 20px;
    }
    .screen1__title {
        font-size: 60px;
    }
    .screen2__media {
        width: 950px;
    }
    .screen3__media {
        width: 760px;
    }
    .screen4__item1-media {
        width: 320px;
    }
    .screen4__item2-media {
        width: 500px;
    }
    .designers__title {
        font-size: 54px;
    }
    .designers__container h2 {
        font-size: 42px;
    }
    .contact__title {
        font-size: 56px;
    }
    .catalog__title {
        font-size: 46px;
    }
    .header__logo {
        width: 230px;
    }
    .card__details-desc-text {
        height: 310px;
    }
    .card__details-desc-text p {
        font-size: 16px;
        margin-bottom: 20px;
    }
    .technical p {
        font-size: 16px;
    }
    .chat {
        width: 40px;
        height: 40px;
        background-size: contain;
        bottom: 60px;
    }
    .home-top {
        width: 40px;
        height: 40px;
        background-size: 26px;
    }
    .chat {
        right: 30px;
    }
    .home-top {
        right: 30px;
    }
    .back__icon {
        width: 40px;
        height: 40px;
    }
    .back span {
        font-size: 12px;
    }
    .card-slider__item-title {
        font-size: 54px;
    }
    .card__promo {
        max-width: 1000px;
    }
    .card__details-desc-text {
        bottom: 40px;
    }
    .card__details-desc-text h2 {
        font-size: 42px;
    }
    .technical h1 {
        font-size: 42px;
        margin-bottom: 40px;
    }
	
	.technical h2 {
        font-size: 32px;
        margin-bottom: 36px;
    }
    .card-slider .owl-nav button.owl-prev {
        left: 4%;
        width: 38px;
        height: 38px;
    }
    .card-slider .owl-nav button.owl-next {
        right: 4%;
        width: 38px;
        height: 38px;
    }
    .home-slider__desc h2::after {
        bottom: -10px;
    }
}
@media only screen and (max-width : 1399px) {
    .scroll-dowm {
        width: 40px;
        height: 40px;
    }
    .screen2__desc {
        margin-top: -8vh;
    }
    .screen3__desc {
        margin-top: -12vh;
    }
    .screen4__item1-media {
        top: 80px;
    }
    .footer__container {
        width: 1100px;
    }
    .screen4__item1-desc {
        right: 30px;
        width: 315px;
    }
    .screen4__item2-desc {
        left: 50px;
        top: 110px;
    }
    .home-slider__desc {
        right: 7%;
    }
    .screen2__desc h2 {
        font-size: 36px;
    }
    .screen3__desc h2 {
        font-size: 36px;
    }
    .screen4__item1-desc h2 {
        font-size: 36px;
    }
    .screen4__item2-desc {
        width: 380px;
		}
    .screen4__item2-desc h2 {
        font-size: 36px;
    }
    .home-slider__desc h2 {
        font-size: 36px;
    }
    .screen1__title {
        font-size: 54px;
    }
    .screen2__media {
        width: 880px;
    }
    .screen3__media {
        width: 680px;
    }
    .screen4__item1-media {
        width: 310px;
    }
    .screen4__item2-media {
        width: 470px;
    }
}
@media only screen and (max-width : 1299px) {
    .footer__container {
        width: 1000px;
    }
    .screen1__title {
        font-size: 50px;
    }
    .screen4__item1-media {
        width: 270px;
    }
    .screen4__item2-media {
        width: 400px;
    }
    .catalog__container {
        width: 1070px;
    }
    .catalog__grid {
        width: 1000px;
    }
    .catalog__grid-item {
        width: 470px;
    }
    .card__details-desc-text {
        width: 370px;
    }
    .card__details-desc-text {
        right: 40px;
    }
    .card__details-desc {
        height: 580px;
    }
    .card__details-desc-text {
        height: 300px;
    }
    .card-slider__item-title {
        font-size: 50px;
    }
    .card__details-desc-text {
        bottom: 20px;
    }
    .card__details-desc-text h2 {
        font-size: 36px;
    }
    .technical h1 {
        font-size: 36px;
    }
	
	.technical h2 {
        font-size: 28px;
    }
	
    .card__promo {
        width: 80%;
    }
}
@media only screen and (max-width : 1199px) {
    .header {
        padding-left: 40px;
        padding-right: 40px;
    }
    .home-slider__desc {
        width: 440px;
    }
    .home-top {
        bottom: 100px;
    }
    .screen4__item1-desc {
        bottom: 40px;
    }
    .home-slider__desc h2 {
        margin-bottom: 15px;
    }
    .chat {
        bottom: 40px;
    }
    .screen4__item1-desc {
        right: 10px;
    }
    .screen2__media {
        width: 740px;
    }
    .screen3__media {
        width: 620px;
    }
    .footer__container {
        width: 830px;
    }
    .screen1__title {
        font-size: 44px;
    }
    .screen4__item1-media {
        width: 250px;
    }
    .screen4__item2-media {
        width: 380px;
    }
    .catalog {
        padding-top: 80px;
    }
    .catalog__container {
        width: 940px;
    }
    .catalog__grid {
        width: 940px;
    }
    .catalog__grid-item {
        width: 450px;
    }
    .card__details-desc-text {
        right: 30px;
    }
    .home-slider__desc h2::after {
        bottom: -7px;
    }
}
@media only screen and (max-width : 991px) {
    .search__close {
        right: 40px;
    }
    .nav__close {
        right: 40px;
    }
    .screen2__desc {
        width: 420px;
    }
    .screen2__desc-more {
        font-size: 15px;
    }
    .screen3__desc {
        margin-left: 8%;
    }
    .screen3__desc-more {
        font-size: 15px;
    }
    .screen4__desc-more {
        font-size: 15px;
    }
    .footer {
        padding-top: 40px;
        padding-bottom: 0;
    }
    .footer__container {
        flex-wrap: wrap;
        justify-content: center;
        width: 740px;
    }
    .footer__container-item {
        align-items: center;
        width: 100%;
    }
    .footer__copyright {
        margin-bottom: 16px;
    }
    .footer__social {
        align-self: center;
        margin-bottom: 40px;
    }
    #counter {
        bottom: 40px;
    }
    .home-slider .owl-nav button.owl-prev {
        bottom: 40px;
    }
    .home-slider .owl-nav button.owl-next {
        bottom: 40px;
    }
    .header__container {
        height: 50px;
    }
    .screen2__desc p {
        font-size: 15px;
    }
    .screen3__desc p {
        font-size: 15px;
    }
    .screen4__item1-desc p {
        font-size: 15px;
    }
    .screen4__item2-desc p {
        font-size: 15px;
    }
    .home-slider__desc p {
        font-size: 14px;
    }
    .screen2__desc {
        margin-top: -5vh;
    }
    .screen3__desc {
        margin-top: -8vh;
    }
    .home-slider__desc h2 {
        font-size: 34px;
    }
    .home-slider__desc {
        width: 390px;
    }
    .screen4__item1-desc {
        bottom: 50px;
    }
    .screen2__media {
        width: 620px;
    }
    .screen3__media {
        width: 600px;
    }
    .footer__container {
        width: 610px;
    }
    .screen1__title {
        font-size: 40px;
    }
    .header__lang {
        margin-right: 4px;
    }
    .header__lang a {
        font-size: 13px;
        margin-right: 20px;
    }
    .header__search-btn {
        width: 20px;
        height: 20px;
        margin-right: 30px;
    }
    .header__nav-toggle span {
        height: 1.4px;
    }
    .search__form input {
        font-size: 20px;
    }
    .search__close {
        top: 10px;
    }
    .nav__close {
        top: 10px;
    }
    .header__logo {
        width: 180px;
    }
    .designers__container {
        width: 720px;
    }
    .designers__title {
        font-size: 46px;
    }
    .contact__container {
        width: 720px;
    }
    .contact__item p {
        font-size: 20px;
    }
    .contact__item a {
        font-size: 16px;
    }
    .showrooms__item {
        margin-bottom: 20px;
    }
    .showrooms__item-title {
        font-size: 24px;
    }
    .showrooms__item-address {
        font-size: 16px;
    }
    .showrooms__item a {
        font-size: 16px;
    }
    .showrooms__work {
        font-size: 16px;
    }
    .contact__sep > a {
        font-size: 26px;
    }
    .contact__social a {
        width: 30px;
        height: 30px;
        margin-right: 14px;
    }
    .contact__container h3 {
        font-size: 28px;
    }
    .contact__title {
        font-size: 50px;
    }
    .catalog__grid-item-media {
        margin-bottom: 20px;
    }
    .catalog__grid-item-price {
        margin-bottom: 10px;
    }
    .catalog__container {
        width: 720px;
    }
    .catalog__grid {
        width: 720px;
    }
    .catalog__grid-item {
        width: 350px;
    }
    .technical__container {
        width: 720px;
    }
    .technical__dimension-item img {
        max-width: 100%;
    }
	
	.technical__dimension figure img {
	    max-width: 100%;
	}
	
    .card__details {
        position: relative;
    }
    .card__details-col1 {
        position: static;
        overflow: initial;
    }
    .card__details-desc {
        bottom: 84px;
        z-index: 2;
    }
    .card__details-desc {
        height: 500px;
    }
    .card__details-desc {
        background-image: url(../img/details-desc2.svg);
    }
    .card__details-desc {
        background-position: right bottom;
    }
    .card__details-desc-text h2::after {
        bottom: -15px;
    }
    .card__details-desc-text h3 {
        font-size: 14px;
    }
    .card__details-bottom {
        margin-top: 50px;
    }
    .technical {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .card__details-desc-text h2 {
        margin-bottom: 30px;
    }
    .card__details-desc-text p {
        font-size: 14px;
        margin-bottom: 15px;
    }
    .card__details-desc-text {
        height: 230px;
    }
    .card-slider__item-title {
        font-size: 44px;
    }
    .card__details-desc-text h2 {
        font-size: 30px;
    }
    .technical h1 {
        font-size: 32px;
    }
	
	.technical h2 {
        font-size: 26px;
    }
	
    .card__details-desc {
        bottom: 80px;
        height: 390px;
    }
}

@media only screen and (max-width : 800px) {
.screen1 .desc,
.card-slider.desc {
		display: none;
	}
	
	.screen1 .mob,
	.card-slider.mob {
		display: block;
	}
}

@media only screen and (max-width : 767px) {
	
	.header {
		/*top: -1px;*/
	}
	
	.card-slider__item-title {
		top: 90px;
	}
	
    .back {
        bottom: 40px;
    }
    .back__icon {
        background-size: 24px;
    }
    .back span {
        padding-right: 14px;
    }
    .card-slider__item-media {
        /*object-position: 66% 50%;*/
    }
    .card__promo {
        padding-top: 100px;
        padding-bottom: 100px;
    }
    .card__details-desc-text h2::after {
        height: 1px;
    }
    .card__details-bottom {
        height: 65px;
    }
    .card__details-bottom img {
        width: 180px;
    }
    .technical h1::after {
        height: 1px;
        bottom: -15px;
    }
    .technical h3 {
        font-size: 16px;
    }
    .technical__download {
        font-size: 14px;
    }
    .technical__3d {
        font-size: 14px;
    }
    .technical p {
        font-size: 14px;
    }
    .chat {
        width: 34px;
        height: 34px;
    }
    .home-top {
        width: 34px;
        height: 34px;
        background-size: 24px;
    }
    .back__icon {
        width: 34px;
        height: 34px;
    }
    .technical h1 {
        margin-bottom: 30px;
    }
    .card-slider .owl-nav button.owl-prev {
        left: 2%;
        width: 30px;
        height: 30px;
    }
    .card-slider .owl-nav button.owl-next {
        right: 2%;
        width: 30px;
        height: 30px;
    }
    .card__details-desc-text {
        bottom: 10px;
    }
    .home-top {
        bottom: 90px;
    }
    .footer__container {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
    .header__logo {
        width: 170px;
    }
    .technical__container {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
    .card__details-desc-text h2::after {
        bottom: -10px;
    }
    .card__details-bottom {
        margin-top: 90px;
    }
    .card__details-desc-text h2 {
        margin-bottom: 20px;
    }
    .card__details-desc-text {
        height: 210px;
    }
    .card-slider__item-title {
        font-size: 36px;
    }
    .card__details-desc-text h2 {
        font-size: 26px;
    }
    .technical h1 {
        font-size: 26px;
    }
	.technical h2 {
        font-size: 22px;
    }
    .card__details-desc {
        bottom: 64px;
        height: 360px;
    }
    .header {
        padding-left: 15px;
        padding-right: 15px;
    }
    .nav__close {
        right: 15px;
    }
    .search__close {
        right: 15px;
    }
    .back span {
        font-family: "HelveticaNeueCyr-Roman";
        text-transform: none;
    }
    .catalog__title {
        margin-bottom: 30px;
    }
    .catalog__title::after {
        width: 100%;
        height: 1px;
        bottom: -15px;
    }
    .catalog__sub-title {
        font-size: 14px;
    }
    .catalog__links a {
        width: 46px;
    }
    .catalog__grid-item-title {
        font-size: 18px;
    }
    .catalog__grid-item-price {
        font-size: 14px;
    }
    .catalog__grid-item-more {
        font-size: 14px;
    }
    .catalog__grid-item {
        margin-bottom: 40px;
    }
    .pager li a {
        font-size: 16px;
        line-height: 16px;
        width: 30px;
        height: 30px;
    }
    .catalog__title {
        font-size: 32px;
    }
    .catalog__grid-item-media {
        margin-bottom: 15px;
    }
    .catalog__grid-item-price {
        margin-bottom: 5px;
    }
    .catalog__container {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
    .catalog__grid {
        width: 100%;
    }
    .catalog__grid-item {
        width: calc(50% - 10px);
    }
    .catalog__links img {
        display: block;
        width: 100%;
        height: auto;
    }
    .catalog__sub-title {
        margin-bottom: 35px;
    }
    .catalog__links-tooltip {
        padding: 2px 8px;
        top: -28px;
    }
    .contact {
        padding-bottom: 50px;
    }
    .contact__media {
        margin-bottom: 60px;
    }
    .contact__container h3 {
        margin-bottom: 30px;
    }
    .contact__grid {
        margin-bottom: 48px;
    }
    .contact__item {
        width: 100%;
        margin-bottom: 24px;
    }
    .showrooms__item {
        width: 100%;
    }
    .contact__sep {
        flex-direction: column;
        margin-bottom: 48px;
    }
    .contact__social {
        margin-right: 0;
        margin-bottom: 16px;
    }
    .contact form {
        width: 100%;
    }
    .contact form input {
        padding-left: 16px;
        padding-right: 16px;
    }
    .contact form input {
        font-size: 16px;
    }
    .contact__container {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
    .contact__item p {
        font-size: 22px;
		}
    .showrooms__item {
        margin-bottom: 24px;
    }
    .showrooms__item-title {
        font-size: 26px;
    }
    .showrooms__item-address {
        font-size: 18px;
    }
    .showrooms__item a {
        font-size: 18px;
    }
    .showrooms__work {
        font-size: 18px;
    }
    .contact__social a {
        width: 32px;
        height: 32px;
    }
    .contact__container h3 {
        font-size: 26px;
    }
    .contact__title {
        font-size: 36px;
    }
    .designers {
        padding-bottom: 50px;
    }
    .designers__media {
        margin-bottom: 50px;
    }
    .designers__container h2::after {
        height: 1px;
    }
    .designers__container p {
        font-size: 14px;
        margin-bottom: 20px;
    }
    .designers form {
        margin-top: 40px;
    }
    .designers form input {
        padding-left: 16px;
        padding-right: 16px;
    }
    .designers__container h2 {
        margin-bottom: 30px;
    }
    .designers__container h2::after {
        bottom: -15px;
    }
    .designers form input {
        font-size: 16px;
    }
    .designers__container h2 {
        font-size: 26px;
    }
    .designers__container {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
    .designers__title {
        font-size: 36px;
    }
    .designers__media img {
        object-position: 80% 50%;
    }
    .contact__media img {
        object-position: 60% 50%;
    }
    .screen1__bg {
        object-position: 5% 50%;
    }
    .scroll-dowm {
        width: 30px;
        height: 30px;
    }
    .screen1__title {
        font-size: 38px;
    }
    .screen2__desc h2 {
        font-size: 32px;
    }
    .screen2__desc {
        width: 365px;
    }
    .screen2__desc-more {
        font-size: 14px;
    }
    .screen2__desc p {
        font-size: 14px;
    }
    .screen2__desc {
        margin-top: 0;
    }
    .screen2__media {
        width: 80%;
    }
    .screen3__desc h2 {
        font-size: 32px;
    }
    .screen3__desc-more {
        font-size: 14px;
    }
    .screen3__desc p {
        font-size: 14px;
    }
    .screen3__desc {
        margin-top: 0;
    }
    .screen3__media {
        width: 80%;
    }
    .loaded .section.active .screen4__item1-desc h2::after {
        width: 100%;
    }
    .loaded .section.active .screen4__item2-desc h2::after {
        width: 100%;
    }
    .screen4__item1-desc {
        width: 85%;
    }
    .screen4__item2-desc {
        left: 8%;
        top: 15%;
    }
    .screen4__item1-desc h2 {
        font-size: 32px;
    }
    .screen4__item2-desc {
        width: 85%;
    }
    .screen4__item2-desc h2 {
        font-size: 32px;
    }
    .screen4__item1-desc {
        right: auto;
        left: 8%;
    }
    .screen4__item1-media {
        width: 80%;
    }
    .screen4__item2-media {
        width: 100%;
        height: 300px;
        object-fit: cover;
        object-position: 0% 50%;
    }
    .screen4__desc-more {
        font-size: 14px;
    }
    .screen4__item1-desc p {
        font-size: 14px;
    }
    .screen4__item2-desc p {
        font-size: 14px;
    }
    .screen4__item1-desc {
        bottom: 8%;
    }
    .home-slider__desc h2 {
        font-size: 32px;
    }
    .home-slider__media {
        object-position: 20% 50%;
    }
    .home-slider__item::after {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        background-color: rgba(0, 0, 0, 0.3);
        z-index: 1;
    }
}
@media only screen and (max-width : 599px) {
	
	.label-new {
		padding: 11px 18px;
		bottom: 35px;
	}
	
    .footer__phone {
        margin-bottom: 0;
        flex-direction: column;
    }
    .footer__phone a {
        margin-bottom: 16px;
    }
    .footer__phone a::after {
        display: none;
    }
    .card__details-col1 img {
        transform: scale(-1, 1);
    }
    .chat {
        right: 20px;
    }
    .home-top {
        right: 20px;
    }
    .card__promo {
        width: 90%;
    }
    .card__details-desc-text {
        right: 0;
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
    }
    .header__lang {
        display: none;
    }
    .header__search-btn {
        margin-right: 20px;
    }
    .card__details-desc-text p {
        margin-bottom: 10px;
    }
    .card-slider__item-media {
        /*object-position: 68% 50%;*/
		object-fit: inherit;
    }
    .card__promo {
        padding-top: 54px;
        padding-bottom: 54px;
    }
    .technical__download {
        background-size: 22px;
        background-position: left top;
    }
    .card-slider .owl-nav button.owl-prev {
       /* display: none; */
    }
    .card-slider .owl-nav button.owl-next {
       /* display: none; */
    }
    .header__logo {
        width: 140px;
    }
    .card__details-bottom {
        margin-top: 200px;
    }
    .card__details-desc-text {
        height: 230px;
    }
    .card-slider__item-title {
        font-size: 26px;
    }
    .card__details-desc {
        width: 100%;
    }
    .header {
        padding-left: 20px;
        padding-right: 20px;
    }
    .search__form {
        width: 90%;
    }
    .nav__body {
        width: 100%;
		padding: 130px 50px 130px 50px;
    }
    .nav__lang {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }
    .nav__lang a {
        color: #343434;
        font-size: 14px;
        line-height: 1.7;
        font-family: "HelveticaNeueCyr-Roman";
        text-decoration: none;
        margin-right: 24px;
    }
    .nav__lang a.current-lang,
    .nav__lang a.active {
        font-family: "HelveticaNeueCyr-Bold";
    }
    .nav__social {
        margin-bottom: 20px;
    }
    .catalog__grid-item-title {
        font-size: 16px;
    }
    .catalog__grid-item-price {
        font-size: 15px;
    }
    .catalog__grid-item-more {
        font-size: 15px;
    }
    .catalog__title {
        font-size: 26px;
    }
    .catalog__grid-item {
        width: 100%;
    }
    .contact__container h3 {
        text-align: left;
    }
    .contact__container {
        padding-left: 20px;
        padding-right: 20px;
    }
    .contact__media img {
        object-position: 50% 50%;
    }
    .contact__title {
        font-size: 26px;
    }
    .designers__title {
        font-size: 26px;
    }
    .screen1__bg {
        object-position: 13% 50%;
    }
    .screen1__title {
        padding-left: 20px;
        padding-right: 20px;
    }
    .screen2__media img {
        transform: translateX(25%);
    }
    .loaded .section.active .screen2__desc {
        padding-left: 20px;
        padding-right: 20px;
    }
    .screen2__media {
        width: 200%;
		padding-top: 35%;
    }
    .screen2__desc {
        padding-left: 20px;
        padding-right: 20px;
    }
    .screen3__media img {
        transform: translateX(15%);
    }
    .screen3__desc {
        padding-left: 20px;
        padding-right: 20px;
        width: 100%;
        margin-left: 0;
    }
    .screen3__media {
        width: 125%;
		padding-top: 35%;
    }
    .hide-mobile {
        display: none !important;
    }
    #counter {
        font-size: 26px;
    }
    #counter span {
        font-size: 16px;
    }
    .home-slider .owl-nav button.owl-prev {
        margin-left: -80px;
        width: 32px;
        height: 32px;
    }
    .home-slider .owl-nav button.owl-next {
        margin-right: -80px;
        width: 32px;
        height: 32px;
    }
    .home-slider__desc {
        right: 0;
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
    }
    .home-slider__media {
        object-position: 19% 50%;
    }
    .screen4 {
        /*padding-top: 50px;*/
        /*padding-bottom: 10px;*/
    }
	
	.fp-section {
		height: 100svh !important;
}
	.home-slider__item {
		height: 100svh;
	}
	
	
	.screen1,
	.screen2,
	.screen3,
	.screen4,
	.screen5 {
		height: 100svh;
	}
	
	.screen4 .screen4__item2::before {
		content: "";
		position: absolute;
		top: -50px;
		left: 0px;
		background: #f9f9f9;
		width: 100%;
		height: 60px;
	}
	
    .screen4__item1 {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: space-around;
        transform: none !important;
    }
    .screen4__item1-media {
        /*top: auto;*/
        top: -10%;
        position: relative;
        order: 2;
    }
    .screen4__item1-desc {
        width: 100%;
        order: 1;
        left: 0;
        padding-left: 20px;
        padding-right: 20px;
        opacity: 0;
        transform: translateY(80px);
        transition: all 1.2s ease;
    }
    .loaded .section.active .screen4__item1-desc {
        opacity: 1;
        transform: translateY(0);
        transition-delay: 0.3s;
    }
    .screen4__item1-media {
        width: 60%;
    }
    .screen4__item1-desc {
        bottom: 0;
        position: relative;
    }
    .screen4__item2 {
        width: 100%;
        height: 100vh;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: space-around;
        justify-content: space-between;
        transform: none !important;
    }
    .screen4__item2-media {
        top: auto;
        position: relative;
        order: 2;
		position: absolute;
    }
    .screen4__item2-desc {
        width: 100%;
        order: 1;
        left: 0;
        padding-left: 20px;
        padding-right: 20px;
        opacity: 0;
        transform: translateY(80px);
        transition: all 1.2s ease;
    }
    .loaded .section.active .screen4__item2-desc {
        opacity: 1;
        /*transform: translateY(0);*/
        transition-delay: 0.3s;
    }
    .screen4__item2-media {
        width: 85%;
		width: 90%;
        align-self: flex-end;
		bottom: 25%;
    }
    .screen4__item2-desc {
        bottom: 0;
        top: auto;
        position: relative;
    }
}


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 600px) {
    .hide-desctop {
        display: none !important;
    }
}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}