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

/* xl <= Extra extra large (xxl) */
@media (max-width : 1400px) {}

/* lg <= Extra large (xl) */
@media (max-width : 1200px) {
	a.logo img {
		min-width: 150px;
	}

	.language-text {
		display: none;
	}

	.language-switcher {
		margin-right: 0;
		min-width: 4px;
	}

	.language-dropdown {
		min-width: 120px;
	}
}

/* md <= Large (lg) */
@media (max-width : 992px) {
	.first_screen {
		height: auto;
	}

	.language-text {
		display: block;
	}

	.language-switcher {
		justify-content: flex-start;
	}

	.language-switcher .language-text {
		font-size: calc(var(--index) * 1.2);
	}

	.btn {
		padding: 10px 20px;
		font-size: calc(var(--index) * 1.2);
	}

	header .social a svg {
		min-width: 22px;
		height: 22px;
		width: 22px;
	}

	header .social a {
		border-right: 1px solid var(--border);
		padding: 10px;
		border-left: none;
	}
	.checkbox span{
		min-width: 16px;
    width: 16px;
    height: 16px;
	}
	footer a.logo img {
		min-width: auto;
	}
	footer{
		padding: 20px 0;
	}
	header {
		border-top: 1px solid var(--border);
	}

	.first_screen {
		max-height: 100%;
		min-height: 100%;
		padding: 60px 0;
	}

	body {
		font-size: calc(var(--index) * 1.2);
	}

	.lss {
		font-size: calc(var(--index) * 1);
	}

	.ls {
		font-size: calc(var(--index) * 1.1);
	}

	.sm {
		font-size: calc(var(--index) * 1.2);
	}

	.md {
		font-size: calc(var(--index) * 1.3);
	}

	.lg {
		font-size: calc(var(--index) * 1.5);
	}

	.xl {
		font-size: calc(var(--index) * 1.8);
	}

	.xxl {
		font-size: calc(var(--index) * 2);
	}


	h1,
	.one {
		font-size: calc(var(--index) * 1.8);
	}

	h2,
	.two {
		font-size: calc(var(--index) * 1.7);
	}

	h3,
	.three {
		font-size: calc(var(--index) * 1.5);
	}

	h4,
	.four {
		font-size: calc(var(--index) * 1.4);
	}

	h5,
	.five {
		font-size: calc(var(--index) * 1.3);
	}

	.products_cards_item+*,
	.product_cards_item_alt+* {
		border-left: none;
		border-top: 1px solid var(--gray);
	}

	.advantages_card+* {
		padding-left: 20px;
		margin-left: 20px;
	}

	.advantages_card {
		gap: 10px;
	}

	.table_wrap {
		overflow-y: scroll;
	}

	table tr td,
	table tr th {
		padding: 6px 12px;
	}

	.grid-3 {
		grid-template-columns: repeat(2, 1fr);
	}

	.grid-3 .products_cards_item:nth-child(1n) {
		border-left: 1px solid var(--border);
	}

	.grid-3 .products_cards_item:nth-child(6n + 1) {
		border-bottom: 1px solid var(--border);
	}

	.grid-3 .products_cards_item:nth-child(6n + 3),
	.grid-3 .products_cards_item:nth-child(2n - 1) {
		border-left: none;
	}

	.products_cards_item+*,
	.product_cards_item_alt+* {
		border-left: none;
	}

	.products_card_image img {
		max-width: 100%;
		min-height: 100%;
		height: auto;
	}

	.promo_block {
		padding: 36px;
	}

	.line_widget>div .three {
		grid-column: 1 / -1;
	}

	.line_widget>div {
		padding: 20px 0;
		grid-template-columns: repeat(2, 1fr);
		gap: 20px;
	}

	.line_widget>div>div {
		flex: 0.5;
	}

	.testimonials_slider,
	.certificates_slider {
		overflow: visible;
	}

	.checkbox br {
		display: none;
	}

	.promo_alt {
		padding: 24px;
	}

	.promo_form {
		padding: 30px 24px;
	}

	.sidebar_toggle {
		height: auto;
		position: fixed;
		background: var(--accent);
		color: #fff;
		z-index: 99;
		width: 100%;
		padding: 24px 32px;
		text-align: center;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
	}

	.sidebar {
		position: relative;
	}

	.sidebar_wrap {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: #fff;
		z-index: 30;
		opacity: 0;
		visibility: hidden;
	}

	.sidebar_wrap.active {
		opacity: 1;
		visibility: visible;
	}

	.text_content p:empty {
		margin: 0;
	}

	.text_content p {
		margin-bottom: 26px;
	}

	.text_content h2,
	.text_content h3,
	.text_content h4,
	.text_content h5 {
		margin-bottom: 16px;
	}

	.sidebar_toggle {
		padding: 16px 24px;
	}
	.partners{
		grid-template-columns: repeat(3, 1fr);
		grid-auto-rows: 1fr;
	}
}

