/* For tablet landscape view */
@media only screen and (max-width: 1259px) {
	.new_defi_development {
		margin-top: 4rem;
	}
	.new_defi_development .defi_development_section .defi_development_tabs>div {
		padding: 1rem 0.75rem;
	}
}

/* For tablet portrait view */
@media only screen and (max-width: 1023px) {
	.new_defi_development {
		margin-top: 4rem;
	}
	
	.new_defi_development .defi_services_details {
		grid-template-columns: 1fr 1fr;
	}
	
	.new_defi_development .defi_withus_details {
    	grid-template-columns: 1fr 1fr 1fr;
		grid-gap: 1rem;
	}
	
	.new_defi_development .defi_benefits_details {
		grid-template-columns: 1fr 1fr 1fr;
	}
	.new_defi_development .defi_popular_content {
		min-height: 250px;
	}
	.new_defi_development .defi_development_section .defi_development_tabs>div {
		margin: 0 0.25rem;
		padding: 0.625rem 0.5rem;
		font-size: 13px;
	}
	.new_defi_development .defi_industries_section p {
		font-size: 1rem;
	}
	.new_defi_development .defi_industries_section .defi_industries_lists {
		margin: 1.5rem 2rem;
	}
	
	.new_defi_development .defi_development_logos .platforms_grid>div, 
	.new_defi_development .defi_development_logos .smartcontract_grid>div, 
	.new_defi_development .defi_development_logos .programlanguage_grid>div, 
	.new_defi_development .defi_development_logos .framework_grid>div, 
	.new_defi_development .defi_development_logos .database_grid>div, 
	.new_defi_development .defi_development_logos .wallet_grid>div{
		border: none;
	}
	
	.new_defi_development .defi_development_logos .platforms_grid,
	.new_defi_development .defi_development_logos .smartcontract_grid,
	.new_defi_development .defi_development_logos .programlanguage_grid, 
	.new_defi_development .defi_development_logos .framework_grid, 
	.new_defi_development .defi_development_logos .database_grid,
	.new_defi_development .defi_development_logos .wallet_grid {
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}
	.defi_journey_section img {
		display: block;
		margin: 0 auto;
		max-width: 50%;
	}
}

/* For mobile view */
@media only screen and (max-width: 767px) {	
	.new_defi_development .defi_banner_grid {
		grid-template-columns: 1fr;
		grid-column-gap: 1.5rem;
	}
	.new_defi_development .defi_banner_content {
		grid-template-columns: 1fr;
		grid-gap: 1rem;
	}	
	.new_defi_development .defi_banner_content .smartContract .smartContract_bg {
		width: 260px;
		right: 0;
		left: unset;
	}
	.new_defi_development .defi_banner_content .smartContract .smartContract_bg {
		width: 260px;
		right: 0;
		left: unset;
	}
	.new_defi_development .defi_banner_content .assetsToken .assetsToken_bg,
	.new_defi_development .defi_banner_content .defiProjects .defiProjects_bg {
		width: 260px;
		right: 0;
		left: unset;
	}
	.new_defi_development .defi_excellence_details {
		grid-gap: 1rem;
	}
	.new_defi_development .defi_services_details {
		grid-template-columns: 1fr;
		grid-gap: 1.5rem;
	}
	.new_defi_development .defi_withus_details { 
		grid-template-columns: 1fr 1fr;
	}
	.new_defi_development .defi_benefits_details {
		grid-template-columns: 1fr;
	}
	.new_defi_development .defi_popular_content {
		grid-template-columns: 1fr 1fr;
	}
	.new_defi_development .defi_popular_content > div {
		grid-row: auto !important;
	}
	.new_defi_development .defi_popular_content .pancake .pancake_img {
		transform: none;
		position: relative;
	}
	.new_defi_development .defi_industries_section .defi_industries_lists {
		margin: 1.5rem;
	}
	.defi_development_section #defi_development_tools {
		width: 100%;
	}
	.new_defi_development .defi_development_logos .platforms_grid>div, 
	.new_defi_development .defi_development_logos .smartcontract_grid>div, 
	.new_defi_development .defi_development_logos .programlanguage_grid>div, 
	.new_defi_development .defi_development_logos .framework_grid>div, 
	.new_defi_development .defi_development_logos .database_grid>div, 
	.new_defi_development .defi_development_logos .wallet_grid>div{
		padding: 0 0 1rem;
	}
	.new_defi_development .defi_development_logos .platforms_grid,
	.new_defi_development .defi_development_logos .smartcontract_grid,
	.new_defi_development .defi_development_logos .programlanguage_grid, 
	.new_defi_development .defi_development_logos .framework_grid, 
	.new_defi_development .defi_development_logos .database_grid,
	.new_defi_development .defi_development_logos .wallet_grid {
		grid-template-columns: 1fr 1fr;
	}
	.defi_journey_section img {
		max-width: 100%;
	}
	.m_defi_process_steps .steps_count {
		position: relative;
        border-radius: 6px;
        border-right: 3px solid #BF8DF3;
        border-bottom: 3px solid #BF8DF3;
        background: #F3EAFD;
        box-shadow: 10px 10px 9px 1px rgba(191, 141, 243, .2);
        color: #9B51E0;
        font-size: 14px;
        font-weight: 700;
        line-height: 20px;
        width: 40px;
        height: 40px;
        transform: rotate(45deg);
        display: flex;
        align-items: center;
        justify-content: center;
	}

	.m_defi_process_steps .steps_count span {
		transform: rotate(-45deg);
	}

	.m_defi_process_steps::before {
		content: '';
        position: absolute;
        width: 4px;
        height: calc(100% - 100px);
        background-color: #e5e5e5;
        top: 0;
        left: 18px;
        z-index: auto;
	}
	.defi_journey_section + .global_clients_section {
		padding: 2.5rem 0 0;
	}
	.global_clients_section + .blockchain_award_section + .awards_recognition_section {
		padding-block: 0;
	}
}

/* For mobile small screen view */
@media only screen and (max-width: 640px) {
}

/* For mobile extra small screen view */
@media only screen and (max-width: 426px) {
}