/*    Device = Laptops, Desktops
---------------------------------------------------------------- */

@media only screen and (min-width: 992px) and (max-width: 1280px) {
	.navbar-brand {
		position: absolute;
		top: 0px;
		left: 15px;
	}
	.brand-name {
		position: absolute;
		top: 19px;
		left: 100px;
	}
	.header .navbar .wallet-controller {
		position: absolute;
		right: 15px;
		top: 10px;
	}
	.header .navbar .wallet-controller .dropdown-menu {
		top: 100%;
		right: 0;
		margin-left: -80px;
	}
	.navbar-nav {
		width: 100%;
		justify-content: center;
	}
	.header .navbar .navbar-nav .nav-item .nav-link {
		padding: 0px 0px;
	}
	.header .navbar .navbar-nav .nav-item {
		padding: 40px 0px 0;
	}
	
	.header .img-wrapper .intro-img img {
		width: 100%;
		margin-left: 0;
	}
	#faq-area-05 .faq-wrapper .accordion-wrapper .accordion-single .panel-heading {
		height: auto;
		padding: 15px 22px;
	}
	#faq-area-05 .faq-wrapper .accordion-wrapper .accordion-single .panel-heading a {
		line-height: 26px !important;
	}
	#header-05 .is-sticky .diskoin_nav {
		padding: 0 !important;
	}
	#footer-05 .footer_items .footer_single_list_4 .image-div {
		margin-top:43%;
	}
	.white-logo{
		display: none
	}
	.dark-logo{
		display: block
	}

}
/*		Tablet Layout: 768px.
---------------------------------------------------------------- */

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.header {
		height: 100%;
	}
	.shape1 img, .shape2 img, .shape3 img, .shape4 img, .shape5 img{
		width: 100%
	}
	.navbar-brand {
		position: absolute;
		top: 0px;
		left: 15px;
	}
	.brand-name {
		position: absolute;
		top: 19px;
		left: 100px;
	}
	.header .navbar .wallet-controller {
		position: absolute;
		right: 15px;
		top: 10px;
	}
	.header .navbar .wallet-controller .dropdown-menu {
		top: 100%;
		right: 0;
		margin-left: -80px;
	}
	.navbar-nav {
		width: 100%;
		justify-content: center;
	}
	.header .navbar .navbar-nav .nav-item .nav-link {
		padding: 0px 0px;
	}
	.header .navbar .navbar-nav .nav-item {
		padding: 40px 0px 0;
	}

	#about_diskoin_05 .about_2_item {
		padding-top: 100px;
	}
	#roadmap_05 .location_04 .location_wrapper .roadmap_position {
		height: 0;
	}
	/* index 05*/
	#about_diskoin_05 .about-img > img {
		width: 100%;
	}
	#about_diskoin_05 .about_2_item img,
	#multiple-income-05 .about-img > img {
		width: 100%;
	}
	#faq-area-05 .faq-wrapper .accordion-wrapper .accordion-single .panel-heading {
		padding: 7px 25px;
	}
	#faq-area-05 .faq-wrapper .accordion-wrapper .accordion-single .panel-heading a {
		font-size: 15px;
		line-height: 10px;
	}
	#faq-area-05 .faq-wrapper .accordion-wrapper .panel-title > a.collapsed::before {
		padding-right: 1px;
	}
	#faq-area-05 .faq-wrapper .accordion-wrapper .panel-title > a::before {
		padding-top: 26px;
		padding-right: 0;
	}
	#faq-area-05 .sub-title {
		min-width: 296px;
	}
	.faq-img {
		text-align: center;
		margin-bottom: 50px;
	}
	.subscribe-wrapper #subscribe .subscribe-form form {
		width: 650px;
	}
	
	#header .is-sticky .diskoin_nav {
		padding: 25px !important;
		transition: all 0.3s ease-in-out;
	}
	.header .img-wrapper .intro-img {
		margin-top: 0;
		margin-left: 0;
		margin-bottom: 100px;
	}
	.header .img-wrapper .intro-img img {
		width: 100%;
		margin-left: 0;
	}
	.header .intro-text {
		margin-top: 120px;
		padding-right: 0px;
	}
	
	.position {
		width: 70px;
	}
	.payment_mathod .payment-options {
		flex-wrap: wrap;
	}
	.payment_mathod .payment-options .payment-single {
		margin: 0 15px 30px;
	}
	
	.footer .footer-single-col {
		margin-bottom: 50px;
	}
	.footer .footer-btm-wrapper .footer-single-col .subtitle_1 {
		margin-bottom: 25px;
	}
	#header-05 .intro-text .intro-img-wrapper img {
		width: 100%;
	}

	#gallery .you_earning_wrapper .countdown_time .clock-countdown .single-counter span {
		font-size: 40px;
		line-height: 40px;
	}
	#gallery .you_earning_wrapper .countdown_time .clock-countdown .single-counter span:last-child {
		font-size: 22px;
		line-height: 34px;
	}
	#gallery .you_earning_wrapper .countdown_time .clock-countdown .single-counter {
		width: 150px;
		height: 150px;
		margin-right: 25px;
		padding: 40px 0px;
	}
	#benefits-05 .benefits-single-item .benefits-single-wrapper {
		margin-bottom: 30px;		
	}
	#best_feature_05 .feature_items .single-wrapper .single-items {
		margin-bottom: 30px;
	}
	#best_feature_05 .payment-options {
		justify-content: center;
	}
	#best_feature_05 .payment-options .payment-single-05 {
		margin-bottom: 30px;
	}
	#roadmap_05 .header-shape {
		display: none;
	}
	#roadmap_05 .location_04 .location_wrapper .location {
		position: static;
		width: 50%;
		float: left;
		padding: 0 50px;
	}
	#roadmap_05 .location_04 {
		text-align: center;
		width: 100%;
	}
	#team_membar_02 .single-wrapper .team-single-item figure figcaption .member-name {
		margin-left: 15px;
	}
	#team_membar_02 .single-wrapper {
		margin: 0 15px;
	}
	#companis_logos_05 .sub-title h2 {
		font-size: 36px;
	}
	#footer-05 .footer_items .footer_single_list_4 #carbonNegativeLogo {
		display: block
	}
	#footer-05 .footer_items .footer_single_list_4 .image-div {
		margin-top:99%;
	}
	.white-logo{
		display: none
	}
	.dark-logo{
		display: block
	}
	
	
}
/*		Mobile Layout: 320px.
---------------------------------------------------------------- */