/* sm <= Medium (md) */
@media (max-width : 768px) {
	.btn_group *+* {
		gap: 10px;
	}

	.btn_group * {
		width: 100%;
	}

	section,
	.feedback {
		padding-top: 60px;
	}

	.feedback {
		padding-bottom: 60px;
	}

	.products_cards_item,
	.product_cards_item_alt,
	.testimonials_slider .swiper-slide .card_widget {
		padding: 20px;
	}

	.advantages_wrap {
		gap: 20px;
	}

	.advantages_card {
		width: 100%;
		justify-content: center;
		flex-flow: column;
		text-align: center;
	}

	.advantages_card+* {
		padding-left: 0;
		margin-left: 0;
		padding-top: 20px;
		margin-top: 20px;
		border-left: none;
		border-top: 1px solid var(--border);
	}
}

/* xs <= Small (sm) */
@media (max-width : 576px) {
	a.logo img {
		min-width: 100%;
	}

	.popup .btn_close {
		width: 30px;
		height: 30px;
		min-width: 30px;
	}

	.btn {
		width: 100%;
	}

	.line_widget .advantages_card+* {
		margin-top: 0;
		padding-top: 0;
		border: none
	}

	.cookie-banner {
		gap: 12px;
	}

	.br_none br {
		display: none;
	}
	.partners{
		grid-template-columns: repeat(2, 1fr);
		grid-auto-rows: 1fr;
		gap: 30px 50px;
	}
}


/* === MOBILE FIRST === */

/* Custom (xs) */
@media (min-width : 0) {}

/* Small (sm) */
@media (min-width : 576px) {}

/* Medium (md) */
@media (min-width : 768px) {}

/* Large (lg) */
@media (min-width : 992px) {
	header a.logo {
		position: relative;
		padding-right: 24px;
		margin-right: 24px;
	}

	header a.logo::after {
		content: '';
		width: 1px;
		height: 100%;
		background: var(--border);
		position: absolute;
		right: 0;
		top: 0;
		bottom: 0;
		margin: auto;
	}

	header .social {
		margin-left: 10px;
	}
}

/* Extra large (xl) */
@media (min-width : 1200px) {
	header .social {
		margin-left: 18px;
	}
}

/* Extra extra large (xxl) */
@media (min-width : 1400px) {}

/*fix buttons hover*/
@media (hover: hover) {
	header a:hover {
		opacity: 0.8;
		color: var(--text);
	}

	a:hover {
		opacity: 0.8;
	}

	.btn_light:hover {
		color: #fff;
	}

	.btn:hover {
		color: var(--accent);
		background: #fff;
	}

	.btn.bordered:hover {
		color: #fff;
		opacity: 1;
		background: var(--accent);
	}

	.btn.icon_btn:hover svg path {
		stroke: #fff;
	}

	.products_cards_item.accent:hover {
		color: #fff;
	}

	.slider_btn:hover {
		border-color: #fff;
		background: var(--accent);
	}

	.slider_btn:hover svg path {
		stroke: #fff;
	}

	header ul li a:hover::after {
		opacity: 1;
		visibility: visible;
	}

	.btn_close:hover {
		opacity: 0.6;
	}

	.blog-details-breadcrumb-badges a:hover {
		color: var(--accent);
	}

	.card:hover {
		color: var(--text);
		border-color: var(--alt);
	}

	footer a:hover {
		color: var(--text);
	}

	.card:hover .btn_light svg {
		transform: rotate(45deg);
	}

	.card .btn_light:hover {
		color: var(--accent);
	}

	.doc_item:hover {
		color: var(--text);
		border-color: var(--alt);
	}

	aside a:hover {
		color: var(--text);
	}
}

@media (hover: none) {
	header a:active {
		opacity: 0.8;
		color: var(--text);
	}

	a:active {
		opacity: 0.8;
	}

	.btn_light:active {
		color: #fff;
	}

	.btn:active {
		color: var(--accent);
		background: #fff;
	}

	.btn.bordered:active {
		color: #fff;
		opacity: 1;
		background: var(--accent);
	}

	.products_cards_item.accent:active {
		color: #fff;
	}

	header ul li a:active::after {
		opacity: 1;
		visibility: visible;
	}

	.btn_close:active {
		opacity: 0.6;
	}

	.blog-details-breadcrumb-badges a:active {
		color: var(--accent);
	}

	.card:active {
		color: var(--text);
		border-color: var(--alt);
	}

	footer a:active {
		color: var(--text);
	}

	.card:active .btn_light svg {
		transform: rotate(45deg);
	}

	.card .btn_light:active {
		color: var(--accent);
	}

	.doc_item:active {
		color: var(--text);
		border-color: var(--alt);
	}

	aside a:active {
		color: var(--text);
	}
}