@media screen and (max-width: 992px){
    /*Logo*/
    .nav-vestibular{
        height: 100px;
    }
    .nav-vestibular .logo-faex{
        width: 120px ;
    }

    /*Banner*/
    .banner-vestibular{
        position: relative;
        background-attachment: fixed;
    }
    .banner-vestibular .row{
        padding-top: 15px;
    }
    .banner-vestibular #garota {
        width: 250px;
    }
    .banner-vestibular #vestibularOnline {
        width: 80%;
        margin-top: 15px;
        transform: translate(10%, -10%);
    }


    .banner-vestibular .botao__home__banner{
        position: absolute;
        bottom: 15px;
        top: 90%;
        transform: translate(-40%, -25%);
        z-index: 99;
    }

    /*Cards Home*/
    .cards-home{
        padding-right: 20px;
        padding-left: 20px;
    }

    .cards-home .mobile .card{
        padding: 25px;
        box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
        border-radius: 8px;
        background-size: 120%;
        background-repeat: no-repeat;
        background-position: center;
        height: 135px;
    }
    .cards-home .mobile .card .card-title{
        font-weight: 800;
    }

    /***************CURSOS********************/
    .cursos-area{
        padding-left: 10px;
        padding-right: 10px;
    }

    .cursos-area h2{
        font-size: 25px;
    }

    .cursos-area #apresentacao{
        width: 100%;
        text-align: justify;
    }

    /*Card Curso*/
    .card-curso-area .row .col .card{
        height: 125px;
        border-radius: 6px;
        background-position: -180px 0px;
        background-size: 180%;
        background-repeat: no-repeat;
        box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);

    }
    .card-curso-area .row .col .card .card-content .text{
        top: 15px;
        left: 20px;
    }
    .card-curso-area .row .col .card .card-content .text #titleCurso{
        font-weight: 700;
        font-size: 18px;
        color: #fff;
    }

    /****************CURSO INFO AREA*******************/
    .curso-info-area .header{
        height: 60vh;
        background-repeat: no-repeat;
        background-position: center;
        background-size: 250%;
    }
    .curso-info-area .header .background-rgb{
        height: 60vh;
        width: 100%;
        background-color: rgba(0,0,0,.2);
        position: absolute;
        top: 100px;
    }
    .curso-info-area .title-curso h2{
        font-size: 20px;
        font-weight: 700;
        position: absolute;
        left: 20px;
        top: 45%;
        color: #fff;
    }


    /*Box Price*/
    /*Curso Box Price*/
    .box-price{
        width: 100%; height: 180px; left: 0px;
    }
    .box-price .card{
        box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
        padding: 5px;
    }
    .box-price .card span{
        font-size: 10px;
    }
    .box-price .card span #parcelasPor{
        font-size: 20px;
    }
    .box-price #manha{
        background-color: #007AE7;
    }
    .box-price #manha span{
        color: #fff;
    }


    /*Banner Curso*/
    .curso-info-area .header .banner-curso{
        width: 100%;
        /*margin-top: 50px;*/
    }

    /*Duracao Curso*/
    .curso-info-area .duracao-curso{
        padding-left: 20px;
        padding-top: 15px;
    }
    .curso-info-area .duracao-curso #text{
        font-size: 18px;
        font-weight: 700;
    }
    .curso-info-area .duracao-curso #subText{
        font-size: 25px;
        font-weight: 400;
    }

    /*Conteudo*/
    .box-container{
        padding-left: 5px;
        padding-right: 5px;
    }
    .curso-info-area .conteudo{
        padding-right: 20px;
        padding-left: 20px;
        padding-top: 10px
    }

    /*Coordenador*/
    .curso-info-area .coordenador{
        position: relative;
    }
    .curso-info-area .coordenador #imgCoord{
        width: 90px;
    }

    .curso-info-area .coordenador h2{
        font-size: 100%;
        position: absolute;
        top: 15px;
        left: 110px;
        width: 70%;
    }

    .curso-info-area .coordenador p{
        width: 100%;
        text-align: justify;
        padding-left: 80px;
        line-height: 15px;
        font-size: 90%;
    }

    /*Liga Online*/

    .liga-online{
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .liga-online h2{
        font-size: 22px;
        font-weight: 400;
        padding-bottom: 15px;
    }

    /*Footer*/
    .page-footer{
        padding-left: 10px;
        padding-right: 10px;
        height: 500px;
    }

    /*Depoimento*/
    .page-footer .depoimento .card{
        position: absolute;
        width: 100%;
    }
    .page-footer .depoimento .card .card-content{
        padding: 5px;
    }

    .page-footer .depoimento .carousel-item{
        width: 300px;
        height: 200px;
        position: absolute;
        top: 0;
        left: 0px;
        right: 0px;
    }


    .page-footer .depoimento .depo-area{
        border-radius: 8px;
        height: 400px;
        width: 100%;
        background-color: #ffab00;
    }

    .page-footer .depoimento .card .card-content .perfil-photo{
        background-size: cover;
        background-position: center;
        margin-left: auto;
        margin-right: auto;
    }

    .page-footer .depoimento .card .card-content .card-title{
        font-weight: 700;
        font-size: 18px;
    }

    /*Box Price Footer*/
    .box-price-footer{
        padding-top: 45px;
    }
    .box-price-footer .card{
        padding: 0px;
    }

    .box-price-footer .card .card-content{
        padding: 5px
    }
    .box-price-footer .card .card-content .card-title{
        font-size: 18px;
        margin-bottom: -5px;
    }
    .box-price-footer .card .card-content #text{
        font-size: 80%;
        width: 100%;
    }

    /*Modal Vestibular*/
    .vestibular-trigger{
        height: 70px;
        background-color: #ffab00;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        width: 100%;
        position: fixed;
        bottom: 0;
    }

    .vestibular-trigger .text{
        margin-top: 12px;
        line-height: 20px;
    }

    #modal-form-vest{
        top: auto;
        bottom: -100%;
        margin: 0;
        width: 100%;
        max-height: 100%;
        border-radius: 0;
        will-change: bottom , opacity;
        height: 450px;
    }
}