@media screen and (max-width: 1300px) {
	.main {
		width: 100%;
		padding: 0 10px;
	}

}

@media screen and (max-width: 1150px) {
	.box_dvl {padding: 50px 25px 25px 25px;}
	.menu__link {font-size: 15px;}

}

@media screen and (max-width: 1023px) {
	html {
		scroll-padding: 60px;
	}
	.menu__link {
        font-size: 24px;
        color: #fff;
    }

    .header {
    	height: 60px;
    }

    .header__logo.mob {
    	display: flex;
	}

	.header__logo img {
	    width: 50px;
	}
	.form {padding-right: 10px}
	.boxes_dvl {grid-template-columns: 1fr 1fr;}
	.bnr_2 {padding: 50px 0;}
	.box_bnr-2 {width: 100%}

	.header_wrapper {
	    flex-direction: column-reverse;
	}

	.boxes_cont {
		background: unset;
		flex-direction: column;
    	align-items: center;
	}
	.boxes_cont:before {height: 150px; left: 100%; width: 30px;}
	.boxes_cont:after {
	    border-top: unset;
	    border-left: unset;
	    left: -33px;
	    top: 0;
	    height: 150px;
	    width: 30px;
	    background: var(--color_1);
	}

}


@media screen and (max-width: 767px) {

	.box_adv {
	    width: 100% !important;
	    padding: 20px;
	}

	.boxes_footer {grid-template-columns: 1fr;}
	.bnr {flex-direction: column; height: auto;}
	.rigth_box-dvl {
	    width: 100%;
	    position: relative;
	    left: unset;
	    background: url(../img/bnr_main_2.webp);
	    background-repeat: no-repeat;
	    background-size: cover;
	    background-position: center;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    padding: 20px 10px;
	}

	.img_2-bnr {display: none;}

	.img_1-bnr {
	    width: 100%;
	    bottom: 50%;
	}

	.box_input {
	    gap: 0;
	    flex-direction: column;
	}

	.title_bnr {
		text-align: center;
	}

	.left_box-dvl {width: 100%}
	.subtitle_bnr {text-align: center;}
	input {
		height: 45px;
		font-size: 14px;
	}
	::placeholder {
	    font-size: 14px;
	}
	.boxes_dvl {
	    grid-template-columns: 1fr;
	}
	.text_bnr_2 {text-align: center; font-size: 20px;}
	.box_our-adv {grid-template-columns: 48px 1fr 138px;}

	.application {padding: 30px 0;}
	.form_2 {
		width: 100%;
		padding-left: 0;
	}

	.img_app {display: none;}
	.img_app_2 {
	    height: 100%;
	    left: 0;
	}	

	.tit_footer {font-size: 20px;}
	.tit_f {font-size: 14px;}
	p.text_footer {font-size: 12px;}
	.box_footer {gap: 0.5em;}
	.box_img-f img {width: 30%}
	.text_bottom {font-size: 10px;}

}

@media screen and (max-width: 480px) {
	
}