/* ==============================
   Phone
   ============================== */
@media (max-width: 480px) and (min-width: 320px){
    .text-xs-left{
        text-align: left !important;
    }
    .mb-xs-40{margin-bottom: 40px;}
    .mb-xs-60{margin-bottom: 60px;}
    html body {
        font-size: 16px;
        line-height: 1.6;
    }
    body h4{
        font-size: 18px;
        font-weight: bold;

    }
    body h2 {
        font-size: 22px;
        line-height: 36px;
        font-weight: bold;
    }
    body h1 {
        font-weight: bold;
    }
    body .section-mod {
        padding: 80px 0;
    }
    p{margin-bottom: 0;}
    .mobile-on{display: block !important;}
    .mobile-off{display: none !important;}
    .p0{padding: 0 !important}

    .pt-xs-0{padding-top: 0 !important;}
    body .listoverview li {
        width: 100%;
        text-align: left;
        border-right: 0px solid #707070;
        list-style: disc;
        margin-bottom: 10px;
        font-weight: bold;
        margin-left: 20px;
    }
    body footer p {
        letter-spacing: 1px;
        font-size: 10px !important;
    }
    .col-xs-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .navbar-default .navbar-toggler .icon-bar{
        background: #fff;
    }
    nav li:before{display: none;}
}
    .mobile-on{display: none;}