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

/* xl <= Extra extra large (xxl) */
@media (max-width : 1400px) {
	h1,.one{
		font-size: calc(var(--index)* 2.7);
	}
	h2,.two{
		font-size: calc(var(--index)* 2);
	}
	h3,.three,.rf_div_title,.xchange_div .xchange_data_title, .xchange_div .xchange_pers_title{
		font-size: calc(var(--index)* 1.6);
	}
	h4,.four,.standart_window_title_ins,.user_widget_title_ins{
		font-size: calc(var(--index)* 1.5);
	}
	h5, .five{
		font-size: calc(var(--index)* 0.8);
	}
	.xl_text{
		font-size: calc(var(--index)* 1.9);
	}
	.lg_text{
		font-size: calc(var(--index)* 1.6);
	}
	.md_text{
		font-size: calc(var(--index)* 1.4);
	}
	body{
		font-size: calc(var(--index)* 0.9);
	}
	.btn,.cf_submit,.rf_line.has_submit input{
		font-size: calc(var(--index)* 0.8);
	}
	.contacts_widget {
    padding-left: 20px;
    margin-left: 20px;
	}
	.btn.tg_btn{
		padding: 12px;
	}
	header .language_switcher{
		margin-right: 14px;
	}
}

/* lg <= Extra large (xl) */
@media (max-width : 1200px) {
	.first_screen{
		padding-top: 100px;
	}
	.promo_holder {
		min-height: 234px;
}

}

/* md <= Large (lg) */
@media (max-width : 992px) {
	body{
		font-size: calc(var(--index)* 1.3);
	}
	.xl_text {
		font-size: calc(var(--index) * 1.6);
}
	.btn,.cf_submit,.rf_line.has_submit input{
		font-size: calc(var(--index)* 1.4);
		padding: 12px 30px;
	}
	.exchange_widget{
		grid-template-columns: 1fr;
		gap: 10px;
	}
	.exchange_widget .swap_btn{
		margin: auto;
	}
	.form_row{
		flex-flow: column;
	}
	.form_row .form_group+* {
    margin-top: 10px;
    margin-left: 0;
}
.exchange_steps h4 br{
	display: none;
}
.exchange_steps>div+*{
	margin-top: 18px;
	padding-top: 18px;
}
.exchange_steps .steps_index{
	margin-right: 20px;
}
.gradient_section{
	margin-top: 40px;
	border-radius: 28px;
}
section{
	padding: 40px 0;
}
.section_title{
	gap: 18px;
}
.faq_widget>div>div:first-child{
	padding: 12px 34px 12px 0;
}
.btn.white_btn{
	font-size: calc(var(--index)* 1);
	padding: 10px 18px;
}
footer {
	padding: 20px 0 60px 0;
}
.page_content .btn {
	max-width: 100%;
}
.contacts_widget{
	margin-left: 0;
	margin-top: 30px;
	padding-top: 30px;
	border-top: var(--border);
	border-left: none;
	padding-bottom: 0;
}
.contacts_widget > div + *{
	margin-top: 18px;
}
.reviews_widget > div + *{
	margin-top: 18px;
	padding-top: 18px;
}
.slide_toggle{
	width: 100%;
}
.profile_nav ul{
	overflow: auto;
		white-space: nowrap;
		-ms-overflow-style: none;
		scrollbar-width: none;
		justify-content: flex-start;
		display: flex;
		align-items: center;
		padding-right: 20px;
}
.profile_nav ul li + * > a{
	padding-left: 18px;
}
.light .user_widget .user_widget_ins .user_widget_body .user_widget_body_ins ul li.current::before{
	background: none !important;
}
.user_widget .user_widget_ins .user_widget_body .user_widget_body_ins ul li > a{
	padding-left: 12px !important;
	padding-right: 12px !important;
}
}

/* sm <= Medium (md) */
@media (max-width : 768px) {
	.promo_holder {
		min-height: 208px;
}
}

/* xs <= Small (sm) */
@media (max-width : 576px) {
	header{
		padding: 10px 0;
	}
	.tg_btn{
		width: 100%;
	}
	a.logo img {
    max-width: 162px;
	}
	.promo_holder {
		min-height: 200px;
}
.partners_grid {
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
}
.partners_grid a img {
	max-width: 120px;
}
footer a.logo img {
	max-width: 218px;
}

h2, .two {
	font-size: calc(var(--index) * 1.5);
}
.page_content .form_group .ls_text{
	margin-left: 0;
	margin-top: 12px;
}
.btn_group .btn{
	width: 100%;
}
}


/* === 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) {
	aside{
		display: none !important;
		opacity: 0;
		visibility: hidden;
	}

}

/* Extra large (xl) */
@media (min-width : 1200px) {
	.text {
		font-size: 18px;
	}
}

/* Extra extra large (xxl) */
@media (min-width : 1400px) {
	.text {
		font-size: 22px;
	}
}

@media (hover: none){
	.btn:active,.cf_submit:active,.rf_line.has_submit input:active,.xtl_submit_ins .xtl_submit:active{
		color: #fff;
		opacity: 0.8;
	}
	.btn.tg_btn:active{
		color: var(--text);
	}
	.btn.light_btn:active{
		color: var(--text);
	}
	.btn.white_btn:active{
		color: var(--text);
	}
}

@media (hover: hover) {
	.btn:hover,.cf_submit:hover,.rf_line.has_submit input:hover,.xtl_submit_ins .xtl_submit:hover{
		color: #fff;
		opacity: 0.8;
	}
	.btn.tg_btn:hover{
		color: var(--text);
	}
	.btn.light_btn:hover{
		color: var(--text);
	}
	.btn.white_btn:hover{
		color: var(--text);
	}
}