/* Common BLockchain Platform Services Responsive Styles Here  */

@media only screen and (max-width: 1400px){
	.page-id-3036 .wp-block-columns .process-card{
		align-items: inherit !important;
	}
}


@media only screen and (max-width: 992px) {
	
	.our-process-arrow-section .wp-block-columns .wp-block-column.prototyping-last-arrow{
		border-left: none;
	}
	
	.our-process-arrow-section .wp-block-columns .wp-block-column.prototyping-last-arrow:after{
		display: none;
	}
	
	
	.wp-block-columns.experience-card-container{
		align-items: flex-start !important;
	}
	
	.dex-process-section .process-card figure{
		background: transparent !important;
	}
	
	.dex-process-section .process-card figure img{
		background: rgb(18,22,32);
	}
	
	.lanch-nft-section h2{
		font-size: 2rem;
	}
	
	.dex-dev-company-main{
		max-width: 328px;
		width: 100%;
	}
	
	.enroute-exchange-section .process-card figure img{
		background: var(--white-100);
	}
	
	.blockchain-sub-page-banner-section h1{
		font-size: 3rem;
	}
	
	
	.blockchain-sub-page-banner-section {
		background-size: 150%;
	}
	.hire-smart-column{
		flex-direction: column-reverse;
		text-align: center;
		align-items: center;
	}
	
	.hire-crypto-btn{
		justify-content: center;
	}
	
	.hire-smart-contents{
		margin-top: 1rem;
	}
	
	.smart-offer-dev-tablet{
		flex-direction: column;
	}
	
	.solution-margin {
		margin: 0 0 1rem !important;
	}
	
	.smart-optimization-content{
		margin-left: 0 !important;
	}
	
	.mobile-responsive-creation figure img{
		max-width: 320px;
		width: 100%;
		object-fit: contain;
	}
	
	.finance-sector-main-content{
		text-align: center;
	}

}	


@media only screen and (max-width: 768px) {
	
	.dex-process-section .process-card figure{
		left: -14px !important;
	}
	
	.blockchain-sub-page-banner-section {
		background-size: 130%;
	}
	
	/*	Slider Styles Here */
	#slider_2870 .owl-item img,
	#slider_3333 .owl-item img,
	#slider_3332 .owl-item img,
	#slider_3331 .owl-item img,
	#slider_3330 .owl-item img,
	#slider_3329 .owl-item img{
		max-width: 120px;
		max-height: 120px;
	}
	
	#slider_2870 .owl-item p,
	#slider_3333 .owl-item p,
	#slider_3332 .owl-item p,
	#slider_3331 .owl-item p,
	#slider_3330 .owl-item p,
	#slider_3329 .owl-item p{
	  font-size: 14px !important;
	  text-overflow: inherit;
	  white-space: inherit;
	}
		
	.noteworthy-feature-content figure,
	.contract-desktop-img figure{
		display: none !important;
	}
	
	#slider_2870 .owl-item .sa_hover_container,
	#slider_3330 .owl-item .sa_hover_container,
	#slider_3332 .owl-item .sa_hover_container,
	#slider_3331 .owl-item .sa_hover_container,
	#slider_3330 .owl-item .sa_hover_container,
	#slider_3329 .owl-item .sa_hover_container,{
		height: 100%;
	}
	
	#slider_2870 .owl-item h4,
	#slider_3333 .owl-item h5,
	#slider_3332 .owl-item h5,
	#slider_3331 .owl-item h5,
	#slider_3330 .owl-item h5,
	#slider_3329 .owl-item h5,{
		text-align: center !important;
	}
		

  .white > #showcase_2870.owl-nav,
  .white > #showcase_3333.owl-nav,
  .white > #showcase_3332.owl-nav,
  .white > #showcase_3331.owl-nav,
  .white > #showcase_3329.owl-nav,{
    right: 150px;
    top: 170px;
  }

  .white > #showcase_3333.owl-nav,
  .white > #showcase_3332.owl-nav,
  .white > #showcase_3331.owl-nav, 
  .white > #showcase_3330.owl-nav,
  .white > #showcase_3329.owl-nav {
	display: flex !important;
    justify-content: center;
    width: 100%;
	margin-top: 24px;
	position: static !important;
  }
	
	#slider_3476 .owl-item .sa_hover_container {
		margin: 0 !important
	}
	
	#slider_2870 .owl-item p,
	#slider_3333 .owl-item p,
	#slider_3332 .owl-item p,
	#slider_3331 .owl-item p,
	#slider_3330 .owl-item p,
	#slider_3329 .owl-item p {
		white-space: normal !important;
		text-align: center !important;
	}
	
	#slider_2870 .owl-item .sa_hover_container,
	#slider_3333 .owl-item .sa_hover_container,
	#slider_3332 .owl-item .sa_hover_container,
	#slider_3331 .owl-item .sa_hover_container,
	#slider_3330 .owl-item .sa_hover_container,
	#slider_3329 .owl-item .sa_hover_container {
		height: unset;
		pointer-events: none;
	}
	
	.enroute-exchange-section .process-card figure img,
	.dex-process-section .process-card figure img{
		width: 30px;
		height: 30px;
	}
		
}


