.burger-box {
	display: none;
	padding: 16px 28px;
	position: fixed;
	top: 0;
	left: 0;
	background-color: #25232a;
	width: 100%; 
	z-index: 999;
}


.burger {
	width: 24px;  
	height: 18px;
	display: flex;
	align-items: center;
}

.burger i {
	position: relative;
	display: block;
	background: #fff;
	width: 100%;
	height: 1px;
	border-radius: 3px;
	opacity: 1;
	transition: background .2s;
}

.burger i:before, .burger i:after {
	position: absolute;
	content: '';
	display: block;
	background: #fff;
	width: 100%;
	height: 1px;
	border-radius: 3px;
	top: -6px;
	left: 0;
	transition: all .2s;
}

.burger i:after {
	top: auto;
	bottom: -6px;
}

.burger.active i {
	background: transparent; 
}

.burger.active i:before {
	transform: rotate(45deg);
	top: 0;
}

.burger.active i:after {
	transform: rotate(-45deg);
	top: 0;
}



.mob {
	display: none;
}


body {
	min-width: 1340px;
}

@media (max-width: 1559px) {


}



/* ==== end 1580px =================================================== */


@media (max-width: 1365px) {




}

/* ==== end 1366px =================================================== */

@media (max-width: 1279px) {


}


/* ==== end 1280px =================================================== */


@media (max-width: 1023px) {




}

/* ==== end 1024px =================================================== */


@media (max-width: 959px) {



	.mob {
		display: block;
	}

	.canvas {
		overflow: hidden;
	}

	body {
		min-width: 0;
	}

	.burger-box {
		display: block;
	}

	.header .container > .flex-list {
		height: 100vh !important;
		padding: 28px 0;
		padding-top: 48px;
		width: auto;
		display: block;
	}

	.header .flex {
		display: block;
	}

	.header {
		background-color: #25232a;
		left: -9999px;
		transform: translateY(-40px);
		opacity: 0;
		transition: transform .5s, opacity .5s;
		/* display: none; */
	}

	.header.open {
		left: 0;
		transform: translateY(0px);
		opacity: 1;
	}

	.main-menu > li + li {
		margin-left: 0;
	}

	.right-col.step-40 {
		margin: 0;
	}

	.right-col.step-40 > * {
		padding: 8px 0;
	}

	.main-menu > li {
		padding: 8px 0;
	}

	.main-intro-plate .container > .flex {
		height: auto;
		flex-direction: column;
		align-items: flex-start;
	}

	.main-intro-plate .intro-box .title-box {
		font-size: 28px;
	}

	.main-intro-plate .intro-box .title-box:after {
		content: '';
		display: block;
		margin: 16px 0;
		background-color: #ca4a3f;
		height: 3px;
		width: 180px;
		margin-left: auto;
		margin-right: auto;
	}

	.main-intro-plate {
		background-position: calc(50% - 100px) 0%;
		background-repeat: no-repeat;
		padding-top: 80px;
		background-size: auto 480px;
	}

	.main-intro-plate .intro-box .description {
		color: #ffe5cb;
		font-size: 16px;
		font-weight: 300;
	}

	p {
		margin: 16px 0;
	}

	.main-intro-plate .intro-box {
		width: 100%;
		text-align: center;
		padding-bottom: 20px;
	}

	.container {
		padding: 20px 28px;
	}

	.main-intro-plate .personal-box {
		max-width: none;
		order: -1;
		background-color: #373340;
		margin: 0 -28px;
		margin-top: 320px;
		padding: 28px;
		width: calc(100% + (28px * 2));
	}

	.main-intro-plate .personal-box .reg-data {
		display: none;
	}

	.main-intro-plate .personal-box .btn {
		flex-direction: column;
	}

	.services-intro-list-2 .item {
		width: 50%;
		max-width: 172px;
	}

	.plate-title h2 {
		font-size: 32px;
	}

	.plate {
		padding: 20px 0;
	}

	.service-intro-block-2 .title:after {
		display: none;
	}

	.service-intro-block-2 .title {
		font-size: 14px;
	}

	.word {
		font-size: 16px;
	}

	.feedback-block .form-item {
		width: 100%;
	}

	.practice-list-index .item {
		width: 100%;
	}

	.news-list-index {
		justify-content: center;
	}

	.news-list-index .item {
		width: 100%;
		max-width: 458px;
	}

	.main-intro-plate:before {
		display: none;
	}

	.top-visual-header .personal-box {
		max-width: none;
		display: block;
		width: auto;
		max-width: 180px;
	}


	.top-visual-header .personal-box .reg-data {
		margin-top: 12px;
	}

	.top-visual-header .personal-box .title {
		font-size: 20px;
	}

	.page-title h1 {
		margin: 0;
		font-size: 28px;
	}

	.word-box .word h2 {
		font-size: 24px !important;
	} 

	.word-box .word h3 {
		font-size: 20px !important;
	} 

	.word-box .word h4 {
		font-size: 18px !important;
	} 

	.word-box .word h5 {
		font-size: 16px !important;
	} 


}

/* ==== end 960px =================================================== */



@media (max-width: 899px) {



}

/* ==== end 899px =================================================== */

@media (max-width: 799px) {


}

/* ==== end 799px =================================================== */

@media (max-width: 767px) {




}

/* ==== end 768px =================================================== */

@media (max-width: 719px) {


}

/* ==== end 720px =================================================== */


@media (max-width: 639px) {


	.front-page .word-box .word > img {
		width: auto;
		max-width: 100%;
		float: none;
	}

	.services-ur-intro-list {
		column-count: 1;
	}

	.services-ur-intro-list.column-count-2 li {
		font-size: 16px !important;
	}



}

/* ==== end 640px =================================================== */

@media (max-width: 599px) {


}

/* ==== end 600px =================================================== */

@media (max-width: 559px) {


}

/* ==== end 560px =================================================== */

@media (max-width: 519px) {



}

/* ==== end 520px =================================================== */

@media (max-width: 479px) {



}


/* ==== end 480px =================================================== */



@media (max-width: 400px) {



}


/* ==== end 420px =================================================== */


@media (max-width: 359px) {



}


/* ==== end 359px =================================================== */