@media (max-width: 1620px) {
	.header-top-items__viber-link a:last-child,
	.header-top-items__contacts-card-number a {
		font-size: 20px;
	}

	.button {
		font-size: 18px;
		border-radius: 7px;
	}

	.header-top-items__contacts {
		margin-left: 70px;
	}

	.header-top-items__btn .button {
		min-width: 225px;
		height: 45px;
	}

	.header-bottom-item ul li a {
		font-size: 20px;
	}



	/* .home-banner .swiper-slide {
		height: 570px;
	} */

	.home-banner .swiper-slide h1 {
		font-size: 45px;
		max-width: 410px;
	}

	.home-banner .swiper-slide p {
		font-size: 25px;
	}

	.home-banner .swiper-slide form {
		margin: 50px 0 25px;
	}

	.home-banner .swiper-slide form input {
		margin-right: 20px;
	}




	.quiz-header h2 {
		font-size: 35px;
	}

	.quiz-header p {
		font-size: 21px;
	}

	.quiz-form-header h3 {
		font-size: 28px;
	}

	.quiz-form-header p {
		font-size: 18px;
	}

	.quiz-form-content__card label .quiz-form-content__card-checked {
		font-size: 16px;
	}

	.quiz-form-content__card label img {
		height: 150px;
	}

	.quiz-banner {
		font-size: 28px;
	}

	.quiz-banner span:last-child {
		font-size: 85px;
	}

	.quiz-footer-info__body {
		font-size: 18px;
	}

	.quiz-form-content__card-bg img {
		height: 250px;
	}

	.quiz-form-content__card-bg-input,
	.quiz-form-content__card-range-step {
		font-size: 18px;
	}

	.quiz-footer {
		margin-top: 35px;
	}

	.quiz-footer-btn .swiper-button-prev {
		min-width: 125px;
		height: 50px;
		margin-right: 25px;
	}

	.quiz-footer-btn .swiper-button-next {
		min-width: 150px;
		height: 50px;
	}

	.quiz-form-content__card-bg-input input {
		height: 45px;
		width: 115px;
	}

	.quiz-content-step {
		font-size: 18px;
		max-width: 140px;
		margin: 15px auto;
	}

	.quiz-content {
		padding: 20px 45px 30px 45px;
	}

	.quiz-form-header {
		margin-bottom: 30px;
	}

	.quiz-form-content__card-bg-name {
		font-size: 20px;
	}


	.quiz-form-content__card label .quiz-form-content__card-checked::before {
		min-width: 25px;
		height: 25px;
		line-height: 25px;
		font-size: 13px;
	}

	.quiz-form-gift {
		font-size: 20px;
	}

	.quiz-form-gift ul li::before {
		width: 25px;
		height: 25px;
		line-height: 25px;
		font-size: 12px;
	}

	.quiz-content.active {
		padding: 0 0 0 35px;
	}

	section {
		margin-bottom: 80px;
	}



	.title {
		font-size: 35px;
	}

	.subtitle {
		font-size: 20px;
	}

	.nav-pills {
		font-size: 16px;
		margin-bottom: 50px;
	}

	.nav-pills .nav-link {
		height: 45px;
	}

	.tabs-information-body h3 {
		font-size: 28px;
	}

	.tabs-information-body p {
		font-size: 20px;
	}

	.tabs-information-body__footer .button {
		max-width: 200px;
	}

	a.button {
		line-height: 54px;
	}

	.tabs-information-body__footer .button-no-bg {
		max-width: 270px;
	}



	.trend-item__card {
		height: 365px;
	}

	.trend-item__card h3, .trend-item__card p {
		font-size: 21px;
	}



	.new-ostrov {
		padding: 0 0 50px;
	}

	.new-ostrov-item {
		font-size: 18px;
	}

	.new-ostrov-item__li-number {
		font-size: 16px;
		min-width: 30px;
		height: 30px;
		line-height: 30px;
	}

	.new-ostrov-badge {
		font-size: 26px;
		margin-top: 40px;
		padding: 15px 40px;
	}

	.new-ostrov__card {
		height: 500px;
		padding-bottom: 30px;
	}

	.new-ostrov__card h3 {
		font-size: 21px;
	}

	.new-ostrov__card p {
		font-size: 16px;
	}

	.new-ostrov__card::before {
		height: 90%;
	}



	.quest-item {
		font-size: 20px;
	}

	.quest-item img {
		width: 100%;
		height: 505px;
		-o-object-fit: cover;
		   object-fit: cover;
	}

	.quest-item ul {
		margin-bottom: 45px;
	}

	.link-viber {
		max-width: 210px;
		height: 56px;
		font-size: 25px;
	}

	.link-viber svg {
		width: 46px;
		height: 46px;
	}

	.quest-item ul li:not(:last-child) {
		margin-bottom: 18px;
	}


	.main-work .nav-pills .nav-item:not(:last-child) {
		margin-right: 15px;
	}

	.main-work-item-img__caption {
		max-width: 380px;
	}

	.main-work-item-img__caption strong {
		font-size: 23px;
	}

	.main-work-item-img__caption ul li {
		font-size: 18px;
	}

	.main-work-item-img {
		height: 450px;
		max-width: 825px;
	}

	.main-work-item-btn button {
		width: 42px;
		height: 42px;
		font-size: 17px;
	}




	.main-sale-caption-body {
		max-width: 310px;
	}

	.main-sale-caption-title {
		font-size: 45px;
		line-height: 1;
	}

	.main-sale-caption-number {
		font-size: 150px;
	}

	.main-sale-caption p {
		font-size: 30px;
		line-height: 1;
	}



	.garantie-card {
		padding: 30px 25px;
	}

	.garantie-card__ico {
		width: 85px;
		height: 85px;
		line-height: 85px;
		margin-bottom: 20px;
	}

	.garantie-card__ico img,
	.garantie-card__ico svg {
		width: 55%;
		height: 100%;
	}

	.garantie-card__body p,
	.garantie-two .garantie-card__body p {
		font-size: 20px;
	}




	.my-company-item-title {
		font-size: 28px;
	}

	.my-company-item p {
		font-size: 20px;
	}

	.my-company-img img:first-child {
		height: 500px;
	}

	.my-company-img img:last-child {
		height: 370px;
	}




	.find-price-item p,
	.find-price-item ul li {
		font-size: 21px;
	}

	.find-price-item ul li::before {
		min-width: 30px;
		height: 30px;
		font-size: 16px;
		line-height: 30px;
	}

	.find-price-item form input {
		font-size: 20px;
		max-width: 235px;
		margin-right: 20px;
	}

	.find-price-item form button {
		max-width: 275px;
	}




	.order-potolok-item-body h2 {
		font-size: 35px;
	}

	.order-potolok-item-body h2 span {
		font-size: 110px;
	}

	.order-potolok-item-body button {
		max-width: 230px;
	}



	.faq-item-number {
		font-size: 90px;
		line-height: .75;
	}

	.faq-item-body h3 {
		font-size: 22px;
	}

	.faq-item-body p {
		font-size: 18px;
	}



	.accordion-button {
		font-size: 20px;
	}

	.accordion-body {
		font-size: 16px;
	}



	.my-contacts-li {
		font-size: 24px;
	}

	.my-contacts-link {
		margin-top: 45px;
	}

	.my-contacts-viber,
	.my-contacts-instagram {
		max-width: 170px;
		font-size: 25px;
		height: 55px;
		line-height: 55px;
	}

	.my-contacts-viber {
		padding: 0 15px 0 20px;
	}

	.my-contacts-viber svg {
		margin-right: 10px;
		width: 46px;
		height: 46px;
	}



	.footer-item {
		font-size: 21px	;
	}

	.footer-items__numbers {
		margin-left: 120px;
	}
}

