@media (max-width: 1360px){
	.main_screen .container{
		width: 1140px;
	}

	.main_screen{
		height: 830px;
	}

	h1{
		font-size: 300px;
		line-height: 300px;
		top: 257px;
	}

	h1.animate{
		font-size: 260px;
	}

	.menu{
		gap: 20px;
	}

	.img_butilka{
		bottom: -830px;
		right: 173px;
		width: 750px;
	}

	.img_butilka.animate{
		bottom: -260px;
	}

	.main_bg{
		bottom: 120px;
		top: auto;
	}

	.main_screen p{
		font-size: 18px;
		line-height: 25px;
	}

	.main_text1{
		bottom: 176px;
	}

	.main_text2{
		bottom: 552px;
	}

	.main_text1.animate{
		left: 9px;
	}

	.main_text2.animate{
		right: -24px;
	}

	.main_bg.animate2{
		bottom: 0;
	}

	.img_butilka.animate2{
		width: 400px;
		right: -149px;
        bottom: -21px;
	}

	.main_text2.animate3{
		right: 72px;
        bottom: 521px;
	}

	.main_text1.animate3{
		bottom: 171px;
		left: 104px;
	}

	.block_about_us .container{
		width: 1170px;
	}

	.block_about_us .left{
		width: 330px;
	}

	.block_about_us .left .img:first-child{
		height: 372px;
	}

	.block_about_us .left .img:nth-child(2){
		height: 348px;
	}

	.block_about_us .right{
		width: 830px;
	}

	.block_about_us .right .images{
		height: 227px;
	}

	.block_about_us .right .img:first-child{
		width: 552px;
	}

	.block_about_us .right .img:nth-child(2){
		width: 258px;
	}

	.block_about_us .text{
		height: 493px;
		gap: 20px;
		padding: 0 62px;
	}

	.block_about_us .text p{
		font-size: 22px;
	}

	.text_section{
		max-width: 738px;
	}

	.text_section h2{
		margin-bottom: 21px;
	}

	.text_section p{
		font-size: 22px;
		margin-bottom: 21px;
		line-height: 30px;
	}

	.butilkofon .container{
		width: 1145px;
		height: 530px;
		gap: 127px;
		top: 114px;
	}

	.butilkofon .left p:last-child{
		font-size: 60px;
		line-height: 72px;
	}

	.butilkofon .left p:first-child{
		font-size: 14px;
		line-height: 16px;
	}

	.butilkofon .left{
		width: 230px;
	}

	.slider_with_text .container{
		width: 1061px;
	}

	.slider_with_text .right{
		width: 487px;
	}

	.slider_with_text .right p{
		font-size: 21px;
		line-height: 31px;
	}

	.slider_with_text .right p.price{
		font-size: 30px;
		line-height: 34px;
	}

	.blog .container{
		padding: 60px 50px;
	}

	.blog_articles .article a:not(.img), .blog .container > p{
		font-size: 22px;
		line-height: 31px;
	}

	.blog_articles .article p.date_public{
		font-size: 20px;
		line-height: 28px;
	}

	.blog .container > h2{
		font-size: 18px;
		line-height: 21px;
	}

	.blog_button{
		padding: 20px 30px;
		font-size: 24px;
		line-height: 28px;
	}
}

@media (max-width: 1280px){
	.main_screen .container{
		width: 1000px;
	}

	.main_screen{
		height: 750px;
	}

	.main_bg.animate{
		width: 350px;
		height: 350px;
	}

	h1{
		font-size: 235px;
		line-height: 235px;
		height: 235px;
	}

	.img_butilka{
		width: 585px;
		right: 189px;
	}

	.img_butilka.animate{
		bottom: -240px;
	}

	.main_bg{
		bottom: 90px;
	}

	.main_screen p{
		font-size: 16px;
	}

	.main_text1.animate{
		left: 67px;
	}

	.main_text1{
		bottom: 75px;
	}

	.main_text2.animate{
		right: 74px;
	}

	.main_text2{
		bottom: 400px;
	}

	h1.animate{
		font-size: 200px;
		line-height: 200px;
		height: 200px;
		top: 80px;
	}

	.img_butilka.animate2{
		width: 312px;
		right: -30px;
        bottom: 22px;
	}

	.main_text1.animate3{
		left: 187px;
	}

	.main_text2.animate3{
		bottom: 442px;
		right: 151px;
	}

	header .container{
		padding: 14px 0;
	}

	header .logo{
		font-size: 26px;
		line-height: 26px;
	}

	.blog_articles{
		gap: 30px;
	}

	.blog_articles .articles_row{
		width: calc(50% - 15px);
	}

	.blog .container{
		padding: 60px 30px;
	}
}

