/* ==========================================================================
   Responsive styles
   ========================================================================== */

/* Wide Screens */

@media (min-width: 3841px) and (max-width: 7680px) {
h1 {
    font-size: 3.5vw;
    line-height: 3vw;
  }
	
h2 {
    font-size: 3.2vw;
    line-height: 3.2vw;
  }

h3 {
	font-size: 2.5vw;
    line-height: 2.7vw;
  }
.rotate-title {
	height: 4vw;
}
	
.dex .rotate-title span, .dex .rotate-title h3{
	font-size: 2.8vw;
	}
}

@media (min-width: 2561px) and (max-width: 3840px) {
  h1 {
    font-size: 3.5vw;
    line-height: 3vw;
  }

  h2 {
    font-size: 3.2vw;
    line-height: 3.2vw;
  }

  h3 {
    font-size: 3vw;
    line-height: 3.2vw;
  }

  .rotate-title {
    height: 3.2vw;
  }

  .dex .rotate-title span,
  .dex .rotate-title h3 {
    font-size: 2.7vw;
    line-height: 100%;
  }

  .rotate-title-container .rotate-title {
    height: 6vw;
  }

  .cexy .rotate-title-container .rotate-title {
    height: 9vw;
	width: 80%;
    left: 10%;
  }
	
	  .cexy .rotate-title-container .rotate-title h3{
	font-size: 2.5vw;
    line-height: 3vw;
	}
	
  .container-full {
    width: 100%;
  }

  .testimonial-container {
    width: 80%;
  }

  .blog {
    max-width: 1920px;
    margin: 0px auto;
  }

  .third h2 {
    font-size: 3.2vw;
    line-height: 100%;
  }

  .tech-hero h2 {
    font-size: 3.5vw;
    line-height: 100%;
  }

  .product-hero .max-1200 {
    max-width: 1400px;
  }
	video{
		clip-path: inset(2px 2px);
	}
	
		.bridge-swap{
		clip-path: none;
	}
}

@media (min-width: 1920px) and (max-width: 2560px) {
  .container {
    max-width: 1920px;
  }

  h1 {
    font-size: 4.5vw;
    line-height: 4vw;
    margin-bottom: 20px;
  }

  h2 {
    font-size: 3.9vw;
    line-height: 4vw;
  }

  h3 {
    font-size: 4vw;
    line-height: 100%;
  }

  h4 {
    font-size: 24px;
    line-height: 28px;
  }

  h5 {
    font-size: 18px;
    line-height: 20px;
  }

  .rotate-title {
    height: 4vw;
  }

  .rotate-title-container h2 {
    font-size: 4.2vw;
    line-height: 100%;
  }

  .dex .rotate-title span,
  .dex .rotate-title h3 {
    font-size: 3.7vw;
  }

  .rotate-title-container .rotate-title {
    height: 10vw;
  }
  .cexy .rotate-title-container .rotate-title {
    height: 10vw;
  }

  .cexy .rotate-title-container .rotate-title {
    width: 60%;
    left: 20%;
  }

  .cexy h3 {
    font-size: 3.2vw;
    line-height: 3.5vw;
  }

  .third h2 {
    font-size: 4.9vw;
    line-height: 100%;
  }

  .sixth h3 {
    font-size: 4.4vw;
    line-height: 4.2vw;
  }

  .tech-hero h2 {
    font-size: 5vw;
    line-height: 100%;
  }
video{
		clip-path: inset(2px 2px);
	}
}

/* Laptop */

