/* Responsive css start */
 
 @media only screen and (max-width: 1400px) {
 	.our-mission-boxes h4 {
 		font-size: 20px;
 		line-height: 30px;
 		bottom: 15px;
 		left: 15px;
 		right: 15px;
 	}
 	.our-mission-boxes .col {
 		padding: 15px;
 		padding-top: 20px;
 		min-height: 450px;
 	}
 	.layout-2 .row{
 		padding:80px 0px; 
 	}
 	.pre-sale-timer{
 		padding-top: 40px;
		padding-bottom: 50px;
 	}
 	.layout-3 .container > .row{
 		padding: 50px 0px;
 	}
 	.layout-3 .sec-title{
 		max-width:940px;
 		margin: auto; 
 	}
 	.layout-3 .sec-title h1{
 		font-size:42px; 
 	}
 	.pre-sale-timer-outer{
 		margin-top:15px; 
 	}
 	.layout-3 .we-accept-section{
 		margin-top:15px;
 	}
	.animation-circle-main {
		right: 0%;
	}
	.diamond-animation{
		transform: scale(0.7);
		width: 580px;
	}
	.coinpool-animation{
		transform: scale(0.7);
		margin-top: -100px;
	}
 }
 @media only screen and (max-width: 1199px) {
	.my_container{
		padding: 0 40px;
	}
 	header {
 		padding-top: 15px;
 	}
 	.doughnutChartContainer {
 		margin-right: 20px;
 	}
 	.team img {
 		max-width: 200px;
 		max-height: 200px;
 	}
 	.footer-2 .socials li{
 		margin: 0px 3px 10px;
 	}
 	.footer-2 .socials li a{
 		width:48px;
 		height:48px;
 		line-height:48px;
 		font-size: 20px;
 	}
 	.footer-2 .socials li a i{
 		line-height:48px;
 	}
 	.team-section.style-2::before{
 		right:calc(((100% - 960px) / 2) + ((990px * 75) / 100)) 
 	}
 	.expert-slider .team-img{
 		-ms-flex: 0 0 40%;
		flex: 0 0 40%;
		width: 40%;
		max-width: 40%;
 	}
 	.expert-slider .team-detils{
 		-ms-flex: 0 0 60%;
		flex: 0 0 60%;
		width: 60%;
		max-width: 60%;
 	}
 	h1{
 		font-size:42px; 
 	}
 	.layout-3 .container > .row{
 		padding:50px 0px; 
 	}
 	.pre-sale-timer-outer{
 		margin-top:10px; 
 	}
 	.we-accept-section{
 		margin-top:30px; 
 	}
 	.copyrights.style-1{
		margin-top: 0px;
	}
	.carbon-layout .about-left h4{
		font-size:24px; 
	}
	.carbon-layout .about-left h5{
		font-size:18px; 
	}
	.token-allocation-box .sale-list .price-tag{
		font-size:15px; 
	}
	.benefits-box h3{
		font-size:20px; 
	}
	.carbon-layout .about-left{
 		padding-left: 15px;
 	}
 	.animation-circle-main {
		max-width: 600px;
		max-height: 600px;
	}
	.convertor-widget{
		margin-top: 0;
	}
	.currency-calulator{
		padding: 50px 15px 20px 20px;
		margin-left: 0;
	}
	.convertor-widget .current-ico{
		transform: none;
		position: static;
		margin-bottom: -45px;
		margin-left:20px; 
	}
	.cryptonatorwidget td{
		padding: 2px;
	}
	.cryptonatorwidget td select, .cryptonatorwidget td input{
		height: 45px !important;
	}
	.token-sale .button-wrapper .btn{
		min-width: calc(50% - 24px);
	}
	.diamond-layout .token-sale-left{
		padding: 0px 0px;
	}
	.counter-value{
		font-size: 42px;
	}
	.style-2.accordion .card-header a h5{
		font-size:16px; 
	}
	.horizontal-roadmap .roadmap-text{
		padding: 30px 30px 0px;
	}
	.horizontal-roadmap .roadmap-item.even .roadmap-text{
		padding: 0px 30px 30px;
	}
	.team-minimal-section .team-box{
		text-align: center;
	}
	.team-minimal-section .team-img{
		display: table;
		margin: 0px auto 15px;
		flex: 0 0 100%;
	}
	.team-minimal-section .text{
		padding: 0px 0px 0px 0px;
		width: 100%;
		text-align:center; 
	}
	ul.horizontal-menu li:not(:last-child)::after{
		margin: 0px 7px;
	}
	.diamond-layout.team-section::after{
		left: 0;
		margin-left: 0;
	}
	.tollfree-list li strong{
		display: block;
	}
	.exchange-list-section .heading h2{
		font-size:24px; 
	}
	.exchange-list .item{
		margin-top: 10px;
	}
	.video-section{
		padding:150px 0px; 
	}
	.banafits-circle{
		height: 300px;
		width: 300px;
		margin-bottom: -110px;
	}
	.banafits-circle::before {
		height: 312px;
		width: 312px;
	}
	.banafits-circle .icon img{
		max-width: 150px;
	}
	.banafits-list-items .banafits-item:first-child{
		top:290px;
		left:-40px;
	}
	.banafits-list-items .banafits-item:nth-child(2){
		top: 150px;
		left: 30px;
	}
	.banafits-list-items .banafits-item:nth-child(3){
		top: 15px;
	}
	.banafits-list-items .banafits-item:nth-child(4){
		top: 150px;
		right: 30px;
	}
	.banafits-list-items .banafits-item:nth-child(5){
		top:290px;
		right:-40px;
	}
	.blog-grid-layout .article-img{
		width:100%; 
	}
	.blog-grid-layout .article-img a{
		padding-top:75%; 
	}
	.blog-grid-layout .article-details{
		width: 100%;
	}
	.teamslider .owl-nav{
		left: calc(100% - 930px);
		bottom:0; 
	}
	.visible.about-mercury-animation .mercury-base{
		min-width:680px;
	}
 }
 @media only screen and (max-width: 991px) {
	nav ul li {
		margin-left: 20px;
	}
	nav ul .for_responsive{
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 15px;
	}
	.my_container {
		padding: 0 20px;
	}
	nav ul li.nav-btn a{
		padding: 5px 20px;
		font-size: 14px;
	}
	header .logo img{
		height: 40px;
	}
 	.logo img {
 		max-width: 180px;
 	}
 	nav ul li {
 		margin-left: 5px;
 	}
 	nav ul li a {
 		font-size: 13px;
 	}
 	.main{
 		height:auto;  
		padding: 100px 0;
 	}
 	.pre-sale-timer {
 		padding: 120px 15px 200px;
 	}
 	.pre-sale-timer h3 {
 		font-size: 26px;
 	}
 	.sec-title h1 {
 		font-size: 40px
 	}
 	.sec-title h3 {
 		font-size: 28px
 	}
	 .main::after{
		opacity: .4;
	 }
 	.sec-title:after,
 	.sec-title.text-center:after {
 		margin: 20px 0;
 	}
 	#clock li {
 		padding: 0 8px;
 	}
 	#clock ul {
 		margin: 0 -8px;
 	}
 	#clock li span {
 		font-size: 30px;
 		padding: 10px 2px;
 	}
 	#clock li span em {
 		font-size: 14px;
 	}
 	.about-section,
 	.token-sale,
 	.roadmap-sec,
 	.team-section,
 	.blog-section,
 	footer {
 		padding: 60px 0;
 	}
 	.our-mission {
 		padding-top: 60px
 	}
 	.our-mission-boxes span {
 		font-size: 28px;
 	}
 	.our-mission-boxes .col {
 		width: 50%;
 		flex-basis: inherit;
 		border-bottom: 1px solid rgba(54, 54, 54, 0.8);
 	}
 	.doughnut {
 		display: block;
 	}
 	.doughnut .chart-legend {
 		width: 100%;
 		padding-left: 30px;
 		padding-top: 30px;
 	}
	 .platinum-footer .footer-widget-area .widget-area{
		flex-basis: 48%;
	 }
 	.team h4 {
 		margin: 15px 0 5px;
 		font-size: 20px;
 	}
 	.footer-box-3 p br {
 		display: none;
 	}
 	
 	.blog-list + .blog-list,
 	.blog-list {
 		margin-top: 30px;
 	}
 	.blog-section .blogmain > div {
 		flex-basis: inherit;
 		max-width: 100%;
 	}
 	img.play-btn-img{
 		max-width:90px; 
 	}
 	.stage-detail span{
 		width:49%;
 		display:block;  
 		font-size: 13px;
 		line-height:1.2; 
 	}
 	.stage-detail span.sale-date{
 		text-align:left;
 		display:inline-block; 
 	}
 	.stage-detail span.token-discount{
 		display:inline-block; 
 	}
 	.about-section.style-2 h5{
 		font-size: 18px;
 	}
 	.layout-2 .hero-left p{
 		font-size: 18px;
 	}
 	.team-section.style-2::before{
 		right:calc(((100% - 720px) / 2) + ((750px * 75) / 100)) 
 	}
 	.expert-slider{
 		background:none; 
 	}
 	.expert-slider .team-img{
 		align-self: start;
 	}
 	.about-section.c-l::before{
 		right: 70%;
 	}
	
	.token-sale-left{
		flex: 0 0 100%;
		max-width: 100%;
	}
	.token-sale-right{
		flex: 0 0 100%;
		max-width: 100%;
	}
	.current-prices{
		max-width: 100%;
		margin: 0;
	}
	.convertor-widget{
		padding: 0 15px;
		margin-top: 30px;
		max-width:100%;
	}
	.counter-icon{
		padding:15px;
	}
	.counter-icon img{
		max-width:48px; 
	}
	.counter-value {
	    font-size: 36px;
	}
	.count-text {
		font-size: 1.2rem;
	}
	.style-2.accordion .card-header a h5{
		line-height:24px; 
	}
	.diamond-layout.team-section::before{
		height: 167px;
	}
	.tollfree-list li strong{
		display:inline-block;
	}
	.exchange-list-section .heading{
		text-align: center;
		margin-right: 0;
		background:transparent; 
	}
	.exchange-list-section .heading::before {
		left: 50%;
	}
	.exchange-list-section .heading h2{
		margin-right:0;
		margin-bottom:30px;  
	}
	.banafits-circle{
		display:none; 
	}
	.banafits-list-items .banafits-item{
		position: static;
		max-width: 100%;
		opacity: 1 !important;
		visibility: visible !important;
		transform: none !important;
	}
	.banafits-list-items{
		padding-top: 50px;
		padding-bottom: 90px;
	}
	.banafits-list-items .benefit-box{
		flex-direction: inherit;
		display:table;
		width:100%;
		margin-bottom:30px;   
	}
	.benefit-box .benefit-icon, .banafits-list-items .banafits-item:nth-child(2) .benefit-icon, .banafits-list-items .banafits-item:first-child .benefit-icon, .banafits-list-items .banafits-item:nth-child(4) .benefit-icon, .banafits-list-items .banafits-item:nth-child(5) .benefit-icon{
		max-width:100px;
		width:100%;  
		display: table;
		margin: 0px auto 15px;
	}
	.banafits-list-items .banafits-item:nth-child(2) .benefit-box, .banafits-list-items .banafits-item:first-child .benefit-box, .banafits-list-items .banafits-item:nth-child(4) .benefit-box, .banafits-list-items .banafits-item:nth-child(5) .benefit-box{
		text-align: center !important;
		display: table;
		width:100%; 
	}
	.banafits-list-items .banafits-item:nth-child(2) .text, .banafits-list-items .banafits-item:first-child .text, .banafits-list-items .banafits-item:nth-child(4) .text, .banafits-list-items .banafits-item:nth-child(5) .text{
		padding-right: 0;
		max-width: 100%;
	}
	.mercury-layout .benefit-icon{
		max-width:116px;
		margin-bottom: 30px;
	}
	.video-section{
		padding:100px 0px; 
	}
	.ipad-center{
		text-align:center; 
	}
	.chart-img{
		padding-bottom:60px; 
	}
	.blog-grid-layout .footer-meta .entry-readmore{
		width: 100%;
		float: left;
	}
	.teamslider .owl-nav{
		position: static;
		display: none;
		margin: 15px auto;
	}
	.teamslider.owl-carousel .owl-nav button{
		margin-right: 5px !important;
		margin-left: 5px !important;
	}
	.faq-section .tab-section .nav-tabs .nav-item{
		margin: 0px 8px;
	}
	.faq-section .tab-section .nav-tabs .nav-link{
		font-size:16px; 
	}
	.style-3.accordion .card-header a h5{
		font-size: 18px;
		line-height: 28px;
		font-weight: 600;
	}
	.platinum-footer ul.horizontal-menu li:not(:last-child)::after{
		margin: 0px 12px;
	}
 }


 @media (min-width: 768px) and (max-width: 991px) {

 	.footer-box-2 li {
 		width: 100%
 	}
 	.footer-box-1,
 	.footer-box-2,
 	.footer-box-3 {
 		flex-basis: inherit;
 		margin-bottom: 30px;
 	}
 	.footer-box-2 {
 		max-width: 25%;
 	}
 	.footer-box-3 {
 		max-width: 41.66%;
 	}
 	.benefits-boxes .item .bf-image, .benefits-boxes .item .bf-details{
 		display:block;
 	}
 	.benefits-boxes .item .bf-image{
 		margin-bottom:30px;  
 	}
 	.hero-left .hero-btns a + a{
 		margin:15px 0 0;
 	}
 	.pre-sale-timer{
 		margin-bottom:-60px; 
 	}
 	.team-section.c-l .row .col{
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
		margin: 15px 0px;
	}
	.carbon-layout .hero-main .hero-btns .btn + .btn { margin-top:15px;  margin-left:0px;  }
	.token-pricing-section{
		padding-top: 60px;
	}
	.token-pricing-section::before, .token-pricing-section::after  {
		top: 0;
		transform: none;
	}
	.token-pricing-section .section-heading {
	    margin: 0 0 60px;
	}
 }
 @media (min-width: 30px) and (max-width: 767px) {
	.widget-area .socials ul{
		justify-content: flex-start;
	}
	
	.platinum-footer .footer-widget-area .footer_heading h2{
		text-align: left;
		font-size: 16px;
	 }
	 .platinum-footer .footer-widget-area .widget-area{
		margin-bottom: 20px;
	}
 	header,
 	header.fixed {
 		padding: 10px 0;
 	}
 	.coinpool-animation {
    height:512px;
    position: relative;
}
header{
	position: fixed;
	top: 0;
}
h2.section-heading{
	font-size: 30px;
}
.about-section{
	padding: 32px 0;
}
.about-section .about-left h4{
	font-size: 14px;
}
.about-section .about-right img{
	margin-top: 30px;
	height: 300px;
}
.about-section .about-left h5{
	font-size: 17px;
}
.about-section .about-left p{
	font-size: 13px;
}
.platinum-footer .footer-widget-area .widget-area{
	flex-basis: 48%;
 }
 .widget-area .socials ul{
	justify-content: flex-start;
 }
 .platinum-footer .footer-widget-area .footer_heading h2{
	text-align: left;
 }
.about-section::after{
	background-size: cover;
}
.main .mobile-center h1{
	font-size: 30px;
}
.main .mobile-center p{
	font-size: 15px;
}

nav ul .for-flex{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
}
nav ul .for-flex .nav-btn{
	display: flex;
	align-items: center;
	justify-content: flex-start !important;
}
nav ul .for-flex .nav-btn.login{
	justify-content: flex-end !important;
	
}
nav ul .for-flex .nav-btn a{
	width: 50%;
	text-align: center;
}
.coinpool-animation .coin-icon{
	top:72%;
}

.home_faq .faq_accordition{
	width: 100%;
}
 	.main-menu {
 		position: relative;
 		top: 0;
 		padding: 0;
 		width:100%;
 		max-width:100%;
 		left:0px;   
 	}
 	.menu-icon {
 		position: absolute;
 		top:10px;
 		right:15px;
 		height: 30px;
 		width: 30px;
 		cursor: pointer;
 		z-index: 100;
 		-webkit-transition: opacity .25s ease;
 		transition: opacity .25s ease;
 		display: block;
 	}
 	.menu-icon.active .top {
 		-webkit-transform: translateY(11px) translateX(0) rotate(45deg);
 		transform: translateY(11px) translateX(0) rotate(45deg);
 	}
 	.menu-icon.active .middle {
 		opacity: 0;
 		background: var(--primary-color);
 	}
 	.menu-icon.active .bottom {
 		-webkit-tra1nsform: translateY(-10px) translateX(0) rotate(-45deg);
 		transform: translateY(-10px) translateX(0) rotate(-45deg);
 		background: var(--primary-color);
 	}
 	.menu-icon span {
 		background: var(--primary-color);
 		border: none;
 		height: 3px;
 		width: 100%;
 		position: absolute;
 		top: 0px;
 		left: 0;
 		-webkit-transition: all .35s ease;
 		transition: all .35s ease;
 		cursor: pointer;
 	}
 	.menu-icon span:nth-of-type(2) {
 		top: 10px;
 	}
 	.menu-icon span:nth-of-type(3) {
 		top: 21px;
 	}
	 nav ul .for_responsive{
		flex-direction: column;
		gap: 0;
		width: 100%;
		align-items: flex-start;
	 }
 	nav {
 		display: none;
 		width: 100%;
 		float: left;
 		padding-top: 0;
 		text-align: left;
 		position:fixed;
 		left:0;  
 	}
 	nav ul {
 		margin-top: 48px;
 		background: #fff;
		flex-direction: column;
		align-items: flex-start;
		padding: 15px;
 	}
 	nav ul li {
 		display: block;
 		padding: 5px 10px;
		width: 100%;
 		margin: 0 !important;

 	}
 	nav ul li a{
 		width: 100%;
		background-color: var(--light-primary-color);
		box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
		border-radius: 10px;
		padding: 10px;
		transition: all .3s linear;
		color: var(--primary-color);
		
	}
	nav ul li a:hover{
		 color: black;
		background-color: #46b0d380;
 	}
 	nav ul .nav-btn {
 		
 		border-bottom: 1px solid transparent;
 	}
 	nav ul li a {
 		color: #1d1d1d;
 	}
 	nav ul li.nav-btn a {
 		display: inline-block;
 	}
 	body {
 		font-size: 14px;
 		line-height: 25px;
 	}
 	.sub-txt {
 		font-size: 13px;
 	}
 	.sec-title h1 {
 		font-size: 34px;
 	}
 	#clock li span em {
 		font-size: 13px;
 	}
 	.we-accept-section ul li span {
 		height: 45px;
 		width: 45px;
 		font-size: 20px;
 		line-height: 45px;
 	}
 	.about-right {
 		margin-bottom:30px;
 	}
 	.watch-link {
 		margin-top: 0;
 	}
 	.footer-box-1,
 	.footer-box-2,
 	.footer-box-3 {
 		margin-bottom: 30px;
 	}
 	.about-left{
 		text-align:justify;
 	}
 	.hero-left {
 		padding-top: 20px;
 		text-align: center;
 	}
 	.hero-left .sec-title::after{

 		background: url(../images/line2.png) no-repeat top center;
 	}
 	.pre-sale-timer {
 		padding: 50px 10px;
 		height: auto;
 		margin-bottom: -60px;
 	}
 	.btn {
 		padding: 10px 20px;
		font-size: 14px;
 	}
 	.our-mission-boxes .col {
 		width: 100%;
 	}
 	.sale-box + .sale-box {
 		margin-top: 30px;
 	}
 	.doughnutChartContainer {
 		margin-right: 0;
 		margin: 0 auto;
 	}
 	.roadmap-slider {
 		margin-top: 10px;
 	}
  	.blog-single-cont h4 {
 		font-size: 18px;
 	}
 	.vertical-roadmap::before{
 		left:7px; 
 	}
 	.roadmap-item .title{
 		text-align:left;
 		padding-right:0px;
 		padding-left:30px; 
 		width:100%;
 		margin-bottom:0px;    
 	}
 	.roadmap-item .title::before{
 		right: auto;
 		left: 0;
 	}
 	.roadmap-text{
 		text-align:left;
 		width:100%;
 	}
 	.layout-2{
 		height:auto; 
 	}
 	.layout-2 .row{
 		padding:0px; 
 	}
	.pre-sale-timer{
		max-width:100%;
	}
	.layout-2 .hero-left{
		order:2; 
	}
	.layout-2 .hero-right{
		order:1; 
	}
	.footer-2 .sec-title h4{
		font-size: 28px;
	}
	.footer-2 .socials li a {
    	width: 36px;
    	height: 36px;
    	line-height: 36px;
	}
	.footer-2 .socials li a i{
		font-size: 20px;
		line-height: 36px;
	}
	.expert-slider{
		margin-left:0px; 
		width:100%; 
	}
	.team-section.style-2::before{
		display:none; 
	}
	.expert-slider .team-img{
		border:none;
	}
	.expert-slider .owl-nav{
		display:none; 
	}
	.expert-slider .owl-dots{
		display:block; 
	}
	.expert-slider .team-img, .expert-slider .team-detils{
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		width: 100%;
		max-width: 100%;
	}
	.expert-slider .team-detils{
		padding:30px 0px 0px; 
	}
	
	
	.pre-sale-timer.style-2{
	    padding: 30px 5px;
	}
	img.play-btn-img{
		/*display: none;*/
		margin: 0 0 15px;
		display: table;
		float: none;
	}
	.single-post .sidebar{
		margin-top: 50px;
	}
	.watch-link {
	    margin: 30px auto 0;
	}
	.sale-chart-view{
		display: table;
		width: 100%;
		margin-bottom: 15px;
	}
	.doughnut .chart-legend li .doughnut-legend-text, .doughnut .chart-legend li .line-legend-text{
		font-size:16px; 
	}
	.about-section.c-l::before {
	    height: 250px;
    	right: 0;
    	width: 100%;
    	top: 0;
	}
	.carbon-layout .about-left{
		padding-left:15px;
		padding-top:30px;  
	}
	.token-sale-left {
	   -ms-flex: 0 0 100%;
    	flex: 0 0 100%;
    	max-width: 100%;
    	padding: 0px 30px;
	}
	.token-sale-right {
    	-ms-flex: 0 0 100%;
    	flex: 0 0 100%;
    	max-width: 100%;
    	padding: 0px 30px;
 	}
 	.token-allocation-box .sale-list{
 		width:49%;
 		text-align:center; 
 	}
 	.token-allocation-box .sale-list:last-child{
 		width:100%; 
 	}
 	.roadmap-item:nth-child(2n+1) .roadmap-day{
 		left: 0; 
 		right: auto;
		text-align: left;
		margin-left: 40px;
		margin-right: 0;
		top: 0;
 	}
 	.mercury-roadmap .roadmap-item .roadmap-day{
 		top: 42px;
 		margin-right: 0px;
 		margin-left: 0px;
 		left: 50%;
 	}
 	.mercury-roadmap .roadmap-item .roadmap-text{
 		text-align: center;
 	}
 	.c-l .roadmap-text{
 		text-align:left;
 	}
 	.c-l .roadmap-item:nth-child(2n+1) .roadmap-text{
 		width: 100%;
 	}
 	.roadmap-item .roadmap-day{
 		top:0;
 		left:0;  
 		margin-left:40px; 
 	}
 	.c-l .roadmap-item .roadmap-text::before{
 		top: 0;
		right: auto;
		left:-2px; 
 	}
 	.c-l .roadmap-item{
 		margin-bottom: 50px;
 	}
 	.roadmap-item:nth-child(2n+1) .roadmap-day::after{
 		width: 0;
		height: 0;
		border-top: 8px solid transparent;
		border-right: 13px solid var(--primary-color);
		border-left:none;
		border-bottom: 8px solid transparent;
		content: "";
		display: block;
		position: absolute;
		top: 50%;
		left: -13px;
		margin-top: -8px;
 	}
 	.c-l .roadmap-item:nth-child(2n+1) .roadmap-text::before {
	    left:-2px;
    	right: auto;
	}
	.footer-3 .footer-box-2, .footer-3 .footer-box-3 {
	    padding-top: 30px;
	}
	.c-l .col{
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
		margin-bottom:30px; 
	}
	.carbon-layout  .hero-btns a + a.btn{
		margin-top:0; 
	}
	.carbon-layout .hero-main .row > div {
	    order: 2;
	}
	.carbon-layout .hero-main .row > div + div {
	    order: 1;
	}
	.animation-circle-main{
		top: 0;
		transform: none;
		margin: auto;
		position:relative;
		margin-top: -70px;
	}
	.current-prices .item{
		max-width: 420px;
		margin: 0 auto 15px;
		flex:0 0 100%;
	}
	.convertor-widget .current-ico{
		margin: 0 0 -45px 0;
		width: 100%;
		text-align: center; 
	}
	.currency-calulator {
	    padding:65px 15px 20px 20px;
	    margin-left: 0;
	    max-width: 390px;
		margin: auto;
	}
	.mercury-layout .currency-calulator{
		max-width: 100%;
	}
	.mercury-layout .cryptonatorwidget td:first-child {
	    width: calc(100% - 200px) !important;
	}
	.mercury-layout .cryptonatorwidget td:last-child{
		width: 200px !important;
	}
	.token-sale .button-wrapper {
	    text-align: center;
    	margin-bottom: 30px;
	}
	.token-sale .button-wrapper .btn{
		min-width: inherit;
	}
	.horizontal-roadmap .roadmap-item{
		line-height: 28px;
		font-size: 15px;
	}
	.horizontal-roadmap .roadmap-item .roadmap-text{
		padding: 30px 15px 0px;
		text-align:center;
	}
	.horizontal-roadmap .roadmap-item.even .roadmap-text{
		padding: 0px 15px 30px;
		text-align:center;
	}
	.horizontal-roadmap .roadmap-item .roadmap-day{
		text-align: center;
		margin-left: 0;
	}
	.team-box{
		margin: 15px auto;
		max-width: 320px;
	}
	.diamond-layout.team-section::before {
	    height: 163px;
	}
	.partner-logo-grid .item{
		flex: 0 0 50%;
		max-width: 50%;
	}
	.partner-logo-grid .item:nth-child(2n + 1){
		border-left: 0px;
	}
	.partner-logo-grid:last-child .item{
		border-bottom:1px solid rgba(255,255,255,0.2);
	}
	.partner-logo-grid:last-child .item:nth-child(3), .partner-logo-grid:last-child .item:last-child{
		border-bottom:0px;
	}
	.diamond-footer ul.horizontal-menu{
		text-align: center;
		margin-bottom:15px; 
	}
	.copy-text {
	    text-align: center;
	}
	.footer-widget-area .widget-area{
		margin:15px 0px; 
	}
	.diamond-footer .widget-area{
		text-align:center; 
	}
	.contact-info ul li{
		display: table;
		margin: 10px auto 10px;
	}
	.diamond-layout .token-allocation-box .row:last-child .sale-list{
		width: 100%;
	}
	.mobile-hidden{
		display:none; 
	}
	.mobile-visible{
		display: block;
	}
	.icon-box.contact-details{
		padding:15px 30px; 
	}
	.form-block.style-2{
		padding: 50px 30px;
	}
	.video-section{
		padding:60px 0px; 
	}
	.mobile-center{
		text-align:center; 
	}
	.platinum-footer .footer-widget-area .widget-area{
		margin-bottom: 20px;
	}
	.exchange-list{/*change by me*/
		/*flex-wrap:wrap;*/ 
		justify-content: center;
    flex-direction: column;
    align-items: center;
    padding-left: 58px;
	}
	.exchange-list .item{
		flex: 0 0 50%;
		max-width: 50%;
		padding: 10px 0 10px 0;
		margin-top:15px;
		margin-bottom:15px;
		left: -63px;
	}
	.exchange-list .item:nth-child(2n)::after{
		display:none; 
	}
	header .col-sm-6{
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
		padding-right: 15px;
		padding-left: 15px;
	}
	.platinum-move-4{
		right: -20px;
	}
	.platinum-move-5{
		left: -20px;
	}
	.video-section .play-button{
		margin:0px auto;
	}
	.video-section img{
		position:absolute; 
	}
	.token-pricing-section{
		padding-top:60px; 
	}
	.token-pricing-section .section-heading {
	    margin: 0 0 60px;
	}
	.token-pricing-section::before, .token-pricing-section::after  {
		top: 0;
		transform: none;
	}
	.iphone-img{
		padding-bottom:30px; 
	}
	.main-circle-one, .allocation-list-point{
		width: 320px;
		height: 320px;
	}
	.main-circle-one::before {
    	width: 200px;
    	height: 200px;
    }
	.main-circle-one::after {
	    width: 260px;
	    height: 260px;
	}
	.allocation-list-point li:nth-child(3) .point {
	    height: 60px;
	    width: 60px;
	    top: -30px;
	    left: -30px;
	}
	.allocation-list-point li:nth-child(4) .point {
	    height: 50px;
	    width: 50px;
	    top: -25px;
	    left: -25px;
	}
	.allocation-list-point li:nth-child(5) .point {
	    height: 36px;
	    width: 36px;
	    top: -18px;
	    left: -18px;
	}
	.allocation-list-point li:nth-child(2) .point {
	    height:68px;
	    width: 68px;
	    top:-34px;
	    left:-34px;
	}
	.mercury-animation{
		padding-bottom:30px; 
	}
	#earth-box-cover::before{
		width: 320px;
		height: 320px;
	}
	#earth-box, #earth-box span{
		width: 240px;
		height: 240px;
	}
	#earth-box-cover{
		margin: auto;
		display: table;
		width: 320px;
		height: 320px;
	}
	#earth-box-cover .earth-icons .icon-1{
		width: 20px;
		height: 36px;
		top: 107px;
		left: 58px;
	}
	#earth-box-cover .earth-icons .icon-2{
		width: 12px;
		height: 30px;
		top: 168px;
		right: 46px;
	}
	#earth-box-cover .earth-icons .icon-3{
		top: 92px;
		right: 101px;
		width: 19px;
		height: 20px;
	}
	#earth-box-cover .earth-icons .icon-4{
		top: 63px;
		left: 105px;
		width: 14px;
		height: 17px;
	}
	#earth-box-cover .earth-icons .icon-5{
		top: 25px;
		right: 124px;
		width: 17px;
		height: 22px;
	}
	#earth-box-cover .earth-icons .icon-6{
		width: 10px;
		height: 14px;
		top: 77px;
		right: 78px;
	}
	#earth-box-cover .earth-icons .icon-7{
		width: 34px;
		height: 34px;
		top: 196px;
		left: 117px;
	}
	.visible.about-mercury-animation .mercury-base{
		min-width:400px;
	}
	.about-mercury-animation{
		min-height:320px;
	}
	.token-pricing-section .section-heading span{
		padding-left: 0;
		margin-bottom: 15px;
	}
	#HeartLine{
		left: -160px;
		top: 20px;
	}
	.footer-3 .copyrights.style-1{
		margin-top: 0;
	}
	@-webkit-keyframes coinanimation {
		0% {
		-webkit-transform: translateY(300%) rotate(0deg);
		}
		50% {
		-webkit-transform: translateY(0%) rotate(360deg);
		}
		100% {
		-webkit-transform: translateY(-180%) rotate(720deg);
		}
	}
	@-webkit-keyframes coinanimationtwo {
		0% {
		-webkit-transform: translateY(300%) rotate(0deg);
		}
		50% {
		-webkit-transform: translateY(0%) rotate(-360deg);
		}
		100% {
		-webkit-transform: translateY(-180%) rotate(-720deg);
		}
	}
 }
 @media only screen and (max-width: 479px) {

	.menu-icon {
		height: 30px;
		width: 30px;
		
	}

	nav ul .for-flex .nav-btn a{
		width: 100%;
		text-align: center;
	}

	.about-section,
 	.token-sale,
 	.roadmap-sec,
 	.team-section,
 	.blog-section,
 	footer {
 		padding: 40px 0;
 	}

	 .platinum-footer .footer-widget-area .footer_heading{
		margin-bottom: 15px;
	}



	.newsletter form{
		display: block;
	}

	
 	.blog-list-img {
 		margin-right: 10px;
 		min-width: 120px;
 	}
 	.blog-list h4 {
 		font-size: 14px;
 		margin-top: 5px;
 		line-height: normal;
 	}
 	.team-member .team {
 		width: 100%;
 	}
 	.hero-left .hero-btns a + a{
 		margin:15px 0px 0px;
 	}
 	img.play-btn-img{
 		margin:0 auto;
 		display:table;
 		float: none;  
 	}
	main{
		padding-bottom: 0 !important;
	}
 	/*img.play-btn-img{
		display: none;
	}*/
 	.benefits-boxes .item .bf-image, .benefits-boxes .item .bf-details{
 		display: block;
 		text-align: center;
 	}
 	.benefits-boxes .item .bf-image{
 		margin-bottom:15px; 
 		padding:0px;
 		text-align: center; 
 	}
 	.footer-2 .sec-title h4{
		font-size: 24px;
	}
	.newsletter .input input{
		padding: 10px 15px 10px 15px;
	}
	.newsletter .input i{
		display:none;
	}
	.team-section .row .col{
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.team .team-inner img{
		height: auto;
		max-height: inherit;
	}
	.home_faq .New___contin h2{
		font-size: 20px;
	}
	.home_faq .New___contin p {
		font-size: 12px;
		font-weight: 300;
		line-height: 17px;
	}
	.newsletter .input{
		width: calc(100% - 100px);
	}
	.team-section .row .col{
		max-width: 300px;
		width: 100%;
		margin: 15px auto;
		display: table;
	}
	.carbon-layout .hero-btns a, .carbon-layout .hero-btns a + a.btn{
		margin-top:10px;
	}
	.tab-section .nav-tabs{
		border-bottom:0px; 
	}
	.tab-section .nav-tabs .nav-item{
		width: 100%;
		margin:0;
		border-bottom: 1px solid #dee2e6;
	}
	.cryptonatorwidget td:first-child, .cryptonatorwidget td:last-child{
		width: 100% !important;
	}
	.diamond-layout .token-allocation-box h3{
		font-size: 24px;
	}
	.token-sale .button-wrapper{
		display: table;
		margin:0px auto 30px; 
	}
	.button-wrapper a + a{
		display:table;
		margin-left:0;
		margin-top:10px;  
	}
	.main .mobile-center .hero-btns{
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column-reverse;
	}
	.main .mobile-center p{
		font-size: 13px;
	}
	.main .mobile-center{
		margin: 0 !important;
	}
	.main .mobile-center h1{
		font-size: 24px;
	}
	.form-block.style-2{
		padding:30px 15px;
	}
	.platinum-footer .newsletter input[type="email"]{
		width: 100%;
		margin-bottom:15px; 
	}
	.faq-section .tab-section .nav-tabs .nav-item{
		flex-basis: auto;
		flex-grow: 0;
	}
	.token-allocation-box.style-4{
		padding:30px 15px;
	}
	.currency-form .postpend.form-control{
		max-width: 120px;
	}
	.platinum-layout.hero-main .hero-btns .btn + .btn{
		margin-left:0; 
	}
	.video-section .play-button a{
		background-size: 100px 100px;
		height: 120px;
		width: 120px;
	}
	.mercury-layout .cryptonatorwidget td:first-child {
	    width:100% !important;
	}
	.mercury-layout .cryptonatorwidget td:last-child{
		width:100% !important;
	}
 }

 @media only screen and (max-width:580px){
	.platinum-footer .footer-widget-area .widget-area {
		flex-basis: 100%;
	}

	.platinum-footer .widget-area .widget-html img{
		height: 40px;
		width: auto;
	}

	
 }
@media only screen and (max-height:766px) {
	
	.hero-main{
		min-height:100vh;
		height:auto; 
	}
	.pre-sale-timer{
		margin-bottom: -60px;
		padding: 30px;
		
	}
	.pre-sale-timer > div{
		vertical-align:top; 
	}
	.pre-sale-timer.style-2{
		margin-bottom:0px;
	}
	
 }