@media (max-width: 1230px){
	.block_about_us .container{
		width: 1000px;
	}

	.block_about_us .left{
		width: 282px;
	}

	.block_about_us .left .img:first-child{
		height: 310px;
		margin-bottom: 10px;
	}

	.block_about_us .left .img:nth-child(2){
		height: 305px;
	}

	.block_about_us .right{
		width: 709px;
	}

	.block_about_us .right .images{
		height: 194px;
		margin-bottom: 10px;
	}

	.block_about_us .right .img:first-child{
		width: 480px;
	}

	.block_about_us .right .img:nth-child(2){
		width: 220px;
	}

	.block_about_us .text{
		height: 421px;
		padding: 0 30px;
		gap: 15px;
	}

	.butilkofon .container{
		width: 960px;
        height: 444px;
        gap: 74px;
        top: 160px;
	}

	.butilkofon .left {
        width: 195px;
    }

    .butilkofon .left p:last-child{
    	font-size: 56px;
        line-height: 72px;
        white-space: nowrap;
    }

    .butilkofon .right{
    	width: 569px;
        height: 354px;
    }

    .butilkofon .right ul{
    	gap: 25px 25px;
    }

    .butilkofon .right li{
    	width: 173px;
    	font-size: 20px;
    	line-height: 27px;
    	height: 165px;
    }
}

@media (max-width: 1150px){
	.blog_section .article{
		width: calc(50% - 10px);
	}
}

@media (max-width: 1150px){
	header{
		overflow: hidden;
	}

	header.animate{
		transition: all 0.3s;
	}

	header.active{
		height: 100%;
		background: #E9E3D9;
	}

	header.active .logo{
		color: #47452E;
	}

	.menu_buttons{
		position: absolute;
        top: 82px;
        display: block;
       	height: calc(100% - 82px);
	}

	header .menu li{
		margin-bottom: 20px;
	}

	header .menu a, header .languages a{
		font-size: 20px;
		color: #494F36;
		line-height: 28px;
	}

	header a.zakaz.animate{
		background: #494F36;
    	color: #DFD6C6;
    	margin: 0;
    	font-size: 14px;
    	line-height: 16px;
    	padding: 18px 30px;
    	min-width: 300px;
    	display: block;
    	text-align: center;
	}

	.languages_social{
		display: none;
	}

	header.active .languages_social{
		display: block;
		position: absolute;
		bottom: 26px;
	}

	.languages{
		height: 52px;
	}

	.languages_social .social{
		display: flex;
		gap: 8px;
		margin-top: 16px;
	}

	.menu{
		display: block;
	}

	.button_menu{
		display: block;
	}

	.slider_with_text .right{
		width: 380px;
	}

	.slider_with_text .slide.active, .slider_with_text .slides{
		width: 380px;
        height: 488px;
	}

	.slides_buttons{
		width: 380px;
	}

	.slides_buttons a{
		width: 45px;
		height: 45px;
	}

	.slides_buttons a img{
		left: 6px;
		top: 6px;
	}

	.slides_indicator{
		width: 270px;
	}

	.slider_with_text .left{
		height: 554px;
		width: 380px;
	}

	.slider_with_text .container{
		width: 790px;
	}

	.slider_with_text .right h2{
		font-size: 26px;
		line-height: 30px;
	}

	.slider_with_text .right{
		gap: 20px;
	}

	.slider_with_text .right p{
		font-size: 18px;
		line-height: 24px;
	}

	.slider_with_text .right p.price{
		font-size: 26px;
		line-height: 30px;
	}

	.slider_with_text .right a.zakaz{
		padding: 12px 20px;
        font-size: 22px;
        line-height: 24px;
	}

	.zakaz_opt a{
		font-size: 20px;
		line-height: 24px;
	}

	.zakaz_opt a img{
		height: 30px;
	}

	.slider_with_text .slide{
		width: 327px;
        height: 400px;
        top: 46px;
	}

	.slider_with_text .slide.prev{
		left: -357px;
	}

	.main_blog_section{
		padding-top: 54px;
	}
}

