
/**********************************************************************************************/
/**********************************MEDIA*******************************************************/
/**********************************************************************************************/
@media screen and (max-width: 600px) {
	html, body {
        width: 100%;
    }
    html {
/*	  overflow-x: hidden;*/
	}
	header .right-sec .btn-sec,
	footer .right-sec .btn-sec{
		display: none;
	}
	header .left-sec{
	    flex: 0 0 70px;
	    height: auto;
	}
	header .right-sec {
	  flex: 0 0 75%;
	}
	header .logo-sec {
  		flex: 0 0 100%;
	}
	header .logo-sec a img{
	  height: 70px;
	}
	header .logo-sec a {
	  margin-right: 0;
	  flex: 0 0 100%;
	  padding: 0;
	}
	.logo-label {
	  font-size: 16px;
	}
	footer .right-sec,
	header .right-sec {
	    justify-content: flex-end;
	    flex-wrap: wrap;
	}
	header .phone-sec-soc{
		flex: 0 0 45%;
	}
	
	header .header-contact{
		flex: 0 0 45%;
	}
	header{
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding-right: 0;
		padding-left: 0;
        background: #f3f3f3;
		top: 0;
		z-index: 99999;
	}
	header .logo-sec{
	  margin-right: 0;
	}
	header .wrapper{
		margin: 0;
		width: 100%;
		padding-left: 15px;
		padding-right: 15px;
	}
	.menu-sec{
		padding-top: 0;
		background: #cfdddf;
		top: 50px;
	}
	header{
		background: #f3f3f3;
		box-shadow: inset 1px -2px 15px -13px #000;
	}
	header, footer{
		height: 100px;
	}
	.menu-m-btn{
		display: block;
		position: relative;
		bottom: 0;
		left: 0;
	}
	header .right-sec .phone-sec{
		margin-right: 10px;
	}

	footer .logo-sec {
	  flex: 0 0 40%;
	}
	footer .logo-sec a img {
	  height: 70px;
	}
	footer .left-sec {
	    flex: 0 0 35%;
	}
	footer .right-sec{
		flex: 0 0 64%;
	} 
	footer .right-sec .phone-sec{
		margin-right: 0;
		width: 100%;
		order: 1;
		height: auto;
		justify-content: flex-end;
		padding-bottom: 10px;
		flex: 0 0 100%;
	}

	/*header .right-sec .phone-sec{
		display: none;
	}*/
	header .right-sec .head-soc,
	footer .right-sec .head-soc{
		width: 40%;
		justify-content: space-between;
		order: 2;
	}
	header .right-sec .phone-sec a{
		margin: 0;
		font-size: 15px;
	} 
	footer .right-sec .phone-sec a{
		margin: 0 15px 0 0;
		font-size: 18px;
	}
	.first-screen__screen {
	  height: auto;
	  padding: 25px 25px 60px;
	}
	.first-screen .left-screen{
		width: 100%;
		z-index: 9999;
	}
	.first-screen .left-screen__title{
		font-size: 30px;
		line-height: 1.5;
		color: #fff;
		font-weight: 700;
	}
	.first-screen .left-screen__small-title{
		line-height: 1.5;
		color: #fff;
		font-size: 26px;
		margin-bottom: 15px;
	}
	.first-screen .left-screen__small .left-screen__small-subtitle{
		color: #fff;
		padding-left: 75px;
	}
	.cost-srok p {
	  color: #fff;
	}
	.first-screen .right-screen img{
		width: 100%;
	}
	.right-screen {
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	  z-index: 999;
	  filter: brightness(.4);
	}
	.left-screen__small{
		width: 80%;
		margin-top: 40px;
	}
	.left-screen__small__img{
		left: -5px;
	}
	.cost{
		align-items: center;
		flex-direction: row;
	}
	.first-screen .btn {
	  margin-top: 0;
	  order: 1;
	  margin-right: 10px;
	  height: 50px;
	  display: flex;
	  align-items: center;
	}
	.cost-srok{
		order: 2;
	}
	.advantage-sec{
		justify-content: center;
	}
	.advantage-sec .advantage{
		height: 150px;
		flex: 0 0 70%;
		margin-bottom: 20px;
	}
	.promotion-title {
	  width: 100%;
	  font-size: 30px;
	}
	.promotion-box .promotion{
		border: none;
		padding: 25px 15px 0;
	}
	.promotion-box-img {
	  position: relative;
	  transform: rotate(0deg);
	  right: 0;
	  top: 0;
	  z-index: 0;
	  text-align: center;
	}
	.promotion-title{
		text-align: center;
	}
	.promotion-box-img img {
	  width: 100%;
	  height: 350px;
	  object-fit: cover;
	}
	.promotion-slogan {
	  width: 100%;
	}
	.promotion-slogan p br {
	  display: none;
	}
	.promotion-slogan p{
		text-align: center;
	}
	.promotion-in-box{
		width: 100%;
	}
	.promotion-in-box-item__img{
		flex: 0 0 80px;
		height: 80px;
		margin-right: 10px;
	}
	.promotion-in-box-item__name {
	  flex: 0 0 55%;
	}
	.promotion-form {
	  width: 100%;
	}
	.promotion_btn {
	  flex: 0 0 48%;
	  padding: 0;
	  font-size: 14px;
	  display: flex;
	  height: 50px;
	  justify-content: center;
	  align-items: center;
	}
	.promotion-form-inputs{
		flex: 0 0 48%;
	}
	.portfolio-item{
		height: 250px;
		margin-right: 0;
		flex: 0 0 48%;
	}
	.portfolio{
		justify-content: space-between;
	}
	#kviz .kviz-subtitle{
		width: 90%;
	}
	.services-box,.steps-box {
	  padding: 40px 0 0;
	}
	.services-item__img {
	  flex: 0 0 100%;
	  height: 250px;
	  order: 2;
	}
	.services-item__info {
	  flex: 0 0 100%;
	  margin-bottom: 20px;
	}
	.steps-item__info{
		width: 70%;
		justify-content: space-around;
	}
	.steps-item__info-srok{
		justify-content: flex-end;
	}
	.steps-item {
	  flex: 0 0 100%;
	}
	.container-rabot h2:after{
		display: none;
	}
	#kviz {
	  padding: 40px 0 0;
	}
	.comp-left {
	  flex: 0 0 100%;
	  order: 2;
	}
	.comp-right {
	  flex: 0 0 100%;
	  order: 1;
	}
	.digit{
		flex-wrap: wrap;
		height: auto;
		justify-content: center;
	}
	.digit-box {
	  margin: 40px 0 40px;
	}
	.digit .digit-item:nth-child(1){
		flex: 0 0 100%;
		height: auto;
		margin-bottom: 50px;
		margin-right: 0;
	}
	.digit-item__name span{
		display: inline;
	}
	.digit-item {
	  margin-right: 20px;
	  flex: 0 0 45%;
	  margin-bottom: 30px;
	  text-align: center;
	}
	.digit .digit-item:last-child{
		margin-right: 0;
	}
	.comp-box{
		padding: 20px 0;
	}
	.estimate .estimate-item:nth-child(3)  {
	  flex: 0 0 80%;
	}
	.estimate .estimate-item:nth-child(2) {
	  flex: 0 0 70%;
	  margin-bottom: 40px;
	}
	.process-block-rabot .estimate-left{
		top: 26%;
		left: -218px;
		font-size: 55px;
	}
	.reviews-sec__item{
		height: 300px;
		flex: 0 0 100%;
	}
	.reviews-sec__grid{
		padding-top: 20px;
	}
	.feedback .feedback-item:nth-child(1){
		margin-bottom: 20px;
	}
	.feedback .feedback-item,.feedback .feedback-item:nth-child(2) {
	  flex: 0 0 100%;
	}
	.feedback_btn {
	  flex: 0 0 auto;
	  font-size: 14px;
	  padding: 0;
	  height: 50px;
	  display: flex;
	  justify-content: center;
	  align-items: center;
	  width: 48%;
	  text-align: center;
	}
	.feedback-form-inputs {
	  flex: 0 0 48%;
	  margin-right: 0;
	}
	.matomba_iframe.matomba_iframe_mobile{
		height: 747px !important;
	}
	.matomba_iframe iframe{
		min-height: 747px !important;
	}
	.okomp-img,.okomp-info{
		flex: 0 0 100%;
	}
	.okomp-info{
		order: 1;
		margin-bottom: 30px;
	}
	.okomp-img{
		order: 2;
	}
	.reserv{
		justify-content: center;
	}
	.reserv-item{
		height: 340px;
		margin-bottom: 25px;
		flex: 0 0 80%;
	}
	.header-contact-schedule,
	.header-contact-phone{
		display: none;
	}
	.btn-callback.window-show{
		border-bottom: 1px dashed var(--main-color);
		color: var(--main-color);
	}
	.menu-m-btn{
		background: #cfdddf;
		cursor: pointer;
	}
	.header-wrap-menu {
	  position: absolute;
	  left: 0;
	}
	.header-wrap-up {
	  width: 90%;
	}
	.menu-sec ul li a{
		color: var(--main-color);
	}
	.menu-sec ul li a:hover{
		color: var(--main-color-hover);
	}
	.slider-sec .slide-main .title-slide {
	  font-size: 45px;
	  line-height: 1.5;
	}
	.slider-sec .slide-main .title-slide span.title-slide__brack1, 
	.slider-sec .slide-main .title-slide span.title-slide__brack2 {
	  display: none;
	}
	.review-sec .prev,.review-sec .next {
	  height: 40px;
	  width: 40px;
	}
}
@media screen and (max-width: 576px) {
	/*header .right-sec {
	  flex: 0 0 30%;
	}*/
	footer .left-sec {
	  flex: 0 0 25%;
	}
	.container-rabot{
		margin-right: 0;
		margin-left: 0;
		max-width: 100%;
	}
	.promotion_btn {
	  flex: 0 0 46%;
	}
	h2 {
	  font-size: 32px;
	  line-height: 1.5;
	  margin-bottom: 20px;
	}
	.logo-label {
	  font-size: 14px;
	}
	.process-block-rabot .subtitle-rabot{
		line-height: 1.5;
	}
	.first-screen .right-screen img{
		top: 0;
		height: 100%;
		object-fit: cover;
	}
	.left-screen__small__img{
		width: 120px;
		left: -12px;
	}
	.left-screen__small {
	  width: 100%;
	  height: 75px;
	}
	.first-screen .left-screen__small .left-screen__small-subtitle{
		padding-left: 100px;
	}
	.promotion-form{
		justify-content: center;
	}
	.promotion_btn {
	  flex: 0 0 55%;
	  padding: 10px 15px;
	  height: 50px;
	}
	.promotion-form-inputs {
	  flex: 0 0 55%;
	  margin-bottom: 15px;
	  margin-right: 0;
	}
	.promotion-slogan p, .promotion-in p {
	  font-size: 18px;
	}
	.promotion-in-box-item__img {
  	  flex: 0 0 70px;
	  height: 70px;
	}
	
	.portfolio-link{
		flex: 0 0 48%;
		margin-right: 0;
	}
	.portfolio-link__info{
		height: auto;
	}
	.portfolio-wrap .portfolio-all.btn{
		padding: 15px;
		width: 50%;
	}
	.video-sec iframe{
		width: 100%;
		height: 400px;
	}
	.advan-box__item{
		flex: 0 0 48%;
		margin-bottom: 20px;
	}

	header .logo-sec, footer .logo-sec{
		max-width: none;
		flex: 0 0 100%;
	}
	header .logo-sec a img{
		max-width: none;
		height: 100%;
	}
	header .logo-sec a {
	  margin-right: 10px;
	}
	/*footer .logo-sec a img {
	  height: 60px;
	  max-width: none;
	}*/
	header .right-sec .phone-sec, footer .right-sec .phone-sec{
		padding-bottom: 0;
	}
	header .wrapper{
		align-items: center;
		flex: 0 0 90%;
	}
	footer .wrapper{
		flex: 0 0 100%;
		align-items: center;
	}
	.portfolio-img{
		justify-content: space-between;
	}
	.portfolio-img a {
	  flex: 0 0 48%;
	  margin-right: 0;
	}
	.contacts-item.contacts-info,
	.okomp-item.okomp-info {
  	  flex: 0 0 100%;
	  margin-bottom: 30px;
	}
	.contacts-item.contacts-map,
	.okomp-item.okomp-img {
	  flex: 0 0 100%;
	}
	.video-wrap{
		justify-content: space-between;
	}
	.video-item{
		margin-right: 0;
		flex: 0 0 49%;
		height: 175px;
	}
	.fun-info-gallery{
		justify-content: center;
	}
	.fun-info-gallery__item {
	  flex: 0 0 80%;
	  margin-right: 0;
	}
	.fun-info__desc {
	  flex: 0 0 100%;
	}
	.fun-info__img, .fun-info__img2 {
	  flex: 0 0 100%;
	}
	.advan-img {
	  flex: 0 0 65%;
	  order: 2;
	  margin: 0 auto;
	}
	.fun-info__advan{
		width: 100%;
		flex: 0 0 100%;
		order: 1;
		margin-bottom: 30px;
	}
	.logo-sec img {
	  width: 100%;
	}
	footer .logo-sec img {
	  width: 70%;
	}
	footer .wrapper {
	  flex-direction: row;
		align-items: center;
		justify-content: space-between;
	}
	.phone-sec-soc,.phone-sec-soc-mob{
		justify-content: flex-start;
	}

	.form-back {
	  padding: 30px 10px;
	  border-radius: 0;
	}
	.form-back-title {
	  font-size: 18px;
	}
	.form-back-title span{
		font-size: 20px;
	}
	.o-comp{
		flex-direction: column;
	}
	#mainafisha-vid .event-vid{
		margin-right: 0;
		flex: 0 0 49%;
	}
	#mainafisha-vid{
		justify-content: space-between;
	}
	.image-vid {
	  height: 200px;
	}
	#mainafisha-vid .event-vid .title-vid {
	  height: 60px;
	}
	#mainafisha-vid .event-vid .box-vid{
		height: auto;
	}
	.sert{
		flex-direction: column;
		margin: 0;
		width: 100%;
	}
	.sert-img {
	  height: 400px;
	  order: 2;
	  margin-right: 0;
	}
	.sert-desc{
		order: 1;
		margin-bottom: 20px;
	}
	footer .logo-sec a img {
	  height: 100%;
	  max-width: 100%;
	  width: 100%;
	}
	 footer .left-sec {
	  flex: 0 0 15%;
	}
	footer .logo-sec {
	  margin-right: 0;
	}
	footer .right-sec {
	  flex: 0 0 55%;
	}
	footer .right-sec .phone-sec{
		justify-content: flex-end;
		flex: 0 0 100%;
	}
	footer .right-sec .phone-sec a {
	  margin: 0;
	}
	.services-item__info-promo{
		width: 50%;
	}
	.feedback-form{
		align-items: center;
	}
	.feedback-form-inputs {
	  margin-right: 10px;
	}
	.arrow{
		bottom: 10%;
	}
	footer .phone-sec-soc{
		display: none;
	}
	.reserv-item {
	  height: 430px;
	}
	.promotion-in-box{
		justify-content: center;
	}
	.promotion-in-box .promotion-in-box__details{
		text-align: center;
	}
	header .phone-sec-soc {
	  flex: 0 0 50%;
	}
	.advantage-sec{
		margin-bottom: 0;
	}
	footer .wrapper {
	  padding: 0 15px;
	}
}
@media screen and (max-width: 515px) {
	header .left-sec {
	  flex: 0 0 18%;
	}
	header .right-sec {
	  flex: 0 0 80%;
	}
	header .phone-sec-soc {
	  flex: 0 0 55%;
	}
	header .header-contact {
	  flex: 0 0 42%;
	}
	header .right-sec .phone-sec {
	  margin-right: 0;
	}
	header .right-sec .phone-sec a{
		font-size: 18px;
	}
	.portfolio,.portfolio-img{
		justify-content: center;
	}
	.portfolio-link,.portfolio-img a{
		flex: 0 0 80%;
	}
	.row-rabot{
		margin-right: 0;
		margin-left: 0;
	}
	.o-comp{
		padding: 40px 0 0;
	}
	.about-sec{
		margin-bottom: 0;
	}
	.sert-wrap {
	  padding: 40px 0;
	}
	footer .right-sec {
	  flex: 0 0 60%;
	}
	.portfolio-item {
	  height: 280px;
	  flex: 0 0 80%;
	  margin-right: 0;
	}
	#kviz .kviz-subtitle {
	  width: 100%;
	}
	.estimate .estimate-item:nth-child(2) {
	  flex: 0 0 90%;
	}
	.process-block-rabot .estimate-left{
		display: none;
	}

	.feedback-form-inputs{
		margin-bottom: 15px;
	}
	.feedback-form-inputs {
	  flex: 0 0 70%;
	}
	.feedback-form{
		justify-content: center;
	}
	ul.feedback-list li{
		font-size: 16px;
		align-items: flex-start;
	}
	ul.feedback-list li svg {
	  flex: 0 0 15px;
	  width: 15px;
	  height: 15px;
	  top: 5px;
	  position: relative;
	}
	.feedback-list li span {
	  display: flex;
	  align-items: flex-start;
	  justify-content: flex-start;
	  line-height: 1.5;
	}
	footer .logo-sec img {
	  width: 100%;
	}
	footer .logo-sec {
	  margin-right: 0;
	}
	.services-item__info-promo{
		width: 60%;
	}
	.feedback-form-inputs {
	  margin-right: 10px;
	}
	.advantage-sec .advantage{
		flex: 0 0 100%;
	}
	.steps-item.steps-main{
		height: 500px;
	}
	.steps-item{
		height: 400px;
	}
	.steps-main .steps-item__info{
		height: calc( 500px - 50px);
	}
	.steps-item__info{
		height: calc( 400px - 50px);
	}
	.reviews-sec__item {
	  height: auto;
	}
	header .logo-sec a img {
	  height: 80px;
	}
	.header-wrap-up {
	  width: 88%;
	  height: 100%;
	}
	header .wrapper {
	  flex: 0 0 auto;
	  width: 100%;
	}
}