@media (max-device-width: 1600px) {
  .dex-cex h5 {
    font-size: 26px;
  }
  .logo img {
    width: 140px;
  }
  .tech-hero h3 {
    font-size: 6.5vw;
    line-height: 5.5vw;
  }
  .paragraph--large {
    font-size: 28px;
    line-height: 30px;
    margin: 0px;
  }

  .cross-chain {
    padding: 30px;
  }
  .cross-chain p {
    font-size: 24px;
  }

  .grid-inner {
    min-height: 190px;
  }

  .grid-inner strong {
    font-size: 14px;
    line-height: 16px;
  }

  .grid-inner p {
    width: 90%;
    font-size: 12px;
    line-height: 16px;
    margin: 0px;
  }
  .seventh #lottie-container {
    width: 80%;
  }

  .terminal-ui {
    max-height: 50vh;
  }

  .terminal-ui .wp-block-image {
    width: 100%;
    height: 100%;
  }

  .terminal-ui img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

  .feature-product .btn {
    margin-top: -25px;
    z-index: 2;
  }

  .product-hero .feature-product img {
    max-width: 320px;
  }
  .make-trade h3 {
    width: 70%;
  }
  .testimonial-block blockquote p {
    font-size: 24px;
    line-height: 140%;
    max-width: 800px;
  }

  .column-half {
    justify-content: center;
  }

  .user-highlight {
    width: 100%;
  }

  .product-users img {
    max-width: 300px;
  }

  .product-partner .column-third:nth-child(1),
  .product-partner .column-third:nth-child(2) {
    padding: 0px !important;
  }

  .product-partner .column-third:nth-child(1) p,
  .product-partner .column-third:nth-child(2) p {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 0px !important;
  }

  .tech-feature lottie-player {
    width: 100px !important;
    height: 100px !important;
  }

  .partner-logos img {
    width: 100%;
    max-height: 40px;
    object-fit: contain;
  }
  .product-hero .headline {
    width: 80%;
  }

  .product-partner .column-third:nth-child(3) .fake-sites {
    height: 90%;
    margin-top: 20px;
    width: 100%;
  }

  .btn {
    padding: 0px 30px;
    line-height: 40px;
  }

  .referral-tier h5 {
    font-size: 22px;
    line-height: 110%;
  }

  .referral-tier lottie-player {
    width: 160px !important;
    height: 160px !important;
  }

  .copyright {
    width: 95%;
  }

  .logo-footer img {
    max-width: 130px;
  }

  .footer-social a {
    font-size: 26px;
    margin-left: 15px;
  }

  .footer-area {
    left: 0 !important;
  }

  .active-footer {
    bottom: 5px;
  }

  .compare-title {
    font-size: 24px;
    padding: 12px 10px;
  }

  .true-icon,
  .false-icon {
    padding-left: 30px;
    margin-bottom: 5px;
  }

  .true-icon::before,
  .false-icon::before {
    width: 16px;
    height: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .false-icon::before {
        font-size: 9px;
        width: 14px;
        height: 14px;
  }

  .true-icon::before {
    font-size: 14px;
  }
  .card-highlight {
    background-position: -60% -20%;
  }

  .home-ref-title {
    margin-top: -10vh;
  }

  .third h2 {
    font-size: 5.7vw;
  }
  .dex .rotate-title h3 {
    font-size: 4.5vw;
  }

  .testimonial-container {
    width: 80%;
  }

  .section-block {
    height: inherit;
    padding: 10vh 0;
  }
	

}

/* Tablet Landscape */

@media (min-width: 1025px) and (max-width: 1330px) {
  .btn {
    padding: 0px 22px;
    font-size: 14px;
  }

  .copyright {
    flex-direction: column;
  }

  .footer {
    padding: 15px 0;
  }

  .footer-menu li {
    display: flex;
    align-items: center;
    text-align: center;
  }

  .footer-contact {
    display: flex !important;
    align-items: center;
  }

  .footer-social {
    margin-top: 10px;
  }

  .grid-inner {
    min-height: 160px;
  }

  .hoverLottie {
    width: 40px !important;
    height: 40px !important;
  }

  .cross-chain p {
    font-size: 18px;
  }

  .testimonial-block blockquote p {
    font-size: 20px;
  }

  .blog-meta p {
    font-size: 12px;
    line-height: 16px;
  }

  .tags {
    font-size: 10px;
    padding: 3px 8px;
  }

  p {
    font-size: 15px;
    line-height: 22px;
  }

  .post h1 {
    margin: 20px 0px;
    font-size: 42px;
    line-height: 110%;
  }

  .blog .f-grid-one-forth {
    grid-template-columns: 31% 31% 31%;
    column-gap: 3%;
  }
}
@media (max-width: 1024px) {
  .blog .f-grid-one-forth {
    grid-template-columns: 31% 31% 31%;
    column-gap: 3%;
  }
}

