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



/* xl <= Extra extra large (xxl) */

@media (max-width : 1400px) {

  

}



/* lg <= Extra large (xl) */

@media (max-width : 1288px) {

  .main-banner {

		padding-top: 0;

	}

	.header {

		top: 0;

	}

}



@media only screen and (max-width : 1100px) {



	.projects__header {

		flex-direction: column;

		align-items: flex-start;

	}



}



@media only screen and (max-width : 1023px) {

	.header-action {

		display: none;

	}

}



/* md <= Large (lg) */

@media (max-width : 992px) {



  .nav-main__list {

		position: absolute;

    visibility: hidden;

    opacity: 0;

    background-color: var(--dark);

    right: 35px;

    top: -7px;

    border-radius: var(--radius);

    overflow: hidden;

		flex-direction: column;

		gap: 0;

		z-index: 3;

	}

	.menu-toggle {

    display: block;

  }

	.main-banner__composition {

		flex-direction: column;

	}

	.main-banner-video {

		align-self: flex-start;

	}

	.projects__item {

		width: calc((100% / 1) - 32px);

		margin-bottom: 32px;

	}

	.projects__header {

		flex-direction: row;

		align-items: center;

	}

	.nav-main {

		top: -13px;

	}

	.nav-main__item {

    display: block;

		width: 100%;

  }

  .nav-main__link {

    display: block;

    text-align: left;

    padding: 14px 35px;

    border-bottom: 1px solid rgba(255,255,255, .05);

    color: rgba(255,255,255, .5);

    border-radius: 0;

    line-height: 1.5;

    font-size: 12px;

    text-transform: uppercase;

  }

  .nav-main__link:hover,

  .nav-main__link:focus,

  .nav-main__link {

    color: rgba(255,255,255, .75);

    background-color: rgba(196, 196, 196, .075);

		color: var(--color-white);

  }

	.about-company__img-wrapper,

	.about-company__text {

		flex-basis: 100%;

	}

	.about-company {

		flex-direction: column;

		padding: 80px 0 55px;

		gap: 57px;

	}

	.production {

		padding: 45px 0 0;

	}

	.company-products__item {

		width: calc((100% / 1) - 32px);

	}

	.company-products__item::after,

	.company-products__item::before {

		display: none;

	}

	.production {

		display: block;

	}

	.production__statistic {

		gap: 30px;

	}

	.production-section::before {

		display: none;

	}

	.production-section {

		padding-bottom: 40px;

	}

	.completed-works-carousel__text {

		flex-direction: column;

		gap: 20px;

	}

	.completed-works-carousel__title,

	.completed-works-carousel__desc {

		flex-basis: auto;

	}

	.completed-works-wrapper {

		padding: 80px 0 40px;

	}

	.our-blog-wrapper {

		padding-bottom: 70px;

	}

	.our-partners {

		flex-direction: column;

		justify-content: center;

		align-items: center;

	}

	.our-partners__text {

		text-align: center;

	}

	.our-partners__desc {

		max-width: 100%;

	}

	.our-partners__title {

		max-width: 100%;

	}

	.partners-icons {

		justify-content: space-between;

	}

	.projects-wrapper {

		padding-top: 80px;

	}



}



/* sm <= Medium (md) */

@media (max-width : 768px) {



  .title-section {

		max-width: 100%;

		font-size: 28px;

		line-height: 34px;

	}

	.our-blog {

		flex-direction: column;

	}

	.our-blog__item {

		width: calc((100% / 1) - 32px);

	}

	.partners-icons {

		gap: 50px;

	}

	.our-partners__desc {

		max-width: 100%;

	}

	.footer-copy {

		flex-direction: column;

	}

	.contacts {

		gap: 50px;

	}



}



/* xs <= Small (sm) */

@media (max-width : 576px) {



  .main-banner__title {

		font-size: 32px;

		line-height: 40px;

	}

	.main-banner__composition {

		padding-top: 80px;

	}

	.main-banner-video {

		flex-direction: column;

		align-items: flex-start;

		gap: 10px;

	}

	.main-banner-video__text {

		text-align: left;

		font-size: 20px;

	}

	.main-banner__desc {

		font-size: 18px;

		line-height: 26px;

		padding-top: 20px;

	}

	.projects__header {

		flex-direction: column;

		align-items: flex-start;

	}

	.production__number {

		font-size: 42px;

	}

	.production__desc {

		padding-top: 5px;

	}

	.company-products-wrapper {

		padding-bottom: 75px;

	}

	.completed-works__head {

		flex-direction: column;

		align-items: flex-start;

		gap: 20px;

	}

	.contacts {

		flex-direction: column;

		gap: 20px;

	}

	.contacts__box {

		flex-basis: auto;

	}

	.footer__wrapper {

		gap: 30px;

	}



}





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

	

}