@media screen and (max-width: 1720px){
	#promo__page .image img{border-radius: 0}
}


@media screen and (max-width: 1460px){
	.container{max-width: 1180px}

	#promo .container{border-radius: 80px;
    padding: 0;
  }
  #promo .data {
    margin-right: 0;
  }
	#promo .inn {
    border-radius: 80px;
    padding: 0 0;
  }

	#about img{max-width: calc(100% - 600px)}
}
@media screen and (max-width: 1200px){header{background: var(--greenLight);}
	header nav,header .search,header .contacts{display: none;}
	header .logo{margin: 0}
	header .bottom .lang{margin: 0 30px;}
	header .pull{display: flex; width: 33px; height: 24px; background: url("../img/pull.svg") 50% 50% no-repeat; background-size: 100% 100%; cursor:pointer;}
	header .pull.open{background: url("../img/close.svg") 50% 50% no-repeat;top:100px;}
	header .top{display: none;}}
	header .bottom {width: 100%; padding: 24px 0; background: #f2f2ee;}
        header .bottom.fixed {position: fixed; top: 0; left: 0;right: 0;  width: 100%; padding: 24px 0; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); z-index: 300; background: #f2f2ee; }
    header .bottom .phone{display: flex; width: 16px; height: 16px; margin-right:15px; background: url("../img/phoneb.svg") 50% 50% no-repeat; font-size: 0; background-size: 16px;}
  	header .bottom .search{display: flex; width: 16px; height: 16px; margin-right:25px; font-size: 0; background-size: 16px;}
  	.btn-search{width: 20px; height: 20px; background: url("../img/search.svg") 50% 50% no-repeat;}    
	#navigation { position: fixed; top: 50; left: 0; width: 100%; z-index: 1000; background: white; height: 60px;}
	.open__modal{max-width:250px;}
	
@media screen and (max-width: 1024px){
	.container{max-width: 100%; padding: 0 20px}
	body{background: #fff!important}

	.grid{grid-template-columns: repeat(2, 1fr);}

	.corner-top, .corner-bottom{display:none}
	#promo .inn {display: none !important;}

	#promo .inn-1024 {display: block !important; width: 100%;  max-width: 1024px; margin: 0 auto; border-radius: 80px; overflow: hidden;}

	#promo .img-1024 { width: 100%; height: auto; display: block; border-radius: 80px 80px 0 0;}

	#promo .data-1024 { padding: 50px 85px 10px 90px; background-color: #fff; border-radius: 0 0 0 80px;}
	#promo .swiper-slide{border-radius: 0px;}


	#about .data{width: 100%; margin-bottom: 20px}
	#about img{max-width: 100%; width: 100%; height: auto;}


	#promo__page{padding: 0}
	#promo__page .container.container__max{padding: 0}


	#consultation .grid{grid-template-columns: repeat(1, 1fr);}
	#consultation .grid .item{align-items: center;}


	#contacts__page{padding: 30px 0}
	#contacts__page .data{gap: 20px; border-bottom: 1px solid #D9D9D9; padding-bottom: 30px; margin-bottom: 30px}
	#contacts__page .col{width: 100%;}


	#about__items .image{width: 100%; order: 0!important; margin-bottom: 30px}
	#about__items .image img{width: 100%; height: 360px}
	#about__items .data{width: 100%; order: 1!important}
	#about__items .counts{grid-template-columns: repeat(2, 1fr);}


	#post__service .image{width: 100%; margin-bottom: 30px;}
	#post__service .data{width: 100%;}
	#gallery .grid{grid-template-columns: repeat(3, 1fr);}


	#prices .grid{grid-template-columns: repeat(1, 1fr);}


	#speciālisti .search .list .flex{display: none;}
	#speciālisti .search .list,#speciālisti .search .specialist{width: calc(50% - 5px)}
	#speciālisti .search .list select{display: block;}
	.list__specialists.grid{grid-template-columns: repeat(3, 1fr);}


	main .section{width: 100%; max-width: 100%;}
	#sidebar.absolute,#sidebar{position: relative; width: 100%;}


	footer .col{max-width: 300px}
	footer .bottom-links { flex-direction: column; align-items: flex-start; gap: 10px;}
}



@media screen and (max-width: 767px){
	.section{padding: 50px 0 0}
	.grid{grid-template-columns: repeat(1, 1fr)!important;}
	.col ul {margin-left: 30px;}
	#faq .bt{margin-top: 30px;}
	#promo .inn {
    background-position:
calc(100% + 130px) 110px !important;
  }
	header .top{display: none;}
	header .bottom .phone{display: flex; width: 16px; height: 16px; padding-right:15px; background: url("../img/phoneb.svg") 50% 50% no-repeat; font-size: 0; background-size: 16px;}
  	header .bottom .search{display: flex; width: 16px; height: 16px; margin-right:55px; font-size: 0; background-size: 16px;}
  	.btn-search{width: 20px; height: 20px; background: url("../img/search.svg") 50% 50% no-repeat;}
	.list__services .item{padding: 30px; background-size: 120px!important}


	#about .container{padding: 0}
	#about .bt{margin-bottom: 25px;}
	#about img{height: 390px;}


	#contacts{padding-bottom: 165px}
	#contacts .data{left: calc(50% - 157px); top: 280px; border-radius: 0}


	#consultation .grid .item{padding: 24px;}
	#consultation .grid .item .image{display: none;}
	#consultation .grid .item .data{width: 100%;}

	#contacts__page .form .bt{font-size: 32px; line-height: normal;}
	.form .flex .wpcf7-form-control-wrap{width: 100%;}
	.form input,.form textarea{margin-bottom: 10px!important}


	.breadcrumbs{display: none;}
	#promo__page{ background-size: cover;}
	#promo__page h1{padding: 0}
	#promo__page .image img{min-height: 190px; height: auto;}


	#promo__page.hidden{display: block;}
	#parfums{padding: 30px 0;}
	#parfums:after{height: 100%;}
	#parfums h1{display: none;}
	#parfums .text{margin-bottom: 30px; font-size: 24px;}


	#about__items{border-bottom: none; padding-bottom: 0}
	#about__items .item{margin-bottom: 60px}
	#about__items .counts{grid-template-columns: repeat(2, 1fr)!important;}
	#about__items .counts .it{padding-left: 5px; padding-right: 5px}


	#post__service .image{height: 320px;}
	.item__services a{padding: 20px 78px 20px 58px; height: auto; line-height: 30px; background-size: 28px; background-position: 20px 22px}
	.item__services a:after{right: 20px}


	#gallery .grid{grid-template-columns: repeat(2, 1fr)!important;}
	#gallery .grid img{height: 170px}


	#content{padding-bottom: 50px;}
	#sidebar{padding: 50px 0 0;}
	#sidebar .information__block{display: none;}
	#sidebar .box{margin-bottom: 0;}


	#content .info img{width: 100%; margin-bottom: 30px;}
	#content .info .data{width: 100%; max-width: 100%;}


	.information__block{margin-top: 20px}


	.box__modal{padding: 15px}
	.box__modal .bt{font-size: 32px; margin-bottom: 5px;}
	.fancybox-close-small{width: 26px; height: 26px; background-size: 200% 200%; border-radius: 50%; border: 1px solid #000}

	.list__prices .item{background-position: 0 18px; padding: 10px 0 10px 38px}
	.list__prices .price{width: 100%; font-size: 24px; line-height: normal;}


	footer{border-radius: 30px 30px 0 0; margin-top: 50px}
	footer .col{max-width: 100%; width: 100%; margin-bottom: 30px}
	footer .socials{margin-bottom: 25px}
	footer ul li:last-child{margin-bottom: 0;}
	html #consalt.box__modal {
		padding: 40px;
	}
	#consalt .bt {
		font-size: 30px;
		line-height: 34px;
		margin-bottom: 20px;
	}
}
@media (max-width: 600px) {
  .mobile-title {
    font-size:30px;
		line-height:1.3;
  }
}