/* Tablet Landscape */

@media (min-width: 769px) and (max-width: 1024px) {
  .section-block {
    height: inherit;
    padding: 10vh 0;
  }

  .hero,
  .tech-hero,
  .product-hero,
  .referral-home {
    margin-top: 15vh;
  }

  .compare-cex {
    width: 32%;
  }

  .compare-cex-inner {
    padding: 0px 10px;
  }

  .compare-title {
    font-size: 22px;
  }

  .btn {
    padding: 0px 25px;
    line-height: 40px;
    font-size: 14px;
  }

  .card-highlight {
    background-position: -60% -40%;
  }

  .compare-cex-inner p {
    font-size: 14px;
    line-height: 20px;
  }

  .product-hero .feature-product img {
    width: 100%;
  }

  .product-highlight p {
    font-size: 14px !important;
    line-height: 20px;
  }

  .btn-container {
    flex-direction: column;
  }

  .hero .btn-container {
    align-items: flex-start;
    margin-top: 10px !important;
  }

  .hero .btn-container .btn {
    margin-bottom: 10px;
  }

  .hero h1 {
    margin-bottom: 0px;
  }

  .btn-container .btn {
    margin-bottom: 20px;
    min-width: 300px;
  }

  .fifth .btn-container,
  .sixth .btn-container {
    align-items: center;
  }

  .tech-hero .column-half:first-child {
    width: 40%;
  }

  .tech-hero .column-half:last-child {
    width: 60%;
  }

  .product-highlight img {
    margin: 0px;
    width: 50px;
  }

  .paragraph--large {
    font-size: 20px;
  }

  .widget .video-block {
    max-width: 450px;
    top: 10%;
    left: 0;
  }

  .fake-sites img {
    object-position: left;
  }
  .seventh #lottie-container {
    width: 100%;
  }

  .product-partner .column-third:nth-child(1),
  .product-partner .column-third:nth-child(2) {
    width: 28%;
  }

  .product-partner .column-third:nth-child(3) {
    width: 35%;
  }

  .testimonial-container {
    padding: 10px 0px;
  }

  .testimonial-block blockquote p {
    font-size: 20px;
    line-height: 130%;
  }

  .testimonial-block {
    padding: 30px;
  }

  .testimonial-block h4 {
    font-size: 32px;
  }

  .testimonial-container::before,
  .testimonial-container::after {
    font-size: 72px;
  }

  .testimonial-container::before {
    top: -25px;
    left: -25px;
  }

  .testimonial-title {
    margin-top: -10vh;
  }

  #search-container {
    margin-top: 5px;
  }

  #autocomplete-list {
    width: 100%;
  }

  .fake-sites img {
    height: 300px;
  }

  .copyright {
    flex-direction: column;
  }

  .footer {
    padding: 15px 0;
  }

  .footer-social {
    margin-top: 20px;
  }

  .dex-cex .paragraph--large {
    font-size: 18px;
    line-height: 22px;
  }

  .cexy .rotate-title-container .rotate-title {
    margin-bottom: 20px;
  }

  .grid-inner {
    min-height: 160px;
  }

  .hoverLottie {
    width: 40px !important;
    height: 40px !important;
  }

  .cross-chain p {
    font-size: 18px;
  }

  .testimonial-block blockquote p {
    font-size: 20px;
  }

  .tech-feature h5 {
    font-size: 24px;
  }

  header a {
    font-size: 12px;
    line-height: 18px;
  }

  .nav li {
    padding: 10px 10px;
  }

  .nav .cta {
    padding: 5px 14px;
    width: inherit;
    align-items: center;
  }

  .referral-tier h5 {
    font-size: 18px;
    line-height: 110%;
  }
}
@media (max-width: 768px) {
  /* Hamburger Menu */

  .nav {
    justify-content: normal;
    padding-top: 10vh !important;
    flex-direction: column;
    align-items: center;
  }

  .nav::before {
    content: url("../../wp-content/themes/orion/assets/images/mark.html");
    position: relative;
    display: block;
    left: 10px;
	margin-bottom:30px;
  }

  #nav-icon {
    display: block;
  }

  header .nav {
    position: fixed;
    right: -100vw;
    width: 100%;
    height: 100%;
    top: 0;
    background: var(--color-white);
    transition: right 0.4s;
    padding-top: 0;
    z-index: 9;
  }

  header .nav.open {
    right: 0;
  }

  header .nav li {
    display: block;
    margin: 0px auto;
    text-align: center;
    width: 60%;
    padding: 5px 0;
  }

  header .nav li a {
    display: block;
    padding: 10px;
    font-size: 18px;
    z-index: 9999;
  }

  .menu-item-has-children ul {
    left: calc(50% - 100px);
    top: 0px;
  }

  .menu-item-has-children ul li {
    width: 100% !important;
    display: flex;
    align-items: center;
  }

  .menu-item-has-children ul li a {
    font-size: 14px;
    padding: 8px;
  }

  .hide-mobile {
    display: none !important;
  }

  .show-mobile {
    display: block !important;
  }

  .container-small {
    width: 90%;
    margin: 0px auto;
  }

  .column-half.no-whitespace {
    width: 100%;
  }

  .column-third,
  .column-forth,
  .column-fifth {
    width: 46%;
    margin: 1%;
    padding: 1%;
  }

  .banner-block .column-full,
  .slide .column-full {
    flex-direction: column;
    justify-content: center;
  }

  .banner-block .column-half,
  .slide .column-half {
    width: 100%;
    padding: 0;
  }

  .mobile-f-dir-col {
    flex-direction: column;
    align-items: center;
  }

  .mobile-f-dir-col-reverse {
    flex-direction: column-reverse;
    align-items: center;
  }

  .dex .wp-block-image {
    width: 60%;
    margin: 0px auto;
  }

  .dex-cex .first,
  .dex-cex .dex-content,
  .dex-cex .last {
    width: 100%;
  }

  .dex .rotate-title h3 {
    font-size: 9vw;
    line-height: 100%;
  }

  .tech-hero .grid-container {
    grid-template-columns: 50% 50%;
  }

  .cross-chain {
    width: 100% !important;
    padding: 10% 5% !important;
  }

  .cross-chain p {
    font-size: 20px;
  }

  .referral-home .container-block {
    flex-direction: column-reverse;
  }

  .home-pag {
    display: none !important;
  }

  .blog .f-grid-one-forth {
    grid-template-columns: 48% 48%;
    column-gap: 3%;
  }
	
	.compare-cex {
    	padding: 0px !important;
  }
	
}

