/* ----------- iPhone 4 and 4S ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {

    .remove-paddings-cols {
        padding-left: 0px;
        padding-right: 0px;
    }

    .remove-margins-cols {
        margin-left: 0px;
        margin-right: 0px;
    }

    .box-header-content-page .header-content {
        color: #ffffff;
        padding-top: 80px;
        width: 100%;
        height: 100vh;
        height: 250px;
        background-color: rgba(0,0,0,0.5);
    }

    /* ARTIGOS */

    .barra-pesquisa {
        width: 320px;
        padding-bottom: 10px;
    }

    .display-artigos {
        width: 320px;
        padding-bottom: 10px;
    }


        .lista-categorias-artigos ul {
            text-align: center;
            list-style-type: none;
            margin-left: -40px;
        }

            .lista-categorias-artigos ul li {
                border: solid 1px #8f5348;
                margin-bottom: 3px;
                padding: 5px 5px 5px 13px;
            }

    .descr-artigo {
        display: block;
    }



    /* ARTIGOS */

    /* TEMPLATES - NOTICIAS - AULAS */

    .box-destaques-noticias {
        width: 100%;
        padding: 15px;
    }

    .box-destaques-aulas {
        width: 100%;
        padding: 15px;
    }

    .box-detalhe-noticia {
    }

        .box-detalhe-noticia .data {
            font-family: 'Anton', sans-serif;
            margin-top: 5px;
            margin-left: 0px;
            background-color: rgba(255, 255, 255, 0.5);
            width: 100%;
        }

        .box-detalhe-noticia .titulo {
            font-family: 'Anton', sans-serif;
            background-color: rgba(255, 255, 255, 0.5);
            margin-top: 5px;
            margin-left: 0px;
            padding-left: 15px;
            width: 100%;
        }

    .preview-noticia {
    }

        .preview-noticia .imagem {
            margin-top: 5px;
            margin-left: 0px;
            width: 100%;
        }

        .preview-noticia .corpo {
            margin-top: 0px;
            margin-left: 0px;
            width: 100%;
        }

        .preview-noticia img {
            max-width: 100%;
        }

    .box-detalhe-aulas {
        position: relative;
        margin-top: 5px;
        min-height: 250px;
        background: no-repeat center center scroll;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

        .box-detalhe-aulas .titulo {
            margin-left: 0px;
            margin-right: 0px;
            padding: 10px;
            position: absolute;
            bottom: 60px;
            width: 100%;
            font-family: 'Anton', sans-serif;
            border: solid 2px #ffffff;
            text-align: center;
            background-color: rgba(0,0,0,0.5);
            color: #ffffff;
        }

        .box-detalhe-aulas .box-btn-ver-mais {
            position: absolute;
            bottom: 0px;
            width: 100%;
        }

        .box-detalhe-aulas .btn-ver-mais {
            border-radius: 0;
        }

        .box-detalhe-aulas .descr-aula {
            margin-left: 20px;
            margin-right: 40px;
            position: absolute;
            top: 80px;
            width: 92%;
            background-color: rgba(0,0,0,0.5);
            padding: 10px;
            color: #ffffff;
        }

    /** TEMPLATES - NOTICIAS - AULAS **/

    /* TEMPLATES - DETALHE INSTRUTOR */

    .box-imagem-trainer {
        width: 100%;
        margin-right: 0px;
    }

        .box-imagem-trainer img {
            max-width: 100%;
        }

    .box-detalhe-instrutor {
        position: relative;
        width: 100%;
        margin-left: 0px;
    }

        .box-detalhe-instrutor .box-titulo {
            background-color: #c9414b;
            height: 110px;
        }

        .box-detalhe-instrutor .trainer-img-profile {
            position: absolute;
            top: 10px;
            left: 10px;
            width: 100%;
        }

        .box-detalhe-instrutor .box-info-trainer {
            background-color: #0e0e0e;
            min-height: 100px;
        }

        .box-detalhe-instrutor .trainer-age {
            position: absolute;
            top: 7px;
            right: 0px;
            width: 60%;
            color: #ffffff;
        }

        .box-detalhe-instrutor .box-info-trainer {
            overflow-y: auto;
            color: #ffffff;
            padding: 25px 25px 15px 15px;
            height: 90%;
        }


    /* TEMPLATES - DETALHE INSTRUTOR */

    /* TEMPLATES - DETALHE AULA */

    .box-aula-detalhe {
    }

        .box-aula-detalhe .box-class-trainer-info {
            background-color: #0e0e0e;
            min-height: 100px;
            padding: 0px;
        }

        .box-aula-detalhe img {
            max-width: 100%;
            max-height: 100%;
        }

    .box-class-trainer-info {
        position:unset;
    }

        .box-class-trainer-info img {
            position: unset;
            top: 0;
            left: 0;
        }

        .box-class-trainer-info .box-header {
            padding-bottom: 20px;
            text-align: center;
            background-color: #c9414b;
            width: 100%;
            height: auto;
        }

            .box-class-trainer-info .box-header .titulo {
                position: unset;
                top: 0px;
                left: 0px;
                font-family: 'Anton', sans-serif;
                padding-top: 20px;
                color: #ffffff;
            }

    .box-class-trainer-info .info-trainer {
        padding: 10px;
        text-align: justify;
        width: 100%;
    }

    .box-class-descr {
        margin-top: 15px;
        margin-bottom: 15px;
        background-color: #0e0e0e;
    }

        .box-class-descr .box-header {
            background-color: #c9414b;
            width: 100%;
            min-height: 45px;
            padding-top: 10px;
        }

            .box-class-descr .box-header .titulo {
                text-align: center;
                font-family: 'Anton', sans-serif;
                text-transform: uppercase;
            }

        .box-class-descr .descricao-aula {
            padding: 10px;
        }

    .box-class-info {
        margin-top: 15px;
        background-color: #0e0e0e;
    }

        .box-class-info .box-header {
            text-align: center;
            background-color: #c9414b;
            width: 100%;
            min-height: 45px;
            padding-top: 10px;
        }

            .box-class-info .box-header .titulo {
                font-family: 'Anton', sans-serif;
                text-transform:uppercase;
            }

        .box-class-info .box-info-aula {
            padding: 10px;
            text-align: justify;
            width: 100%;
        }

            .box-class-info .box-info-aula .info-aula {
                padding-bottom: 10px;
            }

            .box-class-info .box-info-aula .info-aula td {
                color: #ffffff;
            }

    /** TEMPLATES - DETALHE AULA **/

}


