/* custom copy card */
@media screen and (min-width:0px) {
 .xgpJoinNowBtn {
  color:#9bf00b !Important;
 }
}

@media screen and (min-width:1084px) {
 .xgpJoinNowBtn {
  color:#054b16 !important;
 }
 .xgpLogoWhite {
  display:none !important;
 }
 .custCopyCard.custMobHero h1, 
 .custCopyCard.custMobHero p {
    color:#000;
  }
}

@media only screen and (max-width: 1083px) {
 section.m-hero-item.glp-hero.mobile-480 {
   background-color:black !important;
   color:white !important;
 }
 .xgpLogoBlack{
   display:none !important;
  }
 .mobGetItNowCta {
    color: #9bf00b !important;
    background: rgba(255,255,255,0) !important;
    border-color: #9bf00b !important;
 }
}


@media only screen and (max-width: 414px) {
.heroMobileFix .m-hero-item.mobile-480.glp-hero.f-y-center>div>div {
    top: calc(100%) !important;
 }
}

/* custom copy card */

@media only screen and (min-width: 768px) {
    .beginner-guide {
        color: #000 !important;
    }
}

@media only screen and (max-width: 1400px) {
    .beginner-guide .c-list li {
        padding-bottom: 0px;
    }
}

 @media screen and (max-width:1083px) {
   #hero-10 h1 {color: white !Important; }
   .popicons { color:white !important; }
}

/*
@media screen and (max-width: 859px) {
    .m-hero-item.glp-hero >picture img {
        padding-top:88px !important;
    }
}

*/


@media only screen and (max-width: 480px) {
    .beginner-guide .c-list li {
    padding-top: 0px;
    }
}

@media only screen and (max-width:415px) {
  section.m-hero-item.glp-hero.mobile-200 {
    background-color: black !important;
 }
}

@media only screen and (min-width: 415px) and (max-width: 767px) {
    .m-hero-item.mobile-200.glp-hero.f-y-center>div>div {
        top: calc(65%);
        
    }
    section.m-hero-item.glp-hero.mobile-200 {
        height: calc(400px + 50vw);
        background-color:black !important;
    }
   
   
}

@media only screen and (min-width: 320px) and (max-width: 414px) {
    .m-hero-item.mobile-200.glp-hero.f-y-center>div>div {
        top: calc(60%);
    }
    section.m-hero-item.glp-hero.mobile-200 {
        height: 600px;
    }
}

.m-highlight-feature div {
    background-color:#000 !important;
    color:#fff !important;
}

.details a:focus {
    outline: black dashed 2px !important;
}

.beginner-guide .c-list li {
    text-align: left !important;
}

.m-hero-item.glp-hero.f-precise-click {
    padding: 0 3.75% 0 3% !important;
}

@media only screen and (min-width: 415px) and (max-width: 767px) {
.custCopyCard.custMobHero .mobile-560 .cardContent {
    top: calc(75%) !important;
 }
 section.m-hero-item.glp-hero.mobile-560 {
    height: calc(510px + 54vw) !important;
}
}

@media only screen and (min-width: 320px) and (max-width: 415px) {
.custCopyCard.custMobHero section.m-hero-item.glp-hero.mobile-560 {
    height: 700px !important;
}
}

@media only screen and (max-width: 320px) {
section.m-hero-item.glp-hero.mobile-560 {
    height: 720px !important;
}
}

/*
@media only screen and (min-width: 768px) and (max-width: 1083px) {
section.m-hero-item.glp-hero.mobile-600 {
    height: 110vw;
 }
}
*/

@media only screen and (min-width: 768px) and (max-width: 950px) {
section.m-hero-item.glp-hero.mobile-590 {
    height: 125vw !important;
 }
section.m-hero-item.glp-hero.mobile-590>div>div {
    top: calc(65%) !important;
 }
}

@media only screen and (min-width: 540px) and (max-width: 767px) {
section.m-hero-item.glp-hero.mobile-590 {
    height: calc(550px + 60vw) !important;
 }
}

@media only screen and (min-width: 415px) and (max-width: 540px) {
section.m-hero-item.glp-hero.mobile-590 {
    height: calc(470px + 58vw) !important;
 }
}

@media only screen and  (max-width: 540px) {
.m-hero-item.mobile-590.glp-hero.f-y-center>div>div {
    top: calc(78%) !important;
 }
}