@media (max-width: 1050px){
	.block_about_us .container{
		width: calc(100% - 60px);
		flex-direction: column;
	}

	.block_about_us .left{
		width: 100%;
		display: flex;
		justify-content: space-between;
		order: 2;
		margin-top: 10px;
		aspect-ratio: 1 / 0.48;
		height: auto;
	}

	.block_about_us .left .img:first-child, .block_about_us .left .img:nth-child(2){
		height: 100%;
		width: calc(50% - 5px);
	}

	.block_about_us .right{
		width: 100%;
	}

	.block_about_us .right .images{
		aspect-ratio: 1 / 0.3;
		height: auto;
	}

	.block_about_us .right .img:first-child{
		width: 66%;
	}

	.block_about_us .right .img:nth-child(2){
		width: calc(34% - 10px);
	}

	.block_about_us .text{
		height: auto;
		padding: 30px;
	}

	.blog_articles .articles_row:nth-child(2){
		padding-top: 100px;
	}

	.popup_form{
		max-width: 500px;
		width: 100%;
	}

	.popup_form form{
		flex-wrap: wrap;
	}

	.popup_form form .left, .popup_form form .right{
		width: 100%;
	}
}

@media (max-width: 1000px){
	.main_screen .container{
		width: 720px;
	}

	h1{
		font-size: 169px;
		line-height: 169px;
		height: 169px;
		top: 178px;
	}

	.main_bg, .main_bg.animate{
		width: 250px;
		height: 250px;
	}

	.img_butilka{
		width: 420px;
		right: 140px;
	}

	.img_butilka.animate {
		bottom: -167px;
	}

	.main_bg{
		bottom: 71px;
	}

	.main_screen{
		height: 550px;
	}

	.main_text1{
		bottom: 30px;
	}

	.main_text1.animate{
		left: 0px;
        width: 255px;
	}

	.main_text2{
		bottom: 296px;
	}

	.main_text2.animate{
		right: 40px;
	}

	h1.animate{
		font-size: 144px;
		line-height: 144px;
		height: 144px;
		top: 30px;
	}

	.img_butilka.animate2{
		width: 224px;
		right: 19px;
		bottom: 63px;
	}

	.main_text1.animate3{
		width: auto;
		bottom: 116px;
		left: 170px;
	}

	.main_text2.animate3{
		bottom: 345px;
		right: 80px;
	}

	.butilkofon{
		height: auto;
		padding: 40px 0;
	}

	.butilkofon .container{
		width: 610px;
		background-image: none;
		background: #E9E3D9;
		flex-direction: column;
		justify-content: center;
		gap: 30px;
		top: 40px;
		height: auto;
		padding: 40px 20px;
	}

	.butilkofon .right{
		width: 100%;
		height: auto;
	}

	.blog_articles_section .article{
		width: calc(50% - 11px);
	}

	.main_blog_section .container{
		padding: 0 30px;
	}
}

@media (max-width: 830px){
	.slider_with_text .container{
		flex-direction: column;
		width: calc(100% - 32px);
        max-width: 380px;
	}

	.slider_with_text .left{
		order: 1;
		margin-top: 30px;
	}

	.main_blog_section h1{
		font-size: 40px;
		line-height: 50px;
	}
}

