@media screen and (max-width: 1800px){
	#totop{right: 0; bottom: 0;}
	#socials{width: 54px; box-sizing: border-box;}
}
/* @media (min-width: 1280px) and (-webkit-min-device-pixel-ratio: 2),
       (min-width: 1280px) and (min-resolution: 192dpi) {

  body {
    zoom: 0.8;
  }
} */

@media (min-width: 1280px) and (max-width: 1536px) {
  body {
    font-size: 14px;
  }

  .container {
    max-width: 1140px;
  }
}



@media screen and (max-width: 1360px){
	.container{max-width: 100%; padding: 0 15px;}

	body{overflow-x: hidden;}


	header nav ul{gap: 12px;}
	header .data{gap: 20px}
	header nav ul li a{font-size: 16px;}
	header .phone a{font-size: 16px;}


	#subscribe .bt{max-width: 46%;}
	#subscribe .flex{align-items: center;}


	footer .container{position: relative;}
	footer .cols .col:nth-child(1){position: absolute; top: 140px; left: 15px; max-width: 102px}
}



@media screen and (max-width: 1120px){
	#socials{display: none!important;}
	#totop{bottom: 145px; right: 15px;}
	#totop a{width: 44px; height: 44px;}

	.bt{font-size: 40px;}

	header.f-nav{padding: 0;}
	#navigation{top: 15px; height: calc(100% - 15px)}
	#navigation.f-nav{left: 0; width: 100%; height: 100%; top: 0;}
	header{padding: 15px; box-sizing: border-box; transition: all 0.2s;}
	header .container{padding: 7px;}
	header.f-nav .container{padding: 5px 15px}
	header.f-nav .btn-search,header.f-nav .pull{width: 40px; height: 40px;}
	header .logo{max-width: 100px}
	header nav,header .phone,header .theme{display: none;}
	header .pull{display: flex; width: 55px; height: 55px; background: var(--purple) url("../img/pull.svg") 50% 50% no-repeat; transition: all 0.2s;}
	header .pull.open{background: var(--purple) url("../img/close.svg") 50% 50% no-repeat;}
	header .btn-search{width: 55px; height: 55px;}
	header .block__search{left: 15px; width: calc(100% - 30px)}


	.main__page{display: flex; justify-content: space-between; flex-wrap: wrap; align-items: flex-start;}
	.main__page section{width: 100%; order: 2}

article {
	order: 3;
}
	#category__estate{order: 1; padding-top: 120px}
	#category__estate .item{width: 100%; margin-bottom: 25px;}
	#category__estate .item:last-child{margin: 0}
	#category__estate .item a{font-size: 20px;}
	#category__estate .item a .icon{width: 54px; height: 54px;}
.main__page {
    top: auto;
}

	#promo .swiper-slide{height: 610px; padding-bottom: 40px;}
	#promo .title{font-size: 50px; line-height: 60px; max-width: 690px; margin-bottom: 23px;}
	#promo .price{line-height: normal; margin-right: 0px; font-size: 45px; width: 220px}
	#promo .tth{width: calc(100% - 220px); gap: 0;}
	#promo .tth .item{width: calc(100%/3 - 10px);}
	#promo .main{width: 100%; margin-bottom: 16px;}
	#promo .swiper-button-prev, #promo .swiper-button-next{top: 160px!important; margin: 0!important}


	#promo__buy{background-position: 100% 100%;}
	#promo__buy .text{gap: 0; justify-content: space-between;}
	#promo__buy .bt__note{max-width: 410px; font-size: 16px; line-height: 22px;}
	#promo__buy .form{padding: 25px 20px;}
	#promo__buy .form input{width: calc(50% - 11px); margin-bottom: 15px; height: 50px; padding: 0 18px; font-size: 14px;}
	#promo__buy .form .btn{margin: 0 auto; height: 50px; width: 100%; max-width: 340px; font-size: 16px; padding: 0 5px 0 20px;}
	.form .flex .iti.iti--allow-dropdown{width: calc(50% - 11px);}
	.form .flex .iti.iti--allow-dropdown input{padding-left: 60px!important;}


	#contacts .item.form input,#contacts .item.form textarea{width: calc(50% - 11px); margin-bottom: 15px; height: 50px; padding: 0 18px; font-size: 14px;}
	#contacts .item.form textarea{width: 100%; height: 95px; padding-top: 15px;}
	#contacts .item.form .btn{margin: 0 auto; height: 50px; width: 100%; max-width: 340px; font-size: 16px; padding: 0 5px 0 20px; font-weight: 500;}


	#subscribe .bt{font-size: 26px;}
	#subscribe a{width: 165px; height: 50px; padding-left: 16px; font-size: 16px; background-size: 23px;}


	#contacts .item{width: 100%; margin-bottom: 30px;}
	#contacts .item:last-child{margin: 0}
	#contacts .item .map{height: 312px;}
	#contacts .item .ct__main{display: flex; justify-content: space-between; flex-wrap: wrap;}


	#news .grid{grid-template-columns: repeat(2, 1fr);}
	.item__news img{height: 262px;}
	.item__news .data{padding: 11px 15px;}
	.item__news .title{font-size: 18px; line-height: 26px;}
	.item__news .date{font-size: 14px; padding-left: 23px; line-height: 20px; background-size: 17px;}


	#article .form,#advantages__we .form{display: none;}
	#article .content{width: 100%;}

	.section__mobile{display: block;}


	#breadcrumbs{font-size: 14px;}


	.content{font-size: 16px; line-height: 26px;}
	.content h1, .content h2, .content h3, .content h4, .content h5, .content h6{font-size: 22px;}
	.content ul li{margin-bottom: 6px; background-position: 0 3px; padding-left: 30px;}
	.content ol li{margin-bottom: 6px;}


	#article .article__top .text{width: 320px;}
	#article .article__top .text .bt{font-size: 28px; line-height: 40px;}
	#article .article__top .text .date{font-size: 14px;}
	#article .article__top img{width: calc(100% - 350px)}


	#sales .filters,#sales .results .res,#sales #sidebar{display: none;}
	#sales .list__items{width: 100%; grid-template-columns: repeat(2, 1fr);}
	.mobile__filters{display: block; position: relative; top: -10px;}
	#sales .top__data{display: flex; align-items: center; justify-content: space-between;}


	#sales.open__filters{z-index: 602}

	#sales #sidebar{position: fixed; top: 0; right: 0; z-index: 601; width: 100%; height: 100%; box-sizing: border-box; padding: 0; background: rgba(0, 0, 0, 0.2);}
	#sales #sidebar .inn{box-sizing: border-box; background: #fff; width: 50%; position: absolute; top: 0; right: 0; height: 100%; overflow-y: auto; padding: 30px;}
	#sales #sidebar .top{display: flex; align-items: center; justify-content: space-between; line-height: normal; margin-bottom: 25px;}


	#sales__object .gallery{width: 100%; margin-bottom: 15px;}
	#sales__object .gallery img{height: 560px;}
	#sales__object .slider-sw .swiper__thumbs img{height: 80px;}
	#sales__object .gallery .item__video{display: block; margin-top: 15px; width: 100%;}
	#sales__object .gallery .item__video .btn{justify-content: space-between; width: 100%;}
	#sales__object .gallery .item__video .btn span{order: 0}
	#sales__object .gallery .item__video .btn svg{order: 1}
	#sales__object .information{width: 100%;}
	#sales__object .information .item__video{display: none;}
	#sales__object .information .main__data{position: relative;}
	#sales__object .information .btn-share{position: absolute; top: 10px; right: 0; font-size: 0; gap: 0; padding: 0; width: 70px; margin: 0}
	#sales__object .information .btn-purple{position: absolute; top: 10px; right: 85px; max-width: 380px}
	#sales__object .information .btn-purple-tr{position: absolute; bottom: 50px; right: 20px; max-width: 290px}
	#sales__object .information .btn-purple-tr.telegram{bottom: -7px;}
	#sales__object .object__description .content{font-size: 16px;}
	#sales__object .object__description .item .row{padding: 7px 0; font-size: 14px;}


	.modal__title{font-size: 40px;}
	.modal__note{font-size: 18px; max-width: 380px; margin: 0 auto 20px;}


	.content img.alignright,.content img.alignleft{max-width: 100%; width: 100%; float: none; margin: 0 0 30px;}
	.content.content__large p{margin-bottom: 20px;}
	.content blockquote{padding: 25px 65px 25px 25px; font-size: 16px; line-height: 24px; background-size: 30px;}
	.content blockquote p{margin-bottom: 0!important}


	#advantages{text-align: left;}
	#advantages .flex{justify-content: flex-start;}
	#advantages .item{width: calc(50% - 10px); padding: 0}
	#advantages .item .icon{margin: 0 0 15px; width: 55px; height: 55px;}
	#advantages .item .icon svg{width: 30px; height: 30px;}
	#advantages .item .title{font-size: 18px; line-height: 24px;}
	#advantages .item p{font-size: 16px; font-weight: 300;}
	#advantages .bt{line-height: 45px;}



	footer{padding: 25px 0 0;}
	footer .logo{max-width: 240px; font-size: 12px; line-height: 17px;}
	footer .cols{max-width: 250px; gap: 15px}
	footer .cols .socials{gap: 5px}
	footer .cols .socials a{width: 44px; height: 44px;}
	footer .cols .title{display: none;}
	footer .cols .col div{font-size: 16px; margin-bottom: 10px;}
	footer .cols .col div:last-child{margin: 0}
	footer .cols .col div span{font-size: 14px;}
	footer .copyright{padding: 6px 0; margin-top: 40px; font-size: 10px;}
}





