/* Dispositivos ate 1600px -------------------------------------------------- */

@media (min-width: 1600px) {

    /* html{background-color: pink;} */

}

/* Dispositivos abaixo de 1366px -------------------------------------------- */

@media (max-width:1872px) {

    /* html{background-color: cyan;} */

}


@media (max-width:1366px) {

    /* html{background-color: yellow;} */

    .header .header-top .row-custom{height: 90px;}
    .header .header-top .m{width: 500px;}
    .header .header-top .m .search{font-size: 15px;}


    .footer .container .icon-tpl{width: 125px; height: 125px;}
    .footer .col-l .text .title{font-size: 28px; margin-bottom: 20px;}
    .footer .col-l .text .description{font-size: 17px;}
    .footer .col-m .phone{font-size: 16px;}
    .footer .col-r .ico-social li a i{width: 42px; height: 42px; line-height: 42px; font-size: 20px;}
    .footer .col-r .ico-social li a:hover i{font-size: 22px;}


    .sld-home-main .slide li{height: 335px;}
    .sld-home-main .i-txt .item .link a{font-size: 15px;}
    .sld-home-main .i-txt .item .text{margin-bottom: 30px; }
    .sld-home-main .i-txt .item .title{font-size: 20px; line-height: 24px; margin-bottom: 15px;}
    .sld-home-main .i-txt .item .summary{font-size: 13px;}


    .list-people .item .img{width: 190px; height: 190px;}
    .list-people .item .name{size: 20px;}
    .list-people .item .base .btn{height: 36px; font-size: 16px;}
    



    .page-top-title .area .text .title{font-size: 16px; line-height: 20px;}
    .page-top-title .area .text .breadcrumb{font-size: 10px;}


    .content-numbered .section{padding: 30px 0 10px 0px;}
    .content-numbered .section .s-title{font-size: 30px;}


    /* CURSOS ############################################################################################# */

    .account_panel .account-body h5{font-size: 16px;}

    .account_panel .account-menu ul li a.mn-section{font-size: 20px!important;}
    .account_panel .account-menu ul li a.mn-section i{border-width: 3px;}

    .account_panel .account-title .title{font-size: 20px;}
    .account_panel .account-title .title i{bottom: -20px; width: 40px; height: 40px; border-width: 2px; font-size: 14px;}

    


    .bar-nivel .label{font-size: 20px; line-height: normal; width: auto;}
    .bar-nivel .progress{width: 100%; height: 15px; margin: 0 20px;}
    .bar-nivel .label-base{left: 20px; right: 20px; font-size: 16px; text-align: center; justify-content: center;}



    .course-message .title{font-size: 20px;}
    .course-message .text{font-size: 14px;}
    .course-message .down-material{bottom: -20px; right: 20px; left: 20px; }


    .list-c01 .cols{margin: 25px 0;}
    .list-c01 .item .img{height: 120px; border-width: 2px;}
    .list-c01 .item .icon{width: 40px; height: 40px; margin: -20px auto 15px auto; font-size: 15px;}
    .list-c01 .item .title{font-size: 15px;}


    .course-view-details{display: block;}
    .course-view-details .thumb{width: 100%;}
    .course-view-details .thumb .image{border-width: 2px; width: auto; height: 190px;}
    .course-view-details .text{flex-grow: unset; padding: 20px 0; display: block; text-align: center;}
    .course-view-details .text .title{font-size: 20px; margin-bottom: 10px;}
    .course-view-details .text .people{font-size: 13px; margin-bottom: 20px;}
    .course-view-details .text .base{justify-content: center;}
    .course-view-details .text .base .di .i{width: 38px;}
    .course-view-details .text .base .di .lab{font-size: 16px; line-height: normal;}
    

    .course-details .classes .module .titulo{font-size: 16px;}
    .course-details .classes .module .bar .progress{width: 240px;}

    /* #################################################################################################### */


}


