/* ==============================
   Phone
   ============================== */
@media (max-width: 480px) and (min-width: 320px){
    body h1{font-size: 32px !important}
    .mobile-on{display: block !important}
    .mobile-off{display: none !important}
    .flex_xs{display: flex;align-items: center;}
    .flex_xs2{display: flex;align-items: end;flex-wrap: wrap;}
    h4{font-size: 24px !important}
    .text-xs-left{text-align: left !important}
    .mb-xs-0{margin-bottom: 0 !important}
    .align-self-end a.hyperlink{
        text-transform: uppercase;
        font-weight: 600;
        text-decoration: underline;
        width: 100%;
        display: block;
        margin: 0;
        margin-bottom: 15px;
    }
    body .feature-box{height: auto !important;min-height: 0 !important;}
    .sm-padding-5-rem-all {
        padding: 3rem;
    }
    .mb-xs-40{margin-bottom: 40px !important}
    .video{max-height: 290px}
    .tobtn a{
        margin:0;
        margin-bottom: 20px;
        width: 100%;
    }
    .html-video {
        left: 0;
        z-index: 1;
    }
    .opacity{flex-wrap: wrap;}
    .opacity span{
        margin-bottom: 26px !important;
            position: relative !important;
            height: auto !important;
            display: block;
    }
    .pt-xs-90{padding-top: 90px !important;background-color: rgb(217, 245, 249)}
}
.mobile-on{display: none}