@media (max-width: 1200px) {
	.container {
    width: 1000px;
	}
	.tabs__content-box {
		width: 600px;
	}
	.section_portfolio_content_cards {
		grid-template-columns: auto auto;
		margin: 0 auto;
	}
	.about-cards{ gap:22px; }
}
@media (max-width: 1100px){
  .masonry{ column-count: 2; }
	.case{
    grid-template-columns: 1fr;
    gap: 18px;
  }
  .media-frame{ padding: 12px; }
  .case__title{ font-size: 28px; }
	.about-cards{ grid-template-columns: 1fr 1fr; }
}
@media (max-width: 1000px) {
	h2 {
		font-size: 40px;
	}
	.container {
			width: 800px;
	}
	.tabs__content-box {
		width: 400px;
	}
	.contacts-grid{ grid-template-columns: 1fr; }
}
@media (max-width: 800px) {
	.header_content_bg_title {
		font-size: 72px;
		line-height: 70px;
	}
	.resume_content_main-block_content li {
		font-size: 16px;
	}
	.container {
			width: 600px;
	}
	.block-content {
		margin-top: 30px;
	}
	.tabs__content-box {
		width: 400px;
	}
	.resume_content_photo-block {
		display: none;
	}
	hr {
		margin-bottom: 30px;
	}
	.tabs {
		height: 500px;
		display: block;
	}
	.tabs__btn {
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
		gap: 10px;
		margin: 10px auto;
		border-bottom: 1px solid #F2D7D7;
	}
	.tabs__btn-item {
		text-align: left;
		height: 40px;
		padding: 0px 5px;
		width: 250px;
	}
	.tabs__content {
		display: block;
		margin-left: 20px;
		margin-top: 20px;
		width: 100%;
	}
	.block-content li {
		font-size: 16px;
	}
	.section_portfolio_content_cards {
		grid-template-columns: auto;
		margin: 0 auto;
	}
	.slider_container {
		height: 350px;
	    }
	    .slider_btn {
		width: 40px;
		height: 40px;
		font-size: 32px;
	    }
}
@media (max-width: 780px){
  .about-card{ padding:18px; }
  .about-card__head h3{ font-size:24px; }
  .about-card__text, .about-card__list li{ font-size:15px; }
}
@media (max-width: 760px){
  .footer-row{
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 10px;
  }
  .footer-nav{ gap: 18px; margin-left: 0; }
}
@media (max-width: 700px){
  .masonry{ column-count: 1; }
}
@media (max-width: 680px){
  .case__title{ font-size: 24px; }
  .case__desc, .case__bullets li{ font-size: 15px; }
}
@media (max-width: 600px) {
	.container {
		width: 400px;
	}
	h2 {
		font-size: 36px;
	}
	h3 {
		font-size: 26px;
	}
	.tabs{
		height: 600px;
	}
	.tabs__content-box{
		width: 350px;
	}
	.tabs__content-box span {
		display: none;
	}
	.tabs__content h2{
		margin-bottom: 20px;
	}
	.contact_block_info  {
		width: 400px;
	}
	.slider_container {
		height: 250px;
	    }
	    .slider_btn {
		width: 35px;
		height: 35px;
		font-size: 28px;
	    }
	}
	@media (max-width: 540px){
		.about-cards{ grid-template-columns: 1fr; gap:18px; }
		.about-card__head h3{ font-size:22px; }
		.about-card__meta{ font-size:13px; }
		.tag{ font-size:14px; padding:7px 10px; }
	}
	@media (max-width: 400px) {
	.container {
		width: 350px;
	}
	h2 {
		font-size: 30px;
	}
	h3 {
	font-size: 22px;
	}
	.tabs__content-box {
	width: 350px;
	}
	.tabs__content-box p,.tabs__content-box li {
	width: 90%;
	}
	.contact_block_info  {
		width: 300px;
		margin: 0 auto;
	}
}
@media (max-width: 350px) {
	.container {
		width: 320px;
	}
	.tabs__content-box {
	width: 320px;
	}
	.tabs__content-box p,.tabs__content-box li {
	width: 90%;
	}
	.contact_block_info  {
		width: 300px;
		margin: 0 auto;
	}
}