@media (max-width: 720px){
	header .container{
		width: calc(100% - 40px);
	}

	.main_screen .container{
		width: 620px;
	}

	.main_screen{
		height: 430px;
	}

	.img_butilka{
		right: 86px;
	}

	h1{
		top: 65px;
	}

	.main_text2.animate{
		right: 10px;
	}

	.img_butilka.animate2{
		right: -37px;
        bottom: 19px;
	}

	.main_text1.animate3{
		bottom: 64px;
        left: 127px;
	}

	.main_text2.animate3{
		bottom: 296px;
	}

	.butilkofon .container{
		width: 412px;
	}

	.blog_articles{
		flex-wrap: wrap;
	}

	.blog_articles .articles_row{
		width: 100%;
	}

	.blog_articles .articles_row:nth-child(2){
		padding-top: 0;
	}

	.main_blog_section .container{
		padding: 0 30px;
	}
}

@media (max-width: 630px){
	.main_bg_mobile{
		display: block;
	}

	.main_bg_pc{
		display: none;
	}

	.main_screen{
		height: 100vh;
	}

	.main_screen .container{
		width: 310px;
	}

	.main_screen p{
		font-size: 16px;
		line-height: 22px;
	}

	h1, h1.animate{
		font-size: 80px;
		line-height: 80px;
		letter-spacing: -10px;
		bottom: auto;
		top: 200px;
		color: #DFD6C6;
	}

	.main_blog_section h1{
		font-size: 24px;
		line-height: 32px;
	}

	.main_blog_section p.date_public, .main_blog_section .breadcrumps a, .breadcrumps li{
		font-size: 14px;
		line-height: 20px;
	}

	.main_bg, .main_bg.animate{
		width: 100%;
		height: 100%;
		border-radius: 0;
		bottom: 0;
	}

	header a{
		color: #DFD6C6;
	}

	.main_screen p, .main_screen p.animate{
		text-align: center;
		width: 100%;
		left: 0;
		right: 0;
		color: #DFD6C6;
		height: 65px;
		overflow: hidden;
		box-sizing: border-box;
		opacity: 1;
	}

	.main_screen p.main_text1{
		top: 105px;
	}

	.main_screen p.main_text2{
		top: 300px;
	}

	.main_screen p.main_text1, .main_screen p.main_text2{
		padding-top: 65px;
	}

	.main_screen p.main_text1.animate2, .main_screen p.main_text1.animate3, .main_screen p.main_text2.animate4{
		padding-top: 0;
	}

	.img_butilka{
		height: calc(100% - 340px);
	    width: auto;
	    bottom: 0;
	    right: 0;
	    left: 550px;
	    transform: none;
	    max-width: 360px;
        max-height: 504px;
        margin: auto;
	}

	.img_butilka.animate{
		left: 0;
		bottom: 0;
	}

	header a.zakaz.animate{
		width: 100%;
	}

	.menu_buttons{
		width: calc(100% - 40px);
	}

	footer ul{
		display: block;
	}

	footer p, footer a{
		text-align: left;
	}

	footer .social{
		margin: 20px 0;
		justify-content: flex-start;
	}

	.blog_articles_section .article{
		width: 100%;
	}

	.pagination li a, .pagination li span{
		width: 32px;
		height: 32px;
		font-size: 12px;
	}

	.pagination li a.prev, .pagination li a.next{
		background-size: 16px 16px;
	}

	.pagination ul{
		gap: 4px;
	}

	.title_button .title{
		font-size: 24px;
	}

	.title_button a{
		font-size: 14px;
		line-height: 16px;
		padding: 18px 30px;
	}
}

