/*for mobile*/
@media only screen and (max-width:760px) {
    
.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-4 {margin-bottom: 1rem !important;}
.mt-4 {margin-top: 1rem !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-6 {
  --bs-gutter-y: 4rem;
  --bs-gutter-x: 4rem;
}
.p-4 {
  padding: 1rem !important;
}
.h5, h5 {font-size: 1rem;}
.mb-2 {margin-bottom: .2rem !important;}
.pb-3 {padding-bottom: .7rem !important;}
.pt-3 {padding-top: .7rem !important;}
.ms-5 {margin-left: 1.5rem !important;}
.ms-4 {margin-left: 1rem !important;}
.brand-logo img {width: 130px;}
.site-header .mobile-menu-trigger {filter: brightness(0%);}
body {font-size: 14px;}

.left_padding_50{padding-left: 50px;padding-right: 50px;}
.right_padding_50{padding-right: 50px; padding-left: 50px;}
.left_padding_100{padding-left: 50px; padding-right: 50px;}
.right_padding_100{padding-right: 50px; padding-left: 50px;}
.header_padding {padding-top: 60px;}
.sub-menu--item p {display: none;}
.sub-menu--item h6 {font-size: 14px; font-weight: 600; margin-bottom: 0;}
header .navbar .container {padding: 10px;}
.banner_image {max-width: 100%; position: unset; margin: auto; display: block; margin-top: 20px;}
.banner_bg {padding-bottom: 0px !important; margin-bottom: -20px;}
.banner_heading h1 {font-weight: 700; font-size: 30px;}
.banner_heading_width {max-width: 100%;}

.slide-item:nth-child(1) {left: 0px}
.slide-item:nth-child(2){left: calc(0px + 130px); transform: translateY(-50%) translateX(8%) scale(0.9); opacity: .9;}
.slide-item:nth-child(3) {left: calc(0px + 260px); transform: translateY(-50%) translateX(6%) scale(0.8); opacity: .8;}
.slide-item:nth-child(4) {opacity: 0;}
.slide-item:nth-child(5) {opacity: 0;}
.web3_wallet_buttons {text-align: center; bottom: 0;}
.slide-item .content{top: -125px; left: 0;}
.web3_wallet_slide { margin-top: 100px; min-height: 400px;}
.slide-item .name {font-size: 24px;}
.slide-item {width:130px;height: 282px;}

.banner_icon {display: none;}
.all_heading h2 {font-size: 25px;}
.about_img {position: unset; max-width: 100%;}
.all_button {padding: 8px 20px;font-size: 14px;}
.features-shadow::after {height: 10%;}
.mobile {position: unset; margin: auto; max-width: 200px; display: block;}
.small_heading {font-size: 15px;}
.quote {font-size: 15px;}
.author {font-size: 14px;}
.location {font-size: 14px;}
.author-area {padding: 10px; flex-wrap: wrap;}
.arrow {width: 35px; height: 35px; font-size: 25px; padding-bottom: 8px;}
.footer_big_text {font-size: 28px; bottom: 0px; text-align: center;}
.footer_media {float: none; margin: auto; display: block; text-align: center; margin: 5px;}
.footer_media li a {margin: 5px;}
.footer_round {max-width: 100%;}
.mobile_center{text-align: center;}
.swap_banner_image { max-width: 250px;  position: unset; margin: auto; display: block; margin-bottom: -33px;}
.swap_banner_bg { height: 100%;}
.icon-400 {width: 250px; margin: auto; display: block;}
.icon-300 {width: 250px; margin: auto; display: block;}
.icon-500 {width: 250px; margin: auto; display: block;}
.icon-50 {width: 40px;}
.staking_devide .col-md-3{width: 100%;}
.btn {padding: 8px 20px; font-size: 13px;}
.offset-left {margin-left: 0;}
.margin_top_minus {margin-top: -60px;}
.build_round_image { position: absolute; max-width: 100%;}
.max-400 {max-width: 300px;}
.max-500 {max-width: 400px;}
.max-450 { max-width: 100%;}
.form-row {display: inline-grid; gap: 20px; margin-bottom: 20px; width: 100%;}
.accordion_head {font-size: 14px;}
.controls {
  width: 100%;
  justify-content: center;
  margin-top: 15px;
}
.row-5 .col-md-3{width: 50%;}

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

 }