/*==========  Desktop First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}

@media only screen and (max-width : 1080px) {
	.xtt_table_body_wrap{
		flex-wrap: wrap;
		justify-content: center;
	}
	.xtt_left_col_table, .xtt_right_col_table, .xtt_data_col_table{
		flex: auto;
		width: 50%;
		max-width: 50%;
		box-sizing: border-box;;
	}
	.home_advantages_title,
	.home_advantages_content{
		position: relative;
		z-index: 1;
	}

	.home_adv_div:first-child .home_adv_div-col:last-child .home_advantages_one::after,
	.home_adv_div:last-child .home_adv_div-col:first-child .home_advantages_one::after{
		content: '';
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background-color: rgba(255, 255, 255, 0.5);
		z-index: 0;
	}

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	.one_home_reserv_ins{
		padding: 20px 0px 20px 10px;
	}
	.sidebar .user_widget{
		top: 33%;
	}
	.topbar_contain {
		gap: 20px;
	}
	.topbar_icon_tabul > .topbar_icon_tabul_left > .topbar_icon:nth-child(1){
		display: none;
	}
	.topbar_logo {
		margin-right: 0;
	}
}
@media only screen and (max-width : 820px) {
	.one_home_reserv{
		width: 33%;
	}
	.home_adv_div:first-child .home_adv_div-col:first-child, .home_adv_div:last-child .home_adv_div-col:last-child{
		flex: 1;
	}
}

@media only screen and (max-width : 800px) {
	.xchange_div_cols {
		flex-direction: column;
	}
}
/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	.topbar_logo {
		margin-right: 10px;
	}
	h1.breadcrumb_title,
	.home_text_title,
	.home_advantages_blocktitle,
	.home_reserv_title,
	.home_partner_title{
		font-size: 35px;
	}
	.one_home_reserv_ico {
		width: 30px;
		height: 30px;
		margin-right: 10px;
	}
	.one_home_reserv_block {
		font-size: 12px;
		font-weight: 400;
	}
	.one_home_reserv_title {
		font-size: 13px;
		margin-bottom: 5px;
	}
	.topbar {
		border-radius: 0px 0px 15px 15px
	}
	.xchange_table_wrap,
	.home_advantages_one{
		border-radius: 15px;
	}
}
@media only screen and (max-width : 870px) {
	.menu__button{
		display: flex;
	}
	.topbar_contain{
		justify-content: space-between;
	}

	.topbar_icon_wrap,
	.tophead_wrap{
		display: none;
	}
	.wrapper{
		margin-top: 15px;
	}
}
@media only screen and (max-width : 735px) {
	.xtt_data_col_table{
		width: 80%;
		max-width: 80%;
	}
	.xtt_left_incol_title,
	.xtt_right_incol_title,
	.home_advantages_title{
		font-size: 20px;
	}
}

	@media only screen and (max-width : 700px) {
		.xtt_data_col_table{
			width: 100%;
			max-width: 100%;
		}
		.one_home_reserv {
			width: 50%;
		}

		.tbl5 .xtt_one_line_reserv,
		.xtt_title_link_wrap{
			display: none;
		}
	}
	@media only screen and (max-width : 640px) {
		.home_text_block-row{
			flex-direction: column;
			gap: 20px;
		}
		.home_text_block-row P{
			display: none;
		}
		.footer{
			gap:15px;
			flex-wrap: wrap;
		}
		.home_adv_div{
			flex-direction: column;
			gap: 20px;
		}
		h1.breadcrumb_title, .home_text_title, .home_advantages_blocktitle, .home_reserv_title, .home_partner_title{
			font-size: 25px;
		}

		.block_payinfo_col-sepa{
			margin: 0;
		}
		.exchangestep .warp_head_steps .wapr_status, .exchangestep .warp_head_steps .wapr_number{
			font-size: 20px;
		}
		.exchangestep .warp_head_steps{
			margin-bottom: 40px;
		}
		.wark_off h2 {
			line-height: 41px;
		}

		.header_timetable_mobile {
			display: flex;
			max-width: 1150px;
			padding: 10px 20px;
			margin: 0 auto 15px;
			background: #F3F7FC;
			border-radius: 15px;
		}

		.header_timetable_mobile_ins{
			color: #6b8199;
			font-size: 13px;
		}

	}
	@media only screen and (max-width : 530px) {
		.xchange_table_wrap,
		.home_text_ins,
		.home_advantages_ins,
		.page_wrap, .textblock{
			padding: 20px 20px 30px
		}
		.home_advantages_one{
			padding: 20px;
		}
		.footer_wrap{
			margin-top: 60px;
		}
		.home_adv_div:first-child .home_adv_div-col:last-child .home_advantages_one::before,
		.home_adv_div:last-child .home_adv_div-col:first-child .home_advantages_one::before{
			bottom: 20px;
		}
		.block_payinfo_row{
			flex-direction: column;
			align-items: flex-start;
		}
		.block_payinfo_col-left > div:first-child{
			order: 1;
		}
		.block_payinfo_col-left > div:last-child{
			order: 0;
		}
		.block_payinfo_col-left >div{
			text-align: left;
		}
		.block_payinfo_col-sepa{
			margin: 0 23px;
			transform: rotate(90deg);
		}

	}
	/* Extra Small Devices, Phones */
	@media only screen and (max-width : 480px) {
		.home_advantages_content {
			max-width: 240px;
		}
		.xtt_table_body_wrap{
			flex-direction: column;
		}
		.xtt_left_col_table, .xtt_right_col_table, .xtt_data_col_table,
		.one_home_reserv{
			width: 100%;
			max-width: 100%;
		}
		.home_advantages_one{
			height: auto;
		}
		.home_adv_div:first-child .home_adv_div-col:last-child .home_advantages_one,
		.home_adv_div:last-child .home_adv_div-col:first-child .home_advantages_one{
			padding-bottom: 60px;
		}
		.home_partner_block{
			flex-wrap: wrap;
		}
		.block_persdata_line, .block_xchdata_line{
			flex-direction: column;
			margin-bottom: 10px;
		}
		.block_xchdata_line .property_title, .block_persdata_line .property_title{
			text-align: left;
		}
		.warp_time_lime.disabled .warp_check_payment_title{
			font-size: 12px;
		}

		.home_partner_one {
			max-width: calc(50% - 15px);
		}

		.home_partner_ins {
			padding: 0 30px;
		}
	}

	@media only screen and (max-width : 435px) {
		.topbar{
			padding:0px 15px	;
		}
		.topbar_contain {
			padding: 13px 0;
			height: auto;
			flex-wrap: wrap;
			justify-content: space-around;
			gap: 10px;
		}
		.topbar {
			height: auto;
			padding-left: 10px;
			padding-right: 10px;
		}
		.topbar_logo {
			margin-right: 0;
		}


	}

	@media only screen and (max-width : 385px) {
		.topbar_wrap{
			height: 99px;
		}
	}

	/* Custom, iPhone Retina */
	@media only screen and (max-width : 320px) {
		.block_statusbids {
			padding: 10px 10px 1px;
		}
		.block_payinfo_sum,
		.block_payinfo_give_currency{
			font-size: 12px;
		}
		.block_xchdata_line .property_title, .block_persdata_line .property_title{
			font-size: 12px;
		}
		.block_xchdata_line .property_value, .block_persdata_line .property_value{
			font-size: 12px;
		}


		.topbar_logo{
			margin-right: 0;
		}
	}


	/*==========  Mobile First Method  ==========*/

	/* Custom, iPhone Retina */
	@media only screen and (min-width : 320px) {

	}

	/* Extra Small Devices, Phones */
	@media only screen and (min-width : 480px) {

	}

	/* Small Devices, Tablets */
	@media only screen and (min-width : 768px) {

	}

	/* Medium Devices, Desktops */
	@media only screen and (min-width : 992px) {

	}

	/* Large Devices, Wide Screens */
	@media only screen and (min-width : 1200px) {

	}