@media only screen and (max-width: 767px) {
	.header {
		height: 100%;
		overflow: hidden;
	}	
	#about_diskoin_05:before {
	    display: none;
	}
	#gallery:before {
	    display: none;
	}
	.body_05 .wallet-controller {
	    position: absolute;
	    top: 10px;
	    left: 56%;
	    transform: translateX(-50%);
	    width: 100%;
	    justify-content: center;
	}
	.header .navbar .navbar-toggler {
		position: absolute;
		right: 2%;
		top: 36px;
		color: #c0c0c0;
	}
	.header .navbar {
		padding: 60px 0 15px !important;
		z-index: 99;
		background: #333333 !important;
		height:99px;
	}
	.header .navbar .navbar-nav .nav-item .nav-link {
		padding: 10px 15px !important;
		color: #d94804 !important;
		font-size: 15px;
		display: inline-block;
	}
	
	.header .navbar .small-navbar {
		margin-top: 39px;
		background-color: #000000;
		opacity: 0.7;
	}
	.header .navbar .wallet-controller {
		margin-left: 0px;
		margin-top: 20px;
	}
	.wallet-controller {
		position: absolute;
		top: 10px;
		left: 50%;
		transform: translateX(-50%);
		width: 100%;
		justify-content: center;
	}
	.header .navbar .wallet-controller .dropdown-menu {
		top: 100%;
		right: 0;
		margin-left: -80px;
	}
	.header .navbar .wallet-controller .token {
		padding: 0px 15px !important;
		line-height: 40px !important;
	}
	.navbar-brand {
		left: 17px;
		text-align: right;
	}
	.header .navbar .wallet-controller .dsix span{
		color: #ffffff;
	}
	
	/* index-05 */
	#header-05 .intro-text p {
		max-width: 100%;
	}
	#header-05 .navbar .wallet-controller .dropdown a {
		color: #fff;
	}
	#header-05 .intro-text a {
		margin-right: 0;
	}
	#footer-05 .footer_items .footer_single_list_4 .image-div {
		margin-top:10%;
	}
	.navbar-light .navbar-brand {
		position: absolute;
		top: 1px;
	}
	.navbar-light .navbar-brand img {
		/* visibility: hidden; */
	}
	.navbar-light .navbar-brand::before {
		
	}
	.header_effect {
		display: none;
	}
	#header-05 .intro-text h1 {
		font-size: 30px;
		line-height: 35px;
	}
	#header-05 .intro-text {
		padding: 0px;
		margin-top: 95px;
	}
	.intro-img-wrapper > img {
		width: 100%;
	}
	#about_diskoin_05 .about_diskoin-content h2 {
		font-size: 30px;
		line-height: 36px;
	}
	#header-05 .intro-text .btn_video_wrapper {
		display: inline;
	}
	#header-05 .intro-text .btn_video_wrapper .video_wrapper .video-play-btn {
		margin-left: 49px;
		margin-top: 30px;
	}
	#header-05 .intro-text a {
		margin-top: 14px;
	}
	#about_diskoin_05 .about-img > img {
		margin-bottom: 14%;
		margin-left: 4%;
		width: 100%;
	}
	#about_diskoin_05 .about_2_item .about-img > img {
		margin-bottom: 14%;
		margin-left: 4%;
		width: 100%;
	}
	#about_diskoin_05 .about_2_item img,
	#multiple-income-05 .about-img > img {
		margin-top: 40px;
		width: 100%;
		margin-left: -10%;
	}
	.countdown_time {
		margin-top: 30px;
	}
	.faq-img {
		text-align: center;
		margin-left: 50px;
	}
	#gallery .you_earning_wrapper .countdown_time .clock-countdown .single-counter {
		margin-bottom: 30px;
		margin-left: 0;
	}
	#gallery .ico-title h3 {
		font-size: 30px;
		line-height: 36px;
	}
	#gallery .you_earning_wrapper .countdown_time .clock-countdown .single-counter span {
		font-size: 30px;
		line-height: 36px;
	}
	#gallery .you_earning_wrapper .countdown_time .clock-countdown .single-counter {
		width: 120px;
		height: 120px;
		margin: 2px;
		padding: 25px;
	}
	#gallery .clock-countdown {
		margin-bottom: 50px;
	}
	#gallery .you_earning_wrapper .countdown_time .clock-countdown .single-counter span:last-child {
		font-size: 20px;
		line-height: 26px;
	}
	#gallery .coundown-timer {
		flex-wrap: wrap;
	}
	#multiple-income-05 .about_diskoin-content h2 {
		font-size: 30px;
		line-height: 36px;
	}
	#best_feature_05 .feature_items .single-wrapper .single-items {
		margin-bottom: 20px;
		margin-left: 11%;
	}
	#best_feature_05 .payment-options {
		display: inherit;
	}
	#benefits-05 .benefits-single-item .benefits-single-wrapper {
		margin-bottom: 30px;
	}
	#best_feature_05 .feature_items .single-wrapper {
		padding-right: 15px;
	}
	#best_feature_05 .feature_items .single-wrapper .single-items {
		margin-left: 0;
	}
	#best_feature_05 .payment-options {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	#best_feature_05 .payment-options .payment-single-05 {
		height: 115px;
		width: 115px;
		margin-bottom: 30px;
	}
	#best_feature_05 .payment-options .payment-single-05 .payment-wrapper .payment-icon i {
		line-height: 25px;
	}
	#best_feature_05 .payment-options .payment-single-05 .payment-wrapper .payment-icon i::before {
		font-size: 60px;
	}
	#roadmap_05 .location_04 .location_wrapper .location {
		position: static;
		width: 100%;
	}
	#roadmap_05 .location_04 {
		text-align: center;
		width: 100%;
	}
	#roadmap_05 .shape1.header-shape > img {
		display: none;
	}
	#companis_logos_05 ul {
		flex-wrap: wrap;
		margin-bottom: 0;
	}
	#companis_logos_05 ul li {
		width: 50%;
		margin-bottom: 15px;
	}
	#faq-area-05 .faq-wrapper .accordion-wrapper .accordion-single .panel-heading {
		padding: 7px 25px;
	}
	#faq-area-05 .faq-wrapper .accordion-wrapper .accordion-single .panel-heading a {
		font-size: 15px;
		line-height: 10px;
	}
	#faq-area-05 .faq-wrapper .accordion-wrapper .panel-title > a.collapsed::before {
		padding-right: 1px;
	}
	#faq-area-05 .faq-wrapper .accordion-wrapper .panel-title > a::before {
		padding-top: 26px;
		padding-right: 0;
	}
	#about_diskoin_05 .about_2_item {
		padding-top: 150px;
	}
	#roadmap_05 .location_04 .location_wrapper .roadmap_position {
		height: 0;
	}
	#footer-05 {
		padding-top: 50px;
	}
	#footer-05 .footer_items .footer_single_list_1,
	#footer-05 .footer_items .footer_single_list_2,
	#footer-05 .footer_items .footer_single_list_2,
	#footer-05 .footer_items .footer_single_list_4 {
		width: 100%;
	}
	#footer-05 .footer_items .footer_single_list_3 {
		width: 100%;
	}
	#footer-05 .footer_items {
		display: inline;
	}
	#footer-05 p {
		margin: 0px;
	}
	#footer-02 .copyright p,
	#footer-05 .copyright p,
	#footer .copyright p,
	#footer-01 .copyright p,
	#footer-06 .copyright p {
		line-height: 23px;
	}
	.shape2.header-shape > img {
		display: none;
	}

	#header-05 .intro-text .intro-img-wrapper img {
		width: 100%;
	}
	.navbar-light .brand-name {
		display: none;
	}
	#best_feature_05 .payment-options 
	.payment-single-05 .payment-wrapper 
	.payment-icon {
		transform: translateY(17%);
	}
	.container .brand-title {
		display: inline-flex;
		margin-left: 34%;
		margin-top: 20px;
	}
	.white-logo{
		display: block
	}
	.dark-logo{
		display: none
	}
}
/*		Wide Mobile Layout: 480px.
------------------------------------------------- */

@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	/* index-05 */
	#header-05 .intro-text .btn_video_wrapper .video_wrapper .video-play-btn {
		margin-left: 117px;
	}
	.shape3.header-shape > img {
		display: none;
	}
	#gallery .you_earning_wrapper .countdown_time .clock-countdown .single-counter {
		margin-left: 26%;
	}
	#about_diskoin_05 .about_2_item img,
	#multiple-income-05 .about-img > img {
		margin-left: -60px;
	}
	.body_05 .wallet-controller {
	    position: absolute;
	    top: 10px;
	    left: 67%;
	    transform: translateX(-50%);
	    width: 100%;
	    justify-content: center;
	}
	
}