/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 992px) {
	.container {
		max-width: 159rem;
	}

	header .container {
		max-width: 169rem;
	}

	.roadmap_area .offset-lg-1 {
		margin-left: 12%;
	}
}

@media (max-width: 991px) {
	html {
		font-size: 50%;
	}

	.order_1 {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
	}

	.order_2 {
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2;
	}

	.order_3 {
		-webkit-box-ordinal-group: 4;
		-ms-flex-order: 3;
		order: 3;
	}

	.order_4 {
		-webkit-box-ordinal-group: 5;
		-ms-flex-order: 4;
		order: 4;
	}

	.order_5 {
		-webkit-box-ordinal-group: 6;
		-ms-flex-order: 5;
		order: 5;
	}

	.order_6 {
		-webkit-box-ordinal-group: 7;
		-ms-flex-order: 6;
		order: 6;
	}

	.order_7 {
		-webkit-box-ordinal-group: 8;
		-ms-flex-order: 7;
		order: 7;
	}

	.menu {
		display: none;
	}

	header .whitepaper_btn {
		display: none;
	}

	.bag_btn_wrap {
		margin-left: auto;
		margin-top: 1rem;
		margin-right: 3.5rem;
	}

	.hamburger-menu {
		display: inline-block;
	}

	.ofcavas-menu {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}

	.logo {
		margin: unset;
		width: 10rem;
	}

	.title_lg,
	.title_lg.v2 {
		font-size: 6rem;
	}

	.hero_area {
		height: 100vh;
	}

	.slider_nfts_area .links a {
		font-size: 2.7rem;
	}

	.slider_nfts_area .links a img {
		height: 3.5rem;
	}

	.gaming_nfts_bets_area .title_box {
		margin: 0;
	}

	.gamplay_area .title_lg{
		font-size: 8rem;
	}

	.gamplay_area .title_lg span{
		font-size: 6.5rem;
	}

	.video_sldier {
		width: 85%;
		margin: auto;
	}

	.video_sldier_prev {
		left: -4.5rem;
	}

	.video_sldier_next {
		right: -4.5rem;
	}

	.bag_nfts_area {
		text-align: center;
	}

	.bag_nfts_area .left_side {
		text-align: center !important;
	}

	.bag_nfts_img_wrap {
		margin: 5rem 0;
	}

	.bag_nfts_img_wrap img {
		width: 45rem;
	}

	.bag_nfts_img_shape {
		width: 45rem;
		height: 60rem;
	}

	.poster_box {
		padding: 0;
		margin: 4.5rem 0;
	}

	.poster_box.staking {
		margin-top: -2rem;
	}

	.poster_box::before {
		display: none;
	}

	.bags_tiser_img {
		display: none;
	}

	.choose_us_area::before,
	.choose_us_area::after {
		height: 15rem;
	}

	.choose_us_inner {
		background: #000;
		text-align: center;
		padding: 5rem 0;
	}

	.choose_us_area .content_wrap {
		padding: 0;
	}

	.gaming_nfts_bets_area .content_wrap {
		margin: 0;
		padding-top: 7rem;
	}

	.nfts_launch_area {
		text-align: center;
		padding-top: 20rem;
	}

	.nfts_launch_area .left_side {
		padding: 0;
	}

	.launch_main_slider {
		padding: 0;
	}

	.nfts_launch_area .title_md br {
		display: none;
	}

	.tokenomics_area {
		padding-bottom: 17rem;
	}

	.tokenomics_area .contect_wrapper {
		margin-top: 4rem;
	}

	.tokenomics_area h1 {
		font-size: 5rem;
	}

	.tokenomics_area p {
		font-size: 1.4rem;
	}

	.coin_img_wrap {
		top: 56%;
		left: 44%;
		width: 25rem;
	}

	.tokenomics_area .contect_wrapper {
		height: 50rem;
	}

	.tokenomics_area .content_box:nth-child(2)::before {
		width: 17rem;
		height: 15.2rem;
	}

	.tokenomics_area .content_box:nth-child(3)::before {
		width: 20rem;
		height: 16.2rem;
	}

	.tokenomics_area .content_box:nth-child(4)::before {
		left: 82%;
		bottom: 55%;
		width: 23rem;
		height: 16.2rem;
	}

	.tokenomics_area .title_box .title_lg::before {
		top: 100%;
		bottom: unset;
	}

	.firends_area .title_lg::before {
		width: 100%;
	}

	.firends_area .sm_logos_wrap a {
		width: 90%;
		margin-top: 3rem;
	}

	.firends_area h3 {
		font-size: 2.5rem;
		padding-top: 8rem;
		padding-bottom: 2rem;
	}

	.firends_area .lg_logos_wrap a {
		height: 12rem;
	}

	.hr_line {
		display: none;
	}

	.roadmap_area {
		padding-top: 15rem;
	}

	.roadmap_area .title_box {
		padding-bottom: 5rem;
	}

	.roadmap_box {
		border-left: .8rem solid rgb(16, 199, 0, 0.1);
		padding: 3rem 0 3rem 3rem !important;
	}

	.roadmap_box .count_num {
		position: relative;
		top: unset;
		bottom: unset;
		left: unset;
		margin: 0 !important;
		padding-bottom: 2rem;
	}

	.circle_point {
		top: 3.5rem !important;
		bottom: unset !important;
		left: -1rem !important;
	}

	.faq_area {
		padding: 15rem 0;
	}

	.faq_area .container {
		background: none !important;
	}

	#faq_tab_nav {
		margin: 0;
	}

	#faq_tab_content {
		width: 100%;
		margin-top: 1rem;
	}

	.banner_content_wrap {
		padding: 5rem 4rem;
	}

	footer {
		padding-top: 5rem;
		background-position: 0 0;
		background-size: cover;
	}

	.footer_widget {
		margin-top: 8rem;
	}

	.footer_logo {
		margin-left: 0;
	}
}

