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



@media (max-width: 1400px) {
	.product-container {
		max-width: 1164px;
		margin: 0 auto;
	}
}

@media (max-width: 1200px) {

	.slider-buy__button {
		width: 141px;
		height: 44px;
		font-size: 14px;
		line-height: 19.6px;
		top: calc(100% - 22px);
	}
	.home-top__slide-item > img {
		height: 300px;
		object-fit: cover;
	}

	.slide-text {
		font-size: 20px;
		line-height: 28px;
		margin-bottom: 37px;
	}

	.product-name__slide img {
		width: 266px;
	}

	.home-top__slide-item .container {
		padding-left: 65px;
	}

	.home-company__description {
		padding-top: 90px;
		padding-bottom: 40px;
	}

	.container {
		max-width: 810px;
	}

	.site-h2 {
		font-size: 30px;
		line-height: 42px;
		margin-bottom: 40px;
	}

	.home-certificate {
		padding-top: 70px;
		padding-bottom: 40px;
	}

	.certificate-item {
		height: 288px;
		max-width: 240px;
		padding: 16.3px 18.3px;
		border-radius: 22px;
	}

	.certificate-item__inner {
		border-width: 3px;
	}

	.certificate-name {
		font-size: 18px;
		line-height: 25px;
		padding-top: 33.7px;
	}

	.home-certificate .description-siction {
		margin-bottom: 30px;
		max-width: 580px;
	}

	.description-siction {
		max-width: 580px;
	}

	.footer-top {
		padding-top: 35px;
		padding-bottom: 35px;
	}

	.footer-menu a {
		font-size: 12px;
		line-height: 12px;
	}

	.footer-menu, .footer-contacts {
		gap: 5px;
	}

	.footer-first-menu__col {
		margin-right: 40px;
	}

	.footer-second-menu__col {
		margin-right: 40px;
	}

	.footer-bottom {
		padding: 13px 0;
		
	}

	.footer-bottom a {
		font-size: 12px;
	}


	.footer-contacts a {
		font-size: 12px;
		line-height: 12px;
	}

	.header-logo {
		width: 280px;
	}

	.header-menu {
		display: none;
		position: absolute;
		top: calc(100% + 30px);
		background: #EBEBEB;
		padding: 10px 30px 20px 30px;
		right: 15px;
		flex-direction: column;
		gap: 10px;
		z-index: 3;
	}

	.header-menu a {
		font-size: 14px;
		
	}

	.site-header .large-container {
		position: relative;
	}

	.site-header {
		position: relative;
	}

	.header-open .header-menu {
		display: flex;
	}

	.mobile-menu__toggler {
		display: block;
		cursor: pointer;
	}

	.site-header .large-container {
		max-width: 810px;
		padding-left: 15px;
		padding-right: 15px;
	}

	.header-phone {
		margin-left: auto;
		margin-right: 16px;
	}

	.site-header {
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.production-section, .main-section {
		padding-top: 70px;
	}

	.site-h1 {
		margin-bottom: 40px;
		font-size: 36px;
		line-height: 50.4px;
	}

	.production-list__item-image img {
		width: 100%;
	}

	.production-list__item-image {
		padding: 19.57px 38.48px 11.4px 38.48px;
		border-radius: 20px;
	}

	.production-list {
		gap: 30px;
	}

	.production-list__item-body {
		padding-top: 15px;
	}

	.product-list__item-name {
		font-size: 18px;
		line-height: 25px;
		margin-bottom: 10px;
	}

	.product-list__item-button {
		width: 141px;
		height: 44px;
		font-size: 14px;
		line-height: normal;
		border-radius: 192px;
	}

	.product-container {
		max-width: 810px;
	}

	.product-head {
		flex-direction: column;
	}

	.product-head__left {
		width: 100%;
		max-width: none;
	}

	.product-head__left .swiper {
		width: 100%;
		margin-right: 0;
	}

	.product-head__left-main-image {
		height: auto;
		margin-bottom: 40px;
		padding: 0;
	}

	.product-head__left-main-image img {
		max-width: 100%;
		object-fit: cover;
	}


	.product-marketplace__link {
		width: 27.27px;
		height: 27.27px;
	}

	.product-head__left-marketplaces {
		gap: 12.6px;
	}

	.product-head__right {
		/* max-width: 480px; */
	}

	.product-head__description {
		height: 208px;
		overflow: hidden;
		position: relative;
		margin-bottom: 0;
	}

	.news-inner__description-content {
		height: 179px;
		overflow: hidden;
		position: relative;
		margin-bottom: 0;
	}

	


	.site-content{
    min-height: calc(100vh - 348.25px);
	}

	.description-toggler span {
		color: var(--accent);
		font-size: 14px;
		font-weight: bold;
	}

	.description-toggler {
		display: block;
		cursor: pointer;
		width: max-content;
		margin-bottom: 40px;
	}

	.description-news-toggler span {
		color: var(--accent);
		font-size: 14px;
		font-weight: bold;
	}

	.description-news-toggler {
		display: block;
		cursor: pointer;
		width: max-content;
		margin-bottom: 40px;
	}

	.hide-descr {
		display: none;
	}

	.product-head__description.full-descr {
		overflow: unset;
		height: max-content;
	}

	.news-inner__description-content.full-descr {
		overflow: unset;
		height: max-content;
	}

	.product-catalog__back {
		width: 179px;
		height: 51px;
		font-size: 14px;
		line-height: normal;
		border-width: 1.5px;
	}

	.product-catalog__back img {
		width: 24.5px;
	}

	.product-head-section {
		margin-bottom: 70px;
	}

	.product-benefits {
		padding: 40px;
		border-radius: 13.7px;
	}

	.product-benefits:before {
		border-radius: 13.7px;
	}

	.product-benefits h2 {
		font-size: 30px;
		line-height: 36px;
		margin-bottom: 30px;
	}

	.product-benefits ul li:before {
		width: 17px;
		height: 20.86px;
	}

	.product-benefits ul li{
		padding-left: 27px;
		font-size: 14px;
		line-height: 16.8px;
		margin-bottom: 15px;
	}

	.product-benefits ul {
		max-width: 435px;
	}

	.product-goods h2 {
		font-size: 30px;
		line-height: 42px;
		margin-bottom: 40px;
	}

	.product-goods__item-img {
		width: 146px;
		height: 146px;
		margin-bottom: 10px;
	}

	.product-goods__item {
		max-width: 146px;
	}

	.product-goods__container {
		gap: 65px;
	}

	.product-goods__description {
		font-size: 14px;
		line-height: 16.8px;
	}

	.product-goods__item.sk_p .product-goods__item-img {
		padding-top: 24.33px;
	}

	.product-goods__item.sk_p .product-goods__item-img img {
		width: 104.63px;
	}

	.product-goods__item.b_k .product-goods__item-img {
		padding-top: 27.37px;
	}

	.product-goods__item.b_k .product-goods__item-img img {
		width: 96.23px;
	}

	.product-goods__item.l_c .product-goods__item-img {
		padding-top: 34.84px;
	}

	.product-goods__item.l_c .product-goods__item-img img {
		width: 62.22px;
	}

	.product-goods__item.t_p .product-goods__item-img {
		padding-top: 30.69px
	}

	.product-goods__item.t_p .product-goods__item-img img {
		width: 60.56px;
	}

	.product-goods__item.m_p .product-goods__item-img {
		padding-top: 45.63px;
	}

	.product-goods__item.m_p .product-goods__item-img img {
		width: 89.59px;
	}

	.product-goods__item.d_a .product-goods__item-img {
		padding-top: 33.18px
	}

	.product-goods__item.d_a .product-goods__item-img img {
		width: 80.47px;
	}

	.product-body-section {
		padding-bottom: 70px;
	}

	.news-list__item-image {
		height: 240px;
		margin-bottom: 15px;
		border-radius: 20px;
	}

	.news-list__item-image img {
		height: 100%;
		object-fit: cover;
		border-radius: 20px;
	}

	.news-list {
		gap: 30px;
		margin-bottom: 30px;
	}

	.news-list__item-title {
		font-size: 18px;
		line-height: 21.6px;
		margin-bottom: 10px;
	}

	.home-link {
		height: 51px;
		font-size: 14px;
		line-height: normal;
		gap: 15px;
	}

	.home-link img {
		width: 24.5px;
	}

	.news-inner__image {
		max-width: 280px;
		height: 280px;
		border-radius: 20px;
	}

	.news-inner__image img {
		border-radius: 20px;
	}

	.news-inner__box {
		gap: 20px;
	}

	.contacts-map {
		height: 304px;
	}

	.contacts-map img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	
}


@media (max-width: 730px) {

	.news-list {
		grid-template-columns: repeat(2, 1fr);
	}

	.mobile-overlay {
		display: block;
		background: #00000061;
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
	}

	.home-top__slide-item .container{
		padding-left: 15px;
	}

	.product-name__slide img {
		width: 212px;
	}

	.home-top__slide-item > img {
		height: 287px;
	}

	.site-h2 {
		font-size: 24px;
		line-height: 33px;
		margin-bottom: 30px;
	}

	.home-certificate {
		padding-top: 50px;
	}

	.home-company__description {
		padding-top: 60px;
	}

	.certificate-item {
		max-width: 184px;
		width: 184px;
		height: 220px;
		padding: 12.49px 14px;
		border-radius: 17px;
	}

	.certificate-item__inner {
		border-radius: 6px;
	}

	.certificate-name {
		padding-top: 20px;
		font-size: 14px;
	}

	.footer-logo {
		max-width: 184px;
	}

	.production-list {
		grid-template-columns: repeat(2, 1fr);
	}


}


@media (max-width: 640px) {

	.news-inner__image {
		max-width: 100%;
		height: 291px;
	}

	.news-inner__description {
		max-width: 100%;
	}

	.news-inner__box {
		flex-direction: column;
	}
	.certificates-row {
		width: 595px;
		width: max-content;
		overflow: hidden;
	}

	.sertificates-inner__container {
		overflow-x: scroll;
	}

	.footer-top .container {
		flex-wrap: wrap;
		gap: 25px;
	}

	.footer-logo {
		margin-right: calc(100% - 184px);
	}

	.footer-second-menu__col {
		margin-right: 0;
	}

	

	.footer-first-menu__col {
		margin: 0;
		
	}

	.contact-us__pop-up {
		max-width: 290px;
		padding: 40px 15px;
	}

	.popup-title {
		font-size: 24px;
		line-height: 33.6px;
		margin-bottom: 30px;
	}

	.popup-form__input {
		font-size: 14px;
		line-height: 22.4px;
	}

	.submit-button {
		height: 51px;
		font-size: 14px;
		line-height: normal;
		padding: 0 48px;
		margin-left: auto;
		margin-right: auto;
	}

	.confirm-data label {
		font-size: 12px;
		line-height: 14.4px;
	}

	.product-head {
		flex-direction: column;
	}

	.product-head__left {
		width: 100%;
		max-width: none;
	}

	.product-head__left .swiper {
		width: 100%;
		margin-right: 0;
	}

	.product-head__left-main-image {
		height: auto;
		margin-bottom: 40px;
		padding: 0;
	}

	.product-head__left-main-image img {
		max-width: 100%;
		object-fit: cover;
	}

	.product-benefits {
		padding: 35px 15px;
	}

	.product-benefits h2 {
		font-size: 18px;
		line-height: 21.6px;
		margin-bottom: 20px;
	}

	.product-goods h2 {
		font-size: 24px;
		line-height: 33.6px;
		margin-bottom: 30px;
	}

	.product-goods__container {
		justify-content: center;
		align-items: flex-start;
		text-align: center;
	}
}

@media (max-width: 520px) {
	.header-menu {
		top: calc(100% + 25px);
		right: 0;
	}

	.news-list__item-image {
		height: 291px;
	}
	.news-list {
		grid-template-columns: repeat(1, 1fr);
	} 
	.header-phone {
		display: none;
	}
	
	.header-contacts .header-wa,
	.header-contacts .header-vk,
	.header-contacts .header-tg {
		display: none;
	}

	.header-logo {
		max-width: 184px;
	}

	.site-header {
		padding: 25px 0;
	}

	.production-list {
		grid-template-columns: repeat(1, 1fr);
	}

	.site-h1 {
		font-size: 24px;
		line-height: 35px;
		margin-bottom: 60px;
	}
}


@media (max-width: 450px) {
	.footer-contacts {
		width: 100%;
	}
}