/* Exchange Responsive Styles Here */

@media only screen and (max-width: 1024px){
	.exchange-main-space{
		padding: 40px 0;
	}
	
	.secured-attribute-flex{
		margin-bottom: 0 !important;
	}
}


@media only screen and (max-width: 992px) {
	.development-service-tablet{
		flex-direction: column-reverse;
		align-items: center;
		text-align: center;
	}
	
	.smart-development-services,
	.smart-optimization-content{
		margin-top: 1rem !important;
	}
	
	.solution-heading-exchange p{
		margin-top: 0 !important;
	}
	
	.smart-offer-dev-tablet{
		justify-content: center;
	}
	
	.solution-heading-exchange,
	.smart-optimization-content{
		text-align: center;
		align-items: center;
	}
	
	.smart-flex-column{
		flex-direction: column;
	}
	
	.smart-flex-column .solution-margin{
		margin-right: 0;
		margin-bottom: 24px !important;
	}
	
	.crypto-attributes-main,
	.exchange-secured-main-contents,
	.exchange-choose-contents{
		max-width: 100% !important;
	}
	
	.smart-optimization-bg .smart-justify{
			flex-direction: column;
			text-align: center;	 
			align-items: center;
	}
	
	.choose-us-main-heading{
		text-align: center;
	}
	
	.exchange-software-main-bg{
		padding: 40px 0 60px !important;
	}
	
	.exchange-software-heading h2{
		margin: 0 auto 40px !important;
	}
	
	.business-benefits-bg{
		padding: 3rem !important;
	}
	
	.enroute-exchange-section .process-card .wp-block-column{
		border-left: 1px dashed var(--black-45);
		border-top: none !important;
		margin: 0 0 5rem 1.5rem !important;
		padding: 0 0 0 1.5rem !important;
	}
		

	.enroute-exchange-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(--grey-border-8c) !important;
	}
	
	
	.enroute-exchange-section .process-card .wp-block-column.last-arrow-none:after{
		display: none !important;
	}
	
	.enroute-exchange-section .last-arrow-line .wp-block-column{
		border: none !important;
	}
	
	.enroute-exchange-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(--grey-border-8c)!important;
		left: -5px !important;
	}
	
	.enroute-exchange-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(--grey-border-8c)!important;
	}
	
	.enroute-exchange-section .process-card.box-border .wp-block-column{
		border-right: none !important;
	}
	
	
	.enroute-exchange-section .process-card,
	.dex-process-section .process-card{
		width: 100% !important;
		margin-bottom: 0;
		
	}
	
	.enroute-exchange-section .process-card figure{
    width: 5rem !important;
    height: 3.375rem !important;
    position: absolute!important;
    padding-right: 2rem !important;
    top: -3px !important;
    left: -22px;
    background-color: transparent!important;
    display: flex;
	}
	
	.enroute-exchange-section .process-card h4{
		margin-bottom: 1.5rem !important;
	}
	
	.enroute-exchange-section .process-card h4,
	.enroute-exchange-section .process-card p{
		margin-left: 1rem !important;
	}	
	
}

@media only screen and (max-width: 768px) {
		
	
	.exchange-timeline-top{
		margin-top: 48px !important;
		flex-wrap: nowrap !important;
	}
	
	.wp-block-columns.exchange-timeline-top{
		align-items: start !important;
	}
	
	.solution-heading-exchange{
		max-width: 100%;
		width: 100%;
		align-items: center;
	}
	
	.solution-heading-exchange h2{
		    font-size: 32px;
			text-align: center;
			max-width: 500px;
			margin: 0 auto 16px;
	}
	
	.solution-heading-exchange p{
		text-align: center;
	}
	
	.crypto-attributes-main{
		max-width: 328px;
		width: 100%;
	}
	
	.exchange-secured-main-contents,
	.exchange-choose-contents{
		max-width: 328px;
		width: 100%;
	}

	
	.tablet-margin-dev{
		margin-right: 0 !important;
	}
	
	.enroute-exchange-section .process-card figure img{
		background: white;
	}
}


@media only screen and (max-width: 767px) {
	.page-id-3339 .secured-attribute-flex .exchange-secured-main-contents figure{
		margin: 0 auto;
	}
	
	
	.page-id-3339 .exchange-platform-sercure-bg{
		padding: 0 20px;
	}
	
	
	.page-id-3339 .exchange-secured-main-contents{
	max-width: 100% !important;
	}
	
	.page-id-3339 .exchange-main-space .secured-attribute-flex{
    text-align: center;
	}

	
	.page-id-3339 .exchange-platform-hints .platform-space-right{
	margin-right: 0 !important;
	}
	
	.crypto-mobile-space{
		margin-right: 0 !important;
	}
	
	.crypto-attributes-main{
		margin-right: 0 !important;
	}
	
	.blockchain-platform-crypto-logo{
		max-width: 100% !important;
	}
	
	.exchange-platform-hints{
		display: flex;
		flex-direction: column;
	}
	
	.exchange-timeline-top{
		margin-top: 48px;
		flex-wrap: wrap !important;
	}
	
	.exchange-timeline-top div,
	.exchange-bottom-16 .crypto-attributes-main,
	.exchange-space-secure-40 .exchange-secured-main-contents,
	.smart-justify .exchange-choose-contents{
		margin-bottom: 24px !important;
	}
	.exchange-timeline-top div:last-child
	.choose-us-space-64 div:last-child
	.smart-justify .exchange-choose-contents:last-child{
		margin-bottom: 0 !important;
	}
	
	
	.business-benefits-exchange h2 br{
		display: none;
	}
	
	.solution-heading-exchange p{
		margin-top: 0;
		text-align: center;
	}
	
	.banner-speak-with-exchange{
		justify-content: center;
	}
	
	.key-attributes-main-bg,
	.exchange-main-space,
	.exchange-software-main-bg{
		padding: 48px 0 !important;
	}
	
	.cyrpto-main-attributes h5{
		margin-top: 0;
	}
	
	.exchange-secured-main-heading h2,
	.choose-us-main-heading h4{
		max-width: 340px !important;
		width: 100%;
		margin: 0 auto;
	}

	.exchange-space-secure-40{
		padding: 0 24px;
		margin-bottom: 0;
	}
	
	.smart-optimization-bg{
		margin: 24px 16px !important;
	}
	
	.smart-optimization-content{
		align-items: center;
	}
	
	.smart-optimization-content p{
		margin-top: 1rem;
	}
	
	.choose-us-exchange-bg{
		padding: 0 16px;
	}
	
	.choose-us-main-heading p{
		text-align: center;
	}
	
	.choose-us-space-64{
		margin: 40px 0 0 !important;
	}
	
	.enroute-exchange-section .process-card{
		width: 100%;
	}
	
	
	.enroute-exchange-section{
		padding: 0 !important;
	}
	
	.blockchain-platform-crypto-logo{
		max-width: 100%;
	}
    .secured-attribute-flex{
		justify-content: center !important;
	}
	
}


@media only screen and (max-width: 320px) {
	.crypto-logo-right{
		margin-right: 0;
	}
	
}