/* ==============================
   Phone
   ============================== */
@media (max-width: 480px) and (min-width: 320px){
    .videohero{
        width: calc(100vw * 4) !important;
    }
    h3.titlehero-1 {
        font-size: 18px !important;
    }
    h1.titlehero-2 {
                font-size: 70px !important;
                    line-height: 0.95 !important;
    }
h1, h2,
    h3,
    h4,
    h5,
    h6 { 
        font-weight: 900; 
    }

    body .py-200px {
        padding: 100px 0px 150px 0px;
    }
    /* body .container-fluid{
        padding-left: 15px;
        padding-right: 15px;
    } */
    div.mb-180{
        margin-bottom: 40px !important;
    }
    body .flex-boxes img.section3--box1 {
        left: 2%;
        top: 32px;
    }
    body .flex-boxes img.section3--box2 {
        left: 24%;
        top: 87px;
    }
        body .flex-boxes img.section3--box3 {
            left: 51%;
            top: 80px;
            transform: rotate(10deg);
        }
    body .flex-boxes img.section3--box4{
        top: -19px;
    }
    body .mb-xs-0{
        margin-bottom: 0px !important;
    }
    body .h-xs-auto{
        height: auto !important;
    }
    body .h1-big2 {
        font-size: 17vw;
    }
    .mobile-off{
        display: none;
    }
    body .drop h4{
        font-size: 10vw;

    }
    .pxs0{padding: 0px;}
    body .drop{
        position: relative;
            width: auto !important;
            text-align: left;
        }
    html body .section21wave {
        top: 63%;
        left: 0%;
        min-width: 152%;
    }
    body .row{
        margin-left: 0px;
        margin-right: 0px;
    }
    body .gota2{
        left: 8%;
        max-width: 137px;
        bottom: -25px;
    }
    body p{font-size: 20px;line-height: 1.4;}
    .mh-xs-500{
        min-height: 500px;
    }
    body .circledata li {
        width: 160px !important;
        height: 160px !important;
    }
    body .circledata li h6 { 
        font-size: 30px;
    }
    body .circledata li p {
        color: #00393C;
        margin-bottom: 0;
        text-align: center;
        font-size: 14px;
    }
    body .padding-for-xs{
        padding: 90px 15px !important;
    }
    .flex-column-xs > div.box--green.box2,
    .flex-column-xs > div.box--green.box1{
        width: 100% !important;
        padding: 30px !important;
        top: 0px !important;
    }
    .box--green.box2,
    .box--green{
        max-height: 350px !important;
    }
    .flex-column-xs{
        flex-wrap: wrap;
        flex-direction: column;
        gap: 20px 0px;
    }
    body .carousel{
        gap:0 6px !important;
        min-width: 570%;
    }
    body .mb-280 {
        margin-bottom: 37px !important;
    }
    body .py-10{
        padding: 60px 15px !important;
    }
    .w33{min-width: 0px !important;}
    body h5 {
        font-size: 16px;
        line-height: 1.3;
        width: 100% !important;
        letter-spacing: 0px !important;
    }
        body .carousel { 
            left: -462%; 
        }
        .row-xs{
            margin-right: -15px !important;
                margin-left: -15px !important;
        }
    .card--pa.pa1{margin-bottom: 10px;padding-bottom: 60px !important;}
    .card--pa.pa2{padding-bottom: 60px !important;}
    body .w-50{width: 100% !important;}
    body .card--pa {
        padding: 10px;
        background: #F7F1EA;
        border-radius: 2rem;
        overflow: hidden;
    }
    .flex-off{
        flex-wrap: wrap;
        flex-direction: column;
    }
    body .mb-60 {
        margin-bottom: 0px;
        text-align: left !important;
    }
    .container-fluid.padding-daymakers{
        padding: 60px 15px !important;
    }
    .orange--boxes>div:last-child{border:none !important}
    .orange--boxes>div {
        width: 100% !important;
        border-right: 0px !important;
        padding: 30px 20px !important;
        align-items: baseline !important;
            flex-direction: column !important;
            border-bottom: 2px solid #FFC300 !important;
    }
    .orange--boxes { 
        flex-direction: column;
    }
        .orange--boxes>div>div {
            display: flex;
            flex-direction: column;
            width: 100% !important;
        }
        body .orange--boxes .time {
            display: flex;
        }
        body .orange--boxes .time span.timer{
            font-size: 30px !important;
        }
    body .card--pa.edited {
        padding: 5px;
    }
    .mb-xs-40{margin-bottom: 40px;}
    .col-md-4.text-right{text-align: left !important;}
    #g238>img{width: 90px;}
    body .mt-190 {
        margin-top: 60px;
    }
    
    body .timer {
        font-size: 13vw !important;
        margin-bottom: 10px;
        display: block;
        line-height: 1.2;
    }
    body .mt-xs-40{margin-top: 40px !important;}
        .orange--boxes img{margin: 0 !important;margin-bottom: 30px !important;}
    h3.time span.timer,
    h3.time{
        display: flex;
        font-size: 30px !important;
    }
    .w-xs100 {
        width: 100% !important;
    }
    .w-xs-100 {
        width: 100% !important;
        margin: 0 !important;
    }
    body .fz-30{font-size: 18px !important;padding-left: 0 !important;padding-right: 0 !important;}
    body .flex-boxes img.section33--box4 {
        width: 69%;
        left: 33%;
        bottom: 1% !important;
        transform: rotate(31deg);
    }
    body .svg-fill-desktop{
        left: 63%
    }
    .flex-xs-column{
        flex-direction: column;
        margin-bottom: 20px !important;
    }
    body .flex-boxes img.section33--box3 {
        width: 56%;
        left: 0%;
        top: 3px;
        transform: rotate(-20deg);
    }
    .mh-xs-400{min-height: 400px;}
        body .py-200px.final{
            padding: 40px 15px !important;
        }
        body .section3_floating1 {
            position: relative;
            left: 15px;
            right: 0;
            width: 83%;
            margin: 0;
            top: 0px;
            margin-bottom: 23px;
        }
    section>.container-fluid>.row{
    }
    section>.container-fluid{
        padding-left: 0px !important;
        padding-right: 0px !important;
        width: calc(100% - 30px) !important;
        margin: auto;
    }
    #section3 .py-200px.salvation {
        padding: 70px 0px 240px 0px;
    }
}