@media only screen and (max-width : 1200px){
	.graphic_wrapper {
		height: 33%;
	}

	.description_perc_2 {
		right: 19px;
	}
	.description_perc_3 {
		right: 4px;
	}
	.description_perc_4 {
		right: -7px;
	}
	.description_perc_5 {
		right: 4px;
	}
	.description_perc_7 {
		bottom: 269px;
		left: 79px;
	}
	.description_perc_8 {
		bottom: 344px;
		left: 77px;
	}
	.description_perc_9 {
		left: 23px;
	}

	.road_map_wrapper .road_img {
		width: 100%;
	}
	.road_step_1 {
		top: 100px;
		left: 204px;
	}
	.line_1 {
		width: 295px;
	}
	.road_step_2 {
		top: 128px;
		right: 153px;
	}
	.line_2 {
		width: 236px;
	}
	.road_step_3 {
		top: 171px;
		left: 94px;
	}
	.line_3 {
		width: 317px;
	}
	.road_step_4 {
		top: 214px;
		left: 324px;
	}
	.line_4 {
		width: 275px;
	}
	.road_step_5 {
		top: 289px;
		left: 21px;
	}
	.line_5 {
		width: 193px;
	}
	.road_step_6 {
		top: 368px;
		left: 315px;
	}
	.line_6 {
		width: 529px;
	}
	.road_step_7 {
		top: 443px;
		left: 132px;
	}
	.line_7 {
		width: 318px;
	}
	.road_step_8 {
		bottom: 339px;
		left: 456px;
	}
	.line_8 {
		width: 344px;
	}
	.road_step_9 {
		bottom: 260px;
		left: 41px;
	}
	.line_9 {
		width: 361px;
	}
	.road_step_10 {
		bottom: 120px;
		left: 272px;
	}
	.line_10 {
		width: 257px;
	}

	.logo_lable {
		font-size: 15px;
	}
	.btn_descr {
		font-size: 9px;
		margin-top: 1px;
	}
}
@media only screen and (max-width : 991px){
	.single_wallet {
		padding: 18px;
	}
	.unconnected_winers p {
		font-size: calc(var(--index)*1.25);
	}
	.winners_header {
		font-size: calc(var(--index)*1.6);
	}
	.winners_data ul {
		font-size: calc(var(--index)*1.6);
	}
	.row_direction_arrows_first {
		width: 190px;
	}
	.row_direction_content_first {
		width: 500px;
	}
	.row_direction_arrows_second {
		width: 425px;
	}
	.row_direction_content_second {
		width: 690px;
	}
	.single_step_grp {
		width: 460px;
	}
	.row_direction_content_second .single_step_wrapper .single_step {
		font-size: 10px;
	}
	.flexed_arrow {
		width: 103px;
	}
	.step_2_wrapper {
		justify-content: flex-start;
	}
	.phase:nth-child(1) , .phase:nth-child(3) {
		margin: 0;
	}
	.phase_num {
		padding: 10px 50px;
	}
	.phase_content {
		margin: 5px 0;
	}
	.phase_4 {
		margin: 40px 50px;
	}

	.tokenomic_section {
		height: 2700px;
	}
	.tokenomic_wrapper {
		transform: scale(0.8);
		margin-top: -55px;
	}
	.sticky_wrapper {
		top: 100px;
	}
	.description_perc {
		font-size: 17px;
	}
	.description_perc_1 {
		margin-right: -380px;
	}
	.description_perc_2 {
		top: 199px;
		right: -95px;
	}
	.description_perc_3 {
		top: 272px;
		right: -101px;
	}
	.description_perc_4 {
		top: 342px;
		right: -96px;
	}
	.description_perc_5 {
		bottom: 233px;
		right: -102px;
	}
	.description_perc_6 {
		margin-left: -340px;
	}
	.description_perc_7 {
		bottom: 266px;
		left: -51px;
	}
	.description_perc_8 {
		bottom: 342px;
		left: -53px;
	}
	.description_perc_9 {
		top: 168px;
		left: -78px;
	}

	.road_map_wrapper .logo_left  {
		width: 40px;
		margin-bottom: 15px;
		margin-left: 25px;
	}
	.road_map_wrapper .logo_right {
		width: 40px;
		margin-bottom: 15px;
		margin-right: 25px;
	}
	.road_step_1 {
		top: 72px;
		left: 175px;
	}
	.line_1 {
		width: 190px;
	}
	.road_step_2 {
		top: 93px;
		right: 130px;
	}
	.line_2 {
		width: 153px;
	}
	.road_step_3 {
		top: 125px;
		left: 79px;
	}
	.line_3 {
		width: 220px;
	}
	.road_step_4 {
		top: 160px;
		left: 228px;
	}
	.line_4 {
		width: 215px;
	}
	.road_step_5 {
		top: 218px;
		left: 21px;
	}
	.line_5 {
		width: 135px;
	}
	.road_step_6 {
		top: 269px;
		left: 231px;
	}
	.line_6 {
		width: 403px;
	}
	.road_step_7 {
		top: 317px;
		left: 109px;
	}
	.line_7 {
		width: 214px;
	}
	.road_step_8 {
		bottom: 252px;
		left: 336px;
	}
	.line_8 {
		width: 250px;
	}
	.road_step_9 {
		bottom: 191px;
		left: 25px;
	}
	.line_9 {
		width: 270px;
	}
	.road_step_10 {
		bottom: 86px;
		left: 198px;
	}
	.line_10 {
		width: 188px;
	}

	.main_wrapper .stall_desc {
		display: none;
	}
	.main_wrapper .stall_mob {
		display: block;
	}
	.winners_wrapper {
		height: 15.8%;
		width: 22.9%;
		bottom: 17.6%;
		left: 22.1%;
	}
	.graphic_wrapper {
		bottom: 50.9%;
		left: 25.1%;
		width: 45.2%;
		height: 20.4%;
	}
	.bg_dore_open {
		bottom: 8.3%;
		right: 26.3%;
		width: 25.4%;
		height: 23.2%;
	}
	.main_wrapper .dore_link {
		bottom: 8.1%;
		right: 31.9%;
		width: 17.4%;
		height: auto;
	}
	.bnt_grp {
		bottom: 43%;
		width: 60%;
		left: 18.4%;
	}
	.bnt_grp a {
		font-size: 14px;
	}
	.logo_lable {
		font-size: 14px;
	}

	.tv_section {
		height: 100vh;
	}
	.top_button_grp , .swich_on_tv_btn_wrapper , .left_bottom_btn_grp , .tv_section img {
		display: none;
	}
	.app_style {
		position: relative;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		border-radius: 0px;
		padding: 20px;

	}
	.dashboard_header {
		display: block;
	}
	.terminal {
		margin-top: 95px;
		height: calc(100vh - 180px);
	}
	.fix-panel {
		display: flex;
	}
	.console_arrow {
		display: none;
	}
	.footer_content_wrapper {
		flex-direction: column;
	}
}
@media only screen and (max-width : 767px){
	.graphic_wrapper {
		bottom: 49.9%;
		left: 25.1%;
		width: 45.2%;
		height: 22.4%;
	}
	.row_direction_content_first {
		width: 450px;
	}
	.row_direction_content_first .single_step_wrapper:nth-child(1) {
		margin-left: 0;
	}
	.row_direction_arrows_second {
		display: none;
	}
	.row_direction_arrows_second_mob {
		display: block;
	}
	.row_direction_content_second {
		width: auto;
		flex-direction: column;
		align-items: center;
	}
	.single_step_grp {
		width: auto;
		flex-direction: column-reverse;
		align-items: center;
	}
	.row_direction_content_second .single_step_wrapper {
		max-width: 235px;
		margin: 10px 0;
	}
	.row_direction_content_second .single_step_wrapper .single_step {
		font-size: 14px;
	}
	.flexed_arrow_grp {
		left: 250px;
	}
	.flexed_arrow {
		width: 70px;
		height: 609px;
	}
	.step_2_wrapper {
		justify-content: center;
	}
	.single_step_2 {
		padding: 10px 15px;
		font-size: 18px;
	}
	.right_group_wrapper {
		left: 200px;
		top: 24px;
	}
	.big_arrow_wrapper {
		bottom: 56px;
		right: 56px;
	}
	.flexed_arrow_2 {
		width: 162px;
		height: 290px;
	}
	.phase_num {
		padding: 10px 30px;
		font-size: 16px;
	}
	.phase_4 {
		margin: 30px 0;
	}
	.phase_4_content {
		font-size: 14px;
	}

	.descr_line_container {
		height: 579px;
		margin-top: -289px;
	}
	.descr_line {
		height: 35px;
	}
	.description_perc {
		font-size: 15px;
	}
	.description_perc_1 {
		top: 53px;
		width: 306px;
		margin-right: -306px;
	}
	.description_perc_2 {
		top: 191px;
		right: -113px;
		width: 120px;
	}
	.description_perc_3 {
		width: 121px;
		top: 259px;
		right: -131px;
	}
	.description_perc_4 {
		width: 120px;
		top: 337px;
		right: -130px;
	}
	.description_perc_5 {
		width: 120px;
		bottom: 241px;
		right: -143px;
	}
	.description_perc_6 {
		margin-left: -302px;
		bottom: 56px;
	}
	.description_perc_7 {
		bottom: 273px;
		left: -107px;
	}
	.description_perc_8 {
		bottom: 343px;
		left: -108px;
	}
	.description_perc_9 {
		width: 124px;
		top: 188px;
		left: -131px;
	}

	.road_map_wrapper .logo_left  {
		width: 35px;
		margin-bottom: 15px;
		margin-left: 25px;
	}
	.road_map_wrapper .logo_right {
		width: 35px;
		margin-bottom: 15px;
		margin-right: 25px;
	}
	.road_cercle_1 , .road_cercle_2 , .road_cercle_3 {
		width: 10px;
		height: 10px;
	}
	.road_cercle_4 {
		width: 15px;
		height: 15px;
	}
	.road_step_1 {
		top: 45px;
		left: 115px;
	}
	.line_1 {
		width: 151px;
	}
	.road_step_2 {
		top: 60px;
		right: 81px;
	}
	.line_2 {
		width: 129px;
		margin-bottom: 4px;
	}
	.road_step_3 {
		top: 86px;
		left: 25px;
	}
	.line_3  {
		width: 176px;
		margin-bottom: 4px;
	}
	.road_step_4 {
		top: 114px;
		left: 155px;
	}
	.line_4 {
		width: 178px;
		margin-bottom: 4px;
	}
	.road_step_5 {
		top: 153px;
		left: 2px;
	}
	.line_5 {
		width: 114px;
		margin-bottom: 4px;
	}
	.road_step_6 {
		top: 192px;
		left: 173px;
	}
	.line_6 {
		width: 304px;
		margin-bottom: 4px;
	}
	.road_step_7 {
		top: 233px;
		left: 67px;
	}
	.line_7 {
		width: 182px;
		margin-bottom: 4px;
	}
	.road_step_8 {
		bottom: 187px;
		left: 250px;
	}
	.line_8 {
		width: 200px;
		margin-bottom: 6px;
	}
	.road_step_9 {
		bottom: 145px;
		left: 9px;
	}
	.line_9 {
		width: 212px;
		margin-bottom: 6px;
	}
	.road_step_10 {
		bottom: 66px;
		left: 150px;
	}
	.line_10 {
		width: 150px;
		margin-bottom: 6px;
	}

	.winners_header {
		font-size: calc(var(--index)*1.7);
	}
	.unconnected_winers button {
		padding: 7px 15px;
		font-size: 11px;
	}
	.unconnected_winers p {
		font-size: 8px;
	}
	.winners_data {
		margin-top: 3px;
	}
	.winners_data ul {
		font-size: calc(var(--index)*2.1);
	}
	.bnt_grp {
		bottom: 43.5%;
		width: 59%;
		left: 19.4%;
	}
	.logo_lable {
		font-size: 13px;
	}

}
@media only screen and (max-width : 655px) {
	.step_2_wrapper {
		justify-content: flex-start;
	}
	.tokenomic_wrapper {
		transform: scale(1);
		margin-top: 0;
	}
	.gradient_img {
		width: 240px;
		height: 240px;
		margin: 55px 0;
	}
	.gradient_img img {
		width: 230px;
	}
	.fade_img_tokenomic {
		width: 240px;
		height: 240px;
	}
	.inner_ring {
		margin-top: -32px;
		margin-left: -33px;
		width: 65px;
		height: 63px;
		border: 3px solid #00ffff;
		box-shadow: 0 0 40px #fff;
	}
	.out_ring {
		width: 240px;
		height: 240px;
	}
	.out_ring::before {
		width: 230px;
		height: 230px;
		box-shadow:0px 0px 5px #00ffff;
		top: 5px;
		right: 5px;
	}
	.divider_wrapper {
		width: 240px;
		top: 83px;
		height: 157px;
	}
	.divider {
		margin-top: 5px;
		height: 0px;
		width: 1px;
	}
	.percentage {
		font-size: 10px;
	}
	.percentage_1 {
		top: 24px;
		margin-right: -11px;
	}
	.percentage_2 {
		top: 75px;
		right: 22px;
	}
	.percentage_3 {
		top: 97px;
		right: 15px;
	}
	.percentage_4 {
		bottom: 110px;
		right: 9px;
	}
	.percentage_5 {
		bottom: 88px;
		right: 17px;
	}
	.percentage_6 {
		bottom: 26px;
		margin-right: -10px;
	}
	.percentage_7 {
		bottom: 92px;
		left: 16px;
	}
	.percentage_8 {
		bottom: 118px;
		left: 14px;
	}
	.percentage_9 {
		top: 85px;
		left: 17px;
	}
	.descr_line_container {
		width: 298px;
		height: 298px;
		margin-top: -148px;
		margin-left: -148px;
	}
	.descr_cercle {
		width: 5px;
		height: 5px;
		margin-bottom: 4px;
	}
	.descr_line {
		height: 25px;
	}
	.description_perc_wrapper {
		width: 375px;
		top: 50%;
		margin-top: -175px;
		left: 50%;
		margin-left: -187px;
	}
	.description_perc {
		font-size: 7px;
	}
	.description_perc_1 {
		top: 7px;
		width: 197px;
		margin-right: -103px;
	}
	.description_perc_2 {
		top: 98px;
		right: 6px;
		width: 72px;
	}
	.description_perc_3 {
		width: 73px;
		top: 130px;
		right: 0;
	}
	.description_perc_4 {
		width: 57px;
		top: 188px;
		right: 1px;
	}
	.description_perc_5 {
		width: 76px;
		bottom: 117px;
		right: 1px;
	}
	.description_perc_6 {
		margin-left: -67px;
		bottom: 14px;
	}
	.description_perc_7 {
		bottom: 126px;
		left: 17px;
	}
	.description_perc_8 {
		bottom: 161px;
		left: 15px;
	}
	.description_perc_9 {
		width: 69px;
		top: 98px;
		left: 7px;
	}
}
@media only screen and (max-width : 576px){
	.bnt_grp a {
		font-size: 13px;
	}
	.header_section {
		font-size: 35px;
	}
	.graphic_wrapper {
		height: 24.9%;
	}
	.tokenomic_section {
		height: 2755px;
	}
	.sticky_wrapper {
		top: 155px;
	}
	.road_map_wrapper {
		width: 345px;
	}
	.road_map_wrapper .logo_left  {
		width: 25px;
		margin-bottom: 13px;
		margin-left: 21px;
	}
	.road_map_wrapper .logo_right {
		width: 25px;
		margin-bottom: 13px;
		margin-right: 21px;
	}
	.road_cercle_1 , .road_cercle_2 , .road_cercle_3 , .road_cercle_4 {
		width: 7px;
		height: 7px;
		margin: 0 3px;
	}
	.finish_line_right {
		top: -8px;
		right: -2px;
		width: 25px;
	}
	.finish_line_left {
		top: -8px;
		left: -2px;
		width: 25px;
	}
	.road_step_1 {
		top: 29px;
		left: 73px;
	}
	.line_1 {
		width: 109px;
		margin-bottom: 3px;
	}
	.road_step_2 {
		top: 36px;
		right: 51px;
	}
	.line_2 {
		width: 92px;
		margin-bottom: 3px;
	}
	.road_step_3 {
		top: 60px;
		left: 15px;
	}
	.line_3 {
		width: 107px;
		margin-bottom: 3px;
	}
	.road_step_4 {
		top: 79px;
		left: 93px;
	}
	.line_4 {
		width: 137px;
		margin-bottom: 3px;
	}
	.road_step_5 {
		top: 105px;
		left: 2px;
	}
	.line_5 {
		width: 80px;
		margin-bottom: 3px;
	}
	.road_step_6 {
		top: 124px;
		left: 116px;
	}
	.line_6 {
		width: 211px;
		margin-bottom: 3px;
	}
	.road_step_7 {
		top: 154px;
		left: 41px;
	}
	.line_7 {
		width: 130px;
		margin-bottom: 3px;
	}
	.road_step_8 {
		bottom: 115px;
		left: 165px;
	}
	.line_8 {
		width: 151px;
		margin-bottom: 3px;
	}
	.road_step_8 {
		bottom: 119px;
		left: 166px;
	}
	.road_step_9 {
		bottom: 92px;
		left: 3px;
	}
	.line_9 {
		width: 142px;
		margin-bottom: 3px;
	}
	.road_step_10 {
		bottom: 49px;
		left: 104px;
	}
	.line_10 {
		width: 110px;
		margin-bottom: 3px;
	}
	.logo_lable {
		font-size: 8px;
	}
	.absolute_logo_label {
		right: -130px;
		max-width: 103px;
	}
	.terminal {
		margin-top: 73px;
		height: calc(100vh - 150px);
	}
	.footer_text, .email_link {
		font-size: 13px;
	}
}
@media only screen and (max-width : 480px){
	.winners_header {
		font-size: calc(var(--index)*2);
	}
	.winners_data ul {
		font-size: calc(var(--index)*2.4);
	}
	.gradient_devider_1 {
		height: 70px;
		background-size: 20px 70px;
	}
	.noborder_block {
		font-size: 18px;
	}
	.single_step {
		font-size: 13px;
	}
	.arrow_vault_grp {
		right: -115px;
	}
	.row_direction_arrows_first {
		width: 130px;
	}
	.row_direction_content_first {
		width: 350px;
	}
	.row_direction_arrows_second_mob {
		width: 300px;
	}
	.arrow_mob_right_1 {
		height: 174px;
	}
	.arrow_mob_right_2 {
		height: 260px;
	}
	.row_direction_content_second .single_step_wrapper .single_step {
		font-size: 12px;
	}
	.row_direction_content_second .single_step_wrapper {
		max-width: 200px;
	}
	.flexed_arrow_grp {
		left: 190px;
	}
	.flexed_arrow {
		width: 66px;
		height: 573px;
	}
	.right_group_wrapper {
		left: 150px;
		top: 17px;
	}
	.big_arrow_wrapper {
		bottom: 49px;
		right: 42px;
	}
	.flexed_arrow_2  {
		width: 148px;
		height: 274px;
	}
	.phase_num {
		font-size: 16px;
		padding: 7px 15px;
	}
	.phase_content {
		font-size: 12px;
	}
	.phase_content img {
		height: 15px;
		margin-left: 5px;
	}
	.phase_4_content  {
		font-size: 12px;
	}
	.main_wrapper {
		justify-content: center;
	}
	.main_wrapper .stall_mob {
		width: 124%;
	}
	.winners_wrapper {
		width: 28.4%;
		left: 15.3%;
	}
	.graphic_wrapper {
		left: 19.1%;
		width: 56.7%;
		height: 24.4%;
	}
	.main_wrapper .dore_link {
		bottom: 7.7%;
		right: 27.6%;
		width: 21.5%;
	}
	.bnt_grp {
		bottom: 41.8%;
		width: 75%;
		left: 10.4%;
	}
	.bnt_grp a {
		font-size: 13px;
	}
	.buy_frb_btn  {
		padding: 15px 60px;
		padding-bottom: 17px;
		font-size: 25px;
	}
	.btn_header {
		font-size: 15px;
	}
	.unconnected_winers p {
		font-size: 7px;
	}
	.absolute_logo_label > li {
		margin: 1px 0;
	}

}
@media only screen and (max-width : 374px) {
	.noborder_block {
		width: min-content;
	}
	.single_step {
		padding: 5px;
	}
	.arrow_vault_grp {
		right: -65px;
	}
	.row_direction_content_first {
		width: auto;
		align-items: center;
	}
	.row_direction_arrows_second_mob {
		width: 218px;
	}
	.row_direction_content_second .single_step_wrapper {
		max-width: 135px;
	}
	.flexed_arrow_grp {
		bottom: 10px;
		left: 162px;
	}
	.flexed_arrow {
		width: 35px;
		height: 562px;
	}
	.end_section .noborder_block {
		width: auto;
	}
	.steps_2 .noborder_block {
		width: auto;
	}
	.right_group_wrapper  {
		left: 135px;
	}
	.arrow_right {
		width: 24px;
		margin: 0 10px;
	}
	.big_arrow_wrapper {
		bottom: 37px;
		right: 34px;
	}
	.flexed_arrow_2 {
		width: 85px;
		height: 261px;
	}
	.step_section_2 .noborder_block {
		width: auto;
	}
}