@media (max-width: 768px) and (min-width: 643px) {
  h1 {
    margin-bottom: 10px;
  }

  h2 {
    font-size: 8.5vw;
    line-height: 100%;
  }

  h3 {
    font-size: 8vw;
    line-height: 100%;
  }

  .hero {
    padding-bottom: 20vh;
  }

  .hero h1 {
    font-size: 12vw;
  }

  .hero .rotate-title {
    height: 12vw;
  }

  #autocomplete-list {
    width: 100%;
  }

  .feature {
    flex-direction: column;
  }

  .icon-container {
    grid-template-columns: 100px 100px 100px 100px 100px 100px;
  }

  .f-grid-one-third {
    grid-template-columns: 100%;
  }

  .hero .video-block {
    max-width: 400px;
  }

  .hero .column-half {
    align-items: center;
  }

  .hero .paragraph {
    text-align: center;
  }
  .hero .btn-container {
    align-items: center;
  }

  #search-container {
    width: 100%;
  }

  .btn-container {
    width: 100% !important;
    margin-top: 10px !important;
  }

  .btn-container .btn {
    margin-bottom: 10px;
  }

  .hero .rotate-title {
    width: 90%;
    position: relative;
    text-align: center;
  }

  .hero .rotate-title span,
  .hero .rotate-title h2 {
    position: relative;
  }

  .hero .rotate-title span:nth-child(2) {
    top: -50%;
  }

  .hero .rotate-title span:nth-child(3) {
    top: -100%;
  }

  .hero .video-block {
    margin-bottom: 5vh;
  }

  .hero .btn-container {
    width: 100% !important;
    margin-top: 30px !important;
    justify-content: center;
  }

  .hero .paragraph--large {
    margin-top: 30px;
  }

  .dex .rotate-title-container {
    margin-top: 8vh;
  }

  .dex .rotate-title {
    height: 16vw;
  }

  .cexy .rotate-title-container .rotate-title {
    height: inherit;
    width: 100%;
    left: 0;
  }

  .cexy .rotate-title-container {
    height: 18vh;
  }

  .cexy .rotate-title h3 {
    font-size: 8vw;
    line-height: 100%;
  }

  .cta::after {
    display: none;
  }

  .third .column-half:first-child {
    width: 70%;
  }

  .third h2 {
    font-size: 10vw;
    line-height: 100%;
  }

  .sixth .column-half:nth-child(2) {
    width: 80%;
    margin-top: 5vh;
  }

  .menu-item-has-children:after,
  .menu-item-has-children ul {
    position: relative;
  }

  .tech-hero .column-half:first-child,
  .tech-hero .column-half:last-child {
    width: 100%;
    align-items: center !important;
    margin-top: 100px;
  }

  .tech-hero .headline {
    text-align: center;
  }

  .grid-inner {
    min-height: 240px;
  }

  .grid-inner p {
    width: 80%;
    font-size: 13px;
    line-height: 14px;
  }

  .tech-feature {
    margin-bottom: 30px;
  }

  .compare-cex {
    padding: 0px 10px !important;
  }

  .product-highlight img {
    width: 100px;
  }

  .product-partner .column-third:nth-child(1),
  .product-partner .column-third:nth-child(2) {
    width: 100%;
  }

  .testimonial-block h4 {
    font-size: 26px;
  }

  .testimonial-block blockquote p {
    font-size: 20px;
    line-height: 130%;
  }

  .fifth .column-half {
    width: 80%;
  }

  .fake-sites {
    width: 100%;
  }

  .widget {
    height: inherit;
    margin-bottom: 5vh !important;
  }

  .home-ref-title {
    margin-top: 0;
  }

  .footer {
    margin-bottom: 5vh;
  }

  .footer section {
    padding: 0;
  }

  .tech-hero .grid-inner {
    min-height: 150px;
  }

  .tech-hero .column-half:last-child {
    margin-top: 40px;
  }

  .tech-feature h5 {
    font-size: 20px;
  }

  .tech-feature lottie-player {
    margin-top: 30px;
    width: 70px !important;
    height: 70px !important;
  }

  .tech-feature p {
    font-size: 14px;
    line-height: 20px;
    width: 80%;
  }

  .compare-container {
    padding-top: 10vh;
  }

  .compare-title {
    padding: 20px 10px;
  }

  .true-icon,
  .false-icon {
    padding-left: 30px;
    margin-bottom: 10px;
  }

  .compare-cex-inner {
    padding: 0px 10px;
    width: 80%;
    margin: 30px auto;
  }

  .card-highlight {
    background-position: 0% -30%;
  }

  .product-hero {
    padding-top: 10vh;
  }

  .products .btn {
    font-size: 10px;
  }

  .feature-product .btn {
    margin-top: 0px;
  }

  .product-users .column-third,
  .product-partner .column-third:nth-child(1),
  .product-partner .column-third:nth-child(2),
  .product-partner .column-third:nth-child(3) {
    width: 70%;
  }

  .product-partner .column-third:nth-child(1) {
    margin-top: 5vh;
  }

  .love-cta .mr-20,
  .partner-cta .mr-20 {
    margin: 0px 0px 20px 0px;
  }

  .user-highlight {
    width: 90%;
  }

  .partner-logos-last {
    width: 100% !important;
    background: #f7f7f7;
    margin-top: 20px !important;
  }

  .make-trade {
    padding: 5%;
    width: 90%;
  }

  .referral-home {
    margin-top: 5vh;
  }

  .referral-home .column-half {
    width: 90%;
  }

  .referral-home .column-half:nth-child(1) {
    z-index: 1;
  }

  .referral-tier lottie-player {
    width: 100px !important;
    height: 100px !important;
    margin-top: 20px;
  }

  .referral-tier h5 {
    font-size: 14px;
    line-height: 120%;
    margin-bottom: 20px;
  }

  .referral-tier::before {
    display: none;
  }

  .testimonial-title {
    margin: 0px;
  }

  .testimonial-container::after {
    right: -30px;
  }

  .copyright {
    flex-direction: column;
  }

  .footer-social {
    margin-top: 10px;
  }
  .plus-icon::before,
  .plus-icon::after {
    display: none;
  }

  .products {
    flex-direction: column;
    align-items: center;
  }

  .referral-home .headline {
    text-align: center;
  }
}