/*Medium devices (tablets, 767px and down)*/
@media (max-width: 767px) {

	.title_lg,
	.title_lg.v2 {
		font-size: 5.2rem;
	}

	.title_md {
		font-size: 4rem;
	}

	.slider_nfts_area .links a {
		font-size: 2.1rem;
	}

	.slider_nfts_area .links a img {
		height: 2.8rem;
	}

	.gaming_nfts_bets_area iframe {
		height: 40rem;
	}

	.launch_main_slider_arrow {
		display: none;
	}

	.nfts_launch_area p {
		font-size: 1.7rem;
	}

	.choose_us_area p {
		font-size: 2.2rem;
	}

	.tokenomics_area {
		text-align: center;
	}

	.tokenomics_area .contect_wrapper {
		height: auto;
		margin-top: 7rem;
	}

	.tokenomics_area .content_box {
		display: block;
		width: 100%;
		position: relative !important;
		top: unset !important;
		right: unset !important;
		bottom: unset !important;
		left: unset !important;
		-webkit-transform: translate(0) !important;
		-ms-transform: translate(0) !important;
		transform: translate(0) !important;
		margin-top: 7rem;
	}

	.tokenomics_area .content_box::before {
		display: none !important;
	}

	.tokenomics_area h1 {
		font-size: 5.5rem;
		padding-bottom: .5rem;
	}

	.tokenomics_area p {
		font-size: 1.8rem;
		padding: 0;
	}

	.coin_img_wrap {
		position: relative;
		top: unset;
		right: unset;
		bottom: unset;
		left: unset;
		-webkit-transform: translate(0);
		-ms-transform: translate(0);
		transform: translate(0);
		margin: auto;
		margin-bottom: -2rem;
	}

	.firends_area .sm_logos_wrap a {
		width: 93%;
		margin-top: 2rem;
	}

	.firends_area .lg_logos_wrap a {
		height: 10rem;
	}

	.roadmap_box li {
		font-size: 1.7rem;
	}

	.faq_accordion .accordion-body {
		font-size: 1.8rem;
		padding-right: 6rem;
	}

	.banner_content_wrap {
		padding: 5rem 3rem;
	}

	.banner_content_wrap p,
	.banner_content_wrap h5 {
		padding: 2rem 0;
		font-size: 1.8rem;
	}

	.banner_content_wrap .button {
		font-size: 1.6rem;
	}

	footer {
		text-align: center;
	}

	.social_links {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	.social_links a {
		width: 5.5rem;
		height: 5.5rem;
	}

	.social_links a img {
		width: 3rem;
	}

	footer h4 {
		font-size: 2.8rem;
	}

	.footer_links a {
		font-size: 2rem;
	}

}

/*Small devices (landscape phones, 575px and down)*/
@media (max-width: 575px) {
	html {
		font-size: 1.6vw;
	}

	.container {
		padding-left: 15px;
		padding-right: 15px;
	}

	.bag_nfts_img_shape {
		width: 28rem;
		height: 40rem;
	}

	.bag_nfts_img_wrap {
		margin-top: 0;
	}

	.bag_nfts_img_wrap img {
		width: 33rem;
	}

	.firends_area .title_box {
		padding-bottom: 3rem;
	}

	.firends_area .lg_logos_wrap a {
		height: 9rem;
	}
}