/* ==============================
   Phone
   ============================== */
@media (max-width: 480px) and (min-width: 320px){
    .mobile-off{display: none !important}
    .mobile-on{display: block !important}
    .col4{width: 50%}
    body .navbar-toggler {
        color: #29365b;
        border-color: #29365b;
    }
    body .tr-menu .navbar-nav {
        margin: 20px 0 15px;
    }
    .pxs0{padding:0;}
    body .tr-menu .navbar-nav > li > a {
        padding: 10px 5px !important;
    }
    body .navbar-default .navbar-nav > li:last-child{border:0 !important;}
    body .navbar-default .navbar-nav > li {
        border-bottom: 1px solid rgba(41, 54, 91, 0.3) !important;
    }
    div.tr-cta-2.tr-section{
        background-position: 66% 50% !important;
            background-size: 400% !important;
            background-repeat: no-repeat !important;
    }
    .section-mod {
        padding: 90px 0 120px 0;
    }
    #enviar{min-width: 100%}
    .col6>div {
        min-width: 100%;
        max-width: 100%;
        width: 100%;
        margin-bottom: 40px;
    }
    .col-md-11.col-center.p0{padding: 0 15px !important;}
    .carousel-inner .item{background-size: cover !important}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-device-width: 667px) and (min-device-width: 375px) and (orientation: landscape){
    body .locked {
        display: block !important;
        position: fixed;
        width: 100%;
        z-index: 99999999999999999999;
        height: 100%;
        top: 0;
        left: 0;
    }
}
/* iPad in portrait */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
    .mobile-off{display: none !important}
    .mobile-on{display: block !important}
    body .navbar-default .navbar-nav > li:last-child{border:0 !important;}
    body .navbar-default .navbar-nav > li {
        border-bottom: 1px solid rgba(41, 54, 91, 0.3) !important;
    }
    div.tr-cta-2.tr-section{
        background-position: 50% 50% !important;
            background-size: cover !important;
            background-repeat: no-repeat !important;
    }
    body .navbar-toggler {
        color: #29365b;
        border-color: #29365b;
    }
    body .tr-menu .navbar-nav {
        margin: 20px 0 15px;
    }
}