@media only screen and (min-width:1560px) {}

@media only screen and (min-width:1441px) {}

@media only screen and (max-width:1440px) {}

@media only screen and (max-width:1280px) {
    .banner h1 {font-size: 42px;line-height: 65px;}
    .banner h1 span {font-size: 85px;line-height: 95px;}
    .link_btn {font-size: 20px;line-height: 48px;}
    .banner .circle_img img {max-width: 70%;}
    
    .title h2 {font-size: 42px;line-height: 65px;}
    
    .about_us_row .right_col p {font-size: 22px;line-height: 32px;}
    .about_collist img {width: 105px;}
    .features_list img {padding-bottom: 150px;}
    .coin_calc h3 {font-size: 42px;line-height: 65px;}
    .coin_calc form input {width: 380px;}
    .screen_img img {max-width: 75%;}
    .lines {bottom: 200px;}
    .testimonial_list {max-width: 80%;}
    .get_started_img img {max-width: 75%;}
    .get_started_img {padding-bottom: 150px;}
    
    footer .detail h4 {font-size: 20px;line-height: 26px;}
    footer .detail h3 {font-size: 20px;line-height: 26px;}
    footer .detail p {font-size: 14px;line-height: 20px;}
    a.footer_logo img {max-width: 280px;}
    footer .detail {padding-top: 44px;}
    
    .login_container .left_col {padding: 164px 60px;}
    .login_container .left_col h1 {font-size: 58px;line-height: 68px;}
    .login_container .left_col h1 span {font-size: 58px;line-height: 68px;}
    .login_container .left_col {padding: 104px 60px;min-height: 630px;}
    .login_page {padding: 75px 0px;}
}

@media only screen and (max-width:1024px) {
    .top_header .top_list .col p {font-size: 12px;line-height: 16px;}
    .top_header .top_list .col span {font-size: 9px;line-height: 10px;}
    .top_header .top_list {padding: 16px 10px;}
    header .logo img {width: 160px;}
    .nav_bar ul.nav {gap: 10px;}
    .nav_bar ul.nav a {font-size: 14px;line-height: 20px;}
    .nav_bar ul.nav .blue_btn,.nav_bar ul.nav .tras_btn {line-height: 36px;}
    
    .banner h1 {font-size: 32px;line-height: 45px;}
    .banner h1 span {font-size: 65px;line-height: 75px;}
    a.link_btn {font-size: 16px;line-height: 44px;}
    
    .title h2 {font-size: 32px;line-height: 45px;}
    .title img {margin-bottom: 30px;}
    .intro {padding: 80px 0px 70px;}
    .about_us_row .left_col {width: 70%;}
    .about_us_row .right_col p {font-size: 16px;line-height: 24px;}
    .about_collist {padding: 80px 0px 70px;}
    .about_collist h3 {font-size: 22px;line-height: 28px;}
    .about_collist img {width: 85px;}
    .about_collist hr {margin: 22px 0px 16px;height: 8px;}
    .about_collist p {font-size: 14px;line-height: 22px;}
    .features {padding-top: 80px;}
    .features_list img {padding-bottom: 80px;}
    .coin_calc h3 {font-size: 32px;line-height: 45px;}
    .coin_calc .detail img{margin-bottom: 30px;}
    .coin_calc form input {width: 280px;font-size: 22px;padding-left: 15px;}
    .lines img {max-width: 50%;}
    .lines .line_2 {text-align: right;}
    .coin_calc {padding-bottom: 95px;}
    .testimonial_list .testimonial_col p {font-size: 18px;line-height: 24px;}
    .testimonial_list .testimonial_col h4 {font-size: 22px;line-height: 24px;padding-bottom: 12px;}
    .testimonial{margin-bottom: 120px;}
     
    a.footer_logo img {max-width: 205px;}
    footer .detail {padding-top: 34px;}
    footer .detail h3 {font-size: 16px;line-height: 20px;}
    footer .detail p {font-size: 12px;line-height: 16px;}
    footer .detail h4 {font-size: 16px;line-height: 20px;}
    footer .detail a {font-size: 14px;line-height: 20px;}
    ul.social_list {padding-top: 24px;}
    .copy_right p {font-size: 14px;line-height: 22px;padding: 20px 15px 10px;}
    footer:after {background-size: 400px;}
    
    .login_container .left_col {padding: 80px 20px;min-height: 530px;width: 50%;}
    .login_container .left_col .logo {margin-bottom: 40px;}
    .login_container .left_col h1 {font-size: 38px;line-height: 48px;}
    .login_container .left_col h1 span {font-size: 38px;line-height: 48px;padding-bottom: 10px;}
    .login_container .left_col p {font-size: 13px;line-height: 18px;}
    .login_container .right_col .txt-row, .login_container .right_col .txt-row a {font-size: 11px;}
    .login_container .right_col .btn.btn-block {margin: 20px auto 10px;}
    .login_container .right_col {padding: 30px 15px 28px;}
    .login_container .right_col .term a {font-size: 14px;line-height: 18px;margin-bottom: 6px;}
}

