/* ==============================
   Phone
   ============================== */
@media (max-width: 480px) and (min-width: 320px){
    .ww{width: 40%;}
    .ww2{width: 70%;}
    .CTA .col-md-6{
        padding: 0 !important;
    }
    .CTA a{font-size: 20px !important;}
    .CTA .col-md-6.rr{border-right: 0px !important;
        border-bottom: 1px solid white !important;}
    .text-xs-center{text-align: center;}
    footer ul {
        width: 50%;
    }
    .mb-xs-20{margin-bottom: 20px;}
    .mb-xs-40{margin-bottom: 40px;}
    .mb-xs-60{margin-bottom: 60px;}
    .wxs100{width: 100%;}
    .mm{
        margin: 0;
            margin-top: 10px;
    }
    body .lead {
        color: white;
        font-size: 18px;
        line-height: 1.4;
        font-weight: 400;
    }
    .relative-xs{position: relative !important;}
    body .navigationPrayer ul{flex-wrap: wrap;}
    body .navigationPrayer li{max-width: 100% !important;width: 100%;border-right: 0px !important;border-bottom: 1px solid white;}
    .height-fit{height: auto !important;}
    .height-fit .vertical-align {
        position: relative;
        top: 0%;
        -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
        transform: translateY(0%);
    }
    .pt-xs-120{padding-top: 120px !important;}
    .pb-xs-0{padding-bottom: 0 !important;}
    p:not(.lead){font-size: 16px !important;line-height: 1.7 !important;}
    .reverse{flex-direction: column-reverse;}
    .text-right{text-align: left !important;}
    .tobtn a{margin: 0 !important;margin-bottom: 20px !important;display: block;}
    .accordion-style1 .panel-title{font-size: 24px !important;}
    body .tab-content {
        border-right: 0px solid #D9AB80;
        padding-right: 60px;
    }
    .mobile-off{display: none;}
    body .mobile-on{display: block !important;}
    body .navigationPrayer{position: relative !important;}
    nav{padding: 12px 0 !important}
    .navbar-default .navbar-toggler .icon-bar, header.sticky .navbar-default.header-light .navbar-toggler .icon-bar, header.sticky .navbar-default.header-light-transparent .navbar-toggler .icon-bar {
        background: #fff !important;
    }
    body header a.logo img {
        max-height: 50px;
        width: 106px;
    }
    nav .pr-md-3,
    nav .col-auto{max-width: 50%;width: 50%;}
    .nav-header-container{display: flex !important}
    .col-xs-7 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
    .angle2{padding-left: 15px;}
    .CTA .mobile-on a img{width: 16px}
    .CTA .mobile-on a {
        padding: 15px 20px;
        display: flex;justify-content: space-between;
        border-bottom: 1px solid white;
    }
    body .nav-tabs .nav-link{
        text-align: left !important;
    }
    footer p:not(.lead) {
        font-size: 12px !important;
        text-align: left;
        line-height: 1.7 !important;
    }
}
.mobile-on{display: none;}