@media only screen and (max-width: 1400px) {}
@media only screen and (max-width: 1200px) {}
@media only screen and (max-width: 1024px) {
  section.our-service { overflow: hidden; }
  section.launching-soon .custom-tabs:before { top: 15%; bottom: 15%;}
  section.spotlight-part { overflow: hidden; }
}
@media only screen and (max-width: 991px) {
  .asset img{ width: 150px; }
   
}
@media only screen and (max-width: 768px) {
  section { padding: 30px 0; }
  body { font-size: 0.9rem; }
  .page-title h1 {font-size: 2.6rem; }
  .section-title h2 { font-size: 2rem; }
  section.hero-banner { padding: 50px 0 0;}
  section.hero-banner .banner-text h1 { font-size: 3rem; }
  section.hero-banner .banner-text p { font-size: 1rem; }
  section.hero-banner .banner-mobile .img img { max-width: 360px;}
  section.achievements .main-box .box .num { font-size: 2rem;}

  section.spotlight-part .box.marketplace .text { max-width: 100%; position: unset; }
  section.spotlight-part .box.marketplace .inner-box{     flex-direction: column;}
  section.spotlight-part .box.marketplace .img { max-width: 100%; }

}
@media only screen and (max-width: 767px) {
  section.launching-soon .custom-tabs {padding: 20px; }
  section.launching-soon .custom-tabs:before { top: 0; bottom: 0; }
  section.launching-soon .custom-tabs .big-img img { max-width: 310px; }
}
@media only screen and (max-width: 667px) {
  .asset5{ top: 30px; right: -70px; }
  .asset4 { top: 30px; left: -90px; }
  .asset6 { width: 90px; bottom: -60px; }
  .asset6 img{ width: 90px; }
  .asset2 { top: 80px; right: unset; left: -20px;}

  section.our-service .gray-bg { padding: 30px; }
} 
@media only screen and (max-width: 575px) {
 
  .bdr-radius { border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px; }

  header.nav-up { top: 0;}
  header .navbar .navbar-toggler{box-shadow: none; border: 0; margin-left: auto;}
  header .navbar .navbar-toggler span{ font-size: 32px; color:#171717;}
  header .navbar-collapse{ position: fixed; background:#fff; box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px; top: 0px; left: 0px; bottom: 0; width: 100%; height: 100vh !important; transition: .3s;z-index: 999; }
  header .collapse:not(.show) {display: block; left: -100%; transition: .3s;}
  header .collapse.show{ left: 0px; transition: .3s; display:block;}
  
  header .navbar-nav { align-items: start; }
  header .mobile-device { display: flex; padding: 20px; background: #EBF8FF; justify-content: space-between; align-items: center;}
  header .navbar-light .navbar-nav .support a { width: 100%; display: block; }
  header .navbar-nav li { width: 100%; }
  header .navbar-light .navbar-nav .nav-link { padding: 10px 15px; }
  header.nav-up .collapse.show{ top: 0px; } 
 
  section.contact-page:after { width: 100%;}
   
  section.achievements .main-box { margin: 30px 0 0; }
  section.mission-vision .instant-commerce .big-img { margin-top: 0px; }
  section.mission-vision .instant-commerce {  background: linear-gradient(180deg, #FFFFFF 34.98%, rgb(255 255 255 / 80%) 100%);}
  section.mission-vision .instant-commerce .inner-content{ padding: 30px 20px 0;}
  section.mission-vision .misvis-box { padding: 20px; }
  section.mission-vision .instant-commerce .text { margin: 0; }

  footer { padding: 50px 0 0;}

  section.cms-pages h2{ font-size: 1.7rem; }
  section.cms-pages h3{ font-size: 1.2rem; }
}
@media only screen and (max-width: 480px) {
  section.hero-banner .banner-text h1 { font-size: 2rem;}
  section.achievements .main-box .box {  padding: 10px 10px; flex: auto; }
  section.achievements .main-box .box .num { font-size: 3.2rem; }
  section.achievements .main-box .box:not(:last-child) { border: none; width: 33.33%;}
  section.launching-soon .contnet .form-group { flex-wrap: wrap; }
  section.launching-soon .contnet .form-group button{ width: 100%; }
}
@media only screen and (max-width: 400px) {}