/*X-Large devices (large desktops, less than 1400px)*/
@media (max-width: 1399.98px) {
	.header-bottom-item ul li a {
		font-size: 16px;
	}

	.header-top-items__viber-link a:last-child, .header-top-items__contacts-card-number a {
		font-size: 18px;
	}

	.header-top-items__contacts span {
		font-size: 12px;
	}

	.header-top-items__viber {
		font-size: 14px;
	}

	.header-top-items__btn .button {
		height: 40px;
		min-width: 200px;
		font-size: 16px;
	}

	.home-banner .swiper-slide h1 {
		font-size: 40px;
		max-width: 340px;
	}

	.home-banner .swiper-slide p {
		font-size: 20px;
	}

	.home-banner .swiper-slide form {
		margin: 30px 0 25px;
	}

	/* .home-banner .swiper-slide {
		height: 470px;
	} */



	.quiz-header h2 {
		font-size: 30px;
	}

	.quiz-header p {
		font-size: 18px;
	}

	.quiz-form-header h3 {
		font-size: 25px;
	}

	.quiz-form-header p {
		font-size: 16px;
	}

	.quiz-form-content__card label img {
		height: 120px;
		margin-bottom: 12px;
	}

	.quiz-form-content__card label .quiz-form-content__card-checked {
		font-size: 14px;
	}

	.quiz-form-content__card label .quiz-form-content__card-checked::before {
		min-width: 21px;
		height: 21px;
		line-height: 21px;
		font-size: 11px;
	}

	.quiz-footer-info__body {
		font-size: 16px;
	}

	.quiz-footer-btn .swiper-button-next,
	.quiz-footer-btn .swiper-button-prev {
		height: 45px;
		font-size: 16px;
	}

	.quiz-footer-btn .swiper-button-next {
		min-width: 130px;
	}

	.quiz-footer-btn .swiper-button-prev {
		min-width: 110px;
	}

	.quiz-form-content__card-bg-input {
		margin: 20px auto;
	}

	.quiz-footer {
		margin-top: 25px;
	}

	input[type="range"] {
		height: 10px;
	}

	input[type="range"]::-webkit-slider-thumb{
		height: 25px;
		width: 25px;
		margin-top: -5px;
		border: 5px solid #fff;
	}
	input[type="range"]::-moz-range-thumb{
		height: 10px;
		width: 10px;
		margin-top: -5px;
		border: 5px solid #fff;
	}
	input[type="range"]::-ms-thumb{
		appearance: none;
		height: 25px;
		width: 25px;
		margin-top: -5px;
		border: 5px solid #fff;
	}

	.quiz-content-step {
		font-size: 16px;
		height: 33px;
		line-height: 33px;
		max-width: 120px;
	}

	.quiz-content-progress .swiper-pagination-progressbar {
		height: 12px;
	}

	.quiz-content {
		padding: 20px 35px 30px 35px;
	}

	.quiz-form-content__card-bg-input input {
		width: 95px;
		height: 40px;
	}

	.quiz-banner {
		padding: 15px 25px 30px 25px;
		font-size: 25px;
	}

	.quiz-banner span:last-child {
		font-size: 75px;
	}

	.quiz-form-contacts input {
		height: 45px;
		font-size: 16px;
	}

	.quiz-form-contacts button {
		height: 45px;
		font-size: 18px;
	}

	.quiz-form-gift {
		font-size: 18px;
	}

	.quiz-footer-btn .swiper-button-prev {
		margin-right: 15px;
	}



	.nav-pills {
		font-size: 14px;
	}

	.button {
		font-size: 17px;
		height: 50px;
	}

	a.button {
		line-height: 50px;
	}

	.tabs-information-body__footer .button {
		max-width: 170px;
	}

	.tabs-information-body__footer .button-no-bg {
		max-width: 250px;
	}

	.title {
		font-size: 30px;
	}

	.subtitle {
		font-size: 18px;
	}




	.gallery-system-item__card img {
		height: 250px;
	}




	.trend-item__card h3, .trend-item__card p {
		font-size: 18px;
	}

	.trend-item__card {
		height: 320px;
	}



	.new-ostrov-item {
		font-size: 16px;
	}

	.new-ostrov-item ul li:not(:last-child) {
		margin-bottom: 10px;
	}

	.new-ostrov-badge {
		font-size: 21px;
	}

	.new-ostrov__card {
		height: 400px;
	}

	.new-ostrov__card::before {
		height: 100%;
	}



	.main-work-item-img__caption {
		padding: 20px 20px 30px 20px;
	}



	.main-sale-caption-body {
		max-width: 260px;
	}

	.main-sale-caption-title {
		font-size: 35px;
	}

	.main-sale-caption-number {
		font-size: 120px;
	}

	.main-sale-caption p {
		font-size: 25px;
	}

	.main-sale-caption button {
		font-size: 18px;
		max-width: 185px;
		height: 47px;
	}

	.main-sale-caption::before {
		background-size: 250px 350px;
	}

	.main-sale-caption::after {
		width: 325px;
		height: 325px;
		left: -80px;
	}


	.garantie-card__body p,
	.garantie-two .garantie-card__body p {
		font-size: 18px;
	}

	.garantie-card__ico {
		width: 75px;
		height: 75px;
		line-height: 75px;
	}




	.my-company-item-title {
		font-size: 25px;
	}

	.my-company-item p {
		font-size: 18px;
	}

	.my-company-img img:first-child {
		height: 400px;
	}

	.my-company-img img:last-child {
		height: 300px;
	}



	.find-price-item form input {
		margin-right: 20px;
		font-size: 18px;
		height: 50px;
	}

	.find-price-item form button {
		max-width: 255px;
	}

	.find-price-item p, .find-price-item ul li {
		font-size: 18px;
	}



	.faq-item-number {
		font-size: 80px;
	}

	.faq-item-body h3 {
		font-size: 20px;
	}

	.faq-item-body p {
		font-size: 16px;
	}




	.my-contacts-li {
		font-size: 21px;
	}

	.my-contacts-viber,
	.my-contacts-instagram {
		height: 45px;
		font-size: 20px;
		max-width: 145px;
		line-height: 45px;
	}

	.my-contacts-viber svg {
		width: 35px;
		height: 35px;
	}

	.my-contacts-map {
		height: 355px;
	}



	.footer-item {
		font-size: 18px;
	}

	.footer-item i {
		font-size: 20px;
	}



	.home-banner .swiper-pagination {
		margin-top: -40px;
	}

	.swiper-pagination-bullet {
		width: 10px;
		height: 10px;
	}
}