@media only screen and (max-width: 600px) {
	#slider_2870 .owl-item .sa_hover_container,
	#slider_3333 .owl-item .sa_hover_container,
	#slider_3332 .owl-item .sa_hover_container,
	#slider_3331 .owl-item .sa_hover_container,
	#slider_3330 .owl-item .sa_hover_container,
	#slider_3329 .owl-item .sa_hover_container{
		margin-right: 0 !important;
	}
	
	
	
	.solution-heading-exchange h2,
	.key-attributes-main-heading h2,
	.exchange-secured-main-heading h2,
	.choose-us-main-heading h4,
	.exchange-software-heading h2,
	.business-benefits-exchange h2,
	.enroute-exchange-main-heading h2,
	.dapps-dev-service-main-content h2,
	.dapps-dev-service-main-content h2,
	.noteworthy-feature-content h2,
	.leverage-main-content h4,
	.benefits-contract-content h2,
	.hire-smart-contents h2,
	.service-blockchain-content h2 span,
	.finance-sector-main-content h4,
	.defi-range-heading h2,
	.prominent-field-heading h4,
	.best-decentralized-heading h2,
	.dex-exchange-main-heading h2,
	.how-do-we-stand-dex h2,
	.premium-content-heading h2,
	.dex-range-heading h2,
	.dex-field-heading h4{
		font-size: 24px !important;
		line-height: 34px !important;
		text-align: center !important;
	}
	
	#slider_3333 .owl-item .sa_hover_container,
	#slider_3332 .owl-item .sa_hover_container,
	#slider_3331 .owl-item .sa_hover_container,
	#slider_3330 .owl-item .sa_hover_container,
	#slider_3329 .owl-item .sa_hover_container{
		margin-right: 0 !important;
	}
	
	.page-id-490 .service-detail-image .wp-block-image{
		margin-left: auto;
		margin-right: auto;
	}
	
}



/*dex development styles here */

@media only screen and (max-width: 767px) {
	
    .dex-process-section .process-card {
        width: 100%;
    }

	.dex-process-section{
	 padding: 3.75rem 0 2.25rem !important;
	}
	
	.blockchain-platform-crypto-logo figure img{
		max-width: 120px !important;
	}
	
	.crypto-logo-right{
		margin-right: 1rem !important;
	}
	
	.best-decentralized-flex{
		flex-direction: column;
	}
	
	.dex-exchange-development-content{
		max-width: 100%;
		
	}
	
	.dex-space-right{
		margin-right: 0 !important;
	}
	
	.best-decentral-main-flex{
		display: block;
		margin-top: 1.5rem;
	}
	
	.best-decentralized-img figure img{
		max-width: 320px;
	}
	
	.dex-dev-company-main{
		max-width: 100% !important;
	}
	
	.dex-field-main-icon{
		flex-direction: column;
		}

	.dex-field-content{
	 justify-content: center;
	}
}





