﻿@media only screen and (min-width: 1200px) {
    #block-main-menu .dropdown-menu > ul {
        width: 1170px;
        margin: auto;
        padding: 0 15px;
    }

    .text-left-slide {
        width: 42%;
        float: left;
    }

    .block-promo {
        background-color: #F8F9FB;
        width: 48%;
        margin: 1%;
        float: left;
        position: relative;
        padding: 20px;
    }

    .content-product {
        width: 23.8%;
    }

    .form-search {
        max-width: 770px;
    }

    .form-w-75 .form-group {
        max-width: 75%;
        margin: 20px 0;
    }

    .only-widescreen {
        display: block;
    }

    .only-widescreen-none {
        display: none;
    }

    .sidebar-last-panel #content-linea-prepago-2 {
        margin-top: 140px;
    }

    .image-samsung.bg-label {
        float: none;
        margin-right: 0;
        text-align: center;
    }

    .information-panel-cellphone {
        height: auto;
    }

    .customers-form.selected {
        float: left;
        padding: 20px;
        max-width: 70%;
        width: 100%;
    }

    .panel-body.image-left .information-panel {
        max-width: 50%;
        margin: 3px 13px;
    }

    .panel-recargas .information-panel {
        width: 38%;
    }

    .panel-facturas .information-panel {
        width: 50%;
    }

    .only-desk {
        display: block;
    }

    .nav-tabs.big-navs li a .nav-tabs.big-navs > li.active > a,
    .nav-tabs.big-navs > li.active > a:focus,
    .nav-tabs.big-navs > li.active > a:hover,
    .nav-tabs.big-navs li > a {
        padding: 16px 32px;
        font-size: 18px;
    }

    #content-center.col-md-10 .tabpanelcontent .content-center.tabs .content-product {
        width: 33.3333% !important;
        border-right: 1px solid #c7ccd2 !important;
    }

        #content-center.col-md-10 .tabpanelcontent .content-center.tabs .content-product:nth-child(3n+1) {
            border: none !important;
        }

    .content-product.three-elements {
        width: 30%;
        margin: 10px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1196px) {
    .title-promo {
        font-size: 1.8em;
    }

    form.customers-form {
        width: 100%;
        float: none;
    }

    .image-samsung.bg-label img {
        width: 100%;
        height: auto;
        max-width: 145px;
    }

    .information-panel-inner {
        padding: 54px 17px;
    }

    .only-1280 {
        display: none;
    }

    .customers-selected.out-image .panel-body.image-left .information-panel {
        max-width: 100%;
    }

    .customers-selected .font-16 {
        font-size: 1.1em;
    }

    .only-min1024 {
        display: block;
    }

    #form-type-service {
        float: left;
        width: 60%;
    }

    .fields-col.automatic.camp-form {
        min-width: 190px;
    }

    .change-functions .abonado-info .decription-info #accordion {
        margin: 0 -16px;
    }

    #header-second #block-main-menu .navbar-nav > li.inicio a span,
    #block-main-menu .navbar-nav > li.consumo a span,
    #block-main-menu .navbar-nav > li.facturas a span,
    #header-second #block-main-menu .navbar-nav > li.datos a span,
    #block-main-menu .navbar-nav > li.compras a span,
    #header-second #block-main-menu .navbar-nav > li.tienda a span,
    #block-main-menu .navbar-nav > li.ordenes a span,
    #block-main-menu .navbar-nav > li.productos a span {
        background: none;
        padding-left: 0;
    }

    #header-second #block-main-menu .navbar-nav > li > a span {
        padding: 20px 0 20px;
        min-height: auto;
    }
}

@media only screen and (min-width: 993px) and (max-width: 1200px) {
    #block-main-menu .dropdown-menu > ul {
        width: 970px;
        margin: auto;
        padding: 0 15px;
    }

    .left.form-result,
    .information.services {
        width: 100%;
        padding: 20px 0;
        border-bottom: 1px solid #ddd;
    }

    .bg-arrow-search {
        display: none;
    }

    .update-date {
        margin: 0;
        width: 100%;
        float: none;
    }

    .select-line {
        float: left;
        width: 100%;
    }

    .form-hor .form-group.width-33 .fields-col {
        margin-left: 0;
    }
}

@media only screen and (min-width: 992px) {
    .only-min992 {
        display: block;
    }

    .table-different.out-thead {
        padding-top: 10px;
    }

    .only-desktop {
        display: table-cell;
    }

    .only-mobile-all {
        display: none !important;
    }

    .residential {
        padding: 0 2%;
    }

    .panel-left,
    .sidebar-last-panel .panel-group {
        padding-right: 12px;
        clear: left;
    }

    #acoordeon-linea-prepago.panel-group .panel + .panel {
        min-height: 307px;
    }

    .tickets-list .ticket-buttons {
        text-align: right;
        margin-top: 0;
    }

    .tickets-list .ticket-title {
        margin: -20px 0 12px -20px;
    }

        .tickets-list .ticket-title h3 {
            display: inline-block;
            vertical-align: middle;
            margin: 0;
        }

    .text-desk {
        display: block;
    }

    .text-mobile {
        display: none;
    }

    .widget-block {
        margin-top: 35px;
    }

    .meta-info-client {
        padding-left: 65px;
    }

    #content-center.col-md-10 .tabpanelcontent #sidebarfirst {
        width: 24%;
    }

    #content-center.col-md-10 .tabpanelcontent .content-center.tabs {
        width: 74%;
    }

        #content-center.col-md-10 .tabpanelcontent .content-center.tabs .content-product {
            width: 50%;
            margin: 15px 0;
            border: none;
            border-right: 1px solid #c7ccd2;
        }

            #content-center.col-md-10 .tabpanelcontent .content-center.tabs .content-product:nth-child(odd) {
                border-right: 0;
            }

    #content-center .tabpanelcontent #sidebarfirst {
        width: 21%;
    }

    #content-center .tabpanelcontent .content-center.tabs {
        width: 78%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    #block-main-menu .dropdown-menu > ul {
        width: 750px;
        margin: auto;
        padding: 0 15px:;
    }

    .form-hor .block-levels .checkbox {
        margin-top: 0;
        text-align: left;
        margin-left: 0;
    }

    .title-promo {
        font-size: 1.8em;
    }

    .form-filt input {
        margin-bottom: 5px;
    }

    .form-filt {
        text-align: right;
    }

    .center-footer ul li {
        background: url("../images/separator_footer.png") no-repeat right center;
        padding-left: 8px;
        padding-right: 8px;
        font-size: 0.9em;
    }

    #content-linea-prepago-2 {
        margin-bottom: 0;
    }

    #menu-user a.dropdown-toggle {
        max-width: 220px;
    }

    .only-select #form-title {
        display: block;
        max-width: 230px;
        margin: 0 66px;
    }

    .only-select .form-linea {
        float: none;
        text-align: center;
        margin: 8px 0 20px;
    }

    .update-date {
        float: none;
    }

    .panel-left,
    .panel-right {
        padding: 0;
    }

    .form-linea {
        display: block;
    }

    .formx2 {
        width: 100%;
    }

        .formx2.form-result .form-group {
            width: 100%;
            display: block;
            float: none;
        }

    .form-hor.form-row .blocks-form .form-group.width-100 .fields-col {
        width: 52%;
        float: left;
    }

    .form-hor.form-row .blocks-form .form-group.width-100 .label-col {
        width: 35%;
    }
}

