/*for mobile*/
@media only screen and (max-width:760px) {
body {font-size: 14px;}
.p-5 {padding: 1.5rem !important;}
.p-4 {padding: 1rem !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-4 {margin-bottom: 1rem !important;}
.mt-4 {margin-top: 1rem !important;}
.mb-3 {margin-bottom: .7rem !important;}
.mt-3 {margin-top: .7rem !important;}
.p-3 {padding: .5rem !important;}
.gap-3 {gap: .5rem !important;}
.gap-4 {gap: 1rem !important;}
.gap-5 {gap: 1.5rem !important;}
.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: .8rem;}
.g-3, .gx-3 { --bs-gutter-x: .8rem;}
.h5, h5 {font-size: 1rem;}
.mb-2 {margin-bottom: .2rem !important;}
.pb-3 {padding-bottom: .8rem !important;}
.pt-3 {padding-top: .8rem !important;}
.ms-5 {margin-left: 1.5rem !important;}
.ms-4 {margin-left: 1rem !important;}
.login_box {padding: 15px;}
.fs-7 {font-size: .8rem !important;}
.fs-8 {font-size: .7rem !important;}

.MuiPaper-root.MuiPaper-elevation {background: #1b1b1bc2 !important;  width: 80% !important;  backdrop-filter: blur(10px);  top: 0 !important;}
.app-container {padding-left: 0px;}
.inner_header {padding-left: 55px;}
.left_menu_list li a .icon_box{height: 45px; width: 45px; color: #bbbbbd; display: flex; align-items: center;  justify-content: center; background-color: hsla(0,0%,100%,.1); border-radius: 8px; }
.left_menu_list li a {color: #fff; padding: 5px 15px;}
.m-d-flex{display: flex; align-items: center; gap:15px; position: relative;}
.left_menu_list {font-size: 16px;}
.right_menu_arrow{position: absolute; display: block; right: 0px;}
.left-m-logo{width: 180px;}
.wallet_box {padding: 10px 10px; border-radius: 10px;}
.wallet_box_icon {background: #ffffff14;  padding: 7px;  width: 30px;  height: 30px;  border-radius: 6px;}
.slider_box {  margin: 0px 10px;}
.page-header {font-size: 20px;}





}
/*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) {



}

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

 }