/* ----------- Galaxy S3 ----------- */

/* Portrait and Landscape */
@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 2) {
}


/* ----------- Google Pixel ----------- */

/* Portrait and Landscape */
@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) {
}


/* ----------- HTC One ----------- */

/* Portrait and Landscape */
@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) {
}


/* ----------- Windows Phone ----------- */

/* Portrait and Landscape */
@media screen and (device-width: 480px) and (device-height: 800px) {
}

/* ----------- Tablet ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 481px) and (max-device-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {

    .remove-paddings-cols {
        padding-left: 0px;
        padding-right: 0px;
    }

    .remove-margins-cols {
        margin-left: 0px;
        margin-right: 0px;
    }

    /* ARTIGOS */

    .barra-pesquisa {
        width: 320px;
        padding-bottom: 10px;
    }

    .display-artigos {
        width: 320px;
        padding-bottom: 10px;
    }


    .lista-categorias-artigos ul {
        text-align: center;
        list-style-type: none;
        margin-left: -40px;
    }

        .lista-categorias-artigos ul li {
            border: solid 1px #8f5348;
            margin-bottom: 3px;
            padding: 5px 5px 5px 13px;
        }

    .descr-artigo {
        display: block;
    }



    /* ARTIGOS */

    /* TEMPLATES - NOTICIAS - AULAS */

    .box-destaques-noticias {
        width: 100%;
        padding: 15px;
    }

    .box-destaques-aulas {
        width: 100%;
        padding: 15px;
    }

    .box-detalhe-noticia {
    }

        .box-detalhe-noticia .data {
            font-family: 'Anton', sans-serif;
            margin-top: 5px;
            margin-left: 0px;
            background-color: rgba(255, 255, 255, 0.5);
            width: 100%;
        }

        .box-detalhe-noticia .titulo {
            font-family: 'Anton', sans-serif;
            background-color: rgba(255, 255, 255, 0.5);
            margin-top: 5px;
            margin-left: 0px;
            padding-left: 15px;
            width: 100%;
        }

    .preview-noticia {
    }

        .preview-noticia .imagem {
            margin-top: 5px;
            margin-left: 0px;
            width: 100%;
        }

        .preview-noticia .corpo {
            margin-top: 0px;
            margin-left: 0px;
            width: 100%;
        }

        .preview-noticia img {
            max-width: 100%;
        }

    .box-detalhe-aulas {
        position: relative;
        margin-top: 5px;
        min-height: 250px;
        background: no-repeat center center scroll;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

        .box-detalhe-aulas .titulo {
            margin-left: 0px;
            margin-right: 0px;
            padding: 10px;
            position: absolute;
            bottom: 60px;
            width: 100%;
            font-family: 'Anton', sans-serif;
            border: solid 2px #ffffff;
            text-align: center;
            background-color: rgba(0,0,0,0.5);
            color: #ffffff;
        }

        .box-detalhe-aulas .box-btn-ver-mais {
            position: absolute;
            bottom: 0px;
            width: 100%;
        }

        .box-detalhe-aulas .btn-ver-mais {
            border-radius: 0;
        }

        .box-detalhe-aulas .descr-aula {
            margin-left: 20px;
            margin-right: 40px;
            position: absolute;
            top: 80px;
            width: 92%;
            background-color: rgba(0,0,0,0.5);
            padding: 10px;
            color: #ffffff;
        }

    /** TEMPLATES - NOTICIAS - AULAS **/

    /* TEMPLATES - DETALHE INSTRUTOR */

    .box-imagem-trainer {
        width: 100%;
        margin-right: 0px;
    }

        .box-imagem-trainer img {
            max-width: 100%;
        }

    .box-detalhe-instrutor {
        position: relative;
        width: 100%;
        margin-left: 0px;
    }

        .box-detalhe-instrutor .box-titulo {
            background-color: #c9414b;
            height: 110px;
        }

        .box-detalhe-instrutor .trainer-img-profile {
            position: absolute;
            top: 10px;
            left: 10px;
            width: 100%;
        }

        .box-detalhe-instrutor .box-info-trainer {
            background-color: #0e0e0e;
            min-height: 100px;
        }

        .box-detalhe-instrutor .trainer-age {
            position: absolute;
            top: 7px;
            right: 0px;
            width: 60%;
            color: #ffffff;
        }

        .box-detalhe-instrutor .box-info-trainer {
            overflow-y: auto;
            color: #ffffff;
            padding: 25px 25px 15px 15px;
            height: 90%;
        }


    /* TEMPLATES - DETALHE INSTRUTOR */

    /* TEMPLATES - DETALHE AULA */

    .box-aula-detalhe {
    }

        .box-aula-detalhe .box-class-trainer-info {
            background-color: #0e0e0e;
            min-height: 100px;
            padding: 0px;
        }

        .box-aula-detalhe img {
            max-width: 100%;
            max-height: 100%;
        }

    .box-class-trainer-info {
        position: unset;
    }

        .box-class-trainer-info img {
            position: unset;
            top: 0;
            left: 0;
        }

        .box-class-trainer-info .box-header {
            padding-bottom: 20px;
            text-align: center;
            background-color: #c9414b;
            width: 100%;
            height: auto;
        }

            .box-class-trainer-info .box-header .titulo {
                position: unset;
                top: 0px;
                left: 0px;
                font-family: 'Anton', sans-serif;
                padding-top: 20px;
                color: #ffffff;
            }

        .box-class-trainer-info .info-trainer {
            padding: 10px;
            text-align: justify;
            width: 100%;
        }

    .box-class-descr {
        margin-top: 15px;
        margin-bottom: 15px;
        background-color: #0e0e0e;
    }

        .box-class-descr .box-header {
            background-color: #c9414b;
            width: 100%;
            min-height: 45px;
            padding-top: 10px;
        }

            .box-class-descr .box-header .titulo {
                text-align: center;
                font-family: 'Anton', sans-serif;
                text-transform: uppercase;
            }

        .box-class-descr .descricao-aula {
            padding: 10px;
        }

    .box-class-info {
        margin-top: 15px;
        background-color: #0e0e0e;
    }

        .box-class-info .box-header {
            text-align: center;
            background-color: #c9414b;
            width: 100%;
            min-height: 45px;
            padding-top: 10px;
        }

            .box-class-info .box-header .titulo {
                font-family: 'Anton', sans-serif;
                text-transform: uppercase;
            }

        .box-class-info .box-info-aula {
            padding: 10px;
            text-align: justify;
            width: 100%;
        }

            .box-class-info .box-info-aula .info-aula {
                padding-bottom: 10px;
            }

                .box-class-info .box-info-aula .info-aula td {
                    color: #ffffff;
                }

    /** TEMPLATES - DETALHE AULA **/

}

