/* ==============================
   Phone
   ============================== */
 @media (max-width: 480px) and (min-width: 320px) {
     .fsection img {
         height: 100%;
         object-fit: cover;
     }

     .mb-xs-20 {
         margin-bottom: 20px;
     }
     body h3 {
        font-size: 20px;
        line-height: 34px;
        font-weight: bold;
    }
    body .p,
    html body {
        font-size: 18px;
        line-height: 1.7;
    }
    body .box--location-flex img{
        margin-bottom: 20px;
    }
    body .box--location-flex div .hyperlink{margin-left: 0 !important;}
    body .box--location-flex div{
        border-radius: 0rem !important;
        width:100% !important;
        margin:0 !important;
        height: auto !important;
        min-height: 0px !important;
    }
    body .box--location-flex {
        background-color: #fff;
        display: flex;
        padding: 0 15px;
        border-radius: 0.94em;
        flex-wrap: wrap;
    }
    .revert{flex-direction: column-reverse;}
    body .container-fluid {
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
    .text-right {
        text-align: left !important;
    }

    .navbar-toggler.collapsed {
        display: none !important;
    }

    .menu_mobile ul.parent>li>a {
        font-size: 25px !important;
    }
    body .menu_mobile ul.parent{
        padding-left: 0 !important;
    }
    .col-md-4.d-flex.align-items-center{
        justify-content: flex-start;
    }
    body .border-right,
    hr {
        border-right: 0px !important;
    }
    body h2.fz-50 {
        font-size: 28px !important;
        text-transform: capitalize;
    }
    body .event--info {
        background: white;
        padding: 20px;
    }
    body .fz-14 {
        font-size: 14px;
    }
    .videoserie--player {
        width: 100%;
        max-height: 260px;
    }
    body ul.info--video--serie h4{
        font-size: 18px !important;
        margin-bottom: 0 !important;
    }
    body ul.info--video--serie { 
        flex-wrap: wrap; 
        list-style: none;
        padding: 0;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;  
        flex-direction: column;
    }
    body footer .col-md-2 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        margin-bottom: 40px;
    }
    footer h5, footer a.h5 {
        font-size: 20px !important;
        line-height: 28px;
    }
 }