@media only screen and (max-width: 1024px){
	.best-decentral-tablet{
		margin-top: 1.5rem;
	}
}


@media only screen and (max-width: 992px) {	
	.best-decentral-tablet{
		flex-direction: column-reverse;
	}
	
	.best-decentral-main-flex{
		justify-content: center;
		
	}
	
	.best-decentralized-heading,
	.how-do-we-stand-dex h2{
		text-align: center;
    	margin: 0 auto 1.5rem;
	}
		
    .dex-process-section .process-card .wp-block-column {
        border-left: 1px dashed var(--white-100);
        border-top: none !important;
        margin: 0 0 5rem 1.5rem !important;
        padding: 0 0 0 1.5rem !important;
    }

    .dex-process-section .process-card .wp-block-column:after {
        top: inherit !important;
        bottom: -12px;
        right: inherit;
        left: -5px;
        border-right: 4px solid transparent;
        border-left: 4px solid transparent !important;
        border-top: 8px solid var(--white-100) !important;
    }

    .dex-process-section .process-card .wp-block-column.last-arrow-none:after {
        display: none !important;
    }

    .dex-process-section .last-arrow-line .wp-block-column {
        border: none !important;
    }

    .dex-process-section .process-card.second-line-card .wp-block-column:after {
        border-right: 4px solid transparent !important;
        border-left: 4px solid transparent !important;
        border-top: 8px solid var(--white-100) !important;
        left: -5px !important;
    }

    .dex-process-section .process-card.box-border .wp-block-column.third-border-arrow:after {
        content: "";
        position: absolute;
        bottom: -14px;
        left: -5px;
        width: 0;
        height: 0;
        border-right: 4px solid transparent !important;
        border-left: 4px solid transparent !important;
        border-top: 8px solid var(--white-100) !important;
    }

    .dex-process-section .process-card.box-border .wp-block-column {
        border-right: none !important;
    }

    .dex-process-section .process-card {
        width: 100% !important;
		flex: auto;
    }

    .dex-process-section .process-card figure {
        width: 5rem !important;
        height: 3.375rem !important;
        position: absolute !important;
        padding-right: 2rem !important;
        top: -3px !important;
        left: -22px;
        display: flex;
    }

    .dex-process-section .process-card h4 {
        margin-bottom: 1.5rem !important;
    }

    .dex-process-section .process-card h4,
    .dex-process-section .process-card p {
        margin-left: 1rem !important;
    }
}


@media only screen and (max-width: 500px){
	.tokenization-section.wp-block-columns{
		background-position: center;
		border-radius: 0;
	}
}

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

	#platform_cards .widget-content .wp-block-columns .wp-block-column, #defi_platform_cards .widget-content .wp-block-columns .wp-block-column{
    flex-direction: column;
    padding: 0 24px;
	}

	#platform_cards .widget-content .wp-block-columns .wp-block-column figure, #defi_platform_cards .widget-content .wp-block-columns .wp-block-column figure{
    width: 100% !important;
    max-width: 100% !important;
	}
}


@media only screen and (max-width: 320px) {	
	
	.page-id-3036 .blockchain-mobile-business{
		flex-wrap: wrap;
	}
	
	.page-id-3036 .blockchain-mobile-business .blockchain-row-8{
		margin-bottom: 0 !important;
	}
	
	.blockchain-sub-page-banner-section h1{
		font-size: 1.475rem !important;
		line-height: 32px !important;
	}
	
	.blockchain-sub-page-banner-section{
		background-size: 160% !important;
		/*min-height: calc(100vh - 4.5rem) !important; */
		min-height: calc(100vh - -0.5rem) !important;
	}
	
}