/* Dispositivos abaixo de 1200px -------------------------------------------- */
@media (max-width: 1200px) {

    /* html{background-color: greenyellow;} */

    .header .header-top .l{width: 220px;}
    .header .header-top .m{width: 350px;}
    .header .header-top .m .search{font-size: 15px;}


    .footer .container{padding-left: 130px;}
    .footer .container .icon-tpl{width: 100px; height: 100px; border-width: 3px;}
    .footer .col-l .text .title{font-size: 24px;}
    .footer .col-l .text .description{font-size: 14px;}
    .footer .col-m .phone{font-size: 16px;}
    .footer .col-r .ico-social li a i{width: 38px; height: 38px; line-height: 38px; font-size: 18px;}
    .footer .col-r .ico-social li a:hover i{font-size: 18px;}


    .sld-home-main .slide li{height: 290px;}
    .sld-home-main .i-txt .item .link{top: 15px; bottom: auto; left: -105px; width: 40px; height: 40px;}
    .sld-home-main .i-txt .item .link a{font-size: 14px; width: 40px; height: 40px; display: block; box-shadow: 0 0 10px rgba(0, 0, 0, .4); border-radius: 50%; overflow: hidden; text-indent: -500px; position: relative;}
    .sld-home-main .i-txt .item .link a::before{content: ''; position: absolute; width: 40px; height: 40px; left: 0; top: 0; background: rgba(255, 255, 255, .5) url(../img/link-ext.png) center center no-repeat; background-size: 50% auto;}
    .sld-home-main .i-txt .item .link::before{display: none;}
    .sld-home-main .i-txt .item .text{margin-bottom: 30px; }
    .sld-home-main .i-txt .item .title{font-size: 18px; line-height: 22px; margin-bottom: 15px;}
    .sld-home-main .i-txt .item .summary{font-size: 13px;}
    .sld-home-main .sld-pg .slick-dots li button{width: 8px; height: 8px; border-color: #fff;}


    .sld-home-products-md-1 .title-section{font-size: 26px;}
    .sld-home-products-md-1 .card{height: 338px;}
    .sld-home-products-md-1 .card .title{height: 160px; font-size: 20px;}
    .sld-home-products-md-1 .prev{left: 15px;}
    .sld-home-products-md-1 .next{right: 15px;}


    .list-products .item{padding-bottom: 55px;}
    .list-products .item .img{width: 180px; height: 180px; border-width: 4px;}
    .list-products .item .title{font-size: 16px; padding: 0 15px;}
    .list-products .item .lk{margin-top: 15px; height: 38px; padding: 0 0;}


    .sld-home-banner .container::before{border-bottom-width: 4px; border-right-width: 4px; }
    .sld-home-banner .js-l-side{border: 3px solid var(--c-1-blue); border-bottom-left-radius: 20px; border-top-left-radius: 20px;}
    .sld-home-banner .js-l-side::after{display: none;}
    .sld-home-banner .text{font-size: 24px; padding: 10px 30px 10px 0; border-width: 3px;}
    .sld-home-banner .col-l .link{padding: 5px 30px; width: auto; font-size: 14px; margin-left: 0; margin: auto; }


    .base-text .faixa .cols .text .t-big{font-size: 60px;}


    .page-top{height: 235px;}
    .page-top-title .area{width: 100%;}
    .page-top-title .area .text{min-height: 160px; height: auto; padding: 15px; border-radius: 30px; }
    .page-top-title .area .text .icon{left: 50%; top: auto; bottom: 100%; margin: 0 0 10px -50px; width: 100px; height: 100px; overflow: hidden;}
    .page-top-title .area .text .title{font-size: 18px; line-height: 22px;}
    .page-top-title .area .js-l-side{display: none;}



    .area-login-v1{width: 420px;}

    
    .content-numbered .section .s-title{font-size: 26px;}
    .content-numbered .section .s-text{font-size: 15px;}
    .content-numbered .section .top-infos .item{margin-right: 20px;}
    .content-numbered .section .top-infos .item .icon{max-width: 50px; height: 42px; margin-right: 12px;}
    .content-numbered .section .top-infos .item .icon img{width: 100%;}
    .content-numbered .section .top-infos .item .text{font-size: 17px;}
    


    .list-people .item .img{width: 150px; height: 150px;}
    .list-people .item .name{size: 18px;}
    .list-people .item .base .btn{height: 36px; font-size: 14px;}


    .product-image-price .img{margin-right: 0;}


    /* CURSOS ############################################################################################# */

    .account_panel .account-body h5{font-size: 14px;}

    .account_panel .account-menu ul li a{font-size: 14px;}
    .account_panel .account-menu ul li a.mn-section{font-size: 18px!important;}

    .account_panel .account-title .title{font-size: 16px;}
    .account_panel .account-title .title i{bottom: -20px; width: 40px; height: 40px; font-size: 14px;}

    



    .bar-nivel .label{font-size: 16px;}
    .bar-nivel .progress{height: 12px;}
    .bar-nivel .label-base{font-size: 14px;}



    .course-view-details .thumb .image{height: 170px;}
    .course-view-details .text{padding: 20px 0;}
    .course-view-details .text .title{font-size: 18px;}
    .course-view-details .text .people{font-size: 13px;}
    .course-view-details .text .base .di .i{width: 30px;}
    .course-view-details .text .base .di .lab{font-size: 14px; }


    .course-details .classes .module .titulo{font-size: 14px;}
    .course-details .classes .module .bar .bar-lab{font-size: 9px;}
    .course-details .classes .module .bar .progress{width: 180px;}
    .course-details .classes .module .bar .progress{height: 5px;}
    .course-details .classes .module .up-down{top: 16px; right: 20px; height: 28px; width: 28px;}

    .course-details .list-lesson ul li.lesson{width: 400px;}
    .course-details .list-lesson ul li.teacher{width: 180px;}
    .course-details .list-lesson ul li.time{width: 80px;}
    .course-details .list-lesson ul li.status{width: 80px;}


    .player-m-cnt{border-radius: 30px;}
    .player-m-cnt .mp-header{padding: 30px 0 0 0;}
    .player-m-cnt .mp-header .txt{padding: 0 110px 0 30px; font-size: 16px;}
    .player-m-cnt .mp-header .txt .title i.icon{left: -50px; top: 0px; width: 40px; height: 40px; padding-left: 4px;}
    .player-m-cnt .mp-header .txt .time{right: 30px; top: 10px; font-size: 12px; padding: 0 0 0 35px;}
    .player-m-cnt .mp-header .txt .time::before{margin-top: -13px; left: 0; height: 30px; width: 30px;}
    .player-m-cnt .mp-body{padding: 30px 30px;}
    .player-m-cnt .mp-footer{padding: 0 30px 0 30px;}
    .player-m-cnt .mp-footer .btns .btn{width: 200px; font-size: 14px;}

    /* #################################################################################################### */

}

/* Dispositivos abaixo de 992px --------------------------------------------- */
@media (max-width: 992px){

    /* html{background-color: green;} */

    .header .header-top .row-custom{height: 80px;}
    .header .header-top .l{width: 150px;}
    .header .header-top .m{width: 250px;}
    .header .header-top .m .search{font-size: 13px;}
    .header .header-top .r .lks-mini-cart .lk{font-size: 12px; height: 33px;}
    .header .header-top .r .lks-mini-cart .lk::before{width: 33px; height: 33px;}
    .header .header-top .r .lks-mini-cart .mini-cart{width: 105px; padding-left: 40px; padding-right: 15px; font-size: 15px; justify-content: right;}
    .header .header-top .r .lks-mini-cart .mini-cart::after{display: none;}
    .header .header-menu .menu ul li a{padding: 8px 0; font-size: 10px; line-height: 15px;}
    .header .header-menu .menu ul li ul li a{padding: 8px 15px; font-size: 10px;}


    .footer{ padding: 50px 0;}
    .footer .container{padding-left: 15px;}
    .footer .container .icon-tpl{left: 50%; margin-left: -40px; margin-top: -85px; width: 80px; height: 80px; border-width: 2px;}
    .footer .container .icon-tpl img{max-width: 40%;}
    .footer .col-l .text .title{font-size: 20px;}
    .footer .col-l .text .description{font-size: 13px;}
    .footer .col-m .phone{font-size: 12px;}
    .footer .col-r .ico-social li{margin: 4px;}
    .footer .col-r .ico-social li a i{width: 38px; height: 38px; line-height: 38px; font-size: 18px;}
    .footer .col-r .ico-social li a:hover i{font-size: 18px;}


    .sld-home-main .slide li{height: 220px;}
    .sld-home-main .sld-pg{bottom: 8px; left: 0; right: 15px;}
    .sld-home-main .i-txt{margin-bottom: 30px;}
    .sld-home-main .i-txt .item .link{bottom: 40px;padding: 7px 15px;}
    .sld-home-main .i-txt .item .link a{font-size: 16px;}
    .sld-home-main .i-txt .item .text{margin: 0; text-align: center;}
    .sld-home-main .i-txt .item .title{font-size: 16px; line-height: 18px; margin-bottom: 10px; text-align: center;}
    .sld-home-main .i-txt .item .summary{font-size: 10px;}
    .sld-home-main .area-text::before{content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, .4);}
    .sld-home-main .i-txt .item{justify-content: center;}
    .sld-home-main .i-txt .item .link{top: 5px; bottom: auto; left: auto; right: 15px;}
    .sld-home-main .area-text .col-l{background: transparent;}
    .sld-home-main .js-r-side{display: none;}


    .title-ball-h{ padding: 70px 0;}
    .title-ball-h .icon{margin-top: -62px; width: 125px; height: 125px;}
    .title-ball-h .text{font-size: 26px; line-height: 26px; padding-left: 140px;}
    .title-ball-h.md-r .text{padding-right: 140px;}


    .sld-home-banner .text{font-size: 16px;}
    .sld-home-banner .col-l .link{padding: 5px 30px; width: auto; font-size: 13px;}
    .sld-home-banner .js-l-side{margin-left: 15px!important;}


    .base-text .faixa .cols .text{padding: 40px 0;}
    .base-text .faixa .cols .text .t-big{font-size: 32px;}
    .base-text .faixa .cols .js-l-side::after{display: none;}


    .page-top{height: 190px;}

    .page-top-title{margin-top: -60px;}
    .page-top-title .area{width: 100%;}
    .page-top-title .area .text{min-height: 120px; border-radius: 20px; }
    .page-top-title .area .text .icon img{max-width: 65%;}
    .page-top-title .area .text .title{font-size: 16px; line-height: normal;}
    .page-top-title .area .text br{display: none;}



    .table-cart tbody tr td{font-size: 14px;}
    .cart .btn-m1{font-size: 18px;}
    .cart-base .total{font-size: 18px;}
    .cart-base .text-condition{text-align: center; font-size: 13px;}


    .area-login-v1{width: 350px;   margin: 60px auto; font-size: 14px;}
    .area-login-v1 .input-group .ltr{display: none;}
    .area-login-v1 .input-group .ltr .text{font-size: 14px;}
    .area-login-v1 .text-base{margin: 40px 0;}
    .area-login-v1 .btn-m1{font-size: 18px;}



    .account-body .btn-m1{font-size: 18px;}
    


    .content-numbered .section .s-title{font-size: 24px;}
    .content-numbered .section .s-text{font-size: 14px;}
    .content-numbered .section .top-infos{padding-left: 0;}
    .content-numbered .section .top-infos .item{margin-right: 20px;}
    .content-numbered .section .top-infos .item .icon{max-width: 30px; height: auto; margin-right: 10px;}
    .content-numbered .section .top-infos .item .text{font-size: 13px;}


    .product-image-price{padding: 20px; background-color: #EEEEEE80; border-radius: 30px;}
    .product-image-price .text-ltr{margin-right: 0; margin-bottom: 30px;}
    .product-image-price .img{height: 280px; margin-right: 0; margin-bottom: 0;}
    .product-image-price .img .js-l-side{left: 0; border-radius: 20px;}
    .product-image-price .price{padding-left: 0; text-align: center;}
    .product-image-price .price .max-price{font-size: 14px;}
    .product-image-price .price .low-price{font-size: 26px;}
    .product-image-price .price .btn-1{display: block; padding: 15px 30px; margin: 30px 0 0 0; width: 100%; font-size: 18px; border-radius: 30px;}


    .list-people .item .img{width: 180px; height: 180px;}
    .list-people .item .name{size: 20px;}
    .list-people .item .base .btn{height: 36px; font-size: 16px;}


    .txt-m-form-ltr{padding: 0 0 0 0;}

    .form-ltr{margin-top: 30px;}
    .form-ltr .js-r-side{border-radius: 25px;}


    .table-cart tbody tr td{height: 40px; font-size: 14px;}
    .table-cart{border-spacing: 0 5px;}
    .table-cart .ball{width: 30px; height: 30px;}
    .table-cart .min-photo, .table-cart .min-remove{width: 30px;}


    .ltr-line-resp{text-align: center; margin-bottom: 15px;}


    /* CURSOS ############################################################################################# */

    .account_panel .account-body h5{font-size: 12px;}

    .account_panel .account-menu{padding: 20px 10px;}
    .account_panel .account-menu ul li a{font-size: 12px;}
    .account_panel .account-menu ul li a.mn-section{font-size: 14px!important;}
    .account_panel .account-menu ul li a.mn-section i{left: -25px; margin-top: -15px; width: 30px; height: 30px; border-width: 1px;}

    .account_panel .account-title .title{font-size: 16px;}
    .account_panel .account-title .title i{bottom: -20px; width: 40px; height: 40px; font-size: 14px;}


    .bar-nivel .label{font-size: 14px;}
    .bar-nivel .progress{height: 8px;}
    .bar-nivel .label-base{font-size: 12px;}


    .list-c01 .cols{margin: 25px 0;}
    .list-c01 .item .img{height: 120px; border-width: 2px;}
    .list-c01 .item .icon{width: 40px; height: 40px; margin: -20px auto 15px auto; font-size: 14px;}
    .list-c01 .item .title{font-size: 14px;}


    .course-details .classes .module{padding-bottom: 35px; text-align: center;}
    .course-details .classes .module .titulo{font-size: 14px;}
    .course-details .classes .module .bar{display: block}
    .course-details .classes .module .bar .bar-lab{font-size: 9px; margin: 10px 0 5px 0;}
    .course-details .classes .module .bar .progress{width: 100%; margin: 0;}
    .course-details .classes .module .bar .progress{height: 5px;}
    .course-details .classes .module .up-down{top: auto; bottom: 5px; right: 50%; margin: 0 -14px 0 0; height: 28px; width: 28px; border: none; font-size: 14px;}

    .course-details .list-lesson ul li{font-size: 12px;}
    .course-details .list-lesson ul li.lesson{width: 340px;}
    .course-details .list-lesson ul li.teacher{display: none;}
    .course-details .list-lesson ul li.time{width: 80px;}
    .course-details .list-lesson ul li.status{width: 80px;}
    .course-details .list-lesson ul li.status span{font-size: 7px!important;}


    .player-m-cnt{border-radius: 20px;}
    .player-m-cnt .mp-header{padding: 15px 0 0 0;}
    .player-m-cnt .mp-header .txt{padding: 0 15px; font-size: 13px; text-align: center;}
    .player-m-cnt .mp-header .txt .title i.icon, .player-m-cnt .mp-header .txt .time{display: none;}
    .player-m-cnt .mp-body{padding: 15px;}
    .player-m-cnt .mp-footer{padding:15px;}
    .player-m-cnt .mp-footer .btns .btn{width: 135px; height: auto; padding: 5px 10px; font-size: 10px; margin-bottom: 0;}


    /* #################################################################################################### */    

}


/* Dispositivos abaixo de 768px --------------------------------------------- */
@media (max-width: 768px) {

    /* html{background-color: blue;} */

    

    .header .header-top .row-custom{height: 60px;}
    .header .header-top .l{width: 110px;}
    .header .header-top .m{display: none;}
    .header .header-top .r .lks-mini-cart{margin-left: 10px;}
    .header .header-top .r .lks-mini-cart .lk{font-size: 10px; padding-left: 0; text-align: center;}
    .header .header-top .r .lks-mini-cart .lk::before{display: none;}
    .header .header-top .r .lks-mini-cart .mini-cart{width: auto; font-size: 11px; padding: 0 8px; background-image: none;}
    .header .header-top .r .lks-mini-cart button{display: none;}
    .header .header-menu .menu{display: none;}
    .header .header-top .r .lks-mini-cart .lk::before{width: 27px; height: 27px; background-size: 55%;}

    .sh-mn-resp{margin-left: 10px!important;}


    .header .sh-mn-resp{display: flex;}
    .btMenuFechar {width: 30px; height: 30px; top: 15px;}
    .btMenuFechar i{line-height: 30px; font-size: 18px;}
    .areaMenuResponsivo .overflow .menuResponsivo{margin: 60px 0 0 0;}



    .footer .cols{display: block;}
    .footer .cols .text{text-align: center;}
    .footer .col-l{padding-top: 15px;}
    .footer .col-l .text .title{margin-bottom: 15px;}
    .footer .col-m{padding: 20px 0;}
    .footer .col-m .phone{font-size: 12px;}
    .footer .col-r .ico-social li{margin: 4px;}
    .footer .col-r .ico-social li a i{width: 32px; height: 32px; line-height: 32px; font-size: 16px;}
    .footer .col-r .ico-social li a:hover i{font-size: 16px;}
    .footer .col-m{ border-left: 0; border-right: 0}


    .title-ball-h{ padding: 70px 0;}
    .title-ball-h .icon{margin-top: -62px; width: 125px; height: 125px;}
    .title-ball-h .text{font-size: 20px; line-height: 22px; padding-left: 140px;}
    .title-ball-h.md-r .text{padding-right: 140px;}


    .base-text .faixa .cols .text{padding: 60px 0; flex-direction: column; justify-content: center;}
    .base-text .faixa .cols .text .t-big{font-size: 42px; padding-right: 15px; margin-bottom: 20px; text-align: center;}
    .base-text .faixa .cols .text .t-small{font-size: 14px; text-align: center;}
    .base-text .faixa .faixa-img{display: none;}
    .base-text .faixa .cols .js-l-side{background: none;}



    .page-top-title{margin-top: -60px;}
    .page-top-title .area .text{min-height: 90px; padding: 15px;}
    .page-top-title .area .text .title{font-size: 14px;}
    .page-top-title .area .text .icon img{max-width: 65%;}
    .page-top-title .area .text .breadcrumb{font-size: 10px; border-top: 1px solid #ffffff20; padding-top: 10px; margin-top: 10px;}


    .content-numbered .section .s-title{font-size: 18px;}
    .content-numbered .section .s-text{font-size: 13px;}
    .content-numbered .section{padding: 30px 0 0 0;}
    .content-numbered .section .top-infos{display: block;}
    .content-numbered .section .top-infos .item{background-color: #eee; padding: 15px; margin-bottom: 15px; border-radius: 15px; margin-right: 0;}
    .content-numbered .section .top-infos .item:last-child{margin-bottom: 0;}


    .account_panel .account-menu{margin-bottom: 30px;}

    .product-image-price .img{margin-bottom: 30px;}


    .table-cart tbody tr td{font-size: 12px;}
    .table-cart .ball{width: 25px; height: 25px; border-width: 1px;}
    .table-cart .min-remove{width: 15px;}
    .table-cart .min-remove .ball{width: 15px; height: 15px; font-size: 9px;}


    .cart-base .input-group.f-cupom{padding: 8px 148px 8px 8px;}
    .cart-base .input-group.f-cupom .bt{ width: 100px; font-size: 14px;}



    .list-payment-option .item{padding: 20px 20px 20px 70px!important;}
    .list-payment-option .item .text .title{font-size: 18px;}
    .list-payment-option .item .text .lab{font-size: 14px;}

    .xl-none{display: none;}
    

    .table-orders th td, .table-orders tr td{font-size: 10px!important;}
    .table-orders tr td .alert{padding: 3px; text-align: center;}
    .table-orders tr td .alert i{display: none;}


}


/* Dispositivos abaixo de 576px --------------------------------------------- */
@media (max-width: 576px) {

    /* html{background-color: purple;} */


    .table-cart tbody tr td{font-size: 10px;}
    .table-cart .min-price,  .table-cart .min-price .mini-price-boleto{font-size: 9px;}

}