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

/* lg <= Extra large (xl) */
@media (max-width : 1200px) {

	body {
		font-size: 19px;
		line-height: 31px;
	}

	.top-block .top-block__wrapper {
		padding: 160px 0;
	}

	.top-block .top-text {
		font-size: 36px;
		line-height: 44px;
		margin-bottom: 36px;
	}

	h1 {
		font-size: 86px;
		line-height: 100px;
	}

	.top-block .bottom-text {
		font-size: 36px;
		line-height: 44px;
		margin-bottom: 92px;
	}

	.top-block__form {
		margin-top: 160px;
	}

	.top-block__form .form__wrapper {
		padding: 80px;
	}

	.top-block__form .form__wrapper .top-block__form-text, .about .top-text {
		font-size: 36px;
    line-height: 44px;
	}

	.about .right-block {
		max-width: 400px;
	}

	.specialists, .process, .clientele, .integration, .team {
    margin: 160px 0;
}

.footer-form {
	margin-bottom: 160px;
}

.advantages, .contacts {
	margin-top: 160px;
}

.specialists .spec-fon {
	margin: 0;
	padding: 32px 16px 32px 32px;
	min-height: 400px;
}

.specialists .lawyer {
	text-align: right;
}

.price .price-item {
	min-height: 432px;
}

.contacts .contacts__inner {
	margin-left: 18px;
}

.contacts .contacts__item .contacts__item-img {
	width: 96px;
	height: 96px;
	padding: 23px;
}

.contacts .contacts__item .contacts__item-img img {
	width: 48px;
	height: 48px;
}

.footer-inner .logo {
	width: 170px;
}

.clientele .client-top:after {
	left: 20%;
}

.contacts .contacts__inner {
	display: block;
}

}

/* md <= Large (lg) */
@media (max-width : 992px) {

	.footer-form {
		margin-bottom: 140px;
	}

	.specialists, .process, .clientele, .integration, .team {
    margin: 120px 0;
	}

	.advantages, .contacts {
		margin-top: 120px;
	}

	.top-block .top-block__wrapper {
		padding: 160px 0;
	}

	.top-block .top-text, .top-block .bottom-text, .about .top-text {
		font-size: 32px;
		line-height: 40px;
	}

	h1 {
		font-size: 68px;
		line-height: 86px;
	}

	.top-block .top-block__wrapper img {
		margin-left: 0;
	}

	.top-block__form {
		border: 3px solid #1D1D1D;
	}

	.top-block__form .form__wrapper {
		padding: 124px;
	}

	.top-block__form .text__button {
		display: none;
	}

	.top-block__form .form__wrapper .top-block__form-text, .about .top-text {
		margin-bottom: 32px;
	}

	.text__button-mob {
		display: block;
		color: var(--accent);
    border: none;
    padding: 0;
    background: 0;
    text-transform: uppercase;
		padding-left: 11px;
		margin-top: 18px;
		text-align: left;
	}

	.text__button-mob::before {
    content: "";
    background-image: url(./images/icon-right.svg);
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-right: 8px;
    vertical-align: middle;
	}

	.about .right-block {
    max-width: 300px;
	}

	h2 {
		font-size: 30px;
		line-height: 43px;
	}

	.specialists .spec-fon {
		margin-bottom: 40px;
		padding: 86px;
	}

	.specialists .lawyer {
		text-align: left;
	}

	.display-none {
		display: none;
	}

	.process .step-4 {
		margin-top: 60px;
	}

	.col-20 {
		flex: 0 0 25%;
		max-width: 25%;
	}

	.client-mob {
		display: none;
	}

	.clientele .client:nth-child(5):before {
		content: ""; 
		right: 0; 
		top: 33%; 
		width: 2px; 
		background: #1D1D1D; 
		height: 98px;
		position: absolute;
	}

	.clientele .client:nth-child(5):after {
		height: 0;
	}

	.footer-inner .logo {
		width: 136px;
	}

	header .navbar-collapse {
		margin-top: 24px;
	}

	.price .price-item {
		margin-bottom: 24px;
	}

}

