@media (max-width: 1479px) {
.btn{ font-size: 18px;}
.global_title{ font-size: 50px;}
.global_title small{ font-size: 20px;}

.nav_sec{ padding: 0 80px 0 0;}
.nav_sec .navbar-light .navbar-nav .nav-link{ font-size: 16px;}
.hero_sec figure img{ width:100%; max-width: 400px;}
.hero_sec .detail{ padding-right: 0;}
.hero_sec h2{ font-size: 55px; line-height: 70px;}
.about_sec::before { width: 50px; top: -90px; background-size: 100% auto;}
.about_sec .container{ max-width: 1176px;}
.about_sec .detail{ max-width: 632px;}
.about_sec .inner{ padding: 0 30px;}
.timeline_box{ padding: 20px 20px 10px 30px; margin: 0 0 125px;}
.timeline_box h3{ font-size: 28px;}
.timeline_box.tbox3 { min-height: 228px; margin-bottom: 110px;}
.timeline_box .dot{ margin-right: 36px;}
.checklist li { padding: 0 0 0 22px; font-size: 16px; line-height: 19px; }
.timeline_box.last{ min-height: 180px; margin:22px 0 60px;}
.avtar_curve2 { display: inline-flex; margin: -65px 0 0 -50px; width: 350px; }
.avtar_curve{ left: -68px;}
.about_sec p{ font-size: 18px; line-height: 28px;}
.get_block{ padding: 40px 40px 30px 30px;}
.get_block p{ font-size: 18px; line-height: 28px;}
.get_block figure .main{ height: 283px;}
.get_block figure .main_h{ height: 283px;}
.nfts_block figure .main{ height: 250px;}
.nfts_block figure .main_h{ height: 250px;}
.nfts_block h4{ font-size: 26px;}
.team_sec{ padding-bottom: 200px;}
.team_sec::after{ height: 640px; bottom: -30%;}
.team h3{ font-size: 26px;}
.team p{ font-size: 14px;}
.accordin_info .btn-link{ font-size: 22px;}
.accordin_info .card-body { padding: 0 64px 30px 40px; font-size: 16px; line-height: 25px; }
.looking_sec figure{ margin: 0;}
.community_sec .curve { position: absolute; top: -80px; right: 50px; width: 80px; }
ul.com_list li{ margin: 0 30px;}
ul.ft_nav li a{ font-size: 15px;}
.community_sec .info{ margin: 0 auto 60px auto; max-width: 1000px;font-size: 18px;line-height: 28px;}
ul.com_list li a img{ width: 50px;}
}
@media (max-width:1200px) {
.container{ width:90%; margin:0 auto; padding:0;}
ul.change_color{ padding: 3px;}
ul.change_color li a{ width: 25px; height: 25px;}
ul.change_color li a img{ height: 15px;}
.nav_sec{ padding-right: 50px;}
.nav_sec .navbar-brand{ width: 200px;}
.nav_sec .btn { font-size: 14px;}
.nav_sec .navbar-light .navbar-nav li{ margin: 0 18px;}
.nav_sec .navbar-light .navbar-nav .nav-link{ font-size: 14px;}
.hero_sec{ padding: 40px 0 120px;}
.hero_sec figure img{ max-width: 280px;}
.hero_sec h2 { font-size: 50px; line-height: 50px; }
.hero_sec p{ font-size: 16px; line-height: 26px;}
.btn{ font-size: 16px; padding: 11px 24px;}
.btn_ic{ padding: 5px 5px 5px 20px; font-size: 16px;}
.hero_sec::before { height: 600px; bottom: -45%;}
.avtar_curve{ display: none;}
.about_sec .inner{ padding: 0; background: none; min-height: auto;}
.about_sec .container{ width: 90%;}
.global_title{ font-size: 40px;}
.global_title small{ font-size: 16px;}
.about_sec .detail { max-width: 430px;}
.timeline_box::after, .timeline_box::before { display: none !important;}
.timeline_box{ margin: 0 0 30px !important; min-height: auto !important; height: calc(100% - 30px);}
.timeline_box .dot{ display: none;}
.about_sec p {font-size: 16px; line-height: 25px;}
.checklist li{ font-size: 14px; margin-bottom: 8px;}
.avtar_curve2{ margin: 0; width: 100%;}
.nfts_sec{ padding: 100px 0;}
.nfts_sec .global_title { padding-left: 0; padding-top: 0;}
.get_block{ grid-template-columns: 8fr 4fr;}
.get_block h3{ margin-bottom: 15px; font-size: 28px;}
.get_block p { margin: 0 0 40px; font-size: 16px; line-height: 24px;}
.get_block figure .main{ height: 195px;}
.get_block figure .main_h{ height: 195px;}
.nfts_block figure .main{ height: 185px;}
.nfts_block figure .main_h{ height: 185px;}
.nfts_block{ padding: 20px;}
.nfts_block h4{ font-size: 22px;}
.team h3{ font-size: 22px;}
.team_sec{ padding-bottom: 150px;}
.accordin_info .btn-link{ font-size: 18px; padding: 20px 60px 20px 20px;}
.accordin_info .card-body{ padding: 0 50px 20px 20px; font-size: 14px; line-height: 23px;}
.accordin_info .btn-link::after { width: 30px; height: 30px; right: 15px; font-size: 24px; padding: 0 0 2px 1px;}
.community_sec{ padding: 80px 0 160px;}
.community_sec .info { margin: 0 auto 30px auto; max-width: 720px; font-size: 16px; line-height: 26px;}
.btn_border{ font-size: 16px;}
.join_info .input-group .form-control{ height: 48px;}
.join_info .input-group{ padding-bottom: 13px;}
.join_info{ margin-bottom: 50px;}
ul.ft_nav li{ padding: 0 22px;}
ul.ft_nav li a{ font-size: 14px;}
.copyright{ padding: 20px 0 30px; font-size: 14px;}
.btn_sky_brdr{ font-size: 16px; padding: 11px 30px;}
}

