/* RESPONSIVE RULES */
/* (320x480) iPhone (Original, 3G, 3GS) */
@media (max-width: 767.98px) {
    .header-radar {
        display: none;
    }

    .mobileHeader {
        display: block;
    }

    .mobileHeader {
        display: block;
        background: #353535;
        height: auto;
        width: 100%;
        position: fixed;
        z-index: 3;
    }

    .logo-header {
        width: 100px;
        margin-top: 17px;
        margin-bottom: 10px;
        -ms-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -webkit-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    }

    .ul-menu-mobile {
        display: none;
    }

    .depoimento-card p {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: unset;
        height: auto;
        font-size: 15px;
    }

    /*
        .ul-menu-mobile-open{
        height: auto;
        opacity: 1;
    }*/

    .col-menu-mobile {
        text-align: right;
    }

    .menu-mobile-a {
        color: #fff;
        font-size: 25px;
        display: block;
        margin-top: 10px;
    }

    .menu-mobile-a:hover {
        font-size: 25px;
        display: block;
        margin-top: 10px;
    }

    .menu-mobile-a:focus {
        font-size: 25px;
        display: block;
        margin-top: 10px;
    }

    .menu-mobile-a:active {
        font-size: 25px;
        display: block;
        margin-top: 10px;
    }

    .ul-mobile-css {
        padding: 10px 20px;
        text-align: left;
        list-style: none;
    }

    .ul-mobile-css>li>a {
        font-size: 14px;
        font-weight: 300;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: left;
        color: #ffffff;
        display: block;
        margin-bottom: 10px;
        height: 25px;
    }

    .header-produto-detalhe {
        padding: 30px;
        padding-top: 100px;
        padding-bottom: 0px;
    }

    .col-header-logo-text p {
        text-align: center;
    }

    .main-section {
        align-items: unset;
        display: block;
        min-height: 110vh;
    }

    .col-text-main {
        align-items: center;
        display: flex;
        padding: 40px;
        padding-top: 90px;
    }

    .main-section img {
        width: 100%;
        display: block;
        position: absolute;
        margin-left: 0px;
        margin-top: 40px;
    }

    .subintro-section img {
        width: 100%;
        height: auto;
        display: block;
        margin-bottom: 0px;
        margin-top: 0px;
        position: relative;
        margin-left: 0%;
    }

    .subintro-section {
        background: #ebffba;
        min-height: auto;
    }

    .col-text-subintro {
        padding: 30px 20px;
        align-items: center;
        display: flex;
    }

    .card-comofunciona {
        background: #fff;
        margin-top: 20px;
        padding: 20px;
        height: auto;
        margin-bottom: 20px;
    }

    .card-servico-esquerda {
        border-top: 4px solid #afafaf;
        border-bottom: 4px solid #afafaf;
        border-left: 4px solid #afafaf;
        border-top-left-radius: 15px;
        border-bottom-left-radius: 15px;
        margin-top: -4px;
        max-width: 95%;
    }

    .card-servico-direita {
        border-top: 4px solid #afafaf;
        border-bottom: 4px solid #afafaf;
        border-right: 4px solid #afafaf;
        border-top-right-radius: 15px;
        border-bottom-right-radius: 15px;
        margin-top: -4px;
        max-width: 95%;
        margin-left: 5%;
    }


    .direta-intro-box-jornada>.box-verde {
        width: 40px;
        height: 20px;
        background: #a3c942;
        position: absolute;
        margin-left: -25px;
        margin-top: 0px;
        margin-left: 60%;
    }

    .depoimento-card {
        background: #fff;
        font-family: 'GILROY-LIGHT';
        font-style: normal;
        font-weight: 400;
        font-size: 18px;
        padding: 25px;
        text-align: center;
        width: 100%;
        margin-bottom: 25px;
    }

    .card-servico {
        min-height: 300px;
        padding: 20px 50px;
        align-items: center;
        display: flex;
    }

    .direta-intro-box-jornada>h2 {
        font-family: 'GILROY-EXTRABOLD';
        font-style: normal;
        font-weight: 700;
        color: #3a5e3b;
        font-size: 32px;
        position: relative;
        z-index: 2;
        width: 100%;
        margin-left: 0px;
        position: relative;
        z-index: 2;
    }

    .div-texto-control {
        width: 100%;
        margin-left: 0px;
        padding: 45px;
    }

    .card-planos {
        background: #fff;
        padding: 20px;
        margin-bottom: 20px;
    }

    .card-planos {
        background: #fff;
        padding: 20px;
        margin-bottom: 20px;
    }

    .rodape-section h3 {
        font-family: 'GILROY-EXTRABOLD';
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        margin-top: 25px;
    }

    br {
        display: none;
    }

    .acessar-conta-mobile {
        background: transparent;
        padding: 5px 14px;
        border-radius: 30px;
        transition: all 0.5s;
        border: 1px solid #fff;
        font-size: 12px !important;
        text-transform: uppercase;
        display: block;
        text-align: center;
        width: 95%;
        margin-left: 15%;
        margin-top: 12px;
        color: #fff;
    }
}