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


	.btn-blue,.btn-white{height: 42px; font-size: 14px}


	.bt{margin-bottom: 40px}
	.bt span{height: 42px; padding: 0 22px; font-size: 14px; margin-bottom: 15px}
	.bt__title{font-size: 24px; margin-bottom: 16px;}


	header{border-bottom: 1px solid #CAD3E1; padding: 16px 0; height: 85px; box-sizing: border-box;}
	header .logo{width: 175px}
	header nav{display: none;}
	header .top{padding: 0}
	header .top .contacts.flex{display: none;}
	header .top .pull{display: block; width: 30px; min-height: 31px;}


	#promo{padding: 40px 0;}
	#promo .text{width: 100%;}
	#promo .image{width: 100%; top: 195px; height: auto;}
	#promo .image img{height: 175px}
	#promo h1{margin-bottom: 210px; font-size: 34px}
	#promo h1 strong{font-size: 44px}
	#promo p{font-size: 14px; margin-bottom: 24px}
	#promo .btns{justify-content: center;}
	#promo .btn{width: 244px; margin: 16px 16px 0}


	#discover{padding: 40px 0}

	#discover.greeley .mobile{display: block;}
	#discover.greeley .mobile .btn{width: 170px; margin: 0 auto}
	#discover.greeley .bt .btn{display: none;}
	#discover .flex.flex-3 .item{margin-bottom: 24px}
	.btn-more{display: inline-block;}



	#about{padding: 40px 0;}
	#about .container{padding: 0}
	#about .bt span{margin-left: 16px}
	#about .bt__title{margin-left: 16px}
	#about .bt__note{margin: 0 16px}
	#about .image{top: 0; width: 100%; margin-top: 20px; height: auto; position: relative; display: none;}
	#about .image__mobile{display: block; margin-bottom: 24px}
	#about .image img{height: 250px; width: calc(100% + 32px)}
	#about .data{width: 100%; max-width: 100%;}
	#about .data .btn{margin: 0 auto;}


	#news{padding: 60px 0;}
	#news .bt{margin-bottom: 85px}


	.slider-sw .swiper-button-prev, .slider-sw .swiper-button-next{width: 42px; height: 42px; top: -30px}
	.slider-sw .swiper-button-prev{left: calc(100% - 100px)}


	#seo{padding: 40px 0 80px}
	#seo .title{font-size: 20px}
	#seo .text{font-size: 14px}
	#seo .text.hide{font-size: 14px;}
	#seo .btn{margin-top: 30px}


	#greeley__mall .text .address{font-size: 13px;}
	#greeley__mall .text{max-width: 100%; width: 100%; margin-bottom: 24px}
	#greeley__mall .text h1{font-size: 34px; margin-bottom: 30px}
	#greeley__mall .text p{margin-bottom: 30px; font-size: 14px;}
	#greeley__mall .gallery{width: 100%;}
	#greeley__mall .slider-sw .swiper-button-prev, #greeley__mall .slider-sw .swiper-button-next{right: 0}
	#greeley__mall .slider-sw .swiper-button-prev{left: 0}
	#greeley__mall .slider-sw img{width: 100%; height: 68px; object-fit: cover;}
	#greeley__mall .mySwiper2 img{height: 220px; width: 100%; object-fit: cover;}


	#about__greeley{padding: 60px 0}
	#about__greeley .info .text{font-size: 14px}
	#about__greeley .info{width: 100%; margin-bottom: 24px}
	#about__greeley .data{width: 100%;}
	#about__greeley .data .box{padding: 24px;}
	#about__greeley .data .title{font-size: 16px}
	#about__greeley .data .item .name{font-size: 16px}
	#about__greeley .data .item .name span{font-size: 14px}
	#about__greeley .data .item .image{width: 110px}
	#about__greeley .data .item .inn{width: calc(100% - 125px)}


	#highligts{padding: 40px 0;}
	#highligts ul{width: 100%; font-size: 14px;}
	#highligts ul:first-child{margin-bottom: 16px;}


	.bt__link{position: relative;}


	#block__image img{height: 210px}


	#page__about{padding: 32px 0}
	#page__about .title{width: 100%; max-width: 100%; font-size: 34px; margin-bottom: 34px}
	#page__about .text{max-width: 100%; font-size: 14px}


	#promo__page{padding: 0 0 280px; margin: 0}
	#promo__page .image{top: calc(100% - 246px); width: 100%;}
	#promo__page .image img{height: 206px;}
	#promo__page .text h1{font-size: 34px; margin-bottom: 24px; text-align: center;}
	#promo__page .text p{text-align: center; font-size: 14px; margin: 0}


	#leasing .image{width: 100%; margin-bottom: 20px}
	#leasing .image:last-child{margin-bottom: 0}
	#list__news .item .image{height: auto; margin-bottom: 20px}


	#contacts{padding: 300px 0 60px}
	#contacts .container{padding: 0}
	#contacts .image{top: 60px; width: 100%;}
	#contacts .image img{height: 216px}
	#contacts .data{width: 100%; padding: 24px 16px}
	.form .flex input, .form .flex select{width: 100%;}


	#executive__team .bt .bt__title{font-size: 34px; margin-bottom: 24px}
	#executive__team p,#executive__team .bt span{font-size: 14px}


	#page__team .item{padding: 60px 0}
	#page__team .image{width: 100%; margin-bottom: 24px}
	#page__team .data{width: 100%;}
	#page__team .data .text{font-size: 14px}
	#page__team .bt{margin-bottom: 20px}
	#page__team .bt span{height: auto; line-height: 20px; padding: 12px 24px}


	#team__other{padding: 60px 0}
	#team__other .grid{grid-template-columns: repeat(2, 1fr);}
	#team__other .image img{width: 100%; object-fit: cover; height: 300px}


	#tenants{padding: 60px 0}
	#tenants .grid{grid-template-columns: repeat(4, 1fr);}


	#expertise{padding: 60px 0}
	#expertise .text{width: 100%}
	#expertise .text p{font-size: 14px}
	#expertise .text li{font-size: 14px}
	#expertise .image{width: 100%; margin-top: 24px}


	#our__team{padding: 40px 0}
	#our__team .item{width: 100%; padding: 32px 32px 80px}
	#our__team .item .btn{left: 32px; bottom: 32px}


	#promo__news{padding: 0 0 300px}
	#promo__news .image{top: calc(100% - 266px); width: 100%}
	#promo__news .image img{height: 206px}
	#promo__news .bt span{font-size: 14px; margin-bottom: 0; text-align: center; width: 100%;}
	#promo__news .bt__title{text-align: center; font-size: 34px; margin-bottom: 24px}
	#promo__news p{font-size: 14px; text-align: center;}


	#list__news{padding: 0 0 100px; background: transparent; margin-bottom: 0}
	#list__news .item{background: #fff; padding: 24px 16px; box-sizing: border-box; border: none; margin-bottom: 24px; box-shadow: 0px 0px 12px rgba(18, 56, 109, 0.2);}
	#list__news .item:last-child{margin: 0}
	#list__news .item .image{width: 100%;}
	#list__news .item .data{width: 100%; display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap;}
	#list__news .item .btn{display: inline-block; order: 3}
	#list__news .item .title{font-size: 18px; width: 100%; order: 1}
	#list__news .item .tags{margin-bottom: 16px; width: 100%; order: 0}
	#list__news .item .excerpt{margin-bottom: 16px; width: 100%; order: 2}
	#list__news .item .tags span{display: none;}
	#list__news .item .tags span:first-child{margin: 0; display: block;}


	#contacts.contacts__page .image{top: -10px}
	#contacts.contacts__page .image img{height: 280px}


	.box__modal .items{padding: 30px 16px}
	.box__modal .title{margin: 0; font-size: 16px}
	.box__modal .title span{display: block; margin: 2px 0 11px; line-height: 20px; font-size: 12px; width: 100%;}
	.box__modal .top{padding: 0 16px}


	footer{padding: 60px 0;}
	footer .col__first{width: 100%; text-align: center; margin-bottom: 60px}
	footer .col__first img{margin: 0 auto 24px; max-width: 260px}
	footer .col__first p{margin-bottom: 40px}
	footer .socials .flex{justify-content: center;}
	footer .cols{width: 100%;}
	footer .cols .col{margin-bottom: 24px}
	footer .cols .col:last-child{margin-top: 40px}
	footer .copyright{margin-top: 16px; font-size: 14px;}
}

@media screen and (max-width: 767px){
	#tenants .grid{grid-template-columns: repeat(2, 1fr);}
	#team__other .grid{grid-template-columns: repeat(1, 1fr);}
	#team__other .image img{height: auto;}
}