/************ Main **************/
@media (max-width: 991px) {
header{ padding: 15px 0;}
.navbar-light .navbar-toggler{ background:none; border:none; position:relative; right:0; top:0; height: 33px;}
.navbar-toggler:focus,.navbar-toggler:active { outline: 0;}
.navbar-toggler span {display: block; background-color:#fff; height:3px; width:25px; margin-top:4px; margin-bottom:4px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg);-o-transform: rotate(0deg);  transform: rotate(0deg); position: relative; left: 0;opacity: 1;}
.navbar-toggler span:nth-child(1),.navbar-toggler span:nth-child(3) { -webkit-transition: transform .35s ease-in-out; -moz-transition: transform .35s ease-in-out; -o-transition: transform .35s ease-in-out; transition: transform .35s ease-in-out;}
.navbar-toggler:not(.collapsed) span:nth-child(1) { position: absolute; left: 12px; top: 10px; -webkit-transform: rotate(135deg);  -moz-transform: rotate(135deg); -o-transform: rotate(135deg);transform: rotate(135deg); opacity: 0.9;}
.navbar-toggler:not(.collapsed) span:nth-child(2) {height: 12px; visibility: hidden; background-color: transparent;}
.navbar-toggler:not(.collapsed) span:nth-child(3) {position: absolute;left: 12px;top: 10px;-webkit-transform: rotate(-135deg);-moz-transform: rotate(-135deg); -o-transform: rotate(-135deg);transform: rotate(-135deg);opacity: 0.9;}  
ul.change_color{ top: 20px;}
.nav_sec .navbar-light .navbar-nav{ padding-top: 10px;}
.nav_sec .navbar-light .navbar-nav li{ margin:0; padding: 8px 0;}
.nav_sec .navbar-light .navbar-nav li + li{ border-top: 1px solid rgba(255,255,255,0.1);}
.hero_sec{ padding-bottom: 80px;}
.hero_sec::before { height: 400px; bottom: -31%;}
.hero_sec h2{ font-size: 40px; line-height: 44px;}
.hero_sec p{ font-size: 14px; line-height: 24px;}
.global_title { font-size: 34px;}
.timeline_box{ padding: 20px 15px 10px 20px;}
.timeline_box h3{ font-size: 24px;}
.nfts_block figure .main{ height: 145px;}
.nfts_block figure .main_h{ height: 145px;}
.nfts_sec{ padding: 60px 0;}
.nfts_block{ padding: 20px 15px;}
.nfts_block h4{ font-size: 18px;}
.team{ padding: 0 10px;}
.team_sec .team_slider1{ padding-bottom: 30px;}
.team_slider .owl-carousel .owl-nav button{ width: 50px; height: 50px; margin-top:-60px;}
.team_slider .owl-carousel .owl-nav button::after{ font-size: 20px !important;}
.team_sec{ padding-bottom: 90px;}
.team_sec::after { height: 440px;}
.looking_sec .global_title{ margin-bottom: 40px;}
.looking_sec figure img{ width: 100%; max-width: 260px;}
.accordin_info{ padding: 30px 0 0;}
ul.ft_nav{ flex-wrap: wrap; justify-content: center; gap: 15px 0;}
footer .ft_logo{ margin-bottom: 44px;}
}

@media (max-width: 767px) {
html { -webkit-text-size-adjust:none;}
.container{ width:90%; margin:0 auto; padding:0; max-width: inherit;}
.hero_sec figure{ text-align: center; margin-top: 30px;}
.hero_sec::before { height: 60vw; bottom: -30vw;}
.about_sec .detail{ max-width: 100%; margin-bottom: 30px;}
.avtar_curve2{ margin-bottom: 30px; justify-content: center;}
.nfts_sec .global_title br{ display: none;}
.get_block figure .main{ height: 175px;}
.get_block figure .main_h{ height: 175px;}
.nfts_block h4{ font-size: 20px; text-align: center;}
.timeline_box{ height: auto;}
}

/************ iphone **************/
@media (max-width:600px) {
html { -webkit-text-size-adjust:none;}
.nav_sec .navbar-brand{ width: 180px;}
.hero_sec h2{ font-size: 32px; line-height: 35px;}
.hero_sec .btn_info { gap: 10px; display: grid; grid-template-columns: 6fr 7fr;}
.hero_sec .btn{ padding: 11px 15px; font-size: 12px;}
.hero_sec .btn_ic{ justify-content: space-between; font-size: 12px; gap: 10px;}
.hero_sec .btn_ic i{ width: 25px; height: 25px; line-height: 25px; font-size: 10px;}
.about_sec p{ font-size: 14px; line-height: 23px;}
.get_block { padding: 30px 10px 30px 18px; display: block;}
.get_block figure{ justify-content: center; margin-top: 40px;}
.get_block p{ font-size: 14px; line-height: 23px;}
.get_block h3{ font-size: 24px;}
.get_block figure .main{ height: 245px;}
.get_block figure .main_h{ height: 245px;}
.nfts_block figure .main{ height: 245px;}
.nfts_block figure .main_h{ height: 245px;}
.team_sec .team_slider1{ padding: 0 60px 30px;}
.team_sec .team_slider2{ padding: 0 60px;}
.team_slider:not(.team_slider2) .owl-carousel .owl-nav button.owl-next{ display: block !important;}
.team_slider:not(.team_slider1) .owl-carousel .owl-nav button.owl-prev{ display: block !important;}
.community_sec .info{ font-size: 14px; line-height: 23px;}
ul.com_list li{ margin: 0 15px;}
ul.com_list li a img{ width: 36px;}
.join_info{ padding: 30px 20px;}
.join_info h3{ font-size: 24px; margin-bottom: 20px;}
.join_info .input-group{ flex-wrap: wrap; border: none;}
.join_info .input-group-append{ margin: 0; width: 100%; border-top: 1px solid rgba(255,255,255,0.1); justify-content:center; padding-top: 10px; flex-direction: column;}
ul.ft_nav{ display: block;}
ul.ft_nav li{ border: none !important; margin: 0; padding:7px 0; display: block;}
.copyright{ padding: 15px 0; font-size: 14px;}

ul.change_color{ padding: 2px; top: 22px;}
ul.change_color li a{ width: 20px; height: 20px;}
ul.change_color li a img{ height: 12px;}
}