/* ==============================
   Phone
   ============================== */
@media (max-width: 480px) and (min-width: 320px) {
    body .panel-body table tr {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        padding: 15px 0;
    }

    .panel-body table tr td:first-child {
        font-weight: bold;
    }
    body .panel-body table tr td {
        min-width: 100%;
        padding: 0 !important;
    }

    img.mx0{margin-right: 0 !important}
    body .flex-list img {
        height: auto !important;
    }
    body section{
        background-attachment: initial !important
    }
    body nav.navbar.bootsnav.no-full .navbar-collapse {
        max-height: 500px !important;
        overflow-y: auto !important;
    }
    body .item_menu ul li {
        display: block;
        margin-bottom: 5px;
    }
    footer .col-xs-6{
        max-width: 50%
    }
    nav #accordion a {
        padding: 5px 0 !important;
        color: black;
    }
    footer .flex {
        display: block;
        text-align: center;
    }
    footer .cr,
    footer .flex p{
        font-size: 14px !important
    }

    footer .flex img{
        margin-bottom: 20px
    }
    .mb-xs-60{margin-bottom: 60px !important}
    body nav.navbar.bootsnav ul.nav li.dropdown.simple-dropdown > .dropdown-menu{
        padding-bottom: 10px !important
    }
    body nav.navbar.bootsnav .simple-dropdown .dropdown-menu > li.dropdown {
        margin-bottom: 0px !important;
    }
    .height-100.height-fit .vertical-align {
        position: relative;
        top: 0%;
        -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
        transform: translateY(0%);
    }
    nav.navbar.bootsnav ul.nav li.dropdown.simple-dropdown > .dropdown-menu {
        background-color: rgba(255,255,255,0);
    }
    body nav.navbar.bootsnav ul.nav{
        padding-top: 20px !important;
        padding-bottom: 20px !important;
        overflow: hidden !important;
    }
    body header:not(.sticky) nav.navbar.bootsnav ul.nav > li > a.donaciones,
    body nav.navbar.bootsnav ul.nav > li > a.donaciones {
        color: #b81516 !important;
        border: 0px solid;
        padding: 5px 0px !important;
        margin-top: 0px !important;
    }
    body .sm a {
        font-size: 18px;
    }
    .height-80.flex{
        text-align: center !important
    }
    p{font-size: 16px !important;line-height: 1.5}
    .height-100.height-fit{
        height:auto !important;
        padding:120px 0 !important;
    }
    .slider-text-bottom p.f27 {
        font-size: 18px !important;
    }
    body .height-50 {
        height: 80%;
    }
    .letter-spacing-minus-1 {
        letter-spacing: 0px !important;
    }
    h3,
    h2{font-size: 24px !important}

    .html-video {
        top: 60% !important;
        max-width: 209% !important;
    }

    .middle-content2 img,
    .middle-content img {
        display: block !important;
    }
    .middle-content2,
    .middle-content {
        background-image: none !important;
        position: relative !important;
    }
    body div.lead a,
    body div.lead span,
    body div.lead p {
        font-size: 18px !important;
        color: black !important;
    }
    .ptm90 {
        padding-top: 130px !important;
    }
    body .pxs0 {
        padding: 40px 15px 120px 15px !important;
    }
    html body p.lead {
        font-size: 18px !important;
        line-height: 1.5;
        margin-bottom: 0 !important;
    }
    .slider-text-middle p {
        font-size: 14px !important;
    }
    .slider-text-middle > div {
        text-align: left;
    }
    body .navbar-fixed-top {
        top: 0 !important;
    }
    h1 {
        font-size: 24px;
        line-height: 1.2 !important;
    }
    .videohome {
        max-height: 222px;
    }
    .height-92.home_13 {
        height: auto !important;
        padding: 0px 0 0px 0px !important;
    }
    .height-92 {
        height: auto !important;
        padding: 160px 0 30px 0px !important;
    }
    .height-92 .vertical-align {
        position: relative;
        top: 0% !important;
        -webkit-transform: translateY(0%) !important;
        -ms-transform: translateY(0%) !important;
        transform: translateY(0%) !important;
    }
    body .flex-list-buttons li {
        margin-bottom: 20px;
    }
    body .flex-list-buttons {
        display: block !important;
    }
    .mobile-off {
        display: none !important;
    }
    .mobile-on {
        display: block !important;
    }

    .mobile-on .next-service {
        border-radius: 0 !important;
        width: 100%;
    }

    .navbar-default.white-link .navbar-toggler .icon-bar,
    header.sticky .navbar-default.header-dark .navbar-toggler .icon-bar,
    header.sticky
        .navbar-default.header-dark-transparent
        .navbar-toggler
        .icon-bar {
        background: #000;
    }
    body header a.logo img {
        width: 50px !important;
    }
    nav.navbar.bootsnav .navbar-nav {
        background-color: rgba(255, 255, 255, 0.95);
    }
    .btn-dual a,
    .tobtn a {
        width: 100%;
    }

    .flex.flex-xs-off {
        display: block !important;
    }
    .mb-xs-20,
    body p.lead.mb-xs-20 {
        margin-bottom: 20px !important;
    }
    .text-xs-left {
        text-align: left !important;
    }
    .text-xs-center {
        text-align: center !important;
    }
    .feature-box-1 p {
        font-size: 16px;
        line-height: 1.6;
    }
    .col-md-6.col-xs-12.flex {
        justify-content: center !important;
        flex-direction: column;
        text-align: center;
    }
    .col-md-6.col-xs-12.flex img {
        margin-bottom: 20px;
        margin-right: 0 !important;
    }
    .flex-list.flexcenter {
        justify-content: center !important;
        margin-top: 30px !important;
    }
    .text-xs-center {
        text-align: center !important;
    }
    h5 {
        font-size: 28px !important;
        line-height: 28px !important;
        font-weight: bolder !important;
    }
    .live {
        width: 100%;
        height: 220px !important;
    }
    iframe {
        max-height: 230px;
    }
}
.live {
    width: 100%;
    height: 500px;
}