/* ----------- iPad Pro ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
    .footer-post{
        width: 98%;
    }
    /* Our program Query*/
    .w30_p{
        width: 30% !important;
    }
}

/* ----------- iPhone 8 Plus ----------- */
@media only screen and (min-device-width : 414px) and (max-device-height : 736px) and (-webkit-device-pixel-ratio : 3) {
    .flex-li-topics{
        justify-content: center;
    }
 }

/* ----------- iPhone X ----------- */
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-device-pixel-ratio : 3) and (orientation : landscape) {
    .breadcrumbs-mblog{
        margin-top: 0px;
    }
    .footer-post{
        position: relative;
    }

    .ctk-bodd1{
            width: 25%;
    }

    .ctk-bodd3{
            width: 35%;
    }

    .stl-img{
        z-index: 999;
    }

    .container-lastpost h3{
        font-size: 21px;
    }
}

@media screen and (min-width : 480px) and (max-width: 780px) {
    .item-v3 a{
        width: 100%;
    }
    .breadcrumbs-mblog{
        margin-top: 0px !important;
    }
}

/* Media Query Usados en la gran parte de la plantilla */
@media screen and (min-width : 780px) and (max-width: 1024px) {
    .eldi-category{
        width: 25%;
    }
    .div-dscsocial{
        width: 70%;
    }
    .footer-post{
        width: 97.6%;
    }
    .breadcrumbs-mblog{
        margin-top: 0px !important;
    }
    .contn-commt h6, .contn-commt > span{
        display: block !important;
    }
    .newcomm-cntnt{
        padding-top: 10px;
    }
    .txt-agregar-comment{
        margin-top: 10px;
    }
    .ctnnuevo-comm2{
        width: 82.5%;
    }
    .contedenor-lsprogms{
        flex-wrap: wrap;
        justify-content: center;
    }
     .adntro-te{
         width: 40px;
         height: 40px;
         cursor: pointer;
    }
}

@media (min-width: 768px){
    .mdcontainer-te{
        width: 800px !important;
    }
}

@media (max-width: 768px) {
    /* Home CSS */
    .pie_progress {
        margin: 0 auto;
        max-width: 200px;
        width: 100%;
    }

    .content-flex{
        margin: 10px 0px;
    }

    .container-info{
        flex-direction: column;
    }

    .slide-2, .slide-3{
        background-position: center;
    }

    .slimder_mv3 h2 {
        font-size: 20px;
    }

    .slimder_mv3 h4 {
        font-size: 16px;
    }

    .slimder_mv3-content {
        padding: 0 2% ;
    }

    .navigation {
        padding: 0 2%;
    }

    .navigation-left {
        display: none;
    }

    .number-pagination {
        right: 2% !important;
    }

    .slimder_mv3-pagination {
           left: 2% !important;    
       }

    .slimder_mv3 .buy-now-btn {
        padding: 0 15px;
        width: 175px;
        height: 42px;
    }

    .slimder_mv3 .buy-now-btn:after {
        top: 15px;
    }

    .slimder_mv3 > img {
        right: 2%;
    }

    .slide-1 > img {
        right: -110px;
    }

    /* End Home CSS */
    .footer-post{
        width: 97%;
        position: relative;
    }

    .div-textpost p{
        font-size: 13px;
    }

    .article-img img{
        min-width: 250px;
    }

    .div-dscsocial{
        width: 60%;
    }

    .eldi-category{
        width: 35%;
    }

    .left-img img{
        width: 170px;
    }

    .right-text a{
        font-size: 16px;
    }

    .right-text p{
        color: gray;
    }

    .contnresp-commt{
        display: none;
    }

    .contn-commt h6, .contn-commt > span{
        display: block !important;
    }

    .newcomm-cntnt{
        margin-left: 10px;
    }

    .ctnnuevo-comm2 {
        width: 81%;
    }

    .mod-ani-te{
        margin-bottom: 15px !important;
    }

    /* Our programms*/
    .body-teach{
        flex-wrap: nowrap;
    }

    .body-teach a{
        padding-right: 3px;
        margin: 0;
    }

    .adntro-te {
        width: 40px;
        height: 40px;
        cursor: pointer;
    }

    .contedenor-lsprogms{
        flex-wrap: wrap;
        justify-content: center;
    }

    .w40_p{
        width: 40%;
    }
}
 @media screen and (max-width: 480px) {
    /* Home CSS */
    .flex-v3{
        flex-direction: column;
    }

    .slimder_mv3-content {
        padding-left: 0 !important;
    }

    .slimder_mv3 h4 {
        font-size: 30px !important;
    }
    .slimder_mv3 h2 {
        font-size: 25px !important;
    }
    .slimder_mv3 h2 {
        line-height: 22px !important;
    }
    /* End Home CSS */
    
    .breadcrumbs-mblog{
        margin-top: 0px !important;
    }

    .hr-style2{
        width: 40%;
    }

    .article-cont{
        flex-direction: column;
    }

    .article-img{
        width: 100%;
    }

    .article-infor{
        margin-top: 10px;
        padding-left: 0;
    }

    .info-lenght{
        flex-direction: column;
    }

    .div-dscsocial{
        width: 100%;
        margin-bottom: 8px;
    }

    .eldi-category{
        width: 100%;
    }

    .footer-post{
        position: relative;
    }

    .mdbody-cpost span.select2-container{
        width: 100% !important;
    }

    .div-conttblo{
        flex-direction: column;
        margin-right: 0px;
    }

     .article-imgpst img{
        width: 100%;
    }

     .right-text a {
        font-size: 14px;
    }

    /* Blog detail*/
    .allinone-thscomm{
        flex-direction: column;
        margin-right: 0;
    }

    .comentario-txt{
        margin-top: 15px;
    }

    .contnresp-commt{
        display: block;
    }

    .contn-commt h6, .contn-commt > span{
        display: none !important;
    }

    .this-blog{
        margin-right: 0;
    }

    .allinone-subcomm{
        margin-right: 0;
    }

    /* Our teacher - View Detail */
    .mod-ani-te{
        padding-top: 15%;
        margin: 15px auto !important;
    }

    .des-expteah{
        flex-direction: column;
    }

    .dcs-exiMGE, .ttls-descr {
        width: 100%;
    }

    /* Our porgrams */
    .contedenor-lsprogms{
        flex-direction: column;
    }
    
    .w100_p{
        width: 85%;
        margin: 0 auto;
        margin-bottom: 20px;
    }
    
    .hr-style2pro{
        width: 90%;
    }

    /* Tob Header*/
    .tmenu-list{
        flex-direction: column;
    }
    .flex-100{
            margin-left: 15px;
    }

    .children-login{
        position: relative !important;
    }
    .menu-container{
        padding-left: 15px;
        padding-right: 15px;
    }

    /* Forum */
    .flex-li-topics{
        justify-content: space-between;
    }

    .topic-list-content--meta{
            width: 100%;
    }
}

@media screen and (max-width: 360px) {
    .right-text a{
        font-size: 14px;
    }

    .topic-list-header--title{
        font-size: 12px;
    }
}

@media screen and (max-width: 320px) {
    .topic-list-header--title{
        font-size: 10px;
    }
    .header-v3 .navbar-brand{
        height: 50px !important;
    }
}

@media screen and (max-width: 640px) {
    .ctnnuevo-comm2 {
        width: 80%;
    }
}