@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}

@media (max-width: 1200px) {
    .tittle-footer:after{
        display: none;
    }
    
    .header-4 #mainnav > ul > li > a{
        padding: 0 10px;
    }

    /****************** PLANES INDIVIDUALES **********************/

    .info-plan-intro .info-plan-intro-title{
        font-size: 28px;
    }

    .info-plan-intro img{
        margin-left: 30px;
    }

    .info-plan-desc{
        margin-left: 25px;
    }

    .resumen-plan .col-plan {
        width: 40%;
        padding: 25px;
    }

    .redes-sociales ul li{
        width: 50%;
        margin-bottom: 50px;
    }

}

@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}

@media only screen and (max-width: 991px) {
    .roll-carousel{
        margin-top: 0;
    }
    .header-4 {
        z-index: 999;
        position: relative;
        height: 66px;
    }
    .header-4 .wrap {
        display: block;
    }
    .header-4 .logo {
        position: absolute;
        left: 0;
        top: -7px;
    }
    .header-4 .logo img{
        max-width: 80%;
    }
    #container-header{
        width: 100%;
        padding: 0;
    }
    #mainnav {
        display: none;
        margin: 0 auto;
        width: 100%;
        background-color: #f7f7f8;
        z-index: 1000;
    }
    #mainnav ul {
        display: block;
        list-style: none;
        margin: 0;
        padding: 0;
    }
    #mainnav ul li {
        float: none !important;
        display: block;
        margin:0;
        position: relative;
        text-align: center;
        border-bottom: 1px solid #fff;
        cursor: pointer;
    }
    #mainnav ul > li > a {
        text-decoration: none;
        height: 55px !important;
        line-height: 55px !important;
        padding: 0 50px;
    }
    .btn-menu {
        margin-top: 15px;
        margin-right: 20px;
        height: 51px;
        display: block;
    }
    .info-principal-iconos{
        width: 100%;
    }
    .info-principal-fila1 .info-principal-caja{
        padding-right: 0;
    }
    .info-principal-fila2 .info-principal-caja{
        padding-left: 0;
        text-align: left;
        margin-bottom: 50px;
    }
    .info-principal-fila2 img{
        margin: 0 auto;
    }
    .banner-aplicacion-descarga .col-md-6:first-child .banner-aplicacion-qr{
        margin-bottom: 30px;
    }
    .roll-farmaceuticos{
        padding: 0;
    }
    .info-principal-box{
        width: 49%;
    }

    /*************** EQUIPO *****************/

    .item-equipo{
        width: 40%;
    }

    /*************** PORTFOLIO *****************/

    .content-overlay-portfolio .fa, .overlay-branding .fa {
        font-size: 18px;
        width: 30px;
        height: 30px;
        border-radius: 5px;
        background-color: #fff;
        line-height: 30px;
    }
    .overlay-branding .iconos-centrados{
        right: 0;
        width: 30px;
        height: 30px;
    }

    /*************** FOOTER *****************/

    .elem-contacto-footer span:first-child{
        width: inherit;
    }

    /******************* PLANES INDIVIDUALES *********************/

    .info-plan-desc{
        margin-left: 0px;
        margin-top: 20px;
    }

    .info-plan-intro .info-plan-intro-title span{
        display: inherit;
    }

    .info-plan-intro img{
        display: none;
    }

    .info-plan-intro .info-plan-intro-title {
        font-size: 33px;
    }

    .info-plan-intro span[class^="esquina"]{
        display:none;
    }

    .info-plan-img{
        margin-top: 20px;
    }

    .info-plan-servicios{
        margin-bottom: 30px;
    }

    .contenidos-video-content {
        padding-right: 0px; 
    }

    .contenidos-video-info{
        font-size: 20px;
    }

    .resumen-plan{
        text-align: center;
    }
    .resumen-plan .col-plan{
        width: 80%;
        padding: 20px;
    }
    .col-plan-resumen{
        height: auto;
        padding-bottom: 50px;
    }
    .contacto{
        margin-top: 0;
    }
    .planes{
        margin-top: 0;
    }
    #page{
        margin-top: 0;
    }
}
@media (min-width: 768px) {
    .col-sm-15 {
        width: 20%;
        float: left;
    }
    .portfolio-branding .col-md-4 {
        width: 40%;
    }
}
@media only screen and (max-width: 767px) {
    .item-equipo{
        width: 50%;
    }
    .content-item-equipo .overlay-equipo{
        opacity: 1;
    }
    .plan{
        max-width: 500px;
        margin: 0 auto 100px auto;
        height: auto;
    }
/*    .ver-mas-plan{
        bottom: -55px;
    }*/
    .section-footer{
        margin-bottom: 50px;
    }
    .banner-aplicacion img{
        width: 60%;
        display: block;
        margin: 0 auto;
    }
    .portfolio-branding .col-md-4 img{
        margin: 0 auto;
    }
    .content-overlay-portfolio .fa,
    .overlay-branding .fa{
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 25px;
    }
    .col-plan-slogan span {
        font-size: 22px;
    }
    .item-portfolio, .item-branding{
        margin-bottom: 10px;
    }
    .overlay-portfolio, .overlay-branding{
        opacity: 1;
    }
    .portfolio-ecommerce{
        margin-bottom: 30px;
    }
    .banner-aplicacion .img-app{
        display: none;
    }
    .banner-aplicacion-qr ul{
        padding: 0;
    }
    .banner-aplicacion-descarga .col-md-6:first-child .banner-aplicacion-qr,
    .banner-aplicacion-descarga .col-md-6:last-child .banner-aplicacion-qr{
        text-align: center;
    }
    .banner-aplicacion-descarga .col-md-6:first-child .banner-aplicacion-qr ul li,
    .banner-aplicacion-descarga .col-md-6:last-child .banner-aplicacion-qr ul li,
    .banner-aplicacion-descarga .col-md-6:first-child .banner-aplicacion-qr img {
        float: inherit;
    }
    .block-bg{
        background-size: inherit;
    }
    .redes-sociales ul li{
        width: 100%;
    }
    .info-principal-fila1{
        padding: 0;
    }
}

@media only screen and (max-width: 650px) {
    .info-principal-box{
        width: 100%;
    }
    .content-info-principal{
        height: auto;
    }
}

@media only screen and (max-width: 480px) {
    .item-equipo{
        width: 100%;
        margin-bottom: 25px;
    }
    .plan{
        max-width: 500px;
        margin-bottom: 120px;
        height: auto;
        padding: 0 5px;
    }
/*    .ver-mas-plan{
        bottom: -45px;
    }*/
    .desc-grande-plan {
        height: 85px;
    }
    .img-aplicacion{
        width: 100%;
    }
    .banner-aplicacion-qr img{
        /*width: 50%;*/
        margin: 0 auto;
        display: block;
        margin-bottom: 20px;
    }
    .banner-aplicacion img{
        width: 90%;
    }
    .resumen-plan .col-plan {
        width: 100%;
        padding: 10px 0px;
    }
    .col-plan-slogan span {
        font-size: 18px;
    }

    .roll-farmaceuticos .owl-prev,
    .roll-farmaceuticos .owl-next,
    .roll-planes .owl-prev,
    .roll-planes .owl-next{
        display: none !important;
    }
    .info-principal-fila1 img{
        max-width: 100%;
    }    
    .content-formulario-planes{
        padding: 10px;
    }
}