/*for mobile*/
@media only screen and (max-width:760px) {
    
.navbar-nav .nav-item {margin-left: 0px; display: block; width: 100%; text-align: center;}
.navbar-nav .nav-item .nav-link {text-align: center;}
.p-5 {padding: 1.5rem !important;}
.mt-5, .my-5 {margin-top:1.5rem !important;}
.mb-5, .my-5 {margin-bottom:1.5rem !important;}
.pb-5, .py-5 {padding-bottom: 2rem !important;}
.pt-5, .py-5 {padding-top: 2rem !important;}
.mb-3 {margin-bottom: .6rem !important;}
.mt-3 {margin-top: .6rem !important;}
.mb-4 {margin-bottom: 1rem !important;}
.mt-4 {margin-top: 1rem !important;}
.p-3 {padding: .7rem !important;}
.gap-2 {gap: .3rem !important;}
.gap-3 {gap: .5rem !important;}
.gap-4 {gap: 1rem !important;}
.gap-5 {gap: 1.5rem !important;}
.g-6 {--bs-gutter-y: 2rem;  --bs-gutter-x: 2rem;}
.g-5, .gy-5 {--bs-gutter-y: 1.5rem;}
.g-5, .gx-5 { --bs-gutter-x: 1.5rem;}
.g-4, .gy-4 {--bs-gutter-y: 1rem;}
.g-4, .gx-4 { --bs-gutter-x: 1rem;}
.g-3, .gy-3 {--bs-gutter-y: .5rem;}
.g-3, .gx-3 { --bs-gutter-x: .5rem;}
.fs-4 {font-size: calc(0.8rem + .3vw) !important;}
.fs-1 {font-size: calc(1.1rem + 1.5vw) !important;}
.fs-2 {font-size: calc(1rem + 1.5vw) !important;}
.h5, h5 {font-size: 1rem;}
.mb-2 {margin-bottom: .2rem !important;}
.pb-3 {padding-bottom: .5rem !important;}
.pt-3 {padding-top: .5rem !important;}
.ms-5 {margin-left: 1.5rem !important;}
.ms-4 {margin-left: 1rem !important;}
.p-4 {padding: .8rem !important;}
body{font-size: 13px;}
.header_logo{width: 120px;}
.btn_style{padding: 6px 20px;}
.banner_content h1{font-size: 30px;}
.fs-6 {font-size: .9rem !important;}
.banner-img {margin-top: 0px;}
.heading_text h2 {font-size: 22px;}
.trx_btn {gap: 7px; grid-template-columns: 1fr 1fr;}
.trx_btn li button {padding: 8px 4px;}
.outer_box, .set_up_wallet {padding: 12px 12px;}
.arrow_btn {height: 25px; width: 25px;}
.wallet_banner_gif{opacity: .3;}
.footer_logo {max-width: 160px;}
.border-bottom-0 {border-bottom: 1px solid #ffffff17 !important;}
.border_design_padding {padding: 25px !important;}
.border-bottom-0 .border_design_padding::after, .border-bottom-0 .border_design_padding::before{display: block;}
.step_border_circle {display: none;}
.step_top_m {padding-top: 00px;}
.step_box {z-index: 1;}
.step_no {position: relative; margin: 0 auto; margin-bottom: 10px;}
.step_box::before{top: -20px; height: 20px;}
.navbar-nav .nav-item {margin-left: 0px; display: block; width: 100%; text-align: center; margin-top: 10px;}
.navbar-nav .nav-item .nav-link {text-align: center; border: 1px solid #fff; border-radius: 10px;}
.navbar-nav .btn_style{display: block;}
.header_padding {padding-top: 60px;}
.trx_btn.trx_btn2 {display: grid;}



}
/*for medium mobile*/
@media only screen and (min-width:480px) and (max-width:760px) {


}
/*for tablet*/
@media only screen and (min-width:760px) and (max-width:1000px) {
.border_none .col-md-3{width: 33.33%;}


}

/*for destop*/
@media (min-width: 1200px){
 

 }