/* min-width: 1200px */
@media (min-width:1200px){
	.container{max-width:1170px}
}

/*  min-width: 991px and max-width: 1199px */
@media only screen and (min-width: 991px) and (max-width: 1199px) {
.banner_text h1 {font-size: 2.2rem;}
}

/*  max-width: 1440px  */
@media only screen and (max-width: 1440px) {
header {padding: 25px 0;}
.navbar-expand-lg .navbar-nav > li {padding: 0 10px;}
.navbar-expand-lg .nav_btn > li {padding: 0;}
header .navbar-nav a {font-size: 15px;}
.banner_image_right {min-width: 600px;}
}

/* -------------------------------------------------
  max-width: 1199px
---------------------------------------------------*/
@media only screen and (max-width: 1199px) {
section, section.small_pb {padding-bottom: 40px;}
section.small_pt {padding-top: 40px;}
.res_lg_mb_20 {margin-bottom: 20px;}
.res_lg_mb_30 {margin-bottom: 30px;}
.res_lg_mb_40 {margin-bottom: 40px;}
.res_lg_mb_50 {margin-bottom: 50px;}
.res_lg_mt_20 {margin-top: 20px;}
.res_lg_mt_30 {margin-top: 30px;}
.res_lg_mt_40 {margin-top: 40px;}
.res_lg_mt_50 {margin-top: 50px;}
.text_lg_center {text-align: center;}
.large_divider {height: 80px;}
.small_divider {height: 40px;}
.navbar-brand img {max-width: 170px;}
.nav_btn li {margin-left: 0;}
.navbar-expand-lg .navbar-nav > li {padding: 0 5px;}
.navbar-expand-lg .navbar-nav .nav-link {font-size: 13px;}
.navbar-expand-lg .navbar-nav.nav_btn > li {margin-left: 0;}
.navbar-expand-lg .navbar-nav.nav_btn a.btn {padding: 10px 20px;}
.navbar-expand-lg .navbar-nav.nav_btn a {font-size: 14px;padding: 0;}
.banner_image_right {min-width: 100%;}
}

/*  min-width: 991px */
@media only screen and (min-width: 991px) {
	.navbar-brand img {max-width: 170px;}
}

