/* Responsive mobile */

@media screen and (max-width: 1400px) {
section h2 {font-size:42pt;}
}
@media screen and (max-width: 1200px) {
section h2 {font-size:37pt;}
.apexcardspage .apexsidecon p {font-size:14pt;}
.apexsecure h3 {font-size:30pt;}
.pcss3t {max-width:100% ! important;}
.pcss3t .typography li {font-size:14pt;}
.pcss3t > ul > li {padding-top:0 ! important;}
.appsecurity-list {align-items: flex-start !important;}
}
@media screen and (max-width: 1000px) {
.pcss3t .typography {width:100%;}
ul.cardfeaturelist {float:none;width:100%;text-align:center;}
.homealt .apexsecure .apexcards4 h2, .homealt .apexsecure h3 {text-align:center;}
.pcss3t .typography li {text-align:left;}
.tab-content {text-align:center;}
.apexcarddisplay3 .card h3 {bottom: -36px;}
.apexcentre .cardnavigation {margin: 0px auto; display: flex; align-items: center; justify-content: center; gap: 8px; flex-wrap: wrap;}
/* .apexcentre .cardnavigation li:last-child {margin-right: 20px;} */
.appsecurity-image img {height: 500px;}
.fbox-content h3 {margin-left: -88px;}
.card-changer h2 {font-size: 32px;}
}
@media screen and (min-width: 800px) and (max-width: 1200px) {
  .carousellist li:nth-child(1), .carousellist li:nth-child(3) {margin-top:0px;}
}
@media screen and (min-width: 765px) and (max-width: 1000px) {
  .apexcentre .cardnavigation li:last-child {margin-right: 20px;}
  .downloadbuttons .btn-download span:last-child {font-size: 16px;}
}
@media screen and (min-width: 600px) and (max-width: 765px) {
  .downloadbuttons {width: calc(100vw - 36px); justify-content: center; margin-top: 120px;}
}
@media screen and (min-width: 600px) and (max-width: 700px) {
  .downloadbuttons {margin-top: 90px;}
}
@media screen and (max-width: 800px) {
.apextopback {background-position:0 -145px;}
.apexcarddisplay3 .card h3 {bottom: -45px}
.apexcarddisplay3 {overflow: visible;}
.home-card-hero {width: 80%;max-width: 550px;}
.virtualcardssection .apexhowitworks{display: flex; align-items: center; justify-content: center; flex-direction: column;}
.apexconleft {width: unset; float: unset;}
.apexconright { float: none; width:100%}
ul.cardnavigation {max-width: 100%; margin-top: 10px;}
.downloadbuttons .btn-download {padding: 4px 8px;font-size: 16px;width: 150px;min-width: 150px;}
.downloadbuttons .btn-download {font-size: 16px;}
.downloadbuttons .btn-download img {width: 30px; height: 30px;}
.downloadbuttons .btn-download span:last-child {font-size: 16px;}
.apexcards2 h2 {padding: 0 20px;}
.carousellist li:nth-child(1), .carousellist li:nth-child(3) {margin-top:0;}
.faqanswer1 ul li span {font-size: 14px;}
.faqanswer1 ul li strong {font-size: 14px;}
.apexmerchants h3 {font-size:26px;}
h3.apexcard-sub-title {font-size:30px;}
p.apexcard-description {font-size:20px; margin-top: 12px;}
.card-changer h2 {margin-top: 80px}
h3.merchants-desc {margin-top: 72px;font-size: 18pt;}
}
@media screen and (max-width: 767px) {
.apex2 {padding:40px 6%;}
.apexnavigation {margin-bottom:50px;}
section h2 {font-size:30pt;}
.downloadbuttons .btn-download span:last-child {font-size: 14px;}
.apexcardspage .apexsidecon p {font-size:13pt;}
.footernotes p span:first-child {display: block;}
.footernotes p span.footerlinksterms {display: flex;float:left;margin-top:8px}
.apexcardchoice {margin-top: 32px;}
.cardtabs label.card-navigation {margin: 12px auto;}

/* APEX Pro carousellist */
.carousellist {display: flex; flex-direction: column;align-items: center;max-width: 100%;}
.carousellist li {width: 100%; margin: 32px 0; display: flex;flex-direction: column; align-items: center;}
.carousellist li span {font-size: 18px;}
.carousellist li img {width: 60%; max-width: 300px; margin-top: 0;}
/* .carousellist li:first-child img {margin-top: 0 !important;} */
.carousellist li.middlepic {width: 100%; margin-bottom: 80px;}
.carousellist li.middlepic img {width: 60%; max-width: 300px;}
.carousellist li:nth-child(1) img, .carousellist li:nth-child(3) img {margin-top: 24px !important;}
.carousellist li:nth-child(1) {order: 2;}
.carousellist li:nth-child(2) {order: 1;}
.carousellist li:nth-child(3) {order: 3;margin-top: 48px;}
.apexsecure h3.apexcard-sub-title {line-height: 38pt}

/* FAQ */
#apex-faq .faqinfo, #cards-faq .faqinfo, #apex-pro-faq .faqinfo {padding: 18px 0;}
#apex-faq .faqinfo a.togglefaq1,#apex-faq .faqinfo .faqanswer1 p, #cards-faq .faqinfo a.togglefaq1, #cards-faq .faqinfo .faqanswer1 p,#apex-pro-faq .faqinfo a.togglefaq1, #apex-pro-faq .faqinfo .faqanswer1 p {font-size: 14pt;}

/* Vitual card */
.virtualcardssection .apexconright ul.featurelistblack li {font-size: 14pt;}
.virtualcardssection .apexconright p {font-size: 14pt;}

/* Apex pro Features */
.mainicon svg {height: 50px;}
.apexprofeatures .faqinfo a strong {font-size: 14pt;}
.apexprofeatures .faqinfo a span.subheading {font-size: 13pt;}
.apexprofeatures .faqinfo p {font-size: 13pt;}
.apexprofeatures .faqinfo p strong {font-size: 13pt;}

/* Apex pro security */
.security-section .feature-box {}
.security-section .feature-box h3 {margin: 0;}
.security-section .feature-box:first-child {margin-bottom: 32px;}
.security-section .feature-box .fbox-content {text-align: center;}
}
@media screen and (max-width: 600px) {
section h2 {font-size:30pt;}
/* .apexmerchants h3 {font-size:24pt;} */
.apexsidecon {width:100%;margin-right:0;}
.apexcarddisplay2 img {width:45%;}
.orderyourcard {display:none;}
.mobilebuttonorder {display:block;}
.termscon {display:none;}
.mobileterms {display:block;}
.mobileterms p.terms {display:block;text-align:center;margin-top:0;}
.mobileterms p.terms .termsphrase, .mobileterms p.terms .infoicon {display:inline-block;float:none;}
.mobileterms p.terms .termsphrase {margin-top:5px;}
.mobileterms p.terms .infoicon {margin-top:-5px;}
.apexsecure h3 {font-size: 27pt;line-height: 40pt;}
.apexnavigation ul li {margin-right: 5px;}
/* .apexcards2 h2 {font-size: 30pt;} */
.apexcarddisplay3 .card h3 {bottom: -90px;}
.apexcentre .cardnavigation {margin: 90px auto;}
ul.benefit-partners li img {max-width: 100px !important;}
ul.cardnavigation li {margin-bottom: 20px;}
.downloadbuttons .btn-download span:last-child {font-size: 12px;}
/* .downloadbuttons {justify-content: center;} */
.submenu-box {padding: 40px 13px;}
.submenu-box-wrapper {display: contents;}
.submenu-box a {margin-right:  0;}
.appsecurity-image img {height: 400px;}
.fbox-content h3 {font-size: 20px;}

.apexnavigation ul.menu {display: none;}
.btn-pre-order a {width: 160px;padding: 8px; font-size: 12pt;}
.card-changer h2 {font-size: 32px;}
h3.apexcard-sub-title {font-size:26px;}
p.apexcard-description {font-size:18px; margin-top: 12px;}
.apexbenefitsalt ul.benefitslist {margin-bottom: 120px;}
h3.merchants-desc {margin-top: 72px;font-size: 15pt;}
#apex-faq .faqinfo, #cards-faq .faqinfo, #apex-pro-faq .faqinfo {padding: 16px 0;}
#apex-faq .faqinfo a.togglefaq1, #apex-faq .faqinfo .faqanswer1 p,#cards-faq .faqinfo a.togglefaq1,#cards-faq .faqinfo .faqanswer1 p,#apex-pro-faq .faqinfo a.togglefaq1,#apex-pro-faq .faqinfo .faqanswer1 p {font-size: 12pt;}

/* APEX PRO */
.apexpro-hero-image img {width: 70%; margin-left: 25%; max-width: 320px;}
.downloadbuttons {margin-top: 64px; justify-content: center;}

/* Apex pro security */
.security-section .feature-box {flex-direction: column;}
.security-section .feature-box h3 {text-align: left;margin-top: 12px;}
.security-section .feature-box p {text-align: left;}
/* .security-section .feature-box:first-child {margin-bottom: 32px;}
.security-section .feature-box .fbox-content {text-align: center;} */
}
@media screen and (max-width: 550px) {
.apex2 {padding:40px 6% ! important;}
section h2 {font-size:26pt;}
.apexcardspage .apexsidecon p {font-size:12pt;}
ul.materialslist {width: 100%;}
.apexcards2 h2 {font-size: 26px; padding: 0 10px;}
.apexcarddisplay3 .card h3 {bottom: -90px;}
.apexcentre .cardnavigation {margin: 90px auto; display: flex; align-items: center; justify-content: center; gap: 8px; flex-wrap: wrap;}
.card-changer .apexcarddisplay  {width: 100%; max-width: 320px;}
ul.cardnavigation li{margin-bottom: 20px; float: none;margin-right: 0;}
ul.cardnavigation {max-width: 70%;}
.faqinfo .faq-wrapper { gap: 8px;}
.faqsection a {line-height: 24px; font-size: 15px;}
.faqsection p { font-size: 14px; line-height: 20px;}
.pcss3t-theme-1 > input:checked + label {margin-bottom: 0 !important;}
.cardtabs {display: flex;align-items: center;justify-content: center;flex-direction: column;width: 100%;gap: 10px;}
.cardtabs label.card-navigation {margin: 0px auto;}
ul.benefitslist {display: flex; align-items: flex-start; justify-content: center; width: 100%; flex-wrap:wrap;}
ul.benefit-partners li {width: 45%;}
ul.benefit-partners li img {max-width: 100px !important;}
ul.benefitslist li {margin-right: 0;}
ul.benefitslist-md {justify-content: flex-start;}
ul.benefitslist-md li {width: 50%;}
.fbox-content h3 {margin-left: 0;}
p.apexcard-description {font-size: 15px;}
.carousellist li span {font-size: 16px; max-width: 80%;}
.carousellist li:nth-child(3) {margin-top: 32px;}
.apexsecure h3.apexcard-sub-title {line-height: 30pt; font-size: 24px;}
.benefits-secure ul {}
ul.benefits-secure li {width: 45%;}
#apex-faq .faqinfo .faqanswer1 p {font-size: 14px;}
#cards-faq .faqinfo .faqanswer1 p {font-size: 14px;}
#apex-pro-faq .faqinfo .faqanswer1 p {font-size: 14px;}
.button2.buttonpro a {padding: 8px 30px;}

/* Vitual card */
.virtualcardssection .apexconright ul.featurelistblack li {font-size: 12pt;}
.virtualcardssection .apexconright p {font-size: 12pt;}
}

