/* 🖥️ Большие экраны */
@media (max-width: 1250px) {
	:root{
		font-size: 8px;
	}
	.sertificates.active{
		top: 32%;
		width: 80%;
	}
}

/* 💻 Ноутбуки */
@media (max-width: 992px) {
	:root{
		font-size: 7px;
	}
	.sertificates.active{
		top: 30%;
		width: 75%;
	}
	.box{
		top: 13%;
	}
}

/* 📱 Планшеты */
@media (max-width: 768px) {
	:root{
		font-size: 5px;
	}
	.portfolio__button{
		width: 110px;
  		height: 36px;
	}
	.key__bottom{
		height: 37rem;
	}
	.sertificates{
		padding: 5rem;
		height: max-content;
	}
	.sertificates.active{
		top: 15%;
		width: 65%;
	}
	.sertificates__text{
		display: none	;
	}
	.sertificates__list{
		grid-template-columns: repeat(5, 1fr);
	}
	.contacts__bottom{
		padding: 5rem 0 0 0;
	}
	.promo__link{
		padding: 8px 22px;
	}
}

/* 📱 Телефоны */
@media (max-width: 700px) {
	:root{
		font-size: 5px;
	}
	.container{
		padding: 0 40px;
	}
	.box{
		top: 6%;
	}
	.promo__wrapper{
		flex-direction: column;
	}
	.promo__right{
		width: 60%;
	}

	.stat__wrapper{
		flex-direction: column;
		gap: 10rem;
	}
	.sertificates.active{
		top: 7%;
   		 width: 90%;
	}
	.sertificates__item{
		width: 14rem;
	}
	.awards__button{
		font-size: 14px;
	}
	.sertificates__list {
		grid-template-rows: repeat(3, 1fr);
	}

	.portfolio__wrapper{
		flex-direction: column;
		gap: 10rem;
	}
	.contacts__bottom{
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
		padding-bottom: 3rem;
	}
	.contacts__left, .contacts__right{
		width: 100%;
	}
	.key__top{
		flex-direction: column;
		gap: 5rem;
	}
	.key__content img{
		display: none;
	}
	.portfolio{
		padding-bottom: 0;
	}
	.key__bottom video{
		height: 74%;
	}
}

/* 📱 Маленькие телефоны */
@media (max-width: 490px) {
	.logo{
		width: 100px;
	}
	.stat__bottom{
		display: none;
	}
	.projects__list{
		flex-direction: column;
	}
	.awards__list{
		flex-wrap: wrap;
	}
	.awards__item{
		width: 45%;
		flex: auto;
	}
	.sertificates__list{
		grid-template-columns: repeat(3, 1fr);
    	grid-template-rows: repeat(4, 1fr);
	}
	.sertificates.active{
		grid-template-columns: repeat(4, 1fr);
		top: 15%;
    	width: 84%;
	}
	.mini-logo{
		width: 40px;	
	}
	.contacts__res img{
		width: 4rem;
	}
	.contacts__social img{
		/* width: 3rem; */
	}
	/* #fancybox-1{
		max-width: 97%;
  		max-height: 97%;
	} */
	.awards__button {
		font-size: 13px;
		padding: 3px 10px;
	}
	.lang__icon{
		display: none;
	}
	.promo__right {
		width: 91%;
	}
	.lang__list{
		min-width: 62px;
	}
	.stat__list{
		grid-template-columns: repeat(1, 1fr);
	}
	.stat__icon img{
		width: 4rem;
	}
}