@media only screen and (max-width: 991px) {
    .text-left-slide {
        width: 72%;
        float: left;
    }

    .tablesaw-bar {
        display: none;
    }

    .form-row .form-group.width-100 .form-group.width-50,
    .form-row .form-group.width-100 .form-group.width-33 {
        width: 100%;
    }

    .form-group.display-inline,
    .form-group.form-chechbox.display-inline {
        width: 50%;
        float: left;
    }

    .form-personal-adress .label-col {
        width: 50%;
        text-align: left;
    }

    .form-hor .label-col.width-18 {
        width: 25%;
        text-align: left;
        float: left;
    }

    .form-group.width-100 .fields-col.width-18 {
        margin-bottom: 10px;
    }

    .block-levels {
        padding: 0 0 20px 10px;
        overflow: hidden;
    }

    .form-group.width-50 {
        margin: 20px auto;
    }

    .form-group.form-chechbox.display-inline {
        margin: 6px 0 10px;
    }

    .form-row .form-group.width-100 .form-group.width-50,
    .form-row .form-group.width-100 .form-group.width-33,
    .form-row .form-group.width-100 .form-group.width-100 {
        margin: 10px 0;
    }

    .metodo-entrega .form-group.form-chechbox.display-inline {
        width: auto;
    }

    p.state {
        padding-right: 20px;
    }

    ul.nav.nav-tabs li {
        margin: 1px 0 0;
        width: 100%;
        display: none;
    }

        ul.nav.nav-tabs li.active,
        ul.open.nav.nav-tabs li {
            display: block;
            position: static;
        }

            ul.nav.nav-tabs li.active a:after {
                content: "Más";
                background: url("tab_otras.jpg") no-repeat 0 0;
                position: absolute;
                right: 0;
                top: 1px;
                width: 63px;
                display: block;
                padding: 10px 15px;
                color: #119FB3;
                font-size: 0.9em;
                text-align: left;
                cursor: pointer;
            }

    .nav-tabs li.active > a:hover {
        background: #119CBF;
        color: #fff;
    }

    .nav-tabs > li > a {
        margin-right: 0px;
    }

    .text-desk {
        display: none;
    }

    .text-mobile {
        display: block;
    }

    .formx2 {
        width: 100%;
    }

    .form-row .form-group.width-100 .formx2 .form-group {
        width: 100%;
        display: block;
        margin: 10px 0;
    }

    .form-hor .formx2 .fields-col,
    .form-hor .form-group.width-33 .fields-col,
    .form-hor .form-group.width-50 .fields-col {
        width: 65%;
        float: right;
        margin: 0;
    }

    .formx2 .label-col.automatic {
        width: 10%;
    }

    .tabpanelcontent .content-center.tabs {
        width: 68%;
    }

    .tabpanelcontent #sidebarfirst {
        width: 28%;
    }

    .content-center.tabs {
        margin: 0px 0 0;
        padding-left: 15px;
    }

    .block-levels .form-colum-x2 .form-group {
        float: none;
        width: 100%;
        margin: 10px 0;
    }

    .form-button {
        margin: 10px 2px;
    }

    .form-datos .label-col.automatic,
    .form-datos .formx2 .label-col.automatic {
        width: 30%;
    }

    .content-product.block .block-right-product {
        width: 68%;
    }

    .content-product.block .block-left-product {
        width: 25%;
    }

    a.tablesaw-nav-btn {
        max-width: 60%;
    }

    .abonado-info .decription-info {
        padding: 0;
    }

    .abonado-info #accordion {
        margin: 0 -15px;
    }

    .form-group.radios {
        width: 100%;
        float: none;
        margin: 5px 0;
    }

    .blocks-form .label-col.automatic {
        min-width: 25%;
    }

    #block-details .info-plan .price-plan {
        text-align: left;
        margin: 20px 0;
    }

    .change-functions .abonado-info .decription-info #accordion {
        margin: 0 -12px;
    }

    .block-promo {
        margin-bottom: 20px;
    }
}

@media only screen and (min-width: 768px) {
    .only-min768 {
        display: block;
    }

    .only-min768-inline {
        display: inline-block;
    }

    .introduction-line {
        padding: 0 40px;
    }

    #block-main-menu .navbar-nav > li:hover .dropdown-menu {
        display: block;
    }

    #block-main-menu .navbar-nav > li {
        position: static;
    }

    #header-second .navbar-default {
        position: static;
    }

    #header-second {
        position: relative;
    }

    #block-main-menu .dropdown-menu li {
        border-bottom: 0;
        float: left;
        padding: 0;
    }

    #block-main-menu .navbar-nav > li > .dropdown-menu {
        overflow: hidden;
    }

    #block-main-menu .navbar-nav > li > a span {
        font-family: 'movistar_headlineregular';
        padding: 0;
        text-align: center;
        /*font-size: 1.2em;*/
        line-height: 1;
        height: 50px;
        vertical-align: middle;
        display: table-cell;
    }
}

