@media (max-width: 1340px) {
	.banner_main .banner_main_wrap {
	    
	}
	
	.cont {
	    padding-left: 30px;
	    padding-right: 30px;
	}
}

@media (max-width: 1180px) {

	.themes .items {
		max-height: none;
	}

	.themes .items .item {
		width: 45%;
		height: 95px;
	}
	
	.eco .slogan {
		font-size: 36px;
	}
	
	.eco .price {
		font-size: 36px;
	}

}

@media (max-width: 1080px) {
	
	.komu .items {
		padding-left: 40px;
    	padding-right: 40px;
	}
	
	.recommend .items {
		gap: 60px;
	}
	
	.recommend .items .item {
		height: 161px;
    	justify-content: unset;
    	gap: 30px;
	}
	
	.recommend .items .item .button {
		position: absolute;
    	right: -35px;
    	bottom: -35px;
	}
	
	.recommend .items .item .pic {
		min-width: 230px;
		max-width: 230px;
    	height: 161px;
	}
	
	.recommend .items .item .texts {
		width: auto;
	}
	
	.recommend .items .item .texts .big {
		font-size: 24px;
	}
	
	.themes .items .item {
	    height: 120px;
	}
	
	.eco {
		padding-left: 50%;
		padding-top: 55px;
    	padding-bottom: 55px;
    	background-size: 50% !important;
	}
	
	.start .bigpic {
		right: -170px;
		background-size: 70%;
	}
		
}

@media (max-width: 980px) {
	
	.advantages .block {
	    width: 70%;
	}
	
	.advantages .pic {
    	width: 230px;
    	height: 207px;
	}
	
	.komu .items {
		gap: 40px;
	}
	
	.eco {
		padding-top: 30px;
    	padding-bottom: 30px;
    	background-size: 55% !important;
	}
		
}

@media (max-width: 950px) {
	.banner_main{
		margin-top: 80px;
	}
}

