
@media screen and (min-width: 1200px) {
  .container{max-width: 1200px;}    
 }
    
 @media screen and (max-width: 1480px) and (min-width: 1200px) {
 .container { max-width: 1100px;}
 }
 
 @media screen and (max-width: 1480px){
 .navbar-nav .nav-item {padding: 0px 15px;}
 .navbar-nav .nav-item {padding: 0px 16px;}
 .banner-text p {font-size: 20px;}
 }
 
 @media screen and (max-width: 1199px) {
 .navbar-nav .nav-item {padding: 0px 10px;}
 .logo {max-width: 144px;}
 .slider-features .owl-item {flex: 0 0 50%;max-width: 50%;}
 }

 
 @media screen and (max-width: 991px) {
 .offcanvas.offcanvas-start{ background-color: #000; padding: 23px 24px 52px 24px;}
 .header-right .offcanvas-body {flex-direction: column;}
 .header-right .offcanvas-body nav {margin-bottom: auto;width: 100%;margin-top: 0;}
.navbar-nav .nav-link{ text-align: right;}
.navbar-nav .nav-item {margin-bottom: 20px;}
.user-auth {width: 100%;}
.header .btn-primary {width: 100%;display: block;font-weight: 600;}
.offcanvas-header{ margin-bottom: 40px;}

.bannerlead h1 {
  font-size: 90px;
  line-height: 90px;
}

/* .owl-nav .owl-prev i, .owl-nav .owl-next i{
width: 30px;height: 30px;font-size: 18px;margin-top: -15px;line-height: 30px;} */

.card-content {padding: 30px 50px;}
.sec-our-nfts::before{ display: none;}
.terms-and-conditions li {margin-right: 15px;}

.user-auth.ms-auto ul li {
  margin-left: 0;
  margin-bottom: 20px;
}

.user-auth.ms-auto ul li:last-child{ margin-bottom: 0px;}

}

@media screen and (max-width: 767px) {
.home-page{ background-image: url(../images/mobile-banner-bg.png); background-position: top right;}  
.header{ padding: 18px 5px; min-height: 90px;}
.hero-banner {padding: 220px 0px 102px 0px;}
.bannerlead h1{
font-size: 46px;
font-weight: 700;
line-height: 53px;
text-align: left;
margin-bottom: 20px;
}

.bannerlead .d-flex {flex-direction: column-reverse;}
.bannerlead p {
  font-size: 18px;
  line-height: 30px;
  margin-bottom: 210px;
  max-width: 314px;
  margin-right: auto;
}
.bannerlead .btn-primary {
  padding: 22px 10px;
  margin-right: 0 !important;
  display: block;
  width: 100%;
}

.block-header .heading02 { margin-bottom: 30px;}
.heading02 {font-size: 32px;line-height: 38px;}
.block-header p{font-size: 14px;line-height: 30px; margin-bottom: 30px;}



.sec-about {
  background-image: url(../images/about-bg.png);
  background-repeat: no-repeat;
  background-position: center bottom -100px;
  min-height: 760px;
  margin-bottom: 0;
}

.mobipad-ecosystem-wrapper {
  background-image: url(../images/mobipad-ecosystem-mobile-bg.png);
  background-position: center bottom;
  background-size: cover;
  border-radius: 15px;
}

.sec-about .img-box{ display: none;}
.owl-nav{ display: none;}

.sec-mobipad-ecosystem .block-header .heading02 {
  max-width: 210px;
  margin: 0 auto 30px
}
.card-content {
  padding: 57px 20px;
}
.card-content h3 {
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
  margin-bottom: 30px;
}

.card-content p{font-weight: 300;font-size: 14px;line-height: 30px;}
.card-ecosystem-img {padding: 0px 20px 57px 20px;}
.wrapper-middle{ background-image: none;}
.sec-feture::before{ display: none;}
.sec-mobipad-ecosystem{ padding-bottom: 159px; background-image: none;}

.sec-feture{ margin-bottom: 0px;}

.sec-what-we-do {
  padding-top: 125px;
  margin-bottom: 160px;
}

.wrapper-block {
  background-image: url(../images/wrapper-block-mobile-bg.png);
  background-position: right top 202px;
}
.img-what-we-do{display: none;}

.sec-information .block-header .heading02 {max-width: 300px;}
.sec-information .card-simple p {max-width: 522px;font-size: 14px;line-height: 19px;margin-bottom: 27px;}
.mobile-app img {max-width: 270px;}
.mobile-app {margin-top: 10px;}
.sec-information{ padding: 50px 0px 140px 0px;}
.sec-our-nfts{padding-bottom: 170px;background-image: none;}

.footer-widget-inner {flex-direction: column-reverse;}
.social-links{ margin-bottom: 10px;}
.footer-widget .social-links li a{ width: 44px; height: 44px;}
.footer-widget-inner p { padding-bottom: 10px;}
.terms-and-conditions {flex-direction: column;}
.terms-and-conditions li{ margin-right: 0;}
.terms-and-conditions li+li{ margin-top: 10px;}
.footer {padding: 17px 0px;}
.sec-partnerhsip .d-flex {flex-wrap: wrap; justify-content: center !important;}
.partners-logo { flex: 0 0 33.33333%; max-width: 33.33333%;}
.partners-logo:nth-child(3n) {border: 0;}

.slider-features .owl-item {flex: inherit;max-width: inherit;}
.slider-features .owl-dots{ bottom: -53px;}
.sec-partnerhsip {padding-bottom: 50px;}
.sbm-top-banner {margin-top: 131px;}
.container{ padding: 0px 20px;}
.HeadBanner .btn-primary { padding: 12px 10px;}
.staking-page::before{ display: none;}
.innerTopBanner.bannerBg {margin-top: 80px;}

 }
 
 
 
 
   
 
   
   
     
     
     
     