@media screen and (max-width: 767px){
	.bt{font-size: 30px; line-height: normal; margin-bottom: 15px;}

	body{padding: 100px 0 0;}


	header .data{gap: 10px}


	#navigation nav li{text-align: left;}
	#navigation nav li a{font-size: 18px;}
	#navigation .phone a{font-size: 16px;}


	#category__estate{padding-top: 15px}
	#category__estate .item a{padding: 10px 13px; gap: 14px; font-size: 16px;}
	#category__estate .item a:after{left: 13px; width: calc(100% - 26px)}
	#category__estate .item a .icon{width: 44px; height: 44px;}
	#category__estate .item .more{right: 13px; font-size: 0!important}
	#category__estate .item .more svg{width: 24px; height: 24px;}


	#promo .swiper-slide{height: 560px; padding-bottom: 135px}
	#promo .title{max-width: 100%; font-size: 32px; line-height: 35px; margin-bottom: 18px;}
	#promo .price{display: none}
	#promo .tth{width: 100%;}
	#promo .tth .item{font-size: 22px;}
	#promo .tth .item span{font-size: 13px;}
	#promo .btn{position: absolute; bottom: -100px; left: 15px; width: calc(100% - 30px); height: 50px; font-size: 16px; padding-right: 10px;}
	#promo .btn svg{width: 24px; height: 24px;}
	#promo .swiper-button-prev, #promo .swiper-button-next{display: none;}
	#promo .swiper-pagination{bottom: 110px!important}
	#promo .swiper-pagination .swiper-pagination-bullet{width: 12px; height: 12px; box-sizing: border-box; background: transparent; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 0; position: relative; margin: 0 2px;}
	#promo .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after{position: absolute; top: calc(50% - 3px); left: calc(50% - 3px); width: 6px; height: 6px; background: #fff; content: ''}


	#promo__buy{background-position: calc(100% + 100px) calc(100% + 17px); padding-top: 35px;}
	#promo__buy .form input,#promo__buy .form .btn{width: 100%; max-width: 100%;}
	#promo__buy .bt__note{font-size: 14px; line-height: 20px;}


	#subscribe .bt{max-width: 100%; width: 100%; margin-bottom: 16px;}
	#subscribe .items{justify-content: space-between; width: 100%;}
	#subscribe .items a{margin: 0; width: calc(50% - 7px)}


	#breadcrumbs{font-size: 14px; padding: 0 0 10px;}


	#contacts .item{padding: 20px;}
	#contacts .item .ct p{font-size: 16px; line-height: 22px;}
	#contacts .item .map{height: 212px;}
	#contacts .item.form input, #contacts .item.form textarea,#contacts .item.form .btn{width: 100%; max-width: 100%;}


	#news .grid{grid-template-columns: repeat(1, 1fr);}
	.item__news img{height: 252px;}
	.item__news .data{padding: 15px 20px;}
	.item__news .title{font-size: 16px; line-height: 22px;}


	.pagination{gap: 5px;}
	.pagination a, .pagination span{width: 44px; height: 44px;}


	#breadcrumbs .flex{flex-wrap: nowrap; white-space: nowrap;}

	.content table th, .content table td{padding: 12px; min-height: 55px; height: auto; font-size: 14px; line-height: normal;}
	.content .video img{height: 235px;}


	.slider-sw .swiper-button-prev, .slider-sw .swiper-button-next{width: 44px; height: 44px; top: -50px!important}
	.slider-sw .swiper-button-prev{left: calc(100% - 100px);}
	#news .swiper-slide{width: 284px;}


	#article .article__top .text{width: 100%;}
	#article .article__top img{width: 100%;}
	#article .article__top .text .bt{font-size: 26px; line-height: 32px;}


	#sales .top__data{margin-bottom: 15px;}
	.mobile__filters{top: 0;}
	#sales .list__items{grid-template-columns: repeat(1, 1fr);}
	.item__sale .information{padding: 10px 15px;}
	.item__sale .price{font-size: 22px;}
	.item__sale .title{font-size: 16px; max-width: 80%;}


	#ceo{font-size: 14px;}


	#sales #sidebar .inn{width: 100%; padding: 20px 15px;}
	#sales #sidebar .top .close{top: 20px; right: 15px;}
	
	
	#sales .results .sort {
	    width: 100%;
	}
