@media(max-width: 1200px) {
	.container {
		max-width: 1140px;
	}
}

@media(max-width: 1199px) {

	.ptb-100 {
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.pb-65 {
		padding-bottom: 50px;
	}

	.pb-80 {
		padding-bottom: 50px;
	}

	.pt-100 {
		padding-top: 40px;
	}

	.pb-55 {
		padding-bottom: 35px;
	}

	.pb-100 {
		padding-bottom: 60px;
	}

	/*----- Home Page -----*/
	.menu ul li {
		padding: 0px 15px;
	}

	.menu ul li a {
		font-size: 14px;
	}

	.signin {
		margin-left: 20px;
	}

	.signin .btn {
		padding: 9px 20px;
	}

	.home-banner {
		padding: 190px 0px 110px 0px;
	}

	/*----- Home Page Tow -----*/
	.coins-counter-loop li {
		padding: 0px 15px;
	}

	.coins-counter-loop li span {
		width: 65px;
		height: 65px;
		line-height: 65px;
		font-size: 30px;
	}

	.coins-counter-loop li:before {
		top: 25px;
	}

	.coins-counter-loop li:after {
		top: 37px;
	}

	.feature-part-2 {
		padding-bottom: 50px;
	}

	.feature-box-2 .frontend,
	.feature-box-2 .backend {
		padding: 30px;
	}

	.faq-part-2 .faq-tab {
		padding: 30px 30px;
	}

	/*----- Roadmap Page -----*/
	.roadmap-main-content {
		max-width: 347px;
	}

	.roadmap-content-box {
		margin-bottom: 100px;
	}

	/*----- Token Sale Page -----*/
	.token-sale-counter .coins-counter-loop li {
		padding: 0px 15px;
	}

	.token-sale-counter .coins-counter-loop li span {
		font-size: 40px;
		line-height: 40px;
	}

	.token-sale-counter .coins-counter-loop li:after {
		top: 25px;
	}
	.contact-faq {
	    padding-bottom: 40px;
	}
	.about-text .quote {
	    margin-left: unset;
	}

}

@media(min-width: 992px) {

	/*----- Menu Hover -----*/
	.menu .active a {
		color: #16d5ff;
	}
	.menu>ul>li:hover>a:before {
		width: 100%;
	}

	.menu ul li:hover.mega-menu:before {
		transform: rotate(180deg);
	}

	.menu ul li:hover>ul {
		top: 48px;
		visibility: visible;
		opacity: 1;
	}

	.menu ul li:hover>ul ul {
		top: 31px;
		visibility: hidden;
		opacity: 0;
	}

	.menu ul ul li:hover ul {
		top: 0px;
		visibility: visible;
		opacity: 1;
	}

	.menu ul ul li:hover>a {
		padding-left: 30px;
	}

	.menu ul ul li:hover>a:before {
		width: 5px;
	}

	/*----- Menu Hover End-----*/

	/*----- Mega Menu -----*/
	.menu ul ul {
		position: absolute;
		left: 6px;
		min-width: 250px;
		text-align: left;
		z-index: 1;
		top: 70px;
		visibility: hidden;
		opacity: 0;
		box-shadow: 0px 0px 10px 1px rgb(0, 0, 0, .1);
		border-radius: 5px;
	}

	.menu ul ul li {
		display: block;
		padding: 0;
	}

	.menu ul ul li a {
		display: block;
		padding: 8px 20px;
		border-bottom: 1px solid;
		text-transform: unset;
		font-size: 15px;
	}

	.menu ul ul li a:before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 0px;
		height: 100%;
		transition: all 400ms ease;
	}

	.menu ul li:last-child a {
		border-bottom: 0;
	}

	.menu ul ul ul {
		left: 100%;
		top: 0;
	}

	.mega-menu:before {
		content: "\f107";
		font-family: fontawesome;
		position: absolute;
		right: 0;
		transition: all 400ms ease;
		font-size: 20px;
	}

	.menu ul ul li.mega-menu:before {
		top: 8px;
	}

	/*----- Mega Menu End-----*/
}
@media(max-width: 1024px) {
    .container {
        max-width: 1000px;
    }
    .post_body p {
        display: none;
    }
    .post_list_sm .post_heading {
        font-size: 14px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }
}
@media(max-width: 991px) {
	.container {
		max-width: 900px;
	}

	.ptb-100 {
		padding-top: 60px;
		padding-bottom: 60px;
	}

	.pb-65 {
		padding-bottom: 35px;
	}

	.pt-100 {
		padding-top: 60px;
	}

	.pb-80 {
		padding-bottom: 30px;
	}

	.pr-75 {
		padding-right: 25px;
	}

	.mb-r-30 {
		margin-bottom: 30px;
	}

	.justify-center-r {
		justify-content: center;
		display: flex;
	}

	.owl-dots {
		padding-top: 30px;
	}

	.order-r-1 {
		order: 1;
	}

	.order-r-2 {
		order: 2;
	}

	.heading-title {
		font-size: 35px;
		padding-bottom: 10px;
	}

	.heading-title-2 {
		font-size: 35px;
	}

	.sub-heading-2 {
		font-size: 20px;
	}

	/*----- Home Page -----*/
	header {
		padding: 20px 0px;
	}

	.menu {
		display: none;
		position: fixed;
		top: 85px;
		left: 0;
		width: 100%;
		height: calc(100% - 65px);
		box-shadow: 0px 0px 10px 1px rgb(0 0 0 / 30%);
		overflow-y: auto;
		background: rgba(0, 0, 0, 0.5);
	}

	header.fixed .menu {
		top: 85px;
		height: calc(100% - 54px);
	}

	.menu>ul {
		display: block !important;
		text-align: left;
		padding-top: 10px;
	}

	.menu ul li {
		display: block;
		padding: 0;
		border-bottom: 1px solid #f2f8fe;
	}

	.opener {
		display: block;
	}

	.menu-toggle {
		display: block;
		right: 13px;
	}

	.mega-menu:before {
		content: unset;
	}

	.menu ul li a {
		padding: 8px 15px;
		display: block;
	}

	.signin {
		display: block !important;
		text-align: left;
		margin: 0;
	}

	.signin .btn {
		border: 0;
		padding: 8px 15px;
		border-bottom: 1px solid #f2f8fe;
		display: block;
		text-align: left;
		border-radius: 0;
		font-size: 14px;
	}

	.menu ul ul {
		padding-top: 0;
		padding-left: 20px;
		display: none;
		transition: unset;
	}

	.menu ul ul li {
		border: 0;
	}

	.menu ul ul li a {
		border-bottom: 0 !important;
		text-transform: unset;
	}

	.home-banner {
		padding: 160px 0px 100px 0px;
	}

	.banner-heading {
		font-size: 35px;
	}

	.work-process-title {
		font-size: 25px;
	}

	.work-box img {
		max-width: 305px;
		display: block;
		margin: 0px auto;
	}

	.feature-part {
		padding-bottom: 30px;
	}

	.feature-contain {
		padding-top: 14px;
	}

	.feature-title {
		font-size: 20px;
	}

	.team-part {
		padding-bottom: 15px;
	}

	.team-img {
		width: 125px;
		height: 125px;
	}

	.team-des {
		width: calc(100% - 125px);
	}

	.token-sale .heading-des {
		max-width: unset;
	}

	.ico-apps .heading-des {
		max-width: 100%;
	}

	/*----- Home Page Tow -----*/
	.banner-heading-tow {
		font-size: 35px;
	}

	.coin-counter {
		border-radius: 40px;
		padding: 20px;
	}

	.coins-counter-loop li {
		padding: 0px 12px;
	}

	.coins-counter-loop li span {
		width: 48px;
		height: 48px;
		line-height: 48px;
		font-size: 24px;
	}

	.coins-counter-loop li .coin-day {
		font-size: 12px;
	}

	.coins-counter-loop li:before {
		top: 17px;
	}

	.coins-counter-loop li:after {
		top: 27px;
	}

	.coins-counter-loop {
		padding-bottom: 20px;
	}

	.coins-progress {
		margin-bottom: 30px;
	}

	.roadmap-des {
		padding: 0px 10px;
	}

	.ico-apps-2 .heading-des {
		max-width: 100%;
	}

	.ico-apps-2 .ico-apps-img {
		margin-top: 30px;
	}

	/*----- About Page -----*/
	.sub-page-banner {
		padding-top: 120px;
		padding-bottom: 80px;
	}

	.about-main .work-process-title {
		max-width: 100%;
	}

	.about-main .work-des {
		max-width: 100%;
	}

	/*----- Blog List Page -----*/
	.blog-search {
		margin-top: 50px;
	}

	/*----- Blog Detail Page -----*/
	.blog-detail-tag ul li a {
		padding: 8px 20px;
	}

	/*----- Roadmap Page -----*/
	.roadmap-main-content {
		max-width: 300px;
		padding: 10px 15px;
	}

	.roadmap-main-content:before {
		width: 45px;
		left: -45px;
	}

	.roadmap-content-box:nth-child(2n + 0) .roadmap-main-content:before {
		right: -45px;
	}

	.roadmap-small-round {
		width: 24px;
		height: 24px;
		left: -57px;
	}

	.roadmap-small-round:before {
		width: 13px;
		height: 13px;
	}

	.roadmap-content-box:nth-child(2n + 0) .roadmap-small-round {
		right: -57px;
	}

	/*----- Contact Page -----*/
	.contact-form .blog-comment-heading {
		font-size: 25px;
	}

	.contact-map #map {
		width: 100%;
		height: 350px;
	}

	/*----- Token Sale Page -----*/
	.token-sale-counter {
		margin-bottom: 30px;
	}

	/*----- Footer -----*/
	footer.bg-pattern {
		padding-bottom: 30px;
	}

	.footer {
		padding-bottom: 30px;
	}

	.subscribe {
		padding-top: 30px;
	}

	.copyright {
		padding-top: 30px;
	}

	.copyright p {
		text-align: center;
	}

	.copyright ul {
		text-align: center;
		margin-top: 20px;
	}
	.calculate-box select, .calculate-box input {
	    text-align: left !important;
	}
	.page-banner {
        width: 100%;
    }
}
@media(max-width: 820px) {
    .container {
        max-width: 760px;
    }
    .play-button {
        margin-left: 20px;
    }
}

