/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) { 


    .xs-pad-50{
        padding-top: 50px;
    }
    .xs-mt-50{
        margin-top: 50px;
    }

    .download{
        width: 80%;
        height: 75px;        
        margin-left: auto;
        margin-right: auto;
        float: none;
        margin-bottom: 35px;
    
    }

    #header.header-floating-icons .header-nav-main nav > ul{
        display: block !important;
        padding: 0;
    }


    #header .header-nav-main{
        left: 90%;
    }

    #header.header-floating-icons .header-nav-main {
        position: fixed;
        right: 0px;
        top: 144px;        
        overflow: hidden;
    }

    .no-section-pad{
        padding: 15px 0px !important;
    }

    .feat-container{
        display: block;
    }

    .card-80-top {
        margin-top: 0px;
    }
    


    .icon-feature{
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 30px;
        margin-top: 30px;
    }

    .hojita-app {
        position: absolute;
        bottom: -141px;
        right: -27px;
        transform: scale(0.9);
    }


    .phone-app {
        
        margin-left: 55px;
    }

    .xs-phone-app{
        margin-left: -22px !important;
    }


    .xs-secondary-phone-container {
        left: 22%;
    }

    .test-col {
        background: #70A938 !important;
      
    }


    .phone-app img, .phone-app video {
        position: absolute;
        left: 30px;
        top: 32px;
        width: 58%;
        z-index: -1;
    }


    .download-buttons{
        margin-bottom: 38px;
    }

    .xs-mat-30{
        margin-top: 30px;
    }
    .xs-mab-30{
        margin-bottom: 30px;
    }

    .xs-mab-5{
        margin-bottom: 2rem !important;

    }

    .my-sm-0{
        margin-top: 0rem !important;
        margin-bottom: 0rem !important;
    }
    .xs-may-30{
        margin-top: 30px;
        margin-bottom: 30px ;
    }

    .xs-auto-centered{
        margin-left: auto;
        margin-right: auto;
    }

    .xs-main{
        padding-top: 100px;
    }

    .xs-mt-30{
        margin-top: 30px;
    }

    .xs-mt-40{
        margin-top: 40px;
    }
    



}