@media only screen and (max-width: 767px) {
    #block-main-menu .dropdown-menu li span a {
        padding: 5px 25px;
        border-right: 0;
        text-align: left;
    }

    .dropdown-menu li {
        padding: 0;
    }

    #block-details .info-plan .price-plan p.number {
        clear: both;
    }

    .text-slide h1 {
        font-size: 1.9em;
    }

    .text-left-slide {
        width: 100%;
        float: left;
    }

    .text-slide .btn,
    .text-right-slide {
        margin-top: 0;
    }

    .text-left-slide h2,
    .text-right-slide {
        display: none;
    }

    .responsible-consumption .btn.colum-block {
        width: 100%;
    }

    .customer-info-block .panel-heading h4 span {
        float: left;
    }

    .panel.panel-white-green-letter .information-panel {
        padding: 10px;
    }

        .panel.panel-white-green-letter .information-panel.bg-white {
            padding: 2px 10px;
        }

    .filtrer-form p,
    .filtrer-form,
    .filter-type .show {
        width: 100%;
        text-align: left;
    }

    .add-new-credit-card.block-modal,
    .pay-bill,
    .card-added {
        width: 100%;
    }

    .information-about-products .compare-phones .form-actions.btn-margin-cero a {
        margin-bottom: 10px;
    }

    .items-checkbox-acept .fields-col.inline-form {
        margin: 0;
    }

    .blocks-form.bg {
        margin: 0;
    }

    .block-right-supercarga {
        float: right;
        width: 100%;
    }

    .block-left-supercarga {
        float: left;
        width: 100%;
    }

    .text-below-h1 {
        padding-left: 0px;
    }

    .message .message-text {
        width: 96%;
        left: 4%;
    }

    .form-hor .block-levels .checkbox,
    .form-hor .block-levels .formx2 .form-group.form-chechbox .checkbox {
        text-align: left;
        margin-left: 0;
    }

    .form-colum-x2 .form-group,
    .form-colum-x2 .form-group.file-requeride {
        display: inline-block;
        width: 95.5%;
        margin: 10px 2%;
    }

    .blocks-form.form-colum-x2 .label-col.automatic {
        min-width: 100%;
        width: 100%;
    }

    .form-hor .blocks-form.form-colum-x2 .form-group.width-50 .fields-col {
        width: 100%;
    }

    .form-hor .blocks-form.form-colum-x2 .form-group.width-50 {
        margin: 10px 0%;
    }

    .select.account .form-hor .fields-col {
        max-width: 100%;
    }

    .form-hor .form-textarea .label-col,
    .form-hor .form-textarea .fields-col {
        width: 100%;
        margin: 5px 0 0 0;
    }

    .add-titles,
    .page-title > div.add-titles {
        padding-left: 0;
    }

    .block-promo .price-value,
    .title-promo,
    .minutes-number {
        font-size: 1.7em;
    }

    .level-intern-three {
        padding-left: 0px;
    }

    .block-promo.block-complete {
        padding: 10px;
    }

    .select-yes-no {
        width: auto;
    }

    .meta-info-client {
        padding: 0;
        margin: -5px 0 20px;
    }

    #content {
        padding: 20px 0;
    }

    .form-bg-gray form {
        display: none;
    }

    .right-result-block,
    .left-result-block {
        width: 100%;
        float: left;
        text-align: left;
        max-width: 100%;
        margin: 1% 0 1% 0;
    }

    .tablesaw-bar {
        display: block;
    }

    .tabpanelcontent .content-center.tabs,
    .tabpanelcontent #sidebarfirst,
    .introduction-line .form-hor .fields-col.multiple-fields {
        width: 100%;
    }

    .carousel_frame .items_c li .ico-phone,
    .carousel_frame .items_c li:hover .ico-phone {
        background-image: url("../images/ico_phone-mobile.png");
        float: left;
        background-position: top center;
        margin-right: 10px;
        height: 48px;
    }

    .carousel_frame.second_carousel .items_content .items_c li:hover .item_link {
        background-color: transparent;
        color: #70c4d9;
    }

    .select-line.account .form-group {
        margin: 0;
    }

    .carousel_frame.second_carousel .items_content .items_c li:hover .item_link.out-hover {
        color: #005c84;
    }

    .carousel_frame.second_carousel .items_content .items_c li .item_link {
        padding: 0;
    }

    .carousel_frame .items_c li span {
        float: left;
        font-size: 0.95em;
    }

    .carousel_frame.second_carousel .items_content .items_c li {
        width: 100%;
        text-align: left;
        float: left;
        display: block;
        margin: 10px 0 0;
    }

    .panel-fact-select .panel-content > .form-select {
        margin: 10px;
    }

    .only-select .phone-number {
        display: none;
    }

    .phone-number.residential-block {
        display: block;
    }

    .page-title .inline-element .phone-number {
        padding-left: 0;
    }

    .only-select .inline-element .phone-number {
        display: block;
    }

    .only-select #form-title {
        display: block;
        width: 80%;
        padding-left: 11px;
    }

    .detalle-factura .only-select .phone-number {
        display: block;
    }

    .detalle-factura .carousel_frame {
        float: none;
    }

    .inline-blok {
        margin: 0;
    }

    .factura-act-date {
        text-align: left;
        float: none;
        margin-top: 0;
    }

    .factura-cargos-title {
        padding: 0;
        border-bottom: 0;
        margin-bottom: 0;
    }

        .factura-cargos-title.fac-block {
            padding: 15px 15px;
        }

    .factura-cargos-item {
        padding: 0;
    }

    .panel-grey .panel-content {
        padding: 0;
        min-height: 0;
        overflow: hidden;
    }

    .panel-white .panel-content {
        padding: 8px;
    }

    #header-second #block-main-menu .navbar-nav > li > a span {
        padding: 15px 15px 15px 55px !important;
        display: block;
    }

    #block-main-menu .navbar-nav > li > a span {
        padding: 15px 0 15px 63px;
    }

    .only-mobile,
    .nav > li.only-mobile {
        display: block;
    }

    #Acuerdo-fac .tabpanelcontent .panel-group {
        padding: 0;
    }

    .message-method1,
    .message-method {
        clear: both;
    }

    .panel-group .panel {
        margin-bottom: 15px;
    }

    .panel-min-height .panel-content {
        min-height: 0;
        overflow: hidden;
    }

    div#menu-user {
        display: block;
    }

        div#menu-user .open > .dropdown-menu {
            display: none;
        }

    .form-linea {
        display: block;
        max-width: 100%;
        min-width: 100%;
        float: none;
        text-align: center;
        margin: 8px 0 0px;
    }

        .form-linea .form-group.form-select {
            display: block;
            width: 100%;
            margin: 5px 0 0;
        }

    .form-select-line {
        padding: 0 0 0 10px;
    }

    .carts-item {
        width: 100%;
        display: block;
        background-color: #fff;
        color: #565759;
        border-bottom: 2px solid #4EBCD0;
        clear: left;
        overflow: hidden;
        padding: 5px 10px;
        margin: 0;
    }

    .number-cart {
        background: url("../images/number_cart.png") no-repeat 0px center;
    }

        .number-cart span {
            background: #6EBE44;
        }

    .authorized-users-page .table a.delete-user {
        background: url("../images/delete-icon.png") no-repeat 0 0;
        width: 16px;
        height: 16px;
        display: inline-block;
        overflow: hidden;
        text-indent: -999px;
    }

    .panel-animation .panel > .panel-heading h4 {
        height: auto;
        width: 100%;
        max-width: 100%;
    }

    .bg-green-left.closedPanel h4.panel-title {
        width: 80%;
        max-width: 80%;
    }

    .panel-animation .openedPanel .panel-title {
        background: url("../images/bg-collapse-close-mobile.png") no-repeat 98% center transparent;
    }

    .panel-animation .panel-title {
        background: url("../images/bg-collapse-open-mobile.png") no-repeat 98% center transparent;
    }

    .subheading {
        margin: 0 20px;
        padding: 0;
    }

    .form-group.inline .submit-modal {
        display: block;
        margin: 20px auto 0;
    }

    .navbar-header {
        float: right;
    }

    #header-first {
        background: #009CBC;
        padding: 0;
    }

        #header-first .container {
            padding: 0;
        }

    .left-header {
        background: #005D82;
        text-align: center;
        width: 100%;
        padding: 12px 0;
    }

    .right-header {
        float: none;
    }

    .cart-item {
        float: right;
        margin-top: 8px;
    }

    .cart {
        background-color: #005D83;
        padding-left: 25px;
    }

    .label-col.auto {
        width: 35%;
    }

    .panel-content .link-blue {
        text-align: right;
        width: 100%;
        display: block;
        margin: 5px 0 0px 0;
        background-color: #FFFFFF;
        padding: 0 0 10px;
        position: static;
    }

        .panel-content .link-blue a {
            float: none;
            display: inline-block;
            margin: auto;
        }

    .link-header {
        margin: 0px 15px 0 0;
        line-height: 1;
        float: left;
    }

    #menu-user a.dropdown-toggle {
        background: none;
        padding-right: 0px;
    }

    .page-title > div,
    .page-title > div.subtitle-inline,
    .subtitle-inline {
        float: none;
        background: none;
        padding: 0 0 5px;
    }

    .page-title .linea {
        padding: 10px 0;
    }

    #block-main-menu .navbar-nav > li {
        border-left: 0;
        border-right: 0;
        width: 100%;
        background: none;
        padding: 0;
        border-bottom: 1px solid #fff;
    }

        #block-main-menu .navbar-nav > li.logout a span {
            background: url("ico-close.png") no-repeat left center;
        }

        #block-main-menu .navbar-nav > li > a {
            display: block;
            padding: 0;
            text-align: left;
            padding-left: 25px;
            background: #71C2D2;
        }

            #block-main-menu .navbar-nav > li > a:hover {
                background: #005D82;
            }

    #header-second .container {
        padding-right: 0;
        padding-left: 0;
    }

    .center-footer ul li {
        background: none;
        display: block;
    }

    .center-footer ul {
        display: inline-block;
        margin: auto;
        text-align: left;
    }

    footer .container {
        padding-left: 15px;
        padding-right: 15px;
    }

    .block-image.seek {
        display: none;
    }

    form.customers-form {
        width: 100%;
    }

    .bg-arrow-search {
        display: none;
    }

    .information.services {
        border-top: 1px solid #ddd;
        padding-top: 22px;
    }

    .left.form-result,
    .information.services {
        width: 100%;
    }

    .left.form-result {
        padding: 0 0 20px;
    }

    .img-panel {
        display: none;
    }

    .form-colum-x2 {
        float: none;
        width: 100%;
        padding: 0;
    }

    .information-panel.max-width {
        max-width: 100%;
    }

    .indented-form .label-col > label {
        padding-left: 0;
    }

    .radio-large input {
        float: left;
        margin-left: -22px;
    }

    .radio-large {
        padding-left: 26px;
    }

    .form-hor .form-group-button .field.f-input {
        width: 58%;
        display: inline-block;
    }

    .form-hor .form-group-button .field.f-button {
        width: 37%;
        display: inline-block;
        margin-left: 3%;
    }

    .form-hor .fields-col .field {
        width: 100%;
        display: block;
        margin-bottom: 10px;
        margin-left: 0;
    }

    #addUserModal .doc-type,
    #addUserModal .doc-number,
    #addUserModal .doc-number input {
        width: auto;
    }

    .table-actions {
        text-align: center;
    }

    #block-linea-postpago p {
        padding: 0 5%;
    }

    .with-description > p {
        padding-left: 8px;
    }

    a.bg-question {
        width: 125px;
        margin: 10px 0;
        float: right;
        text-align: right;
    }

    .modal-body .include-new-card span a {
        padding-left: 10px;
    }

    .icon-recargas {
        display: none;
    }

    .page-recarga-principal {
        width: 100%;
        padding: 0 15px;
        margin: 20px 0 0;
    }

    .form-page-recarga,
    h5.gray-text {
        width: 50%;
    }

    .fields-col.dates {
        margin: 10px 0;
    }

    .blue-text.three-elements {
        padding-left: 0;
    }

    li.item-paginator-next span,
    li.item-paginator-previous span {
        display: none;
    }

    .form-filtrer,
    .view-more,
    .filtrer,
    .filtrer-form form {
        float: none;
        width: 100%;
    }

        .filtrer p {
            margin: 0;
        }

    .list-intern {
        display: none;
    }

    .filtrer.display-desktop {
        display: block;
        padding: 10px 20px;
    }

    .form-filtrer .form-group.form-select {
        margin: 0;
    }

    .prepaid,
    .residential {
        padding: 0 15px;
    }

    .right-information > span {
        width: 50%;
    }

    .button-recarga {
        margin: 7px 0;
        overflow: hidden;
        float: left;
        padding-left: 15px;
    }

    .border-gray {
        width: 100%;
    }

    p.update-date {
        text-align: left;
        float: none;
    }

    .form-filt {
        width: 100%;
        margin: 10px 0 0 0;
    }

        .form-filt input {
            margin-bottom: 5px;
        }

    .filtrer-table {
        width: 100%;
        margin-bottom: 10px;
    }

    .table-pager.right {
        text-align: center;
    }

    .introduction-line .form-hor .fields-col .field {
        width: 48%;
        display: inline-block;
        text-align: left;
        margin: 0 1%;
    }

    .introduction-line .form-group.form-select,
    #historial-facturas {
        float: none;
        max-width: 100%;
        text-align: center;
        margin: 0;
    }

    .introduction-line .form-search {
        float: none;
        text-align: center;
        margin: 0;
        max-width: 95%;
        padding-left: 0;
    }

    .select-line {
        width: 100%;
    }

    .carousel_frame.second_carousel {
        margin-bottom: 25px;
        overflow: hidden;
    }

    .tabs1.tab-whole ul.nav.nav-tabs li {
        text-align: center;
        line-height: 1;
        margin: 1px 1px 0 0;
        position: static;
    }

    .tab-whole .nav-tabs {
        position: relative;
    }

    .tabs1.tab-whole .nav-tabs li a {
        font-size: 1.15em;
        padding: 8px 20px;
        text-align: left;
    }

    .tab-whole.various-items .nav-tabs li a {
        padding: 10px;
    }

    .form-group.form-text.cvv {
        margin: 0 0 0 24px;
    }

    .personal-data.block,
    .change-payment-method a {
        margin-left: 25px;
    }

    .field.id-facturas {
        padding: 0;
    }

    .right-fact {
        float: right;
        margin: 25px 0 0;
        width: 48%;
    }

    .page-title > div.select-line {
        padding: 5px 10px;
    }

    .tab-whole.various-items > ul > li {
        display: table;
    }

    td.brdrbottom.right .ico-pdf {
        background-position: right;
    }

    #form-type-service {
        float: none;
        width: 80%;
        margin: 0 auto;
    }

    .table > tbody > tr > td.ico-llamada-cargos {
        padding: 5%;
        width: 100px;
    }

    select.account .form-hor .form-group.form-select {
        margin: 10px auto 0;
    }

    .button-config-pago-aut.text-right {
        padding: 10px;
        position: static;
    }

    .blue-row .text-right {
        text-align: left;
        margin: 20px 0;
    }

    .cargo-cuenta.text-right {
        text-align: left;
        padding-left: 57px;
    }

    a.state-remove {
        background: url("../images/min-delete-ico.png") no-repeat 50px center;
    }

    .form-group.auto .label-col,
    .left-inline {
        width: 100%;
        margin: 15px 0;
    }

    .block-notif .fields-col p,
    .block-notif .fields-col input.form-control {
        width: 100%;
        float: none;
    }

    .form-recarga-factura.form-hor .label-col {
        width: 40%;
    }

    .form-recarga-factura.form-hor .fields-col {
        width: 60%;
    }

    .blok.factura-detalle-opciones.righted-btns .btn {
        display: block;
        margin: 5px auto;
    }

    .blok.factura-detalle-opciones.righted-btns .btn,
    .responsible-consumption .btn.colum-block {
        width: 80%;
    }

    .block-right {
        float: none;
    }

    .block-gray-fact h4 {
        margin-top: 0;
    }

    .table.factura-cargos {
        padding: 0;
        border-bottom: 1px solid #e9ebed;
        padding-bottom: 10px;
        margin: 10px 0;
    }

    .blok.factura-detalle-cargos .panel-group {
        padding: 0;
    }

    .block-gray-fact {
        padding: 10px;
    }

    #accordion .panel-default > .panel-heading a,
    #accordion .panel-default > .panel-heading a.collapsed {
        background-position: right 4px;
    }

    .font-15 {
        font-size: 1.4em;
    }

    .grafica.inline-blok {
        padding: 0;
    }

    .cvv a.bg-question {
        display: block;
        width: 100%;
        max-width: 100%;
        margin: 10px 0;
        text-align: left;
    }

    .fields-col.cvv {
        width: 50%;
    }

    .fields-col.automatic.camp-form {
        width: 100%;
        display: block;
    }

    .block-notif .label-col,
    .center-input,
    .left-input {
        min-width: 100%;
        width: 100%;
        margin: 0 0 15px;
    }

    .banner.horizontal.desktop {
        display: none;
    }

    .banner.horizontal.mobile {
        display: block;
        text-align: center;
        margin: 0;
    }

    .text-description,
    .form-select-line {
        padding: 0;
    }

    .content-cart {
        padding: 0;
        border: 0;
    }

    .alert-ico p,
    .choose-plan {
        display: block;
        width: 100%;
        margin: 10px 0;
    }

    .choose-plan {
        text-align: right;
        float: none;
        overflow: hidden;
        padding: 0;
    }

    .alert-ico-content {
        padding-left: 45px;
    }

    .panel-group.panel-whole {
        padding: 0;
    }

    .content-panel-form {
        padding: 0 15px;
    }

        .content-panel-form.form-hor {
            padding: 0;
        }

    .formx2 .fields-col {
        padding-left: 0;
    }

    .dwell-time .form-hor {
        width: 100%;
        float: none;
    }

    .return-store.block {
        padding-left: 20px;
        display: block;
        float: none !important;
    }

    .tabpanelcontent {
        padding: 10px;
    }

    .tabpaneltitle {
        padding: 20px 25px;
    }

    .panel-sidebar .panel-left,
    .panel-sidebar .panel-right {
        padding-left: 0;
        padding-right: 0;
    }

    .right-result-block .x2-left {
        width: 62%;
        margin: 0;
    }

    .x2-right {
        width: 38%;
    }

    .table > tbody > tr > td.level-two {
        padding: 5px 10px;
    }

    .light-blue-bg.tables > th {
        padding: 5px 10px;
    }

    .rows-table {
        margin: 0;
    }

    .valid-order {
        overflow: hidden;
        width: 95%;
        margin: 0 auto;
        padding: 0;
    }

        .right-valid-order,
        .valid-order p {
            float: none;
            width: 100%;
            text-align: left;
        }

    .content-product.block .block-right-product {
        width: 100%;
        margin: 20px auto;
    }

    .content-product.block .block-left-product {
        width: 100%;
    }

    .content-product.block {
        padding: 0 10px;
    }

    .content-product .paragraph-description {
        display: none;
    }

    .price-producto {
        margin: 5px auto;
    }

    .content-product.results .block-complete .form-actions {
        margin: 10px 0 0;
    }

    td.price-table {
        background-color: #fff;
    }

    .left-block,
    .right-block {
        width: 100%;
        float: none;
        text-align: left;
    }

    .blocks-form .label-col.automatic,
    .form-group.radios .label-col {
        width: 100%;
    }

    .form-hor .blocks-form .fields-col {
        width: 100%;
        min-width: initial;
        margin: 0 0 10px 0;
        max-width: initial;
    }

    .form-button.inline {
        text-align: left;
        float: left;
        margin: 20px 0;
    }

    .form-hor .blocks-form.form-colum-x2 .form-button.inline {
        text-align: left;
        float: none;
        margin: 20px 0;
        width: 100%;
    }

    .block-complete .left,
    .block-complete .right {
        width: 100%;
        float: none;
        text-align: right;
        overflow: hidden;
        margin: 10px 0 15px;
    }

    .block-result-table {
        padding: 5px;
    }

    .block-form-x3 .form-group {
        float: none;
        margin: 10px 0;
    }

    .select-payment .titles,
    .form-btn a {
        margin: 0 0 10px 0;
    }

    .select-payment .select-credit-card {
        padding: 0 23px;
    }

    .select-deferred-payment {
        padding: 0;
    }

        .select-deferred-payment .form-group {
            float: none;
            width: 100%;
        }

    .form-hor.form-row .blocks-form .fields-col.min {
        width: 100%;
        margin: 10px 0 0;
    }

    .form-x2,
    .form-x2.new {
        float: none;
        width: 100%;
    }

    .inline-form {
        display: inline-block;
        margin: 15px 0 20px 0;
        width: 100%;
    }

    #block-details {
        padding: 20px;
        border: none;
    }

        #block-details .info-plan {
            margin: 0 -20px 20px -20px;
            padding: 20px;
        }

    .results-block .item-block header {
        padding: 15px;
    }

        .results-block .item-block header .text-right {
            text-align: right !important;
        }

    .results-block .item-block .item {
        padding: 20px 10px;
    }

    .results-block .item-block .item-search {
        padding: 20px 10px;
    }

    #device-selected {
        padding: 0 15px;
    }

    .abonado-info #accordion {
        margin: 0 -11px;
    }

    .order-filter {
        float: none !important;
        margin: 0px;
        padding: 0 20px;
    }

        .order-filter select {
            margin: 0;
        }

    #orders-list {
        padding: 0 20px;
    }

    .page-title .ico-orders {
        padding: 0 20px;
        margin: 0;
        background: none;
    }

    .filter-orders-box {
        padding: 15px;
        margin: 0 20px;
    }

        .filter-orders-box header h2 {
            font-size: 18px;
        }

    form#filter-orders .form-group {
        padding: 0 10px;
    }

        form#filter-orders .form-group .wrapper-select {
            width: 100%;
        }

    .supercarga-detail {
        border: none;
        padding: 0;
    }

        .supercarga-detail .table-recarga header {
            margin: 0;
            padding: 12px 20px;
        }

    .block-promo {
        width: 100%;
        margin-bottom: 20px;
    }

    .content-product {
        width: 48%;
        border: 1px solid #eff0f3;
        margin: 1%;
    }

    .form-hor.form-row .blocks-form .form-group.width-100 .fields-col {
        width: 52%;
        float: left;
    }

    .form-hor.form-row .blocks-form .form-group.width-100 .label-col {
        width: 35%;
    }
}