@media screen and (max-width: 479px) {
	.portfolio-link,.portfolio-img a{
		flex: 0 0 90%;
	}
	.video-sec iframe{
		height: 330px;
	}
	.video-sec {
  	margin-top: 20px;
	  margin-bottom: 0;
	}
	.advan-box__item{
		height: 280px;
		background-repeat: no-repeat;
		background-position: bottom center;
	}
	.video-wrap {
	  justify-content: center;
	}
	.video-item {
	  flex: 0 0 80%;
	  height: 220px;
	}
	#mainafisha-vid{
		justify-content: center;
	}
	#mainafisha-vid .event-vid{
		flex: 0 0 80%;
		margin-bottom: 40px;
	}
	.fun-info-gallery__item {
  	flex: 0 0 90%;
	}
	.image-vid {
	  height: 240px;
	}
	footer .right-sec {
	  flex: 0 0 62%;
	}
	.digit-item {
	  margin-right: 0;
	  flex: 0 0 100%;
	}
	.reviews-sec__item {
	  height: auto;
	}
	.services-item__info-promo {
	  width: 68%;
	}
	#kviz .kviz-title, #kviz .kviz-subtitle {
	  font-size: 30px;
	}
	.portfolio-item{
		flex: 0 0 90%;
	}
	.promotion_btn,.promotion-form-inputs {
	  flex: 0 0 70%;
	}
	.advantage-sec .advantage{
		flex: 0 0 85%;
		display: flex;
		align-items: center;
		padding-left: 40px;
	}
	.first-screen .left-screen__title {
	  font-size: 28px;
	}
	.left-screen__small {
	  width: 93%;
	  height: 60px;
	}
	.left-screen__small__img {
	  width: 90px;
	  left: -5px;
	}
	.first-screen .left-screen__small .left-screen__small-subtitle {
	  padding-left: 80px;
	  font-size: 20px;
	}
	.cost {
  	  align-items: flex-start;
	  flex-direction: column;
	}
	.cost-srok {
	  order: 1;
	  margin-bottom: 10px;
	}
	.first-screen .btn{
		order: 2;
		margin-right: 0;
	}
	.services .btn {
	  height: 40px;
	  margin: 0;
	  display: flex;
	  justify-content: center;
	  align-items: center;
	  width: 50%;
	}
	.reserv-item {
	  height: auto;
	  padding-bottom: 40px;
	}
	.reserv .reserv-item:last-child{
		margin-bottom: 0;
	}
	.steps-item__info {
	  width: 80%;
	}
	.btn-callback.window-show{
		font-size: 11px;
	}
	.shadow-sec{
		z-index: 99999;
	}
}
@media screen and (max-width: 460px) {
	.logo-label {
	  display: none;
	}
	header .left-sec {
	  flex: 0 0 70px;
	}
	header .right-sec {
	  flex: 0 0 75%;
	}
	header .right-sec .phone-sec {
	  margin-right: 10px;
	}
	.advantage-sec .advantage{
		flex: 0 0 100%;
		padding-right: 80px;
	}
	.advantage-sec {
	  margin-bottom: 30px;
	}
	.okomp-wrap {
	  padding: 0 0 60px;
	}
	.reserv-subtitle{
		line-height: 1.5;
	}
	.promotion-in-box-item{
		flex: 0 0 60%;
	}
	header .phone-sec-soc{
		display: none;
	}
	header .header-wrap-menu .menu-sec .phone-sec-soc{
		display: flex;
		justify-content: center;
		padding: 20px 0;
	}
	header .header-contact {
	  flex: 0 0 60%;
	}
	.btn-callback.window-show{
		font-size: 14px;
	}
	.reserv-item{
		flex: 0 0 90%;
	}
}
@media screen and (max-width: 440px) {
	.advantage-sec .advantage {
	  padding-left: 0;
	}
	.advantage-sec{
		display: flex;
		flex-direction: column;
	}
	footer .right-sec {
	  flex: 0 0 70%;
	}
	.question-item__name{
		font-size: 20px;
	}
	h2 {
	  font-size: 30px;
	}
	.services .btn{
		width: 60%;
		font-size: 13px;
	}
	.services-item__info-promo {
	  width: 75%;
	}
	.steps-item{
		height: 450px;
	}
	.steps-item__info{
		height: calc( 450px - 50px);
	}
	#kviz .kviz-title, #kviz .kviz-subtitle {
	  font-size: 28px;
	}
	.portfolio-item {
	  flex: 0 0 100%;
	}
	.promotion-in-box{
		flex-direction: column;
	}
	.promotion-in-box-item__name {
	  flex: 0 0 auto;
	}
	.promotion-in-box-item{
		justify-content: center;
	}
	.advantage-sec .advantage {
	  padding-left: 40px;
	}
	.first-screen__screen{
		padding-top: 40px;
	}
	.first-screen .left-screen__title {
	  font-size: 25px;
	}
	.left-screen__small {
	  width: 95%;
	}
	.left-screen__small__img {
	  width: 80px;
	  left: -15px;
	  margin-right: 0;
	}
	.first-screen .left-screen__small .left-screen__small-subtitle {
	  padding-left: 55px;
	}
	.steps-item__info {
	  width: 80%;
	}
	h2,.promotion-title {
	  font-size: 28px;
	}
	.wrapper,.container-rabot{
		max-width: 440px;
	}
	.phone-sec-soc {
	  display: none;
	}
	header .right-sec .phone-sec a {
	  font-size: 20px;
	}
	/*header .wrapper {
	  flex: 0 0 auto;
	}*/
	.header-wrap-up {
	  width: 85%;
	}
	.menu-m-btn{
	  height: 60px;
	  width: 60px;
	}
	.feedback_btn{
		width: 55%;
	}
}
@media screen and (max-width: 414px) {
	.portfolio-link,.portfolio-img a {
	  flex: 0 0 100%;
	}
	.portfolio-wrap {
	  padding: 20px 0 40px;
	}
	.video-item{
		flex: 0 0 100%;
	}
	.process-item-rabot .number-rabot{
		top: 5px;
	}
	.process-item-rabot{
		padding-left: 55px;
	}
	#mainafisha-vid{
		padding: 0 10px;
	}
	#mainafisha-vid .event-vid {
	  width: 100%;
	}
	.fun-info-gallery__item {
	  flex: 0 0 100%;
	}
	.advan-img {
	  flex: 0 0 90%;
	}
	.fun-info-box h3{
		font-size: 30px;
	}
	header .left-sec {
	  flex: 0 0 70px;
	  width: 70px;
	}
	#mainafisha-vid .event-vid {
	  flex: 0 0 90%;
	}
	footer .left-sec {
	  flex: 0 0 15%;
	}
	header .logo-sec a, footer .logo-sec a {
	  margin: 0;
	}
	/*header{
		height: 120px;
		padding: 15px;
	}*/
	header .right-sec .phone-sec {
  	  margin-right: 0;
	  margin-bottom: 6px;
	}
	header .right-sec{
		justify-content: center;
	}
	/*header .wrapper{
		flex: 0 0 85%;
	}*/
	.header-wrap-up {
	  width: 80%;
	}
	/*.slider-sec .slide-main{
		padding-top: 60px;
	}*/
	/*.phone-sec-mob-btn-calc.btn{
		display: block;
		margin-top: 0;
	}*/
	.mobile-infos .phone-sec{
		margin-bottom: 0;
	}
	.logo-label {
	  font-size: 14px;
	  display: none;
	}
	.phone-sec-soc{
		display: none;
	}
	.first-screen .left-screen__title,
	.first-screen .left-screen__small-title {
	  font-size: 23px;
	}
	.left-screen__small {
	  width: 98%;
	  height: 50px;
	}
	.left-screen__small__img {
	  width: 70px;
	  left: -20px;
	}
	.first-screen .left-screen__small .left-screen__small-subtitle {
	  padding-left: 45px;
	}
	.promotion-title p br,
	.feedback-box h2 br,
	.left-screen__title br,
	.left-screen__small-title br {
	  display: none;
	}
	.promotion_btn, .promotion-form-inputs {
	  flex: 0 0 80%;
	}
	#kviz .kviz-title, #kviz .kviz-subtitle {
	  font-size: 26px;
	}
	.services-subtitle {
  	  font-size: 22px;
	  margin-bottom: 0;
	}
	.services-item__info-promo {
	  width: 80%;
	}
	.estimate-politic__txt {
	  font-size: 12px;
	}
	.question-item__body{
		font-size: 18px;
	}
	.steps-item__info {
	  width: 85%;
	}
	.feedback-form-inputs {
	  flex: 0 0 80%;
	}
	.feedback-form-inputs {
	  margin-right: 0;
	}
	footer .right-sec .phone-sec {
	  justify-content: flex-end;
	}
	footer .right-sec {
	  flex: 0 0 80%;
	}
	.wrapper,.container-rabot{
		max-width: 414px;
	}
	/*.menu-sec{
		top: 120px;
	}
	.first-screen {
	  margin-top: 10px;
	}*/
	.phone-sec-soc-mob{
		display: flex;
		justify-content: center;
		margin-top: 0;
		margin-bottom: 10px;
	}
	.phone-sec-soc-mob {
	  margin-top: 10px;
	}
	header .phone-sec-soc-mob a svg {
	  width: 30px;
	  height: 30px;
	}
	header .logo-sec{
		flex: 0 0 100%;
		width: 100%;
		text-align: center;
		justify-content: center;
	}
	.reserv-item{
		flex: 0 0 100%;
	}
}
@media screen and (max-width: 375px) {
	.advan-box{
		justify-content: center;
	}
	.advan-box__item {
	  flex: 0 0 90%;
	}
	.advan-box__item{
		background-position: center center;
	}
	.portfolio-wrap .portfolio-all.btn{
		width: 70%;
		font-size: 13px;
	}
	.video-sec iframe{
		height: 260px;
	}
	.advan-box__item{
		background-position: center -70px;
	}
	footer .logo-sec a img {
	  height: 100%;
	}
	.advantage-sec{
		margin-bottom: 0;
	}
	#mainafisha-vid .event-vid {
	  flex: 0 0 100%;
	}
	.mainafisha-box{
		padding: 40px 5px 30px;
	}
	.left-screen__small {
	  width: 100%;
	  height: auto;
	  flex-direction: column;
	  background: none;
	  padding: 0;
	}
	.left-screen__small__img {
	  width: 90px;
	  left: 0;
	  position: relative;
	  flex: 0 0 90px;
	}
	.first-screen .left-screen__small .left-screen__small-subtitle {
	  padding: 0;
	  height: 40px;
	  background: var(--three-color);
	  width: 100%;
	  display: flex;
	  justify-content: center;
	  align-items: center;
	}
	.first-screen .btn{
	  width: 70%;
	  display: flex;
	  justify-content: center;
	  align-items: center;
	  padding: 0;
	  height: 45px;
	}
	.process-block-rabot.process-block-rabot-padd {
	  padding: 30px 15px;
	}
	.process-block-rabot .subtitle-rabot,.services-subtitle,
	.question-item__name{
		font-size: 18px;
	}
	h2, .promotion-title {
	  font-size: 24px;
	}
	#kviz .kviz-title, #kviz .kviz-subtitle {
	  font-size: 20px;
	}
	h3 {
	  font-size: 22px;
	}
	.services-item__info-promo {
	  width: 90%;
	}
	.process-block-rabot{
		padding: 30px 0;
	}
	footer .right-sec .phone-sec a{
		font-size: 15px;
	}
	footer .left-sec {
	  width: 25%;
	  margin-bottom: 10px;
	}
	.portfolio{
		padding-left: 0;
		padding-right: 0;
	}
	.wrapper,.container-rabot{
		max-width: 375px;
	}
	/*.phone-sec-mob-btn-calc.btn {
	  display: flex;
	  margin-top: 0;
	  padding: 0 10px;
	  font-size: 11px;
	  justify-content: center;
	  align-items: center;
	  height: 30px;
	}*/
	header .header-contact {
	  flex: 0 0 100%;
	}
	header .right-sec .phone-sec a {
	  font-size: 16px;
	}
	header .left-sec {
	  flex: 0 0 60px;
	  width: 60px;
	}
	.feedback_btn{
		width: 70%;
	}
	.feedback-item__row-circle-2{
		display: none;
	}
	footer {
	  height: auto;
	}
	footer .wrapper {
	  justify-content: center;
	  flex-direction: column;
	}
	.arrow {
	  bottom: 5%;
	}

}
@media screen and (max-width: 360px) {
	header .logo-sec a, footer .logo-sec a {
	  margin: 0;
	}
	header .right-sec .phone-sec a {
	  font-size: 18px;
	}
	footer .right-sec .phone-sec a {
	  font-size: 16px;
	}
	.menu-sec{
		padding-top: 0;
	}
	footer .wrapper {
	  flex-direction: column;
	}
	footer {
	  height: 140px;
	}
	footer .logo-sec {
	  margin-right: 0;
	}
	footer .left-sec{
		height: 100%; 
		margin-bottom: 5px;
	}
	.phone-sec-soc {
	  margin-top: 10px;
	}
	footer .right-sec .phone-sec {
	  width: 100%;
	  flex-direction: column;
	  align-items: center;
	}
	.advantage-sec .advantage {
	  padding-right: 50px;
	}
	.promotion_btn, .promotion-form-inputs {
	  flex: 0 0 100%;
	}
	.services .btn {
	  width: 80%;
	  margin: 0 auto;
	}
	.services-item__info-promo {
	  width: 95%;
	}
	.comp-advan{
	  flex-direction: row;
	  flex-wrap: wrap;
	  align-items: center;
	  justify-content: center;
	}
	.comp-advan-item{
	  flex: 0 0 100%;
	  justify-content: center;
	  margin-bottom: 20px;
	}
	.comp-advan-item__img{
		margin-right: 0;
	}
	.comp-advan-item__name{
		flex: 0 0 100%;
		text-align: center;
	}
	.portfolio {
	  padding-left: 0;
	  padding-right: 0;
	}
	.estimate .estimate-item:nth-child(2),
	.estimate .estimate-item:nth-child(3) {
	  flex: 0 0 100%;
	}
	.reviews-sec__text svg{
		display: none;
	}
	.reviews-sec__text{
		padding-left: 0;
	}
	.feedback-form-inputs {
	  flex: 0 0 100%;
	}
	.feedback_btn {
		flex: 0 0 auto;
	}
	footer {
	  height: auto;
	}
	.wrapper,.container-rabot{
		max-width: 360px;
	}
}
@media screen and (max-width: 600px) {
    .catalog-arts {
        grid-template-columns: repeat(1, 1fr);
    }
}
@media screen and (max-width: 440px) {
	header .right-sec .head-soc, 
	footer .right-sec .head-soc{
		width: 55%;
	}
}
@media screen and (max-width: 375px) {
	header .right-sec .head-soc, 
	footer .right-sec .head-soc{
		width: 100%;
	}
}
@media screen and (max-width: 330px) {
	header .logo-sec a{
	  width: 100%;
	  height: 100%;
	}
	header .left-sec {
	  flex: 0 0 60px;
	  width: 60px;
	  height: 60px;
	}
	header .wrapper{
		height: auto;
	}
	header .logo-sec{
		margin-bottom: 15px;
	}
	header .right-sec .phone-sec a, 
	footer .right-sec .phone-sec a{
		font-size: 15px;
		margin: auto;
	}
	header{
	  height: 90px;
	}
	.menu-sec {
		top: 45px;
	}
	.slider-sec .slide-main .title-slide {
	  font-size: 40px;
	}
	.title-slides {
	  font-size: 35px;
	}

	.portfolio-wrap .portfolio-all.btn {
	  width: 100%;
	}
	.video-sec iframe {
	  height: 230px;
	}
	.video-item{
		height: 175px;
	}
	.fun-info-gallery img{
		height: 230px;
	}
	.fun-info__desc-work {
	  margin-left: 0;
	}
	.advan-img {
	  flex: 0 0 100%;
	}
	.fun-info__advan {
	  padding: 15px 20px 0 0;
	  border-left: none;
	}
	header .right-sec .phone-sec-soc a svg, 
	footer .right-sec .phone-sec-soc a svg {
	  width: 25px;
	  height: 25px;
	}

	.feedback-box {
	  padding: 30px 0 40px;
	}
	header .right-sec .phone-sec-soc a svg, 
	footer .right-sec .phone-sec-soc a svg {
	  width: 30px;
	  height: 30px;
	}
 
	footer .right-sec .phone-sec a {
	  font-size: 18px;
	}
	header .right-sec .phone-sec a{
		font-size: 16px;
	}
	.phone-sec-mob-btn-calc.btn{
		font-size: 10px;
	}
	ul.feedback-list li {
	  font-size: 14px;
	}
	.feedback-window__title,.estimate-window h3{
		font-weight: 600;
	}
	.estimate-window .subtitle{
		width: 100%;
		font-size: 18px;
	}
	.steps-item {
	  height: 500px;
	}
	.steps-item__info {
	  height: calc( 500px - 50px);
	}
	.steps-item__info ul li:before{
		font-size: 15px;
	}
	h3 {
	  font-size: 20px;
	}
	.feedback_btn{
		font-size: 13px;
	}
	.services-item__info-promo:before{
		display: none;
	}
	.services-item__info-promo {
	  width: 100%;
	  margin-left: 0;
	}
	.services-item {
	  padding: 15px;
	}
	.first-screen .left-screen__small .left-screen__small-subtitle{
		font-size: 18px;
	}
	.first-screen .btn {
	  width: 90%;
	}
	.left-screen__small__img {
	  width: 70px;
	  flex: 0 0 70px;
	}
	.mobile-infos .phone-sec{
		margin-top: 10px;
	}

	.mobile-infos .btn {
	  width: 65%;
	  justify-content: center;
	  align-items: center;
	  display: flex;
	}
	.wrapper,.container-rabot{
		max-width: 330px;
	}
	.arrow {
	  bottom: 7%;
	  right: 15px;
	}
	.feedback_btn {
	  width: 80%;
	  flex: 0 0 auto;
	}
	.menu-m-btn {
	  height: 45px;
	  width: 45px;
	}
	.header-wrap-up {
	  width: 80%;
	}
	.btn-callback.window-show {
	  font-size: 12px;
	}
	header .wrapper {
	  flex: 0 0 100%;
	}
}



