@media only screen and (min-width: 0) {}

@media only screen and (min-width: 601px) {}

@media only screen and (min-width: 992px) {}

@media only screen and (max-width: 0) {}

@media only screen and (max-width: 601px) {
    .plansRow .plansTitles h1 {
        font-size: 18px;
        line-height: 22px;
    }

    .plansRow .plansDescription p {
        font-size: 12px;
        line-height: 16px;
    }

    .plansRow {
        background: none;
    }

    .benefitsContainer {
        background-size: 310% !important;
        background-position: 30% 10% !important;
    }

    .registerMainRow .registerRadioInvoiceMode p {
        text-align: left;
    }

    .registerMainRow .ctaAccount {
        text-align: center;
    }

    .registerMainRow .ctaAccount .generalButton {
        display: block;
    }
}

@media only screen and (max-width: 992px) {
    .mainNavBar .brand-logo img {
        margin-left: 0;
    }

    .mobileCartLink.fullCart::after {
        top: -5px;
        right: 32px;
    }

    .rightsRow.row {
        padding-bottom: 2rem;
    }

    .rightsRow.row,
    footer.row {
        margin-bottom: 0;
    }

    .rightsRow,
    footer {
        background: rgba(0, 0, 0, 1);
    }

    footer h1,
    footer a,
    .rightsRow p,
    footer li {
        color: rgba(255, 255, 255, 1) !important;
    }

    footer .footerLogoContainer img {
        margin-bottom: 3rem;
    }

    footer ul {
        margin-bottom: 3rem;
    }

    .socialContainer {
        right: 0.5rem !important;
    }

    .mainSlider .slide.firstSlide h1 {
        font-size: 21px;
        line-height: 26px;

    }

    .mainSlider .slide.firstSlide p {
        font-size: 14px;
        line-height: 18px;
    }

    .mainSlider .slide.firstSlide a.generalButton {
        font-size: 14px;
        line-height: 17px;
    }

    .quickLinksBar .quickLinksContainer div {
        border-left: none;
    }

    .mainSlider {
        background-size: 160% !important;
        background-position: 0% 60% !important;
    }

    .plansRow {
        background-size: 90%;
        background-position: -200% 50%;
    }

    .benefitsContainer {
        background-size: 160%;
        background-position: 30% 50%;
    }

    .benefitsContainer .benefitsTitles h1 {
        font-weight: 700;
        font-size: 18px;
        line-height: 24px;
    }

    .benefitsContainer .benefitsDescription p {
        font-weight: 300;
        font-size: 12px;
        line-height: 16px;
    }

    .benefitsContainer .benefitsBoxes .benefitBox .benefitTitle h1 {
        font-size: 18px;
        font-weight: 700;
        line-height: 21px;
    }

    .keepDevice {
        padding-top: 25px;
        padding-bottom: 25px;
        background: rgb(14, 49, 255);
        background: -moz-linear-gradient(45deg, rgba(14, 49, 255, 1) 0%, rgba(195, 75, 255, 1) 100%);
        background: -webkit-linear-gradient(45deg, rgba(14, 49, 255, 1) 0%, rgba(195, 75, 255, 1) 100%);
        background: linear-gradient(45deg, rgba(14, 49, 255, 1) 0%, rgba(195, 75, 255, 1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0e31ff', endColorstr='#c34bff', GradientType=1);
    }

    .keepDevice .keepDeviceImage img {
        max-width: 50%;
        margin: 0 auto;
    }

    .keepDevice .keepDeviceTitle {
        text-align: center;
    }

    .keepDevice .keepDeviceDescription p {
        font-size: 14px;
    }

    .keepDevice .keepDeviceDescription .buttonContainer {
        text-align: center;
    }

    .keepDevice .keepDeviceDescription .generalButton {
        font-size: 16px;
    }

    .questionsRow .questionsTitles h1 {
        font-size: 21px;
        line-height: 26px;
    }

    .questionsRow .questionsDescription p {
        font-size: 12px;
        line-height: 16px;
    }

    .questionsRow .generalButton {
        font-size: 16px;
    }

    .sponsorshipRow .sponsorshipPreTitle pre {
        font-size: 16px;
        line-height: 19px;
        color: rgba(109, 114, 120, 1);
    }

    .sponsorshipRow .sponsorshipTitle h1 {
        font-size: 21px;
        line-height: 26px;
    }

    .sponsorshipRow .sponsorshipDescription p {
        font-size: 12px;
        line-height: 16px;
    }

    .paymentMethods .paymentImage img {
        width: 100%;
    }

    .paymentMethods .paymentImage:nth-child(1) {
        padding-top: 15px;
    }

    .paymentMethods .paymentImage:nth-child(2) {
        padding-top: 10px;
    }

    .paymentMethods .paymentImage:nth-child(3) {
        padding-top: 20px;
    }

    .paymentMethods .paymentImage:nth-child(3) img {
        background: rgba(255, 255, 255, 1);
        padding: 10px
    }

    .paymentMethods .paymentImage:nth-child(4) {
        padding-top: 25px;
    }

    .paymentMethods .paymentImage:nth-child(5),
    .paymentMethods .paymentImage:nth-child(6) {
        padding-top: 10px;
    }

    .stepContent {
        margin-bottom: 2rem;
    }

    .ctaDeviceSelection {
        text-align: center;
    }

    .card-image,
    .spei-image,
    .oxxo-image,
    .transfer-image,
    .store-image {
        background-size: 75% !important;
    }

    .questionItem h1 {
        width: calc(100% - 30px);
    }

    .questionItem h1 i,
    .questionItem h1.active i {
        background: rgba(255, 255, 255, 0);
        color: rgba(0, 0, 0, 1);
    }
}