/* ----------- PC 1024 ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 769px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {

    .remove-paddings-cols {
        padding-left: 0px;
        padding-right: 0px;
    }

    .remove-margins-cols {
        margin-left: 0px;
        margin-right: 0px;
    }

    /* ARTIGOS */

    .barra-pesquisa {
        width: 320px;
        padding-bottom: 10px;
    }

    .display-artigos {
        width: 320px;
        padding-bottom: 10px;
    }


    .lista-categorias-artigos ul {
        text-align: center;
        list-style-type: none;
        margin-left: -40px;
    }

        .lista-categorias-artigos ul li {
            border: solid 1px #8f5348;
            margin-bottom: 3px;
            padding: 5px 5px 5px 13px;
        }

    .descr-artigo {
        display: block;
    }



    /* ARTIGOS */

    /* TEMPLATES - NOTICIAS - AULAS */

    .box-destaques-noticias {
        width: 100%;
        padding: 15px;
    }

    .box-destaques-aulas {
        width: 100%;
        padding: 15px;
    }

    .box-detalhe-noticia {
    }

        .box-detalhe-noticia .data {
            font-family: 'Anton', sans-serif;
            margin-top: 5px;
            margin-left: 0px;
            background-color: rgba(255, 255, 255, 0.5);
            width: 100%;
        }

        .box-detalhe-noticia .titulo {
            font-family: 'Anton', sans-serif;
            background-color: rgba(255, 255, 255, 0.5);
            margin-top: 5px;
            margin-left: 0px;
            padding-left: 15px;
            width: 100%;
        }

    .preview-noticia {
    }

        .preview-noticia .imagem {
            margin-top: 5px;
            margin-left: 0px;
            width: 100%;
        }

        .preview-noticia .corpo {
            margin-top: 0px;
            margin-left: 0px;
            width: 100%;
        }

        .preview-noticia img {
            max-width: 100%;
        }

    .box-detalhe-aulas {
        position: relative;
        margin-top: 5px;
        min-height: 250px;
        background: no-repeat center center scroll;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

        .box-detalhe-aulas .titulo {
            margin-left: 0px;
            margin-right: 0px;
            padding: 10px;
            position: absolute;
            bottom: 60px;
            width: 100%;
            font-family: 'Anton', sans-serif;
            border: solid 2px #ffffff;
            text-align: center;
            background-color: rgba(0,0,0,0.5);
            color: #ffffff;
        }

        .box-detalhe-aulas .box-btn-ver-mais {
            position: absolute;
            bottom: 0px;
            width: 100%;
        }

        .box-detalhe-aulas .btn-ver-mais {
            border-radius: 0;
        }

        .box-detalhe-aulas .descr-aula {
            margin-left: 20px;
            margin-right: 40px;
            position: absolute;
            top: 80px;
            width: 92%;
            background-color: rgba(0,0,0,0.5);
            padding: 10px;
            color: #ffffff;
        }

    /** TEMPLATES - NOTICIAS - AULAS **/

    /* TEMPLATES - DETALHE INSTRUTOR */

    .box-imagem-trainer {
        width: 100%;
        margin-right: 0px;
    }

        .box-imagem-trainer img {
            max-width: 100%;
        }

    .box-detalhe-instrutor {
        position: relative;
        width: 100%;
        margin-left: 0px;
    }

        .box-detalhe-instrutor .box-titulo {
            background-color: #c9414b;
            height: 110px;
        }

        .box-detalhe-instrutor .trainer-img-profile {
            position: absolute;
            top: 10px;
            left: 10px;
            width: 100%;
        }

        .box-detalhe-instrutor .box-info-trainer {
            background-color: #0e0e0e;
            min-height: 100px;
        }

        .box-detalhe-instrutor .trainer-age {
            position: absolute;
            top: 7px;
            right: 0px;
            width: 60%;
            color: #ffffff;
        }

        .box-detalhe-instrutor .box-info-trainer {
            overflow-y: auto;
            color: #ffffff;
            padding: 25px 25px 15px 15px;
            height: 90%;
        }


    /* TEMPLATES - DETALHE INSTRUTOR */

    /* TEMPLATES - DETALHE AULA */

    .box-aula-detalhe {
    }

        .box-aula-detalhe .box-class-trainer-info {
            background-color: #0e0e0e;
            min-height: 100px;
            padding: 0px;
        }

        .box-aula-detalhe img {
            max-width: 100%;
            max-height: 100%;
        }

    .box-class-trainer-info {
        position: unset;
    }

        .box-class-trainer-info img {
            position: unset;
            top: 0;
            left: 0;
        }

        .box-class-trainer-info .box-header {
            padding-bottom: 20px;
            text-align: center;
            background-color: #c9414b;
            width: 100%;
            height: auto;
        }

            .box-class-trainer-info .box-header .titulo {
                position: unset;
                top: 0px;
                left: 0px;
                font-family: 'Anton', sans-serif;
                padding-top: 20px;
                color: #ffffff;
            }

        .box-class-trainer-info .info-trainer {
            padding: 10px;
            text-align: justify;
            width: 100%;
        }

    .box-class-descr {
        margin-top: 15px;
        margin-bottom: 15px;
        background-color: #0e0e0e;
    }

        .box-class-descr .box-header {
            background-color: #c9414b;
            width: 100%;
            min-height: 45px;
            padding-top: 10px;
        }

            .box-class-descr .box-header .titulo {
                text-align: center;
                font-family: 'Anton', sans-serif;
                text-transform: uppercase;
            }

        .box-class-descr .descricao-aula {
            padding: 10px;
        }

    .box-class-info {
        margin-top: 15px;
        background-color: #0e0e0e;
    }

        .box-class-info .box-header {
            text-align: center;
            background-color: #c9414b;
            width: 100%;
            min-height: 45px;
            padding-top: 10px;
        }

            .box-class-info .box-header .titulo {
                font-family: 'Anton', sans-serif;
                text-transform: uppercase;
            }

        .box-class-info .box-info-aula {
            padding: 10px;
            text-align: justify;
            width: 100%;
        }

            .box-class-info .box-info-aula .info-aula {
                padding-bottom: 10px;
            }

                .box-class-info .box-info-aula .info-aula td {
                    color: #ffffff;
                }

    /** TEMPLATES - DETALHE AULA **/

}