@media only screen and (max-width: 767px) {
    body{line-height: 1.3}
    .topbar-logo .container,.contact-info{flex-wrap: wrap}
    .navbar-brand{margin-bottom: .5em}
    .contact-info{justify-content: center;display: none}
    .how .row, .services .row,.why .row{flex-wrap: wrap}

    .list-info li .info-icon{float: none}
    .footer .row{text-align: center}
    .list-info li .info-text{margin-left: 0}
    .footer .footer-item .footer-title:after{position: relative; left: 45%}
    .contact-info-sidebar{text-align: center}
}