@media only screen and (max-width: 480px) {
    .comments .form-send {
        float: none;
    }

    .resumen-promo {
        padding: 0;
        border: 0;
        overflow: hidden;
        margin: 10px 0 0;
    }

    .text-left-slide h1 {
        font-size: 1em;
        margin: 10px;
    }

    .form-btn.right {
        float: none;
    }

    .plan-promo {
        width: 100%;
        margin: 0;
        font-size: .9em;
    }

    a.link-recibo-pago-inmediato.right {
        float: none;
        margin-left: 0;
        text-align: center;
        display: block;
    }

    .search-results,
    .compare-phones {
        width: 100%;
        margin: 10px 0;
    }

    .information-about-products .select.account .form-hor .fields-col {
        max-width: 100%;
        float: left;
    }

    .compare-phones.block-ordenar .form-group.form-select {
        margin: 0;
    }

    .right-result-block .x2-left {
        text-align: left;
    }

    .select-line.servicios-adicionales .form-hor .fields-col {
        max-width: 100%;
    }

    .text-show {
        float: none;
        max-width: 100%;
        width: 100%;
    }

    .choose-plan {
        padding: 0;
    }

    .block-final-price {
        float: left;
    }

    .block-promo .forms-actions {
        width: 100%;
        margin-top: 10px;
    }

    .margin-leftx10 {
        margin-left: 0px;
    }

    .message .message-text {
        width: 93%;
        left: 7%;
    }

    h1 {
        font-size: 1.9em;
    }

    .page-title,
    label {
        margin-bottom: 10px;
    }

    .font-16 {
        font-size: 1.1em;
    }

    .bg-green.bg-arrow {
        width: 80px;
        padding: 0 10px 0 12px;
    }

    .out-bg .information-panel {
        text-align: center;
        overflow: hidden;
        clear: both;
        float: none;
    }

    .text-right {
        text-align: left;
    }

    .factura-cargos-item .text-right {
        text-align: right;
    }

    .righted-btns {
        text-align: left;
    }

    .factura-row-price {
        text-align: left;
        margin-top: 5px;
    }

    .factura-row-price,
    .factura-row-label {
        display: block;
        width: 100%;
    }

    .inline-blok {
        margin: 0;
    }

    .panel-catalogo-equipo .panel-body.right-content {
        width: 100%;
        float: none;
    }

    .panel-catalogo-equipo .panel-body.left-content {
        display: none;
    }

    .panel-catalogo-equipo .panel-content {
        padding: 14px;
    }

    .form-hor .label-col,
    .form-recarga-factura.form-hor .label-col {
        width: 100%;
        display: block;
        vertical-align: inherit;
        padding-right: 0;
    }

    .form-hor .fields-col,
    .form-recarga-factura.form-hor .fields-col,
    .form-hor .formx2 .fields-col,
    .form-hor .form-group.width-33 .fields-col,
    .form-hor .form-group.width-50 .fields-col {
        width: 100%;
        display: block;
        margin-right: 0;
    }

    .form-hor .form-result .fields-col,
    .form-recarga-factura.form-hor .form-result.fields-col,
    .form-hor .formx2 .form-result .fields-col,
    .form-hor .form-group.width-33.form-result .fields-col,
    .form-hor .form-group.width-50.form-result .fields-col {
        width: auto;
        display: block;
        margin-right: 0;
        float: left;
        max-width: 180px;
    }

    .form-hor .form-group.form-textarea.form-result .fields-col {
        width: 100%;
        float: left;
    }

    .form-group.form-result .label-col,
    .form-group.form-result.width-50 .label-col {
        margin: 0;
        width: auto;
        margin-right: 5px;
    }

    .block-ordenar .form-hor .label-col {
        float: left;
        width: auto;
        margin-right: 10px;
    }

    .block-ordenar .form-hor .fields-col {
        float: left;
    }

    .search-ticket-page .field.date-picker {
        width: 46%;
    }

    .information-panel-inner {
        padding: 0;
    }

    .item div p {
        font-size: 0.8em;
    }

    .item div > a > p,
    .item div > a > p:hover {
        background: none;
    }

    .panel-body.image-left .information-panel {
        max-width: 100%;
        float: none;
        padding: 10px;
    }

    .modal-body {
        padding: 20px 15px;
    }

    .nav-tabs li a,
    .nav-tabs > li.active > a,
    .nav-tabs > li.active > a:focus,
    .nav-tabs > li.active > a:hover {
        padding: 8px;
    }

    .panel-title-blue.panel > .panel-heading h4 {
        padding: 0;
    }

    span.gray-text.d-block {
        max-width: 226px;
    }

    .text-cart-mobile {
        width: 70%;
    }

    .panel-recargas .bg-grey-arrow {
        width: 26%;
        font-size: 0.9em;
    }

    .bg-grey-arrow span b {
        padding: 30px 0 30px 10px;
    }

    .panel-accesos-directos .panel-content {
        background-position: 5px center;
        padding: 20px 0 0 135px;
        min-height: 146px;
    }

    .modal-footer .btn + .btn,
    .btn + .btn {
        margin-left: 0;
    }

    .with-description > p {
        padding: 10px 8px;
        text-align: left;
    }

    .panel-accesos-directos li a {
        font-size: 0.8em;
    }

    .form-linea .wrapper-select .form-control,
    .form-panel .wrapper-select .form-control {
        min-width: 260px;
    }

    .form-group.display-inline,
    .form-group.width-50 {
        display: inline-block;
        width: 100%;
        margin: 8px auto;
    }

    .log {
        width: 58%;
        float: left;
        padding: 0;
    }

        .log img,
        .slogan img {
            width: 90%;
            max-width: 184px;
        }

    .slogan {
        padding: 13px 0px 10px;
    }

    .form-personal-adress .label-col,
    .form-group.width-50 .label-col,
    .form-hor .label-col.width-18,
    .blue-text.three-elements {
        margin: 0;
    }

    .form-personal-adress.form-hor .form-group {
        margin: 10px 0;
    }

    .information-panel.icon-item.min {
        padding-top: 0;
    }

    span.text-span {
        display: block;
    }

    .icon-12 .atm-bloque-item.panel-body {
        margin: 20px 0;
    }

    .panel-p {
        padding: 0 5%;
    }

    .right-information > span {
        width: 100%;
        max-width: 100%;
    }

    .right-content p,
    .blue-text.three-elements,
    .button-recarga {
        width: 100%;
    }

    span.padd.font-08 {
        padding-left: 0;
        display: block;
    }

    span.content {
        margin: 0 0 5px 0;
    }

    .form-row .form-group.width-100 .form-group {
        margin: 5px 0;
    }

    .panel.panel-white-green-letter .panel-content {
        padding: 10px;
    }

    .right-information .blue-text {
        padding-left: 15px;
        width: 100%;
    }

    .panel-saldo-control .price-value {
        font-size: 1em;
    }

    .button-recarga {
        padding-left: 74px;
    }

    .filtrer-form p,
    .filtrer-form,
    .filter-type .show {
        width: 100%;
    }

    .filtrer-form {
        float: left;
    }

        .show p,
        .filtrer-form form,
        .filter-type .show {
            float: left;
        }

        .filtrer-form p {
            text-align: left;
            margin-top: 0;
        }

    .show p {
        margin: 0;
    }

    .tabs1.tab-whole .nav-tabs li a,
    .tabs1.tab-whole .nav-tabs > li.active > a,
    .tabs1.tab-whole .nav-tabs > li.active > a:focus,
    .tabs1.tab-whole .nav-tabs > li.active > a:hover {
        padding: 8px 10px;
        height: auto;
        line-height: 1;
        text-align: left;
    }

    .introduction-line {
        padding: 0px;
    }

    .card-added p,
    .pay-bill p {
        width: 80%;
    }

    .table > tbody > tr > td.ico-llamada-cargos {
        padding: 8%;
    }

    .carousel_frame.second_carousel {
        padding: 2% 0 0 0;
    }

    .text-right .btn {
        margin: 10px 0;
    }

    .button-config-pago-aut.text-right {
        padding: 0;
        margin: 0 auto;
        position: static;
        float: none;
        width: 100%;
        text-align: center;
    }

    .blue-row .text-right {
        margin: 5px 0;
    }

    .grafica-box h3 {
        margin: 0;
    }

    .fields-col.dates {
        width: 48%;
        float: left;
        margin: 0 2px;
    }

    .form-recarga-factura.form-hor .label-col {
        margin: 0 0 15px;
    }

    .block-notif {
        margin: 15px 0 0;
    }

    .checkbox.not-off {
        margin: 10px 0 0;
    }

    .notifications .message {
        margin: 20px 0 40px;
        padding: 0;
    }

    .form-group.width-100.mobile .width-18 {
        width: 50%;
        float: left;
        display: inline-block;
    }

    .form-group.form-chechbox.display-inline.form-result {
        width: 100%;
    }

    .atm-bloque-item.panel-body.buttons .btn {
        margin: 10px auto 0;
    }

    .block-text-center {
        text-align: left;
    }

    .nombre-cuenta,
    .cargo-cuenta {
        font-size: 0.9em;
    }

    .bg-light-blue-mobile {
        background: #ddf1f6;
        border-top: 1px solid #60b4cb;
    }

        .bg-light-blue-mobile .btn {
            display: block;
            width: 80%;
            margin: 5px auto;
        }

    .content.left-modal,
    .content.right-modal {
        width: 100%;
        display: block;
    }

    .panel-modal .right-modal p {
        text-align: left;
    }

    .panel-transparent .information-panel {
        margin: 15px 0;
    }

    .panel-transparent.panel-modal h3 {
        font-size: 1.4em;
    }

    .pay-bill {
        margin: 10px 15px;
    }

    .form-result.card-result {
        padding-left: 25px;
    }

    .two-btn,
    .two-btn span {
        width: 100%;
    }

        .two-btn span a {
            margin: 5px 0;
        }

    .left-content.two-items,
    .right-content.two-items {
        width: 100%;
        float: none;
        text-align: left;
    }

        .right-content.two-items .right-information p {
            width: 100%;
            text-align: left;
            padding: 0;
        }

        .left-content.two-items span {
            width: 100%;
            padding: 0;
        }

    .continue-buying .btn.btn-default {
        width: 100%;
        padding: 10px 0;
    }

    .button {
        margin: 30px 0 0;
    }

    .modal-header {
        padding: 15px 20px;
    }

    .form-hor .fields-col {
        margin-top: 0;
    }

    .form-bg-gray {
        margin-right: 0;
    }

    .right-valid-order a.btn.btn-default {
        display: block;
        margin: 5px 0;
        width: 50%;
    }

    .content-product {
        width: 100%;
        margin: 10px 0;
    }

    a.tablesaw-nav-btn,
    .btn,
    a.btn.center {
        max-width: 100%;
        width: 100%;
        margin-bottom: 10px;
        min-width: 0;
    }

    .number-line-btn,
    .button-right {
        float: none;
        margin: 30px 0 0;
    }

    .block-promo .button-right {
        float: right;
        margin: 10px 0 0;
    }

    .blocks-form,
    .button-right.aling {
        padding: 0;
    }

    .form-bg-gray,
    .form-button input {
        float: none;
        width: 100%;
    }

    .btn-right,
    .form-button.extern {
        float: none;
        margin: 0;
        width: 100%;
    }

    .btns {
        width: 100%;
        float: none;
        margin: 0 0 10px 0;
    }

    .modal-footer .btn {
        margin: 5px 0;
    }

    #accordion a.extern-link.transparent {
        display: none;
    }

    .block-notification {
        margin: 10px;
    }

    table.table-services tbody tr td {
        padding: 0 10px;
    }

    .pull-right {
        float: none !important;
    }

    .initial-block {
        float: left;
        width: 100%;
    }

    .final-block.pull-right {
        width: 100%;
        overflow: hidden;
    }

    .form-chechbox.pull-right {
        float: right !important;
    }

    .block-levels {
        padding: 0;
    }

    table.table-details-plan {
        margin: 20px 0;
    }

        table.table-details-plan tbody tr td {
            display: block;
            text-align: left !important;
        }

            table.table-details-plan tbody tr td:first-child {
                border-bottom: none;
                padding-bottom: 5px;
            }

            table.table-details-plan tbody tr td:last-child {
                padding-top: 5px;
            }

    #block-details .call-to-action-bottom .pull-left {
        width: 100%;
    }

    #block-details .call-to-action-bottom a {
        margin: 10px 0;
    }

    #device-selected figure {
        float: none;
    }

    #device-selected .caption-device {
        margin: 0;
    }

    .block-left-product {
        margin-bottom: 10px;
    }

    .select-buy {
        float: none;
        width: 100%;
        margin: 10px;
        clear: initial;
        overflow: hidden;
    }

    .block-complete .form-actions {
        width: 100%;
        float: none;
        margin: 20px 0 0;
    }

    .supercarga-detail {
        border: none;
        padding: 0;
    }

        .supercarga-detail > .box {
            padding: 15px;
        }

            .supercarga-detail > .box .price-box {
                right: 20px;
            }

            .supercarga-detail > .box h2 {
                font-size: 30px;
                margin-right: 100px;
                margin-bottom: 30px;
            }

            .supercarga-detail > .box .list-time li {
                margin-right: 10px;
                padding-right: 10px;
                font-size: 32px;
                line-height: 32px;
            }

    .right-result-block,
    .left-result-block {
        margin: 3% 0 1% 0;
        width: 100% !important;
        float: none;
    }
}