@media screen and (max-width: 440px) {
  .home-card-hero {width: 100%;max-width: 320px;}
  .card-changer .apexcarddisplay  {width: 100%; max-width: 290px;}
}

/* Slider */
@media (min-width: 1024px) {
  .logo-slider-wrapper {
    max-width: 90%;
    padding: 50px 0;
  }
}
@media (min-width: 1366px) {
  .logo-slider-wrapper {
    padding: 65px 0;
  }
}
@media (min-width: 1920px) {
  .logo-slider-wrapper {
    padding: 75px 0;
  }
}

@media (min-width: 1920px) {
  .logo-slider-wrapper p {
    font-size: 18px;
    margin-bottom: 2.5rem;
  }
}

@media (min-width: 1920px) {
  .logo-slider-wrapper .logos div img {
    height: 140px;
  }
}

@media (min-width: 1024px) {
  .logo-slider.apex-pro .logo-slider-wrapper {
    padding: 75px 0;
  }
}
@media (min-width: 1366px) {
  .logo-slider.apex-pro .logo-slider-wrapper {
    padding: 100px 0;
  }
}
@media (min-width: 1680px) {
  .logo-slider.apex-pro .logo-slider-wrapper {
    padding: 120px 0;
  }
}
@media (min-width: 1920px) {
  .logo-slider.apex-pro .logo-slider-wrapper {
    padding: 150px 0;
  }
}

/* Tooltip */

@media screen and (max-width: 600px) {
  .tooltip-c span {
    left: 100%;
  }

  .tooltip-c span::after {
    left: 29%;
  }
}

@media screen and (min-width: 992px) and (max-width: 1000px) {
  .fbox-content h3 {margin: 0;}
}
@media screen and (min-width: 767px) and (max-width: 991px) {
  .security-section {display: flex; align-items: flex-start;}
  .security-section .feature-box {width: 50%;margin: 0 !important;}
  .security-section .feature-box:first-child {flex-direction: row-reverse;}
  .security-section .feature-box h3 {margin: 0;text-align: left;}
  .security-section .fbox-content p {text-align: left;}
  .security-section .feature-box:first-child h3 {text-align: right}
  .security-section .feature-box:first-child p {text-align: right}
  .security-container {width: 100%; max-width: unset;}
}