/*****************************************************************
    Template Name    : Crypto - Cryptocurrency ICO & Bitcoin Website Template
    Author           : Barakah Themes
    Version          : 1.0
    Created          : 2022
    File Description : Main Responsive file of the template
*****************************************************************/

@media only screen and (max-width: 767px) {

	.section-title h2 { font-size: 30px; }

	.section-title h3 { font-size: 26px; margin: 5px 0 0 0; }

	.default-btn-one { margin-right: 0; }

	.other-option { display: none; }

	.dropdown.language-option { display: none; }
	.navbar-area { -webkit-box-shadow: 0 5px 40px 0 rgba(0, 0, 0, 0.11); box-shadow: 0 5px 40px 0 rgba(0, 0, 0, 0.11); }

	.navbar-area.is-sticky .crypto-responsive-nav .mean-container a.meanmenu-reveal { padding-top: 6px; color: #000000; }

	.navbar-area.is-sticky .crypto-responsive-nav .mean-container a.meanmenu-reveal span { background: #000000; }

	.mean-container .mean-nav { margin-top: 43px; }

	.crypto-responsive-nav .mean-container a.meanmenu-reveal { padding-top: 8px; color: #fff; }

	.crypto-responsive-nav.index-navber-responsive .mean-container a.meanmenu-reveal span { background: #333; }
	.crypto-responsive-nav .mean-container a.meanmenu-reveal span { background: #fff; }

	.main-banner-content { text-align: center; padding-top: 50px; }

	.main-banner-content h1 { font-size: 32px; margin: 0 0 18px 0; }

	.main-banner-content .banner-btn { margin-top: 20px; }

	.home-area { height: 100%; padding-top: 150px; padding-bottom: 100px; background-position: 60%; }
	.box-loader span { display: none; }
	.about-content { margin-right: 0; }

	.about-content-text h2 { font-size: 25px; }
	.about-image { text-align: center; margin-top: 35px; }

	.feature-single-item { margin: 15px 0; }
	.box-loader span { display: none; }
	.single-process-box { margin: 15px 0; }
	.document-single-item { margin: 15px 0; }
	.token-count-box { margin-top: 35px; }
	.download-image { margin-bottom: 35px; }
	.about-image img { box-shadow: none; }
	.blog-image img { width: 100%; }

	.blog-item .single-blog-item { padding: 20px 16px; }

	.blog-item .single-blog-item .blog-content h3 { font-size: 20px; }

	.blog-item .single-blog-item .blog-list li { font-size: 12px; margin-right: 8px; }

	.blog-item .single-blog-item .blog-list i::before { font-size: 12px; }

	.partner-title { margin-bottom: 30px; }

	.partner-title span { font-size: 15px; }

	.partner-title h3 { font-size: 26px; margin: 5px 0 0 0; }

	.newsletter-form button { position: relative; margin-top: 25px; border-radius: 5px; }

	.single-counter { padding: 15px 0; }

	.page-title-area { height: 300px; }

	.page-title-content h2 { font-size: 35px; }

	.page-title-content ul { margin-top: 6px; }
	.pricing-content { padding: 45px 15px; }
	.services-details-overview { margin-bottom: 0; }

	.services-details-image { margin-top: 20px; margin-bottom: 20px; }

	.woocommerce-result-count { margin-bottom: 20px; }

	.pagination-area { margin-top: 0; }

	.pagination-area .page-numbers { width: 40px; height: 40px; margin: 0px 1px; line-height: 40px; font-size: 15px; }

	.text-right { text-align: center !important; margin-top: 10px; }

	.coming-soon-area { height: 100%; padding-top: 160px; padding-bottom: 150px; }

	.coming-soon-content h1 { margin-bottom: 10px; font-size: 30px; }

	.coming-soon-content #timer div { margin-bottom: 30px; }

	.widget-area .widget_crypto_posts_thumb .item .info .title { font-size: 16px; }

	.widget-area .widget_search { -webkit-box-shadow: unset; box-shadow: unset; padding: 0; }

	.widget-area .widget_search form.search-top { margin-top: 40px; }

	.widget-area .widget_search form.search-bottom { margin-top: 0; }

	.tagcloud.section-top { margin-bottom: 30px; }

	.tagcloud.section-bottom { margin-bottom: 0; }

	.blog-details-desc .article-content h3 { font-size: 20px; }
	.comments-area .comment-respond .comment-form-author { float: left; width: 100%; padding-right: 0px; }
	.comments-area .comment-respond .comment-form-email { float: left; width: 100%; padding-left: 0px; }
	blockquote, .blockquote { padding: 18px !important; }

	blockquote p, .blockquote p { font-size: 16px !important; }

	.single-footer-widget { padding: 15px 0; }

	.single-footer-widget .footer-heading { margin-bottom: 20px; }

	.single-footer-widget .footer-heading h2 { font-size: 22px; }

	.single-footer-widget .footer-social { margin-bottom: 20px; }

	.footer-quick-links li:last-child { padding-bottom: 25px; }

	.copyright-area { text-align: center; }

	.copyright-area ul { text-align: center; }
	.slider .parallax-slider .caption { text-align: left; padding-top: 0px; }
	.project-area .project-list .nav li { margin: 10px 5px; }
	.blog-details-desc .article-content .wp-block-gallery.columns-3 li { -ms-flex: 0 0 100%; -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; padding-right: 10px; padding-left: 10px; margin-bottom: 20px; }
	.blog-details-desc .article-content .wp-block-gallery.columns-3 li:last-child { margin-bottom: 0px; }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {

	.footer-quick-links li:last-child { padding-bottom: 0; }

	.project-image img { width: 100%; }

	.text-right { margin-top: 0; }

	.home-area { height: 100%; padding-top: 150px; padding-bottom: 100px; background-position: center; }
}

@media only screen and (min-width: 0px) and (max-width: 479px) {
	.page-title-content h2 { font-size: 28px; }
	.banner-btn .default-btn-one { margin-bottom: 10px; }

	.blog-details-desc .article-footer .article-tags { -ms-flex: 0 0 100%; -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; margin-bottom: 25px; }
	.blog-details-desc .article-footer .article-share { -ms-flex: 0 0 100%; -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; }
	.blog-details-desc .article-footer .article-share .social { text-align: left; }
	.comments-area .comment-list .children { padding-left: 0; }
	.comments-area { padding: 0; box-shadow: none; }
	.newsletter-form button { position: relative; margin-top: 25px; border-radius: 5px; display: block; width: 100%; }
	.about-content { margin-right: 0; }
	.about-content-text h2 { font-size: 25px; }

	.faq-accordion .accordion .accordion-item .accordion-title { font-size: 15px; padding: 25px 0; padding-right: 35px; }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.section-title span { font-size: 15px; }

	.section-title h3 { font-size: 26px; margin: 5px 0 0 0; }

	.other-option { display: none; }
	.dropdown.language-option { display: none; }
	.navbar-area { -webkit-box-shadow: 0 5px 40px 0 rgba(0, 0, 0, 0.11); box-shadow: 0 5px 40px 0 rgba(0, 0, 0, 0.11); }

	.navbar-area.is-sticky .crypto-responsive-nav .mean-container a.meanmenu-reveal { padding-top: 6px; color: #000000; }

	.navbar-area.is-sticky .crypto-responsive-nav .mean-container a.meanmenu-reveal span { background: #000000; }

	.mean-container .mean-nav { margin-top: 43px; }

	.crypto-responsive-nav .mean-container a.meanmenu-reveal { padding-top: 6px; color: #fff; }

	.crypto-responsive-nav.index-navber-responsive .mean-container a.meanmenu-reveal span { background: #333; }
	.crypto-responsive-nav .mean-container a.meanmenu-reveal span { background: #fff; }

	.home-area { padding-top: 150px; padding-bottom: 100px; background-position: 50%; height: 100%; }
	.home-area .banner-image { text-align: center; padding-top: 40px; }
	.main-banner-content { margin: auto; text-align: center; padding-top: 30px; }
	.main-banner-content h1 { font-size: 35px; margin: 0 0 15px 0; }
	.main-banner-content .banner-btn { margin-top: 20px; }
	.about-content { margin-right: 0; }
	.about-content-text h2 { font-size: 33px; }
	.about-image { margin-top: 35px; }
	.feature-single-item { margin: 15px 0; }
	.box-loader span { display: none; }
	.single-process-box { margin: 15px 0; }
	.document-single-item { margin: 15px 0; }
	.token-count-box { margin-top: 35px; }
	.download-image { margin-bottom: 35px; }
	.blog-image img { width: 100%; }
	.blog-item .single-blog-item { padding: 20px 16px; }

	.blog-item .single-blog-item .blog-content h3 { font-size: 18px; }

	.blog-item .single-blog-item .blog-list li { font-size: 12px; margin-right: 8px; }
	.blog-item .single-blog-item .blog-list i::before { font-size: 12px; }
	.partner-title { margin-bottom: 30px; }
	.single-counter { padding: 15px 0; }
	.page-title-area { height: 300px; }

	.page-title-content h2 { font-size: 35px; }

	.page-title-content ul { margin-top: 6px; }

	.services-details-overview { margin-bottom: 0; }

	.services-details-image { margin-top: 20px; margin-bottom: 20px; }

	.widget-area .widget_crypto_posts_thumb .item .info .title { font-size: 16px; }

	.widget-area .widget_search { -webkit-box-shadow: unset; box-shadow: unset; padding: 0; }

	.widget-area .widget_search form.search-top { margin-top: 40px; }

	.widget-area .widget_search form.search-bottom { margin-top: 0; }

	.tagcloud.section-top { margin-bottom: 30px; }

	.tagcloud.section-bottom { margin-bottom: 0; }

	.single-footer-widget { padding: 15px 0; }

	.single-footer-widget .footer-heading { margin-bottom: 12px; }

	.single-footer-widget .footer-heading h2 { font-size: 22px; }

	.single-footer-widget .footer-social { margin-bottom: 20px; }

	.footer-quick-links li:last-child { padding-bottom: 25px; }

	.copyright-area { text-align: left; }

	.copyright-area ul { text-align: right; }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.navbar-light .navbar-brand { position: relative; margin-left: 0; margin-right: 0; padding-top: 0; padding-bottom: 0; top: 0; left: 0; }
	.navbar-area.is-sticky .navbar-light .navbar-brand { position: relative; margin-left: 0; margin-right: 0; padding-top: 0; padding-bottom: 0; top: 0; left: 0; }
	.about-content-text h2 { font-size: 30px; }

	.blog-item .single-blog-item { padding: 20px 16px; }

	.blog-item .single-blog-item .blog-content h3 { font-size: 18px; }

	.blog-item .single-blog-item .blog-list li { font-size: 12px; margin-right: 8px; }

	.blog-item .single-blog-item .blog-list i::before { font-size: 12px; }
	.single-footer-widget .footer-heading h3 { font-size: 18px; }
}