/*Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {
	.header.active {
		-webkit-transform: translateY(-70px);
		    -ms-transform: translateY(-70px);
		        transform: translateY(-70px);
	}

	.header-top-items__instagram {
		margin-top: 3px;
		margin-left: 30px;
	}

	.header-top-items__logo img {
		max-width: 65px;
	}

	.header-top-items__contacts {
		margin-left: 50px;
	}

	.header-top-items__viber-link a:last-child, .header-top-items__contacts-card-number a {
		font-size: 16px;
	}

	.header-top-items__contacts span {
		font-size: 11px;
	}

	.header-top-items__contacts span i {
		font-size: 5px;
	}

	.header-top-items__viber-link a:first-child {
		min-width: 90px;
		max-width: 90px;
		height: 25px;
	}

	.header-top-items__viber-link a:first-child svg {
		width: 20px;
		height: 100%;
	}

	.header-top-items__viber {
		font-size: 12px;
	}

	.header-top-items__btn .button {
		min-width: 160px;
		height: 35px;
	}

	.header-top-items__contacts-card__ico svg {
		width: 18px;
		height: 18px;
	}

	.header-top-items__contacts-card-number {
		margin-left: 15px;
		line-height: 1.25;
	}

	.header-top-items__contacts span {
		margin-left: 33px;
	}

	.home-banner .swiper-slide form input {
		font-size: 16px;
		height: 45px;
		padding: 0 12px;
	}

	.button {
		font-size: 16px;
	}

	.home-banner .swiper-slide form button {
		height: 45px;
	}


	.home-banner .swiper-slide h1 {
		font-size: 35px;
	}

	.home-banner .swiper-slide p {
		font-size: 18px;
	}

	.check-policy {
		font-size: 14px;
	}




	.quiz-form-content__card-bg img {
		height: 150px;
	}

	.quiz-form-content__card-bg-name,
	.quiz-form-content__card-bg-input, .quiz-form-content__card-range-step {
		font-size: 16px;
	}

	.quiz-header h2 {
		font-size: 24px;
	}



	.nav-pills {
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		-webkit-box-pack: start;
		    -ms-flex-pack: start;
		        justify-content: flex-start;
	}

	.nav-pills .nav-item, .nav-pills .nav-link {
		width: auto;
	}

	.nav-pills .nav-item:not(:last-child) {
		margin-right: 10px;
		margin-bottom: 10px;
	}

	.tabs-information-body h3 {
		font-size: 25px;
	}

	.tabs-information-body p {
		font-size: 16px;
	}

	.tabs-information-body__footer .button {
		margin-right: 15px;
	}

	.tabs-information-body__footer .button-no-bg {
		margin-right: 0;
	}



	.title {
		font-size: 24px;
	}

	.subtitle {
		font-size: 16px;
	}

	.nav-pills {
		margin-bottom: 35px;
	}



	.gallery-system-item__card img {
		height: 200px;
	}



	.title {
		margin-bottom: 30px;
	}

	.trend-item__card {
		height: 300px;
	}

	.trend-item__card h3, .trend-item__card p {
		font-size: 16px;
	}



	.new-ostrov__card {
		height: 350px;
		padding: 15px 25px 30px 25px;
	}

	.new-ostrov__card p {
		font-size: 14px;
	}

	.new-ostrov__card h3 {
		font-size: 18px;
	}




	.link-viber {
		max-width: 170px;
		height: 46px;
		font-size: 21px;
	}

	.link-viber svg {
		width: 36px;
		height: 36px;
		margin-right: 10px;
	}




	.main-work-item-img {
		max-width: 665px;
		height: 400px;
	}

	.main-work-item-img__caption {
		max-width: 320px;
		padding: 15px 15px 20px 15px;
	}

	.main-work-item-img__caption strong {
		font-size: 20px;
		margin-bottom: 15px;
	}

	.main-work-item-img__caption ul li {
		font-size: 16px;
	}



	.main-sale-caption {
		padding: 35px 50px 35px 0;
	}

	.main-sale-caption-body {
		max-width: 220px;
	}

	.main-sale-caption-title {
		font-size: 30px;
	}

	.main-sale-caption-number {
		font-size: 100px;
	}

	.main-sale-caption p {
		font-size: 21px;
	}

	.main-sale-caption button {
		font-size: 16px;
		max-width: 155px;
		height: 45px;
	}




	.garantie-card {
		padding: 20px 25px;
	}

	.garantie-card__ico {
		width: 65px;
		height: 65px;
		line-height: 65px;
	}

	.garantie-card__body p,
	.garantie-two .garantie-card__body p {
		font-size: 16px;
	}




	.my-company-item-title {
		font-size: 21px;
	}

	.my-company-item p {
		font-size: 16px;
	}

	.my-company-img img:first-child {
		height: 350px;
	}

	.my-company-img img:last-child {
		height: 250px;
	}



	.find-price-item p, .find-price-item ul li {
		font-size: 16px;
	}

	.find-price-item form input {
		max-width: 215px;
	}

	.find-price-item form {
		margin-top: 40px;
	}

	.find-price-item form button {
		max-width: 215px;
	}




	.order-potolok-item {
		padding-top: 35px;
	}

	.order-potolok-item-body h2 {
		font-size: 30px;
	}

	.order-potolok-item-body h2 span {
		font-size: 90px;
	}
}

/*Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {
	.header-top-items__instagram {
		font-size: 12px;
		margin-left: 20px;
	}

	.header-top-items__instagram i {
		font-size: 16px;
	}

	.header-bottom-item ul li a {
		font-size: 14px;
	}

	.header-top-items__viber-link a:last-child, .header-top-items__contacts-card-number a {
		font-size: 14px;
	}

	.header-top-items__contacts span {
		font-size: 10px;
	}

	.header-top-items__contacts {
		margin-left: 30px;
	}

	.header-top-items__btn .button {
		font-size: 14px;
		min-width: 150px;
		height: 30px;
		font-size: 13px;
		border-radius: ;
		border-radius: 5px;
	}

	.header-top-items__viber {
		margin-right: 25px;
	}

	.header-top-items__viber-link a:first-child {
		min-width: 70px;
		max-width: 70px;
	}

	.home-banner .swiper-slide h1 {
		font-size: 32px;
		margin-bottom: 12px;
	}

	.home-banner .swiper-slide form input {
		max-width: 170px;
		height: 40px;
		font-size: 14px;
		margin-right: 10px;
	}

	.home-banner .swiper-slide form button {
		max-width: 185px;
		height: 40px;
		font-size: 15px;
	}

	.header-top-items__contacts-card__ico svg {
		width: 15px;
		height: 15px;
	}

	/* .home-banner .swiper-slide {
		height: 300px;
	} */

	.check-policy {
		font-size: 12px;
	}




	.quiz-form-header h3 {
		font-size: 20px;
	}

	.quiz-form-header p {
		font-size: 14px;
	}

	.quiz-content-step {
		width: 110px;
		height: 30px;
		line-height: 30px;
	}

	.quiz-form-content__card-bg img {
		height: 230px;
	}


	.tabs-information-img img {
		width: 100%;
		height: 270px;
		-o-object-fit: cover;
		   object-fit: cover;
		border-radius: 0;
	}

	.tabs-information-body {
		margin-top: 20px;
	}

	.tabs-information-body h3 {
		font-size: 21px;
		margin-bottom: 10px;
	}

	.tabs-information-body__footer {
		margin-top: 20px;
	}

	.tabs-information-body__footer .button {
		max-width: 100%;
		margin-right: 0;
		font-size: 18px;
	}

	.tabs-information-body__footer .button-no-bg {
		margin-top: 16px;
	}




	.new-ostrov-badge {
		width: 100%;
		margin-top: 20px;
		text-align: center;
	}



	.new-ostrov {
		padding-bottom: 70px;
		margin-bottom: -70px;
	}

	.quest-item img {
		height: 240px;
		margin-bottom: 10px;
	}

	.quest-item .title {
		margin-bottom: 5px;
	}

	.quest-item {
		font-size: 18px;
	}

	.quest-item ul {
		margin-bottom: 20px;
	}

	.quest-item ul li:not(:last-child) {
		margin-bottom: 10px;
	}

	section {
		margin-bottom: 60px;
	}



	.main-work-item-img {
		max-width: 100%;
	}

	.main-work-item-img__caption {
		left: 0;
		bottom: 0;
		-webkit-transform: none;
		    -ms-transform: none;
		        transform: none;
		max-width: 100%;
	}

	.main-work-item-btn {
		margin-top: 30px;
	}




	.main-sale-caption {
		padding: 35px 20px 35px 0;
	}

	.main-sale-caption::before {
		background-size: 170px 250px;
		left: -17px;		
	}

	.main-sale-caption::after {
		width: 225px;
		height: 225px;
		left: -50px;
	}

	.main-sale-caption button {
		max-width: 135px;
		height: 40px;
		border-radius: 7px;
	}

	.main-sale-caption-body {
		max-width: 190px;
	}

	.main-sale-caption-title {
		font-size: 25px;
	}

	.main-sale-caption-number {
		font-size: 70px;
	}

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




	.my-company-img img:first-child {
		width: 95%;
		height: 305px;
		-o-object-fit: cover;
		   object-fit: cover;
		display: block;
	}

	.my-company-img img:last-child {
		position: static;
		-webkit-transform: none;
		    -ms-transform: none;
		        transform: none;
		height: 230px;
		margin-bottom: 15px;
		margin-top: -50px;
		display: block;
		margin-left: auto;
	}

	.my-company-item-title {
		font-size: 24px;
	}

	.my-company-item p {
		font-size: 18px;
		margin-bottom: 12px;
	}



	.find-price-img img {
		height: 240px;
		width: 100%;
		-o-object-fit: cover;
		   object-fit: cover;
	}

	.find-price-item {
		max-width: 100%;
		margin-top: 10px;
	}



	.form-froze .find-price-item::before {
		content: none;
	}

	.form-price-img {
		width: 100%;
		height: 250px;
	}

	.form-froze .find-price-item {
		margin: 0;
		padding: 40px 25px 30px 25px;
	}



	.my-contacts-map {
		margin-top: 25px;
		height: 320px;
	}




	.footer-items__numbers {
		margin-left: 50px;
	}



	.home-banner .swiper-pagination {
		margin-top: -30px;
		text-align: right;
	}




	.modal-popup-item {
		padding: 50px 25px;
	}

	.modal-popup .btn-close {
		font-size: 16px;
	}

	.modal-popup-item h5 {
		font-size: 30px;
	}

	.modal-popup-item p {
		font-size: 20px;
	}

	.modal-popup-item form {
		max-width: 100%;
		margin-top: 25px;
	}
}