/* Mobile Large */

@media (max-width: 642px) {
  h1 {
    font-size: 54px;
    line-height: 100%;
  }
  h2 {
    font-size: 42px;
    line-height: 100%;
  }

  h3 {
    font-size: 42px;
    line-height: 100%;
    margin: 10px 0;
  }
	
	h1, h2, h3, h4, h5, h1 span, h2 span, h3 span,  h1 strong, h2 strong, h3 strong{
	font-family:var(  --font-title)!important;
	  font-weight:normal!important;
	}

  .mobile-f-dir-col-reverse {
    flex-direction: column-reverse;
    align-items: center;
  }

  .paragraph--large {
    font-size: 22px;
    line-height: 28px;
  }

  .btn {
    min-width: 80%;
  }

  .rotate-title {
    height: 50px;
    width: 90%;
    position: relative;
    text-align: center;
  }

  .hero video {
    margin-top: 50px;
  }

  .footer {
    padding: 5vh 0;
  }

  .footer .f-dir-col {
    padding: 4% 0;
  }

  .f-grid-one-forth,
  .blog .f-grid-one-forth {
    grid-template-columns: 100%;
    row-gap: 0%;
  }
  .column-full {
    flex-direction: column;
  }

  .column-full,
  .column-half,
  .column-third,
  .column-forth,
  .column-fifth {
    width: 90%;
    padding: 0px 5%;
    align-items: center !important;
  }

  .dex-cex .first {
    margin-bottom: 5vh;
  }

  .dex-cex .first .wp-block-image,
  .dex-cex .last .wp-block-image {
    margin-bottom: -15px;
  }

  .dex-cex h5 {
    font-size: 26px;
    margin-bottom: 10px;
  }

  .dex-cex .paragraph--large {
    font-size: 16px;
    line-height: 24px;
  }

  .dex-content .paragraph--large {
    font-size: 22px;
    line-height: 26px;
  }

  .rotate-title-container .rotate-title {
    height: 130px;
  }

  .rotate-title-container h2 {
    font-size: 42px;
    line-height: 110%;
  }

  .home-referral {
    flex-direction: column;
    align-items: center;
  }

  .fake-sites {
    width: 100%;
    top: 10%;
  }

  .cexy .btn {
    margin: 10px 0px !important;
  }

  .widget {
    height: 80vh;
    display: flex;
    justify-content: flex-end;
    background-size: 120%;
    margin-bottom: 0px !important;
  }

  .column-sixth {
    width: 70%;
  }

  .footer-menu {
    flex-wrap: wrap;
  }

  .footer-menu li {
    margin: 10px 0px;
    width: 48%;
    text-align: center;
    justify-content: center;
  }

  .footer-menu li:nth-child(7),
  .footer-menu li:nth-child(8) {
    width: 50%;
  }

  .copyright {
    padding: 0px;
    flex-direction: column;
  }

  .copyright > div {
    margin: 10px 0px;
  }

  .footer section {
    left: 0 !important;
  }

  .footer-contact {
    flex-direction: column;
  }

  .active-footer {
    transform: none;
  }

  .btn {
    padding: 0px 30px;
    text-align: center;
    font-size: 14px;
    line-height: 40px;
  }

  .hero .rotate-title,
  .hero .rotate-title span {
    width: 100%;
  }

  .hero .rotate-title span:nth-child(1) {
    top: -10%;
  }

  .hero .rotate-title span:nth-child(2) {
    top: -20%;
  }

  .hero .rotate-title span:nth-child(3) {
    top: -25%;
  }

  .hero .paragraph--large {
    text-align: center;
  }

  #search-container {
    padding: 6px;
    font-size: 14px;
    width: 90% !important;
  }

  #autocomplete-list {
    width: 90%;
  }

  .btn-container .btn {
    margin-right: 0px;
    margin-bottom: 10px;
  }

  .dex .wp-block-image {
    width: 100%;
  }
  .dex .rotate-title-container {
    margin-top: 0px;
  }

  .dex .rotate-title h3 {
    font-size: 40px;
    line-height: 100%;
  }

  .rotate-title-container .rotate-title {
    height: 100px;
  }
  .dex-content {
    margin-top: 5vh;
  }

  .dex-cex .column-third:nth-child(1) {
    order: 2;
  }

  .third .column-half {
    width: 100%;
  }

  .third h2 {
    font-size: 52px;
    line-height: 100%;
  }

  .cexy .rotate-title-container {
    height: 24vh;
  }

  .cexy .rotate-title h3 {
    font-size: 36px;
    line-height: 100%;
  }

  .cexy .rotate-title-container .rotate-title {
    width: 100%;
    left: 0;
  }

  .fifth .column-half {
    width: 100%;
  }
  .fake-sites {
    height: 30vh;
  }
  #orion-widget {
    padding-top: 0px;
    margin-bottom: 20px;
  }

  .sixth h3 {
    margin: 0px;
  }

  .seventh .column-full {
    width: 100% !important;
    padding: 0px !important;
  }

  .seventh h3 {
    margin: 0px;
    font-size: 42px;
  }

  .seventh .container-full:nth-child(2) {
    width: 100%;
  }

  .tech-hero .grid-inner {
    height: 150px;
    z-index: 1;
  }

  .grid-inner p {
    width: 90%;
  }

  .grid-inner strong {
    font-size: 14px;
    line-height: 16px;
  }

  .grid-inner .hoverLottie {
    width: 45px !important;
    height: 45px !important;
  }

  .plus-icon::before,
  .plus-icon::after {
    display: none;
  }
  .minus-top {
    margin: 0px;
  }

  .tech-why,
  .products {
    flex-direction: column;
  }

  .compare-cex-inner {
    align-items: flex-start !important;
  }

  .true-icon,
  .false-icon {
    margin-bottom: 20px;
  }

  .card-highlight {
    background-position: -70% -20%;
  }
  .products .btn {
    font-size: 14px;
  }

  .user-highlight .column-third:nth-child(1) {
    width: 100%;
  }

  .product-highlight p {
    text-align: center;
  }

  .product-highlight lottie-player {
    margin: 0px;
  }

  .user-highlight {
    margin-bottom: 40px;
  }

  .user-highlight .fake-sites {
    top: 0;
  }

  .partner-logos-first {
    width: 100% !important;
    margin-bottom: 30px !important;
  }
  .partner-logos-last {
    width: 80% !important;
    padding: 10px 0px;
  }

  .user-highlight {
    width: 80%;
  }

  .love-cta .btn,
  .partner-cta .btn {
    margin: 5px 0px;
  }

  .product-partner .column-third:nth-child(1),
  .product-partner .column-third:nth-child(2),
  .product-partner .column-third:nth-child(3) {
    width: 100%;
  }

  .partner-logos .column-forth {
    width: 80%;
    margin: 5px 0px !important;
  }

  .make-trade {
    padding: 5% 0;
    width: 90%;
  }

  .make-trade h3 {
    padding: 0px !important;
	font-size: 36px;
  }

  .product-hero {
    padding-top: 10vh;
  }

  .earn-title h3 {
    font-size: 44px;
    line-height: 110%;
  }

  .earn-items {
    flex-direction: column;
  }

  .referral-home h2 {
    text-align: center;
  }

  .referral-tier {
    width: 60%;
    margin: 0px auto 20px auto;
  }

  .referral-tier lottie-player {
    width: 140px !important;
    height: 140px !important;
    margin-top: 20px;
  }

  .referral-tier h5 {
    font-size: 18px;
    margin-bottom: 30px;
  }

  .earn-container .mr-20 {
    margin-right: 0px;
    margin-bottom: 20px;
  }

  .testimonial-block a {
    color: var(--color-purple-star-3);
    font-size: 14px;
  }

  .testimonial-block blockquote p {
    font-size: 16px;
    line-height: 140%;
  }

  blockquote p {
    margin-top: 0px;
  }

  .cta {
    width: 50%;
    min-width: 50%;
    padding: 0px !important;
  }

  .third .column-half:last-child {
    width: 100%;
  }
  .third .column-half:first-child {
    width: 90%;
  }
  .testimonial-container::before {
    top: 0px;
    left: 10px;
  }

  .testimonial-container::after {
    right: 0px;
  }

  .product-highlight lottie-player {
    width: inherit !important;
  }

  .dex-content .paragraph--large {
    width: 80%;
  }

  .grid-inner {
    height: 150px;
    min-height: 150px;
  }

  .tech-hero .headline {
    text-align: center;
  }

  .tech-hero .grid-container {
    margin-top: 50px;
  }
  .tech-feature {
    margin-bottom: 30px;
  }

  .tech-feature .hoverLottie {
    margin-top: 30px;
  }

  .referral-tier::before {
    display: none;
  }

  .testimonial-block h4 {
    font-size: 28px;
  }

  .blog-title h1 {
    font-size: 54px;
    line-height: 100%;
    text-align: center;
    padding: 5vh 0;
    margin-top: 10vh;
  }

  .post-feature {
    border-radius: 0px;
  }

  .post h1 {
    margin: 20px 0px;
    font-size: 36px;
    line-height: 100%;
  }

  .cta {
    display: flex !important;
  }
	
		
	.dex-cex .last{
		margin-top:40px;
	}
	
	.bridge-swap{
	width: 80%;
    margin-bottom: 30px;
	}
	
	.post-feature{
	    height: 30vh;
		margin: 50px auto 0px auto;
	}
	.post-feature img{
		object-fit: contain;
	}
}

/* Mobile Small */

@media (max-width: 375px) {
  h1 {
    font-size: 46px;
    line-height: 100%;
  }

  .rotate-title {
    height: 40px;
  }

  .make-trade h3 {
    font-size: 32px;
  }
.tech-hero .grid-inner {
	height: 180px;
	}
	
.cross-chain p {
    font-size: 18px;
}
	
.third h2 {
    font-size: 48px;
    line-height: 100%;
}
	
.cexy .rotate-title-container {
    height: 28vh;
}
}