.form__select {
  width: calc(50% - 13px);
}
.form__select .select__current {
    width: 100%;
}

	#sales__object .gallery img{height: 260px;}
	#sales__object .gallery .sale{height: 30px; padding: 0 15px; font-size: 14px;}
	#sales__object .gallery .zoom{width: 44px; height: 44px; background-size: 24px;}
	#sales__object .slider-sw .swiper__thumbs img{height: 75px;}
	#sales__object .information .row{font-size: 14px;}
	#sales__object .information .row span i{}
	#sales__object .information .callback .btn{position: relative; top: 0; right: 0; width: 100%; height: 50px; font-size: 15px;}
	#sales__object .information .price{font-size: 30px;}
	#sales__object .information .btn-share{width: 44px; height: 44px; top: 5px;}
	#sales__object .information .contacts{padding-bottom: 130px}
	#sales__object .information .btn-purple-tr{height: 50px; font-size: 15px; width: calc(100% - 40px); max-width: 100%;}
	#sales__object .information .contacts .title{font-size: 24px;}
	#sales__object .information .contacts p{font-size: 16px;}
	#sales__object .object__description{padding: 0}
	#sales__object .object__description .tabs__filters div{font-size: 30px;}
	#sales__object .object__description .content{font-size: 14px;}
	#sales__object .object__description .item{width: 100%; margin-bottom: 20px}
	#sales__object .object__description .item:last-child{margin: 0}


	.fancybox-close-small{right: 0!important;}
	.box__modal{width: 345px; padding: 40px 0 0;}
	.modal__title{font-size: 30px;}
	.modal__note{font-size: 13px; line-height: 20px;}
	.box__modal .form input{height: 50px; font-size: 14px; padding: 0 20px;}
	.box__modal .form .btn{height: 50px;}

	.btn-viber,.btn-telegram{font-size: 16px; height: 50px;}
	.btn-telegram{margin-top: 10px;}
	.modal__inn.modal__share .modal__title{font-size: 30px;}

	.content img.alignright, .content img.alignleft{margin-bottom: 15px;}
	.content.content__large{font-size: 14px;}
	.content.content__large p{margin-bottom: 15px;}
	.content.content__large blockquote{margin-bottom: 20px; padding: 45px 30px 20px 20px; background-position: calc(100% - 20px) 16px; font-size: 14px; line-height: 22px;}


	#advantages .item{width: 100%;}


	#advantages__we .item{padding: 0; margin-bottom: 15px;}
	#advantages__we .item:last-child{margin: 0}
	#advantages__we .item .icon{width: 50px; height: 50px; position: relative; margin-bottom: 7px;}
	#advantages__we .item .icon img{width: 30px;}
	#advantages__we .item .title{font-size: 18px; line-height: 24px;}
	#advantages__we .item p{font-size: 14px; line-height: 22px;}

	.form .flex .iti.iti--allow-dropdown{width: 100%; margin-bottom: 20px;}
	.box__modal .form .iti.iti--allow-dropdown input{padding-left: 60px!important}


	footer .logo{display: none;}
	footer .cols{width: calc(100% - 40px); max-width: 100%;}
	footer .cols .col:nth-child(1){display: none;}
	footer .cols .col:nth-child(2){display: flex; justify-content: space-between; flex-wrap: wrap; width: 100%;}
	footer .cols .col:nth-child(2) div{width: 50%; font-size: 14px;}
	footer .cols .col .title{display: block; font-size: 14px;}
	footer .copyright{padding: 2px 0; margin-top: 20px;}
	footer .cols{gap: 0;}
}