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

/* xl <= Extra extra large (xxl) */
@media (max-width : 1400px) {}

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

}

@media (max-width : 1200px) {
	.toggle_mnu_b {
		display: block;
	}
	.main-menu,
	.menu-sub {
		display: none;
	}

  .grid {
		display: grid;
		align-content: center;
	}

	.service-item,
	.portfolio-item {
		min-height: 160px;
	}

	.service-item__name {
		font-size: 14px;
		padding: 10px;
		height: 55px;
	}

	.service-item__icon {
		height: 32px;
	}

	.service-items.grid {
		grid-template-columns: repeat(3, 1fr);
	}

	.service-item:nth-child(7) {
		grid-column: 3;
		grid-row: 2/2;
	}

	.service-item:nth-child(7) .service-item__icon {
		height: 38px;
		margin-top: -10px;
	}
	.service-item__wrap_img {
		height: auto;
	}
	.section-head__heading {
		font-size: 36px;
	}
}

/* sm <= Medium (md) */
@media (max-width : 992px) {
	.flex-col {
		width: 100%;
	}
	.flex-col-end{
  	order: 3;
	}

	.services__content_wrap {
		padding: 10% 10% 0 ;
		margin: 0;
	}
	.s-whom .section-content {
    padding: 10%;
  }
  .s-services, .s-portfolio{
  	padding: 10% 0;
  	margin: 0;
  }

  .portfolio-button__wtap {
   	margin-bottom: 0;
  }

}
@media (max-width : 768px) {
	.home__slogan span {
    font-size: 32px;
	}
	.header-center .home__desc {
		max-width: 100%;
		padding: 10px;
		margin: 0;
	}	
	.grid {
    display: block;
  }
  .services-item:nth-child(1),
  .services-item:nth-child(3) {
    margin-top: 10px;
    margin-bottom: 10px;
	}
	.services-item__head h2,
	.section-head__heading {
    font-size: 30px;
  }
  .logo img {
    height: 20px;
    min-height: 20px;
	}
	.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: center;
	}


	.nav-social {
		text-align: center;
		margin: 5px 0px 0 40px;
	}

	.home__slogan {
		font-size: 28px;
	}

	.home__desc {
		font-size: 18px;
	}

	.header-wrap .home-callback__button {
		margin-top: 20px;
	}

  .flex-col-small:not(.fl-col-small-full-width) {
      max-width: 400px;
  }
	.service-items.grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.service-item:nth-child(7) {
		grid-column: 2;
		grid-row: 2/2;
	}

	.service-item:nth-child(9) {
		grid-row: 3/3;
	}

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

	.footer-menu ul {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 7px;
		margin-bottom: 30px;
	}

	.footer-menu li {
		padding: 0;
	}

	.ul-grid,
	.footer-social {
		margin-bottom: 30px;
	}

	.footer-column {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 7px;
	}

	.footer .footer-social span {
		margin-top: 6px;
		font-size: 13px;
	}

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

/* xs <= Small (sm) */
@media (max-width : 576px) {
	.home__slogan {
		font-size: 21px;
	}

	.home__desc {
		font-size: 15px;
	}

	.header-wrap {
		padding: 40px 0 60px;
	}

	.header-wrap img {
		display: none;
	}

	.header-left {
		text-align: center;
	}

	.top__slogan {
		font-size: 12px;
	}
	.portfolio__items.grid {
		display: block;
	}
	.portfolio-item {
		min-height: 200px;
	}
	.service-items.grid {
		grid-template-columns: repeat(2, 1fr);
	}
	.service-item:nth-child(7) {
		grid-column: 2;
		grid-row: 2/2;
	}
	.service-item__title {
		font-size: 14px;
	}
	.logo {
		max-height: 40px;
		margin: 0 auto 20px;
		text-align: center;
	}
	.nav-social {
    margin: 5px 0px 0 15px;
	}
	.toggle_mnu_b {
		width: 34px;
		height: 54px;
	}

}

@media (max-width : 360px) {
	.top__slogan {
		padding: 0 30px 0 0;
	}
}

/* === 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) {}