/*
COINEX - Crypto Currency HTML Template 
Author: iqonicthemes.in
Version: 4.1.1
Design and Developed by: iqonicthemes.in
*/
/*****************
================================================
 (  Media Queries  )
================================================
 *******************/
/* Displays/Screens (e.g. 24" WS @ 1920x1080) -------------- */
@media only screen and (min-width:1890px) and (max-width:2529px) {}
@media(max-width:1399px) {
header .navbar-light .nav-item .nav-link {
  font-size: 15px;
}
}
@media(max-width:1199px) {
.container {
  max-width: 960px;
}
.css-1k766zg {
    font-size: 55px;
}
.css-1k766zg span {
    font-size: 45px;
}
.css-387vqq {
    width: 270px;
}
.css-vbq07m {
    min-height: 680px;
}
.main {
    overflow-y: auto;
    overflow-x: hidden;
}
header {
    padding: 0px 0px;
}
header .navbar-light .nav-item .nav-link {
  font-size: 13px;
}
header .navbar-light .nav-item {
  margin: 0 3px;
}
.owl-carousel .owl-nav .owl-prev {
  left: -2%;
}
.owl-carousel .owl-nav .owl-next {
  right: -2%;
}
header.menu-sticky {
  padding:5px 0;
}
.copyright {
    display: none;
}
.footer {
    padding: 0;
}
.css-1dik1yn-top h3 {
    font-size: 35px;
}
.css-1dik1yn-top h3 img {
    max-width: 70px;
}
.title-one {
    font-size: 35px;
}
.what-token-box-in h4 {
    font-size: 20px;
}
.what-token-box img {
    height: 170px;
}
h1 {
  font-size: 44px;
}
.iq-banner .iq-countdown {
  padding: 40px 20px;
}
.iq-countdown #countdown li {
  padding: 0 15px;
}
.iq-our-team-2 .team-blog:hover .team-social {
  bottom: 17px;
}
}
@media(max-width:992px) {
/*----------------
Section padding 
----------------*/
.css-1k766zg {
    font-size: 40px;
}
.css-1k766zg span {
    font-size: 33px;
}
.css-vbq07m {
    min-height: 760px;
}
nav.navbar.navbar-expand-lg {
    position: absolute;
    top: 22px;
    right: 20px;
}
.buy-token {
    margin: 0 90px 0 0;
    position: relative;
}
header.menu-sticky .head-top {
    padding: 11px 10px 22px 10px;
}
header.menu-sticky img.logo-token {
    height: 53px;
    width: 90%;
}
header.menu-sticky .buy-token span {
    width: 48px;
    height: 48px;
    top: -2px;
}

header.menu-sticky .buy-token .btn-primary {
    padding: 8px 24px;
    font-size: 16px;
    padding-right: 70px;
}
header.menu-sticky nav.navbar.navbar-expand-lg {
    top: 34px;
}
div#navbarSupportedContent {
    position: fixed;
    top: 99px;
    z-index: 1;
    background: #f4eeff;
    width: 100%;
    right: 0;
    left: auto;
    /* height: 100vh; */
    padding: 10px 15px 25px 15px;
}
.css-1dik1yn-mid-m span {
    margin: 30px auto 0;
}
.tokenomics_list-two {
    display: grid;
    grid-template-columns: 1fr;
    grid-column-gap: 20px;
}
.tokenomics_list-two ul.tokenomics_list {
    margin-bottom: 20px;
}
.token_contract_item {
    margin-bottom: 30px;
}
.box2.d-md-flex {
    grid-template-columns: 1fr 1fr;
}
.css-1dik1yn-mid-m span:before {
    content: "";
    left: 35px;
    top: -40px;
    height: 35px;
    width: 10px;
}
.css-1dik1yn-mid-m span:after {
    right: 34px;
    top: 90px;
    height: 45px;
    width: 10px;
}
.css-1dik1yn {
    border-radius: 18px;
    padding: 10px 10px;
}
.css-1dik1yn-mid {
    grid-template-columns: 1fr;
}

.buy-token span {
    top: -1px;
}
.overview-block-ptb {
    padding: 50px 0;
}
.overview-block-pt {
  padding: 50px 0 0;
}
.overview-block-pb {
  padding: 0 0 70px;
}
.iq-mt-100 {
  margin-top: 70px;
}
header {
  padding:0;
}
.heading-title p {
  padding: 0;
}
.container {
  max-width: 720px;
}
.navbar-light .navbar-toggler {
    color: #fff;
    border-color: #fff;
    padding: 22px 27px;
    position: absolute;
    right: 220px;
    font-size: 26px;
    top: 10px;
    color: #fff;
}
.r9-mt-40 {
  margin-top: 40px;
}
header .navbar-light .nav-item .nav-link.button {
  padding: 15px 30px;
}
header .navbar-collapse {
  position: absolute;
  top: 60px;
  left: 0;
  width: 100%;
  background: var(--iq-light);
}
header .navbar-light .navbar-nav .nav-link:before {
  display: none;
}
header .navbar-light .nav-item .nav-link {
  font-size: 14px;
  padding: 15px 15px;
}
header .navbar-light .navbar-nav .nav-link:hover,
header .navbar-light .navbar-nav .nav-link:focus,
header .navbar-light .navbar-nav .nav-item.active .nav-link {
  background: #f9b707;
  color: #fff;
}
header .navbar-light .nav:before {
  top: 10px;
}
.iq-tranding-Platform .nav-tabs .nav-link span,
.d-mobile-none {
  display: none;
}
.iq-fancy-box .fancy-icon img {
  width: auto;
}
.owl-carousel .owl-nav .owl-prev {
  left: -8%;
}
.owl-carousel .owl-nav .owl-next {
  right: -8%;
}
.timeline--mobile .timeline__item .timeline__content:after {
  border-right: 10px solid #131418;
}
.timeline--mobile .timeline__item .timeline__content:before {
  border-right: 12px solid #131418;
}
.iq-banner-2 .iq-countdown {
  padding-top: 0;
}
.iq-banner-2 {
  padding: 22% 0 5%;
}
#chartrounddiv {
  height: 250px;
}
.timeline:not(.timeline--horizontal):before {
  background-color: #292c34;
}

