/* === DESKTOP FIRST === */

/* lg <= Extra large (xl) */
@media (max-width : 1600px) {}

/* xl <= Extra extra large (xxl) */
@media (max-width : 1400px) {
	.top-menu__link {
		padding: 8px;
	}
	.header-wrap {
		overflow: hidden;
		padding: 40px 0;
		min-height: 480px;
		max-height: 560px;
	}	
	.home__slogan {
		font-size: 42px;
	}	
	.home__desc {
    max-width: 500px;
    font-size: 24px;
  }
  .item-advantages {
		padding-bottom: 0;
	}	
	.team-item__desc {
		font-size: 16px;
	}
	.team-item__desc span {
		display: block;
	}
	.team-item__desc p {
		line-height: 1.4;
	}		
	.team-item__img {
		max-height: 380px;
	}	
	.inside-site-info {
		font-size: 12px;
		display: block;
	}
	.grid.grid-flex .services-item__desc h3, .grid.grid-flex .services-item__desc .h3 {
		font-size: 14px;
	}

}
@media (max-width : 1200px) {
	.header-wrap {
		background-position: center;
    min-height: 480px;
    max-height: 480px;
    }		
}

/* md <= Large (lg) */
@media (max-width : 992px) {
	.md-hidden {
		display: none;
	}

	.header-wrap {
		top: 10%;
		right: 0;
		height: 90%;
		z-index: 1;
	}

	.header-wrap {
		padding: 10% 0;
		overflow: hidden;
	}

	.toggle_mnu_b {
		display: block;
	}

	.main_menu  {
		display: none;
	}

	.header-left {
		position: relative;
		z-index: 3;
		height: 90vh;
		width: 50%;
		max-height: 400px;
	}

	.home__slogan {
		font-size: 28px;
	}

	.home__desc {
		font-size: 18px;
	}

	.home-callback__list,
	.home-callback__header {
		display: none;
	}

	.home-callback__text-right {
		text-align: center;
	}

	.home-callback__phone {
		display: block;
	}

	.item-advantages__heading {
		font-size: 16px;
	}

	.item-advantages__heading img {
		margin-right: 10px;
	}

	.services-item {
		margin: 20px 0;
		min-height: 320px;
	}

	section {
		padding: 60px 0 40px;
	}	
	.s-advantages {
	    padding: 60px 0 40px;
	}
	.s-advantages .section-title__name {
		display: none;
	}

	.section-head {
    text-align: center;
    margin-bottom: 40px;
	}

	.section-head__heading::after {
		bottom: -20px;
	}
	.section-head__desc {
		margin-top: 40px;
	}

	.section-title__desc,
	.section-title__desc h2 {
		font-size: 21px;
	}
	.grid.grid-flex .services-item__desc h3, .grid.grid-flex .services-item__desc .h3 {
		font-size: 18px;
	}
	.grid {
		display: grid;
		align-content: center;
	}
	.services__items.grid {
		display: block;
	}
	.team__items.grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
	}
	.team-item:nth-child(1) { order: 1; }
	.team-item:nth-child(3) { order: 2; }
	.team-item:nth-child(2) { order: 3; }
	.team-item:nth-child(4) { order: 4; }
	.team-item:nth-child(5) { order: 5; }

	.team-item__img img {
		position: relative;
		top: -40px;
	}

	.swiper {
		padding-left: 20px;
		padding-right: 20px;
	}
	.phone-big {
		font-size: 24px;
		font-weight: 400;
	}
}

/* sm <= Medium (md) */
@media (max-width : 768px) {
	.header-wrap img {
		top: 30%;
		right: -10%;
		height: 70%;
	}

	.top__slogan {
		font-size: 14px;
		margin-top: 24px;
		text-align: center;
		padding: 0 30px 0 15px;
	}

	.top__contacts {
		display: flex;
		text-align: center;
		justify-content: end;
	}

	.top__phone_wrap {
		text-align: center;
		white-space: nowrap;
		margin: 0;
		display: none;
	}

	.nav-social {
		text-align: center;
		margin: 3px 0;
	}
	.nav-social__item {
    width: 35px;
	}
	.nav-social__item img {
		width: 21px;
	}	
	.header-wrap {
	 background-position: top;
	 padding-top: 10%;
	}
	.header-left {
	  height: 480px;
	  width: 100%;
	}
	.home__slogan {
		font-size: 30px;
		max-width: 300px;
	}	
	.home__desc {
		max-width: 234px;
		font-size: 16px;
	}
	.info__block {
		bottom: 90px;
		padding: 5px;
		border-radius: 5px;
		background: rgba(208,208,208,0.8);
	}		
	.info__block div {
		font-size: 14px;
	}

	.s-advantages {
	    padding: 40px 0 50px;
	}

	.section-title__paragraph {
		margin-bottom: 30px;
	}

	.review_item {
		margin-bottom: 60px;
	}

	.team__items.grid {
    grid-template-columns: repeat(1, 1fr);
    gap: 1rem;
	}
	.team-item__img {
		max-height: 480px;
	}
	.team-item__img img {
		position: relative;
		top: -60px;
	}
	.team-item__desc span {
		display: inline;
	}

	.portfolio-item {
		min-height: 110px;
	}

	.logo img {
		max-width: 100%;
	}

	.swiper-slide.example_item {
		height: 125px;
	}
	.service-item__title {
		font-size: 16px;
	}
	.s-infoblock .seoblock__content {
		padding-bottom: 40px;
	}
	.services-button__wtap {
		margin: 40px 0 0px;
	}	
	.footer-phone {
    font-size: 24px;
    font-weight: 400;
   }
    .team-item__desc span, 	
    .section-head__desc {
    color: var(--text);
   }
}

/* xs <= Small (sm) */
@media (max-width : 586px) {
	body {
		padding-top: 50px;
	}
	.top_line	{
    padding: 10px 0 4px
  }
	.info__block {
		bottom: 0px;
	}
		.top__contacts {
		position: relative;
    right: 60px;
	}
	.header-wrap {
		background-image: url(../images/familly_mobil.png) !important;
		background-position: top;
		padding-top: 8%;
	}
	.item-advantages__heading-text {
		font-size: 14px;
	}
	.services-button__wtap {
		margin: 20px 0 0px;
	}	
	.toggle_mnu_b {
    	width: 38px;
	}
	.col-6.advantages__item-wrapper{
	width: 100%;	
	}
	.team-item__img {
        max-height: 406px;
    }
}


@media (max-width : 360px) {


}

/* === MOBILE FIRST === */

/* Custom (xs) */
@media (min-width : 0) {}

/* Small (sm) */
@media (min-width : 576px) {}

/* Medium (md) */
@media (min-width : 768px) {}

/* Large (lg) */
@media (min-width : 992px) {}

/* Extra large (xl) */
@media (min-width : 1200px) {}

/* Extra extra large (xxl) */
@media (min-width : 1400px) {}