@media (max-width: 880px) {
	.komu .items {
		gap: 30px;
		padding-left: 30px;
    	padding-right: 30px;
	}
	
	.start .dates {
		font-size: 36px;
	}
	
	.eco {
	    padding-top: 20px;
	    padding-bottom: 20px;
	    background-size: 60% !important;
	}

    /* input::-webkit-input-placeholder {
		color: #453720 !important;
	}
	input::-moz-placeholder, input:-moz-placeholder, input:-ms-input-placeholder  {
		color: #453720 !important;
	} */

    .container {
        max-width: 768px;
    }
    .cont {
        padding-left: 20px;
        padding-right: 20px;
    }
    .banner_main {
        padding-left: 20px;
        height: 524px;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }
    .banner_main .texts {
        padding-top: 58px;
        width: 363px;
    }
    .banner_main .texts .descr {
        font-size: 24px;
    }
    .banner_main .texts .title {
        font-size: 96px;
        margin-top: 30px;
    }
    .banner_main .texts .sale {
        font-size: 24px;
        margin-top: 30px;
    }
    .banner_main .button {
        margin-top: 30px;
    }
    .banner_main .numbers {
        width: auto;
	    height: 95px;
	    padding-top: 14px;
	    padding-bottom: 13px;
	    top: 476px;
	    left: 20px;
	    right: 20px;
    }
    .banner_main .numbers .item {
        width: 182px;
        height: 68px;
        font-size: 12px;
    }
    .banner_main .numbers .item .big {
        font-size: 36px;
    }
    .banner_main .numbers .item .may {
        padding-bottom: 0;
    }

    .about {
        padding-top: 87px;
        font-size: 16px;
    }
    .about .title,
    .advantages .title,
    .komu .title,
    .vid .title,
    .results .title,
    .themes .title,
    .start .title,
    .price_block .title,
    .recommend .title {
        font-size: 36px;
    }
    .about .boldtext {
    }
    .about .slimtext {
        font-weight: normal;
        margin-top: 20px;
    }

    .advantages {
        padding-top: 40px;
        padding-bottom: 20px;
        font-size: 16px;
        position: relative;
    }
    .advantages .title {
        margin-bottom: 20px;
    }
    .advantages .block {
        width: 100%;
    }
    .advantages .block .item {
        gap: 15px;
        margin-bottom: 20px;
    }
    .advantages .block .item br {
        display: block;
    }
    .advantages .block .num {
        min-width: 60px;
        min-height: 60px;
        font-size: 36px;
    }
    .advantages .pic {
        position: absolute;
        width: 230px;
        height: 207px;
        background-image: url(img/adv_pic.png);
        border-radius: 20px;
        top: 103px;
        right: 20px;
    }

    .komu {
        padding-top: 40px;
        font-size: 16px;
        width: auto;
    }
    .komu .items {
        margin-top: 0px;
        padding-bottom: 40px;
        gap: 34px;
        width: auto;
        flex-wrap: wrap;
        margin: auto;
    }
    .komu .items .item {
        width: 223px;
        height: 290px;
        padding: 12px 5px 8px 6px;
    }
    .komu .items .item .pic {
    }

    .eco {
        width: auto;
        background-size: 70% !important;
    	background-position: center left -90px !important;
    }
    .eco .pic {
        width: 375px;
        height: 355px;
        background-image: url(img/eco2.png);
    }
    .eco .texts {
        gap: 20px;
    }
    .eco .slogan {
        font-size: 36px;
    }
    .eco .descr {
        font-size: 16px;
    }
    .eco .price {
        font-size: 36px;
    }
    .eco .button {
    }

    .vid {
        width: auto;
        padding-top: 40px;
        padding-bottom: 49px;
        font-size: 16px;
    }
    .vid .title {
        margin-bottom: 20px;
    }
    .vid .video {
        margin-top: 34px;
        /* width: 670px;
        height: 378px; */
    }

    .results {
        width: auto;
        padding-top: 40px;
        padding-bottom: 40px;
        font-size: 16px;
    }
    .results .title {
        margin-bottom: 20px;
    }
    .results .items {
        row-gap: 20px;
        column-gap: 20px;
        width: 640px;
        margin: auto;
    }
    .results .items .item {
        width: 310px;
        filter: drop-shadow(30px 10px 4px #EEF6FA);
    }
    .results .items .item .n {
    }
    .results .items .item .icon {
    }
    .results .items .item .text br {
        display: block;
    }

    .themes {
        width: auto;
        padding-top: 40px;
        padding-bottom: 40px;
        font-size: 16px;
    }
    .themes .descr {
    }
    .themes .items {
        row-gap: 20px;
        margin-top: 20px;
        max-height: 1296px;
        padding-left: 23px;
    }
    .themes .items .item {
    }
    .themes .items .item .left {
    }
    .themes .items .item .left .n {
    }
    .themes .items .item .left .icon {
    }
    .themes .items .item .right {
    }
    .themes .items .item .right .big {
        padding-bottom: 9px;
    }
    .themes .niz {
        margin-top: 20px;
        flex-direction: column;
        gap: 20px;
        justify-content: center;
        padding-left: 0;
    }
    .themes .niz .snoska {
        width: 100%;
    }
    .themes .niz .snoska br {
        display: none;
    }
    .themes .niz .button,
    .start .button  {
        margin-left: 17%;
    }

    .start {
        width: auto;
        padding-left: 44px;
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .start .title {
        margin-bottom: 20px;
        display: flex;
        justify-content: center;
    }
    .start .dates {
        flex-direction: column;
        gap: 20px;
        font-size: 36px;
    }
    .start .dates .icon {
        margin-top: 5px;
    }
    .start .dates .month {
        font-size: 14px;
        padding-top: 19px;
    }
    .start .button {
        margin-top: 20px;
        margin-left: 0;
    }
    .start .bigpic {
        width: 461.68px;
        height: 237px;
        top: 25px;
    	right: -55.84px;
    }

    .price_block {
        width: auto;
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .price_block .title {
        margin-bottom: 20px;
    }
    .price_block .variants {
        margin-bottom: 0px;
        gap: 74px;
    }
    .price_block .variants .var {
    }
    .price_block .variants .var .top {
    }
    .price_block .variants .var .bot {
    }
    .price_block .variants .var .bot .money {
    }
    .price_block .variants .var .bot .detail {
        font-size: 16px;
    }
    .price_block .variants .var .bot .buttons {
    }
    .price_block .variants .var .bot .buttons .button1 {
    }
    .price_block .variants .var .bot .buttons .button2 {
    }

    .recommend {
        width: auto;
        padding-top: 40px;
        padding-bottom: 75px;
    }
    .recommend .title {
        margin-bottom: 20px;
    }
    .recommend .items {
        gap: 50px;
        padding: 0 45px 0 44px;
    }
    .recommend .items .item {
        width: auto;
        height: 161px;
        position: relative;
        justify-content: start;
    }
    .recommend .items .item .pic {
        width: 229px;
        height: 161px;
    }
    .recommend .items .item .texts {
        font-size: 16px;
        width: 353px;
        margin-top: 35px;
        margin-left: 30px;
    }
    .recommend .items .item .texts .big {
        font-size: 24px;
        margin-bottom: 5px;
    }
    .recommend .items .item .button {
        margin: 0;
        position: absolute;
        top: 131px;
        right: 35px;
    }
}

@media (max-width: 750px) {
	
	.advantages .block .item {
		width: 60%;
	}
	
	.recommend .items .item .texts {
		margin-top: 20px;
	}
		
}

@media (max-width: 600px) {
	
	.advantages .pic {
		width: 200px;
    	height: 177px;
	}
		
}

@media (max-width: 550px) {
    .container {
        max-width: 450px;
    }
    .cont {
        padding-left: 19px;
        padding-right: 18px;
    }
    .banner_main {
        padding-left: 0px;
        padding-right: 0px;
        height: 637px;
        /* background-color: linear-gradient(#85D5E7, #0A9DD0); */
        background-image: url(img/ge.png);
        background-repeat: no-repeat;
        background-position: center bottom;
        background-size: cover;
        margin-top: 80px;
    }
    .banner_main .texts {
        padding-top: 40px;
        width: 273px;
        text-align: center;
        margin: auto;
    }
    .banner_main .texts .descr {
        font-size: 18px;
    }
    .banner_main .texts .title {
        font-size: 64px;
        margin-top: 20px;
    }
    .banner_main .texts .sale {
        font-size: 18px;
        margin-top: 20px;
    }
    .banner_main .button {
        margin: auto;
        margin-top: 30px;
        width: 289px;
    }
    .banner_main .numbers {
        width: auto;
        height: 124px;
        padding-top: 17px;
        padding-bottom: 17px;
        top: 575px;
        left: 6.5%;
        right: 6.5%;
        flex-wrap: wrap;
    }
    .banner_main .numbers .item {
        width: 188px;
        height: 35px;
        font-size: 10px;
    }
    .banner_main .numbers .item:nth-child(2) {
		border-right: none;
		border-left: none;
	}
    .banner_main .numbers .item .big {
        font-size: 26px;
    }
    .banner_main .numbers .item .may {
        padding-top: 11px;
    }
    .banner_main .numbers >div:nth-child(2) {
        border: none;
    }

    .about {
        padding-top: 102px;
    }
    .about .title,
    .advantages .title,
    .komu .title,
    .vid .title,
    .results .title,
    .themes .title,
    .start .title,
    .price_block .title,
    .recommend .title {
        font-size: 24px;
    }
    .about .slimtext {
        margin-top: 10px;
    }

    .advantages {
        padding-bottom: 21px;
    }
    .advantages .title {
        margin-bottom: 10px;
    }
    .advantages .block {
        width: auto;
        margin: auto;
        margin-top: 20px;
    }
    .advantages .block .item {
        gap: 10px;
        align-items: start;
        width: 100%;
    }
    .advantages .block .item br {
        display: none;
    }
    .advantages .block .num {
        min-width: 30px;
        min-height: 30px;
        font-size: 20px;
    }
    .advantages .pic {
        position: static;
        width: 100%;
	    height: 259px;
	    margin: auto;
	    background-size: cover;
    }
    .advantages .adv_main {
        flex-direction: column-reverse;
    }

    .komu {
        width: auto;
    }
    .komu .items {
        gap: 20px;
        width: auto	;
        flex-wrap: wrap;
    }
    .komu .items .item {
    }
    .komu .items .item .pic {
    }

    .eco {
        width: auto;
        padding-left: 0px;
        padding-top: 235px;
        padding-bottom: 40px;
        text-align: center;
        background-position: top center !important;
    }
    .eco .pic {
        width: 224px;
        height: 160px;
        background-image: url(img/eco3.png);
        left: 20%; /*70px*/
    }
    .eco .texts {
    }
    .eco .slogan {
        font-size: 24px;
    }
    .eco .descr {
    }
    .eco .price {
        font-size: 24px;
    }
    .eco .button {
        margin: auto;
    }

    .vid {
        width: auto;
        padding-bottom: 40px;
    }
    .vid .title {
        margin-bottom: 10px;
    }
    .vid .video {
        margin-top: 20px;
    }
    
    .vid .video iframe {
    	width: 100%;
    }

    .results {
        
    }
    .results .title {
    }
    .results .items {
        width: 288px;
    }
    .results .items .item {
        width: 288px;
        filter: drop-shadow(30px 10px 4px #EEF6FA);
        height: 220px;
    }
    .results .items .item .n {
    }
    .results .items .item .icon {
    }
    .results .items .item .text br {
        display: block;
    }

    .themes {
        padding-left: 20px;
    	padding-right: 20px;
    }
    .themes .descr {
    }
    .themes .items {
        max-height: 100%;
        padding-left: 0;
    }
    .themes .items .item {
        width: 100%;
        padding-bottom: 10px;
    }
    .themes .items .itemlarge {
        height: 104px;
    }
    .themes .items .item .left {
    }
    .themes .items .item .left .n {
    }
    .themes .items .item .left .icon {
    }
    .themes .items .item .right {
    }
    .themes .items .item .right .big {
    }
    .themes .niz {
    }
    .themes .niz .snoska {
    }
    .themes .niz .snoska br {
    }
    .themes .niz .button,
    .start .button  {
        margin: auto;
        width: 187px;
    }

    .start {
        width: 376px;
        height: 422px;
        padding: 0;
    }
    .start .title {
        padding-top: 40px;
        margin-bottom: 11px;
    }
    .start .title br {
        display: block;
    }
    .start .dates {
        gap: 10px;
        font-size: 24px;
        padding-top: 141px;
        text-align: center;
    }
    .start .dates>div {
       justify-content: center;
    }
    .start .dates .icon {
        margin-top: 6px;
        width: 18px;
        height: 18px;
    }
    .start .dates .month {
        font-size: 10px;
        padding-top: 12px;
    }
    .start .button {
        margin: auto;
        margin-top: 15px;
    }
    .start .title br {
        display: block;
    }
    .start .bigpic {
        width: 218.72px;
        height: 112.42px;
        top: 109px;
        left: 63px;
    }

    .price_block {
        width: 376px;
    }
    .price_block .title {
    }
    .price_block .variants {
        flex-direction: column;
        gap: 20px;
    }
    .price_block .variants .var {
        margin: auto;
    }
    .price_block .variants .var .top {
    }
    .price_block .variants .var .bot {
    }
    .price_block .variants .var .bot .money {
    }
    .price_block .variants .var .bot .detail {
    }
    .price_block .variants .var .bot .buttons {
    }
    .price_block .variants .var .bot .buttons .button1 {
    }
    .price_block .variants .var .bot .buttons .button2 {
    }

    .recommend {
        width: auto;
        padding-bottom: 40px;
    }
    .recommend .title {
        margin-bottom: 19px;
    }
    .recommend .items {
        gap: 20px;
        padding: 0;
    }
    .recommend .items .item {
        width: 286px;
        height: auto;
        position: relative;
        justify-content: start;
        margin: auto;
        flex-direction: column;
        padding-bottom: 20px;
    }
    .recommend .items .item .pic {
        width: auto;
        height: 151px;
        max-width: none;
    }
    .recommend .items .item .texts {
        width: 245px;
        margin-top: 20px;
        margin-left: 25px;
    }
    .recommend .items .item .texts .big {
    }
    .recommend .items .item .button {
        margin: auto;
        position: static;
        margin-top: 20px;
    }

}


@media (max-width: 430px) {
	
	.banner_main .numbers .item:nth-child(1) .big {
		margin-left: 30px;
	}
	
	.banner_main .numbers .item:nth-child(2) .big {
		margin-left: 50px;
	}
		
}