.head-m ul.navbar-nav li a {
    font-size: 19px;
    padding: 15px 20px !important;
}
}
@media(max-width:991px) {
.iq-our-team-2 .team-blog {
  width: 71%;
  height: 71%;
  border-radius: 50%;
}
.owl-carousel .owl-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  position: static;
  transform: none;
  margin-top: 32px;
}
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
  display: inline-block;
  position: static;
}
}
@media(max-width:767px) {
.iq-banner-3 {
  padding: 100px 0 50px;
}
.container {
  max-width: 100%;
}
header .navbar-light .nav {
  display: none;
}
.navbar-light .navbar-toggler {
  right: 0;
}
h1 {
  font-size: 40px;
}
h2 {
  font-size: 32px;
}
h3 {
  font-size: 30px;
}
.owl-carousel .owl-controls {
  display: none;
}
.contact-us.overview-block-pt {
  padding-top: 0;
}
header {
  padding: 15px 0px;
}
.iq-banner {
  position: relative;
  padding: 100px 0 50px;
}
header.menu-sticky {
  padding: 10px 0px;
}
.r4-mt-40 {
  margin-top: 40px;
}
#chartdiv {
  width: 100%;
  height: 290px;
}
.iq-our-clients.iq-ptb-60 {
  padding: 30px 0;
}
.info-share li {
  margin-bottom: 15px;
}
.iq-our-team-2 .team-blog {
  width: 47%;
}
.footer-bottom .iq-copyright {
  text-align: center;
}
.iq-footer .iq-media-blog {
  text-align: center;
  margin-top: 15px;
}
}

@media(max-width:600px) {
.buy-token {
    display: block;
}
.head-t .buy-token a.btn.btn-primary {
    display: none;
}
.css-1dik1yn {
    padding: 10px 10px;
}
.pre-sell-t {
    display: grid;
}
.pre-sell h4 {
    font-size: 21px;
}
.head-m {
    border-top: 0;
    border-bottom: 1px solid #dddddd;
    padding: 1px 0;
}

header.menu-sticky .buy-token span {
    width: 45px;
    height: 45px;
    top: -21px;
    right: -6px;
}
.buy-token span {
    top: -21px;
}
header {
    padding: 0;
}
.css-1rnroaz {
    background: #f6f1ff;
    border-radius: 10px 35px;
}
.dice-four-scroll .dice-four {
    min-width: 230px;
    min-height: 90px
}
.exp-img {
    margin-top: 90px !important;
}
.what-token-box {
    margin-bottom: 40px;
}
.box2.d-md-flex {
    grid-template-columns: 1fr;
}
ul.social {
    margin-top: 12px;
    text-align: left !important;
}
.footer .social li {
    margin-left: 0;
    margin-right: 30px;
}
img.logo-token {
    height: 53px;
    width: 90%;
}
.css-12p87h7 {
    width: 100%;
    display: none;
}
.css-vbq07m {
    min-height: inherit;
    padding-bottom: 0;
}

nav.navbar.navbar-expand-lg {
    position: absolute;
    top: 20px;
    right: 15px;
}
header.menu-sticky nav.navbar.navbar-expand-lg {
    top: 28px;
}
header.menu-sticky img.logo-token {
    height: 40px;
    width: auto;
}
header.menu-sticky nav.navbar.navbar-expand-lg {
    top: 22px;
    right: 15px;
}
.css-1dik1yn {
    padding: 0;
}
.css-1dik1yn-mid-l, .css-1dik1yn-mid-r {
    margin-top: 30px;
}
.section-one {
    padding: 30px 10px;
    position: relative;
}
}
@media(max-width:459px) {
h1 {
  font-size: 32px;
}
img.logo-token {
    height: 39px;
    width: auto;
}
nav.navbar.navbar-expand-lg {
    position: absolute;
    top: 10px;
    right: 15px;
}
.buy-token span {
    top: -26px;
    right: -9px;
}
div#navbarSupportedContent {
    top: 84px;
}
.iq-banner-2 {
  padding: 100px 0 50px;
}
.iq-banner-2 .iq-countdown {
  padding-left: 0;
  padding-right: 0;
}
.iq-countdown #countdown li p {
  font-size: 11px;
}
.iq-countdown #countdown li span {
  font-size: 36px;
}
.iq-banner .iq-countdown {
  padding: 40px 5px;
}
.iq-tranding-Platform .nav-tabs .nav-link {
  padding: 15px 5px;
}
.iq-contact-box-01 .iq-icon {
  float: none;
  margin-bottom: 10px;
}
.iq-tranding-Platform .nav-tabs .nav-link i {
  font-size: 32px;
}
.contact-us .col-lg-6.iq-pl-50 {
  padding-left: 15px;
}
}