@media (max-width: 577px) {
  .hidden-xs {
    display: none;
  }
}

@media (max-width: 577px) {
  .text-center-xs {
    text-align: center !important;
  }
}

@media (max-width: 768px) {
    .col-xs-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .hidden-xs {
        display: none;
    }

    .visable-xs {
        display: contents;
    }
}

@media (min-width: 768px) {
    .hidden-xs {
        display: contents;
    }

    .visable-xs {
        display: none;
    }
}
    @media (max-width: 768px) {
        .mb-xs-3 {
            margin-bottom: 1rem !important;
        }
    }

    @media (max-width: 577px) {
        #hero-right * {
            font-size: 18px !important;
        }
    }

    @media (min-width: 768px) {
        #hreo-left img {
            /*width: 100%;
            height: auto;*/
        }
    }

    @media (min-width: 1200px) {
        #phones {
            /*width: 78% !important;
            height: auto;*/
        }
    }