/*  max-width: 991px */
@media only screen and (max-width: 991px) {
	.navbar-brand img {max-width: 170px;}
.h1, h1 {font-size: 2rem;}
.h3, h3 {font-size: 1.5rem;}
p, .footer_title{	margin-bottom:20px;}
.res_md_mb_20 {margin-bottom: 20px;}
.res_md_mb_30 {margin-bottom: 30px;}
.res_md_mb_40 {margin-bottom: 40px;}
.res_md_mb_50 {margin-bottom: 50px;}
.res_md_mt_20 {margin-top: 20px;}
.res_md_mt_30 {margin-top: 30px;}
.res_md_mt_40 {margin-top: 40px;}
.res_md_mt_50 {margin-top: 50px;}
.res_md_pr_15 {padding-right:15px !important;}
.res_md_pl_15 {padding-left:15px !important;}
.text_md_center {text-align: center;}
.text_md_center.title_border h4::before {margin: 0 auto;}
.navbar-toggler {border: 0 none;font-size: 24px;}
.navbar-nav {-webkit-animation-name: none;animation-name: none;border-right: 1px solid rgba(255,255,255,0.6);float:left;text-align: center;width: 100%;}
.navbar-nav:last-child {border:0;}
.navbar-expand-lg .navbar-nav > li {-webkit-animation-name: none;animation-name: none;	padding: 0;}
.navbar-expand-lg .navbar-nav.nav_btn > li {padding-bottom: 10px;}
.navbar-expand-lg .navbar-nav .nav-link.language img {margin:7px;}
.navbar-expand-lg .navbar-nav > li > .nav-link.active::before {bottom: 0;}
.navbar-expand-lg .navbar-nav .nav-link {display:inline-block;padding: 5px 0;text-align: center;}
header {height: auto;padding: 10px 0;}
header.nav-fixed {height: auto;}
.feature{margin:30px 0;}
.section_banner {padding: 150px 0 80px;}
.banner_text h1 {margin-bottom: 20px;}
.banner_img {text-align: center;}
}
/* -------------------------------------------------
  max-width: 767px
---------------------------------------------------*/
@media only screen and (max-width: 767px) {
	.feature{padding:20px}
	.token_detail_left td:first-child, .token_detail_right td:first-child{width:auto;}
section, section.small_pt {padding-top: 25px;}
section.small_pb {padding-bottom: 25px;}
.box_inner h4 {font-size: 20px;}
.res_sm_mb_20 {margin-bottom: 20px;}
.res_sm_mb_30 {margin-bottom: 30px;}
.res_sm_mb_40 {margin-bottom: 40px;}
.res_sm_mb_50 {margin-bottom: 50px;}
.res_sm_mt_20 {margin-top: 20px;}
.res_sm_mt_30 {margin-top: 30px;}
.res_sm_mt_40 {margin-top: 40px;}
.res_sm_mt_50 {margin-top: 50px;}
.res_sm_pt_0 {padding-top: 0;}
.res_sm_pb_0 {padding-bottom: 0;}
.text_sm_center {text-align: center;}
.large_divider {height: 50px;}
.small_divider {height: 25px;}
.small_space {margin-top: 0;}
.title_default_light h4, .title_default_dark h4, .title_blue_dark h4, .title_dark h4 {margin-bottom: 25px;}
.section_banner {padding: 100px 0 50px;}
.box_wrap h4{margin-bottom: 10px;}
.box_wrap {margin-top: 15px;}
.copyright {text-align: center;}
.scrollup {font-size: 24px;height: 40px;line-height: 40px;right: 10px;width: 40px;}
.team_img img {border: 5px solid #ffffff;}
.team_img::before {margin: 5px;}
}
/* -------------------------------------------------
  max-width: 640px
---------------------------------------------------*/
@media only screen and (max-width: 640px) {
p {margin-bottom: 15px;}
.banner_text h1 {margin-bottom: 15px;}
}
/* -------------------------------------------------
  max-width: 580px
---------------------------------------------------*/
@media only screen and (max-width: 580px) {
.large_space {margin-top: 30px;}
.res_xs_mb_20 {margin-bottom: 20px;}
.res_xs_mb_30 {margin-bottom: 30px;}
.res_xs_mb_40 {margin-bottom: 40px;}
.res_xs_mb_50 {margin-bottom: 50px;}
.res_xs_mt_20 {margin-top: 20px;}
.res_xs_mt_30 {margin-top: 30px;}
.res_xs_mt_40 {margin-top: 40px;}
.res_xs_mt_50 {margin-top: 50px;}
}
/* -------------------------------------------------
  max-width: 480px
---------------------------------------------------*/
@media only screen and (max-width: 480px) {
body{font-size: 14px;}
.h1, h1 {font-size: 1.3rem;}
.h3, h3 {font-size: 1rem;}
section{padding: 30px 0;}
.large_divider {height: 30px;}
.small_divider {height: 20px;}
section.small_pt {padding-top: 15px;}
section.small_pb {padding-bottom: 15px;}
.hide_m {display: none;}
.title_default_light h4, .title_default_dark h4, .title_blue_dark h4, .title_dark h4 {font-size: 22px;line-height: normal;margin-bottom:20px;}
.nav-fixed .navbar-brand img {max-width: 120px;}
.navbar-nav {border-right: 0 none;width: 100%;}
.section_banner {padding: 100px 0 30px;}
.box_wrap h4 {font-size: 20px;}
.box_wrap {margin-top: 10px;}
}
/* -------------------------------------------------
  max-width: 380px
---------------------------------------------------*/
@media only screen and (max-width: 380px) {
.title_default_light h4, .title_default_dark h4, .title_blue_dark h4, .title_dark h4 {font-size: 20px;}
}