@media (max-width: 550px){
	.block_about_us .container{
		padding: 40px 0;
		width: calc(100% - 32px);
	}

	.block_about_us .left{
		flex-direction: column;
	}

	.block_about_us .left .img:first-child, .block_about_us .left .img:nth-child(2){
		width: 100%;
		height: auto;
	}

	.block_about_us .text{
		padding: 24px;
	}

	.block_about_us .text p{
		font-size: 14px;
	}

	.block_about_us .text h2{
		font-size: 12px;
		line-height: 14px;
	}

	.slider{
		width: calc(100% - 30px);
		margin: 0 auto;
	}

	.blog{
		padding: 40px 0;
	}

	.blog .container{
		padding: 30px 16px;
		width: calc(100% - 32px);
	}

	.main_blog_section .container{
		padding: 0 16px;
	}

	.blog_section{
		width: calc(100% - 32px);
		gap: 20px;
	}

	.blog_section .article{
		width: 100%;
	}

	.blog_articles_section .article a:not(.img){
		font-size: 20px;
		line-height: 28px;
	}
}

@media (max-width: 480px){
	.butilkofon .container{
		width: 285px;
	}

	.butilkofon .right ul{
		gap: 28px 20px;
	}

	.butilkofon .right li{
		font-size: 14px;
		line-height: 19px;
		background-size: 60px 60px;
		width: 110px;
		height: 106px;
		padding-top: 60px;
	}

	.blog_articles_section .container{
		width: calc(100% - 32px);
	}

	.popup .popup_close{
		right: 5px;
		top: 5px;
	}

	.popup{
		padding: 20px 12px;
	}

	.popup_right_container{
		padding: 30px 12px;
	}

	.main_screen{
		height: 667px;
	}
}

@media (max-width: 430px){
	.slider_with_text .slide.active, .slider_with_text .slides, .slides_buttons, .slider_with_text .left, .slider_with_text .right{
		width: 100%;
	}

	.slides_indicator{
		width: calc(100% - 110px);
	}

	.slider_with_text .slides_container{
		width: 100%;
	}

	.text_section h2{
		font-size: 12px;
		line-height: 14px;
		margin-bottom: 12px;
	}

	.text_section p{
		font-size: 14px;
		line-height: 20px;
		margin-bottom: 12px;
	}

	.main_screen p{
		font-size: 14px;
	}

	.slider_with_text .right h2{
		font-size: 20px;
		line-height: 28px;
	}

	.slider_with_text .right p{
		font-size: 14px;
		line-height: 19px;
	}

	.slider_with_text .right p.price{
		font-size: 20px;
		line-height: 28px;
	}

	.slider_with_text .right a.zakaz{
		font-size: 14px;
		line-height: 16px;
		padding: 18px 30px;
		width: 100%;
		text-align: center;
	}

	.zakaz_opt a{
		font-size: 14px;
	}

	.zakaz_snoska{
		font-size: 14px;
		line-height: 24px;
		padding: 12px;
		width: 200px;
	}

	.blog .container > h2{
		font-size: 12px; 
		line-height: 18px;
	}

	.blog_articles .article a:not(.img), .blog .container > p{
		font-size: 14px;
		line-height: 19px;
	}

	.blog_button{
		font-size: 14px;
		line-height: 16px;
		width: 100%;
	}

	.blog_articles .article p.date_public{
		font-size: 14px;
		line-height: 16px;
	}

	footer .logo{
		font-size: 26px;
		line-height: 26px;
		margin-bottom: 30px;
	}

	footer ul{
		margin-bottom: 30px;
	}

	footer li{
		margin-bottom: 12px;
	}

	footer li:last-child{
		margin-bottom: 0;
	}

	footer p, footer a, footer ul:not(.bottom_menu) a{
		font-size: 14px;
		line-height: 19px;
	}

	.main_blog_section h1{
		margin: 14px 0 24px;
		font-size: 24px;
		line-height: 33px;
		height: 33px;
	}

	.main_blog_section .breadcrumps a{
		font-size: 14px;
		line-height: 20px;
	}

	.main_blog_section input, .main_blog_section form button{
		height: 50px;
	}

	.main_blog_section input{
		font-size: 16px;
		line-height: 28px;
	}

	.blog_section .article a:not(.img){
		margin: 12px 0 8px;
		font-size: 20px;
		line-height: 28px;
	}

	.blog_section .article .date_public{
		font-size: 14px; 
		line-height: 16px;
	}
}