@media(max-width: 767px) {
	.btn {
		padding: 15px;
	}

	.ptb-100 {
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.pt-100 {
		padding-top: 40px;
	}

	.pb-45 {
		padding-bottom: 40px;
	}

	.heading-title {
		font-size: 25px;
	}

	.section-heading {
		display: block;
	}

	.heading-title-2 {
		font-size: 30px;
		padding-bottom: 10px;
	}

	.sub-heading-2 {
		font-size: 18px;
	}

	/*----- Home Page -----*/
	.logo {
		max-width: 120px;
	}

	.home-banner {
		padding: 120px 0px 50px 0px;
	}

	.banner-contain {
		text-align: center;
		margin-bottom: 30px;
	}

	.banner-heading {
		font-size: 30px;
	}

	.work-process-title {
		font-size: 20px;
	}

	.work-process-title {
		margin-top: 30px;
	}

	.feature-part {
		padding-bottom: 10px;
	}

	.feature-box {
		max-width: 100%;
		text-align: center;
	}

	.team-part {
		padding-bottom: 0px;
	}

	.team-box {
		display: inline-block;
		width: 100%;
		text-align: center;
	}

	.team-img {
		margin: 0 auto;
		float: unset;
		margin-bottom: 10px;
	}

	.team-des {
		width: 100%;
		padding-left: 0;
	}

	.faq-part .nav-tab li {
		margin-bottom: 20px;
	}

	.work-box img {
		max-width: 90%;
	}

	/*----- Home Page Tow -----*/
	.home-banner-2 {
		padding-top: 30px;
		min-height: 710px;
	}

	.banner-tow-content {
		text-align: center;
		margin-bottom: 30px;
	}

	.coin-counter {
		float: unset;
	}

	.banner-heading-tow {
		font-size: 30px;
	}

	.coins-counter-loop li {
		padding: 0px 9px;
	}

	.coins-counter-loop li span {
		width: 45px;
		height: 45px;
		line-height: 45px;
		font-size: 20px;
	}

	.coins-counter-loop li .coin-day {
		font-size: 11px;
	}

	.coin-start {
		font-size: 18px;
		padding-bottom: 10px;
	}

	.coin-head {
		margin-bottom: 15px;
	}

	.coins-progress {
		height: 10px;
	}

	.about-img {
		margin-bottom: 15px;
	}

	.feature-box-2 .frontend,
	.feature-box-2 .backend {
		padding: 15px;
	}

	.feature-part-2 {
		padding-bottom: 10px;
	}

	.roadmap-part .main-roadmap {
		margin-top: 40px;
	}

	.listtopie-svg {
		width: 351px;
		height: 351px;
		-webkit-transform-origin: unset !important;
	}

	.token-graph-right {
		height: 351px;
	}

	.listtopie-initialized {
		display: flex;
		justify-content: center;
	}

	.token-sale-2 .token-graphic-detail {
		padding-left: 0;
	}

	.graph-logo img {
		max-width: 95px;
	}

	.faq-part-2 .Frequently-tabs li {
		padding: 0px 5px;
		margin-bottom: 10px;
	}

	.faq-part-2 .Frequently-tabs li a {
		padding: 5px 10px;
	}

	.Frequently-tabs {
		padding-bottom: 20px;
	}

	.faq-part-2 .faq-tab {
		padding: 15px 15px;
	}

	.accordion-faq-title {
		padding: 12px 42px 12px 20px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		font-size: 16px;
	}

	.accordion-faq-content {
		padding: 12px 20px;
		padding-top: 0;
	}

	.accordion-faq-title:before {
		right: 27px;
	}

	.accordion-faq-title:after {
		right: 20px;
	}

	/*----- About Page -----*/
	.sub-page-banner {
		padding-top: 100px;
		padding-bottom: 60px;
	}

	.sub-banner-title {
		font-size: 30px;
	}

	.sub-page-banner ul li {
		font-size: 14px;
		padding: 0px 15px;
	}

	.play-icon span {
		width: 70px;
		height: 70px;
		line-height: 50px;
		border: 10px solid;
		font-size: 25px;
		padding-left: 4px;
	}

	.about-main .work-process-title {
		margin-top: 0;
	}

	/*----- Blog List Page -----*/
	.blog-list-title {
		font-size: 20px;
	}

	/*----- Blog Detail Page -----*/
	.blog-detail-content h2 {
		font-size: 22px;
	}

	.blog-detail-content blockquote {
		padding: 20px 20px;
	}

	.blog-detail-tag ul {
		display: block;
		padding-left: 0;
		margin-top: 5px;
	}

	.blog-detail-tag ul li a {
		padding: 8px 18px;
	}

	.blog-detail-social {
		text-align: left !important;
		margin-top: 20px;
	}

	.blog-comment-box li {
		display: inline-block;
	}

	.comment-user {
		width: 50px;
	}

	.blog-comment-content {
		width: calc(100% - 50px);
	}

	.blog-detail-tag-social {
		padding-bottom: 20px;
		margin-bottom: 20px;
	}

	.blog-comment-post-singel {
		padding-bottom: 0px;
		margin-bottom: 20px;
	}

	.blog-comment-post-singel .blog-comment-box li {
		margin-bottom: 20px;
	}

	.blog-comment-heading {
		font-size: 20px;
	}

	.commenter {
		font-size: 16px;
	}

	.comment-reply {
		position: unset;
		margin-top: 10px;
	}

	/*----- Roadmap Page -----*/
	.roadmap-main-graph {
		display: none;
	}

	.roadmap-main .main-roadmap {
		display: block;
	}

	/*----- Contact Page -----*/
	.contact-form .blog-comment-heading {
		padding-top: 30px;
	}

	/*----- Token Sale Page -----*/
	.distribution-title {
		padding-bottom: 20px;
	}

	.token-distribut {
		padding-bottom: 40px;
	}

	.col-md-6:last-child .token-distribut {
		padding-bottom: 0;
	}

	.token-sale-counter {
		padding: 15px;
	}

	/*----- Footer -----*/
	.footer-icon {
		margin-bottom: 30px;
	}

	.footer-link {
		margin-bottom: 20px;
	}

	.subscribe {
		padding-top: 0;
	}

	.calculate-box select, .calculate-box input {
        margin-bottom: 20px !important;
    }
    .selection-box:after {
        height: calc(100% - 21px);
    }
    .banner-des {
        text-align: center;
    }
    .heading-des {
        width: 100%;
    }
    .container {
        padding-left: 20px;
        padding-right: 20px;
    }
    .calculation {
        padding: 30px;
    }
    .selection-box:before {
        top: 40%;
    }
    .about-info {
        padding-bottom: 30px;
    }
    .footer {
        padding-bottom: 0;
    }
}

@media(max-width: 480px) {

	/*----- Token Sale Page -----*/
	.token-sale-counter .coins-counter-loop li {
		padding: 0px 6px;
	}

	.token-sale-counter .coins-counter-loop li span {
		font-size: 20px;
		line-height: 20px;
	}

	.token-sale-counter .coins-counter-loop li .coin-day {
		font-size: 14px;
		padding-top: 3px;
	}

	.information-token li {
		margin: 15px 0px;
		text-align: center;
	}

	.information-token li label {
		width: 100%;
	}

	.information-token li span {
		float: unset;
		width: 100%;
	}
    .about-text .quote {
        text-align: left;
    }
    .buySell_content .form-group {
        display: block;
    }  
    .buySell_content .form-content {
        padding: 30px;
    }
    .control-label {
        text-align: left;
    }
    .buy-sell-form-btn {
        text-align: left;
    }
    .blog_wrapper {
        padding: 40px 0 0;
    }
    .post_list_lg .post_heading, .post_list_md .post_heading {
        font-size: 17px;
    }
}

@media(max-width: 375px) {

	/*----- Home Page -----*/
	.listtopie-svg {
		width: 280px;
		height: 280px;
	}

	.token-graph-right {
		height: 300px;
	}

	.listtopie-initialized {
		display: flex;
		justify-content: center;
	}
}
@media(min-width: 991px) {
    nav.navbar.bootsnav.navbar-transparent {
        background-color: transparent;
        border-bottom: 1px solid rgba(255, 255, 255, .2);
    }
}