/* sm <= Medium (md) */
@media (max-width : 768px) {

	.top-block .top-block__wrapper {
		padding: 124px 0;
		text-align: center;
	}

	h1 {
    font-size: 56px;
    line-height: 68px;
}

.top-block .top-text, .top-block .bottom-text, .about .top-text {
	font-size: 28px;
	line-height: 34px;
}

.top-block .bottom-text {
	margin-bottom: 80px;
}

.top-block .top-block__wrapper img {
	margin-top: 80px;
	width: 70%;
	/* display: none; */
}

.top-block__form {
	margin-top: 124px;
} 

.top-block__form {
	border: 2px solid #1D1D1D; 
}

.about .left-block {
	margin-right: 0;
	justify-content: center;
}

.about .right-block {
	margin-top: 32px;
}

.specialists, .process, .clientele, .team {
	margin: 94px 0;
}

.advantages, .contacts {
	margin-top: 94px;
}

.clientele {
	margin: 34px 0 94px 0;
}

.clientele .posts-slider {
	display: block;
}

.clientele .slick-prev, .clientele .slick-next {
	display: none !important;
}

.process .step {
	max-width: 100%;
	margin-bottom: 60px;
}

.process .step-2, .process .step-4 {
 margin-top: 0;
}

.contacts__img {
	display: none;
}

.contacts .contacts__inner {
	margin-left: 0;
}

.footer-form {
	margin-bottom: 94px;
}

.footer-inner .soc-icons {
	max-width: 100%;
}

.footer .logo {
	margin-bottom: 32px;
}

.client__inner {
	display: none;
}

.integration .integration__slider-item, .price .price-item {
	border: 2px solid #1D1D1D;
}

.slider-nav {
	display: none;
}

.integration .slick-slider .slick-dots, .team .slick-slider .slick-dots {
	text-align: center;
	width: 100%;
}

.footer-inner .menu {
	width: 50%;
}

.tel-mob {
	margin-top: 32px;
}

}

/* xs <= Small (sm) */
@media (max-width : 576px) {
	.top-block .top-text, .top-block .bottom-text, .about .top-text {
		font-size: 24px;
		line-height: 30px;
	}

	.footer-inner .menu {
		margin-top: 24px;
		width: 100%;
		align-items: flex-start;
		border: none;
	}

	.justify-content-end {
		justify-content: center !important;
	}

	.flex-column {
		display: block;
		padding-right: 0;
	}

	.top-block__form .form__wrapper {
		padding: 0;
	}

	.top-block__form {
		border: none;
	}

	.contacts .contacts__item {
		display: block;
	}

	.contacts .contacts__item .contacts__item-img {
		margin-bottom: 24px;
	}

	.specialists .spec-fon {
		padding: 64px;
	}

}

@media (max-width: 991px) {
	.info-panel {
		padding: 22px;
	}

	.technology-stack {
		padding: 0;
	}

	.technology-stack-grid {
		grid-template-columns: 1fr 1fr;
	}

	.technology-card {
		border-right: 3px solid #1D1D1D;
		border-bottom: 3px solid #1D1D1D;
	}

	.technology-card:nth-child(2n) {
		border-right: none;
	}

	.technology-card:last-child {
		border-bottom: none;
	}
}

@media (max-width: 576px) {
	.license-order h2,
	.technology-stack-head h2 {
		font-size: 24px;
		line-height: 1.25;
	}

	.technology-card {
		padding: 18px;
		border-right: none;
	}

	.technology-stack-grid {
		grid-template-columns: 1fr;
	}

	.technology-card:nth-child(2n) {
		border-right: none;
	}

	.technology-card h3 {
		min-height: 0;
	}

	.price-catalog {
		margin: 64px 0;
	}

	.price-catalog-table {
		min-width: 620px;
	}
}