/*Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {
	.header.active {
		-webkit-transform: translateY(0);
		    -ms-transform: translateY(0);
		        transform: translateY(0);
	}

	.header-top-items__viber,
	.header-top-items__btn,
	.header-top-items__contacts span,
	.header-top-items__contacts-card-number {
		display: none;
	}

	.header-top-items__instagram {
		margin-left: auto;
		margin-top: 0;
	}

	.header-top-items__instagram i {
		font-size: 20px;
	}

	.header-top-items__contacts {
		margin: 0 20px;
	}

	.header-top-item {
		align-items: center;
	}

	.header-top {
		padding: 8px 0;
	}

	.header-top-items__logo img {
		max-width: 45px;
	}

	.header-top-items__contacts-card__ico svg {
		width: 20px;
		height: 20px;
	}

	.header-bottom {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh;
		background: #2D2C30;
		padding: 45px 10px 25px 10px;
		z-index: 1001;
		overflow-x: auto;
		-webkit-transform: translateY(-100%);
		    -ms-transform: translateY(-100%);
		        transform: translateY(-100%);
		opacity: 0;
		-webkit-transition: all ease .5s;
		-o-transition: all ease .5s;
		transition: all ease .5s;
	}

	.header-bottom.active {
		-webkit-transform: translateY(0);
		    -ms-transform: translateY(0);
		        transform: translateY(0);
		opacity: 1;	
	}

	.header-bottom-item ul {
		display: block;
	}

	.header-bottom-item ul li:not(:last-child) {
		margin-bottom: 10px;
	}

	.header-bottom-item ul li a {
		font-size: 20px;
	}

	.header-bottom-viber {
		margin: 25px 0 15px;
	}

	.header-bottom-viber p {
		font-size: 20px;
		color: #fff;
		margin-bottom: 10px;
	}

	.header-bottom-viber a {
		color: #fff;
		background: #7F4DA0;
		border-radius: 5px;
		font-size: 16px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		padding-left: 9px;
		max-width: 95px;
		height: 30px;
	}

	.header-bottom-viber a svg {
		width: 23px;
		height: 23px;
		margin-right: 4px;
	}

	.header-bottom-btn .button {
		max-width: 100%;
	}

	.header-top-items__bars {
		position: relative;
		z-index: 1002;
	}


	.quiz-footer {
		display: block;
	}

	.quiz-footer-info {
		display: none;
	}

	.quiz-form-content__card-range {
		padding: 0;
	}



	.main-sale {
		overflow: hidden;
	}

	.main-sale-img {
		background: #F06A01;
	}

	.main-sale-img img {
		width: 80%;
		height: 155px;
	}

	.main-sale-caption {
		padding: 25px 15px 25px 15px;
	}

	.main-sale-caption-body {
		max-width: 100%;
		text-align: center;
	}

	.main-sale-caption-title {
		font-size: 32px;
	}

	.main-sale-caption-number {
		font-size: 128px;
	}

	.main-sale-caption p {
		font-size: 24px;
	}

	.main-sale-caption button {
		max-width: 240px;
		height: 50px;
		font-size: 20px;
	}

	.main-sale-caption::before {
		background-size: 90px 140px;
		top: auto;
		bottom: -155px;
		left: auto;
		right: -40px;
		width: 120px;
		height: 160px;
	}

	.main-sale-caption::after {
		content: none;
	}

	.row-sale {
		overflow: inherit;
	}

	.main-sale-caption {
		border-radius: 10px 10px 0 0;
	}

	.main-sale-img {
		border-radius: 0 0 10px 10px;
	}

	.main-sale-img img {
		border-radius: 0 0 0 10px;
	}




	.order-potolok-item-body {
		max-width: 495px;
		padding: 40px 0 45px 15px;
	}
}

@media (max-width: 576px) {
	.home-banner .swiper-slide h1 {
		max-width: 170px;
	}

	.home-banner .swiper-slide p {
		font-size: 20px;
	}

	.home-banner .swiper-slide form {
		display: block;
	}

	.home-banner .swiper-slide form input {
		max-width: 100%;
		width: 100%;
		margin-right: 0;
	}

	.home-banner .swiper-slide form button {
		max-width: 100%;
		margin-top: 16px;
	}

	/* .home-banner .swiper-slide {
		height: 510px;
	} */

	.home-banner .swiper-slide-one {
		background-position: left -240px center;
	}

	.home-banner .swiper-slide-two {
		background-image: url('../img/banner/mm2.jpg') !important;
	}

	.home-banner .swiper-slide-tree {
		background-image: url('../img/banner/mm3.jpg') !important;
	}



	.quiz-header {
		margin-bottom: 25px;
	}

	.quiz-header h2 {
		margin-bottom: 15px;
	}

	.quiz-header p {
		font-size: 16px;
	}

	section {
		margin-bottom: 50px;
	}

	.quiz-content {
		padding: 25px 25px 30px 25px;
	}

	.quiz-content-progress .swiper-pagination-progressbar {
		height: 8px;
	}

	.quiz-content.active {
		padding: 0 25px 15px 25px;
	}

	.quiz-form-contacts button {
		font-size: 16px;
	}

	.quiz-form-gift {
		padding: 15px 0;
		margin-top: 10px;
	}




	.tabs-information .title {
		margin-bottom: 10px;
	}

	.subtitle {
		margin-bottom: 20px;
	}

	.nav-pills {
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		margin-bottom: 5px;
	}

	.nav-pills .nav-item {
		width: 48%;
		margin-bottom: 16px;
	}

	.nav-pills .nav-link {
		width: 100%;
		height: 32px;
		padding: 0 5px;
	}

	.nav-pills .nav-item:not(:last-child) {
		margin-right: 0;
	}



	.title {
		margin-bottom: 20px;
	}


	.gallery-system-item__card img {
		height: 165px;
	}




	.trend-item__card {
		height: 330px;
		padding: 10px;
	}

	.trend-item__card h3, .trend-item__card p {
		font-size: 18px;
	}



	.new-ostrov-badge {
		margin-top: 0;
		position: relative;
		left: -12px;
		width: calc(100% + 24px);
		padding: 14px 40px;
		font-size: 16px;
		border-radius: 0;
	}

	.new-ostrov__card {
		padding: 10px;
	}

	.link-viber {
		max-width: 120px;
		padding-left: 10px;
		font-size: 16px;
	}



	.main-work .nav-pills .nav-item:not(:last-child) {
		margin-right: 0;
	}

	.main-work {
		padding-bottom: 80px;
	}




	.garantie-card {
		padding: 15px;
	}

	.garantie-card__ico {
		width: 80px;
		height: 80px;
		line-height: 80px;
		margin-bottom: 15px;
	}

	.garantie-card__body p,
	.garantie-two .garantie-card__body p {
		font-size: 20px;
	}




	.find-price-item .title {
		margin-bottom: 13px;
	}

	.find-price-item p {
		margin-bottom: 1rem;
	}

	.find-price-item ul li::before {
		margin-right: 15px;
	}

	.find-price-item form input,
	.find-price-item form button {
		max-width: 100%;
		width: 100%;
		height: 48px;
		margin-right: 0;
		font-size: 18px;
	}

	.find-price-item form button {
		margin-top: 16px;
	}



	.order-potolok-item {
		padding-top: 115px;
	}

	.order-potolok-item-body {
		padding: 25px 15px 25px 15px;
	}

	.order-potolok-item-body::before {
		width: 95%;
	}

	.order-potolok-item-body h2 {
		font-size: 22px;
		margin-bottom: 10px;
		font-family: 'PFBagueSansProM';
	}

	.order-potolok-item-body h2 span {
		font-size: 96px;
		position: static;
		line-height: 1;
		display: block;
		margin: 0;
	}

	.order-potolok-item-body button {
		max-width: 100%;
	}




	.faq-item-number {
		font-size: 65px;
		margin-bottom: 15px;
	}


	.form-froze .find-price-item,
	.form-price-img {
		position: relative;
		left: -12px;
		width: calc(100% + 24px);
		max-width: calc(100% + 24px);
	}



	.accordion-button {
		font-size: 18px;
		padding: 14px 10px 14px 16px;
	}



	.my-contacts-li {
		font-size: 18px;
		line-height: 1;
	}

	.my-contacts-li__ico {
		font-size: 20px;
	}


	.my-contacts-link {
		margin-top: 25px;
	}

	.my-contacts-viber,
	.my-contacts-instagram {
		height: 48px;
		max-width: 130px;
		border-radius: 10px;
		font-size: 16px;
		line-height: 48px;
	}

	.my-contacts-viber {
		padding: 0 0 0 17px;
	}

	.my-contacts-viber svg {
		width: 39px;
		height: 39px;
	}




	.footer-item {
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		font-size: 16px;
	}

	.footer-item > div {
		width: 200px;
	}

	.footer-item .footer-items__logo {
		margin-bottom: 1.5rem;
	}

	.footer-item .footer-items__logo img {
		max-width: 80px;
	}

	.footer-item .footer-items__logo,
	.footer-item .footer-items__logo a {
		width: 100%;
		text-align: center;
	}

	.footer-items__numbers {
		margin: 10px 0 0 0;
	}

	.footer-items__address address,
	.footer-items__numbers-link {
		padding-left: 15px;
	}

	.footer-copyright {
		text-align: center;
		margin-top: 25px;
	}



	.home-banner .swiper-pagination {
		text-align: left;
	}



	.modal-popup-item h5 {
		font-size: 24px;
	}

	.modal-popup-item p {
		font-size: 16px;
	}

	.modal-popup-item form input {
		height: 50px;
		margin-bottom: 1rem;
		font-size: 16px;
	}
}

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {

}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
	.header-top-items__bars {
		display: none;
	}
}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
	.modal-lg {
		max-width: 890px;
	}
}

/*X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {

}

/*XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) {

}

/*XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1620px) {
	.container {
		max-width: 1594px;
	}
}