@media only screen and (max-width:991px) {}

@media only screen and (max-width:768px) {
    .top_header {display: none  !important;}
    .nav_bar ul.nav li:nth-child(1),.nav_bar ul.nav li:nth-child(2),.nav_bar ul.nav li:nth-child(3),.nav_bar ul.nav li:nth-child(4){display: none;}
    .nav_bar ul.nav .tras_btn {width: 68.32px;line-height: 28px;height: 28px;font-size: 8.77333px;}
    .nav_bar ul.nav .blue_btn {width: 65px;line-height: 28px;height: 28px;font-size: 8.77333px;}
    header .logo img {width: 130px;}
    .nav_bar {padding-top: 10px;}
    .banner {padding-top: 90px;}
    .banner h1 {font-size: 20px;line-height: 35px;}
    .banner h1 span {font-size: 35px;line-height: 45px;}
    a.link_btn {font-size: 14px;line-height: 36px;}
    .banner:after {background-size: contain;}
    .title h5 {font-size: 14px;line-height: 18px;}
    .title h2 {font-size: 24px;line-height: 35px;}
    .intro_list {flex-direction: column;}
    .intro_list .col {width: 100%;padding: 25px 10px;}
    .intro_list .col h3 {font-size: 14px;line-height: 18px;padding: 10px 0px 4px;}
    .intro_list .col p {font-size: 14px;line-height: 20px;}
    .about_us_row {flex-direction: column;}
    .about_collist {flex-direction: column;padding: 50px 0px 30px;}
    .about_collist p {font-size: 12px;line-height: 18px;}
    .about_collist h3 {font-size: 18px;line-height: 20px;}
    .about_collist hr {margin: 12px 0px 10px;height: 5px;}
    .coin_calc h3 {font-size: 22px;line-height: 35px;}
    .coin_calc p {font-size: 12px;line-height: 16px;}
    .coin_calc form {flex-direction: column;padding-bottom: 40px;}
    .coin_calc form input {width: 100%;font-size: 20px;padding-left: 15px;line-height: 55px;}
    .coin_calc form input.bit_coin {background-size: contain;}
    .coin_calc form .col_2 select {font-size: 14px;height: 58px;width: 75px;}
    .lines {display: none;}
    .screen_img img {max-width: 100%;}
    .coin_calc {padding-bottom: 65px;}
    .testimonial_list {max-width: 96%;}
    .testimonial_list .testimonial_col {padding: 29px 15px 30px;}
    .testimonial_list .testimonial_col .image img {width: 160px;}
    .testimonial .bg_img{display: none;}
    .testimonial_list .testimonial_col p {font-size: 14px;line-height: 22px;padding-bottom: 20px;}
    .testimonial_list .testimonial_col h4 {font-size: 18px;line-height: 18px;padding-bottom: 10px;}
    .testimonial {margin-bottom: 60px;}
    .get_started_img {background-size: contain;}
    footer .wrapper {/* flex-direction: column; */text-align: center;flex-wrap: wrap;justify-content: center;gap: 0px;}
    .social_list {justify-content: center;}
    footer{background-image: url(../images/site/footer_bg1.png) !important;background-position: top 8px center;background-size: auto;}
    footer:after{display: none;}
    footer .col_logo{width: 100%;}
    footer .detail {padding-top: 24px;padding-left: 25px;padding-right: 25px;}
    
    .login_container .left_col {display: none;}
    .login_container .right_col {width: 100%;min-height: 80vh;border-radius: 24px;}
    .login_container .right_col .logo img {width: 133px;}
    .login_container .right_col .logo {display: block !important;}
    .login_container .right_col h2 {font-weight: 700;font-size: 37.2676px;line-height: 47px;text-transform: uppercase;}
    .login_page {padding: 60px 0px;background-position: center right 29%;}
    
    
    
    
    
    
    
    
}

@media only screen and (max-width:426px) {}