I haven’t gone live with the site quite yet. But I do have the code. Not sure if this will help at all:
@media only screen and (max-width: 767px) {
.header-wrap .col-md-4,
.header-wrap .col-md-8 {
width: 35%;
}
.btn-menu {
margin: 5px auto 0;
}
.text-slider {
display: block !important;
margin-top: 90px;
}
.text-slider .maintitle {
font-size: 20px;
line-height: 15px;
padding-bottom: 5px;
}
.text-slider .subtitle {
font-size: 15px;
line-height: 8px;
padding: 10px 0 34px;
}
.roll-button {
padding: 10px 30px;
}
.roll-project .project-item {
width: 100%;
}
.roll-project.fullwidth .project-item {
width: 50%;
}
.roll-counter {
margin-bottom: 50px;
}
.single-post .author-post .author-avatar {
float: none;
margin-bottom: 20px;
}
.single-post .author-post .author-info {
margin-left: 0;
padding: 0;
}
.single-post .author-post ul.socials {
position: static;
}
.single-post .author-post .intro {
clear: left;
padding-top: 10px;
}
.comment-list .children {
margin-left: 75px;
}
.error-wrap .error-search {
padding: 0 20px;
}
.aside-image .content-wrap {
padding-left: 0;
padding-right: 0;
}
.social-menu-widget a:before {
font-size: 42px;
}
.btn-menu {
float: none;
margin: 15px auto 0;
}
.header-wrap {
text-align: center;
}
#mainnav-mobi {
top: auto;
}
.site-header.float-header {
padding-top: 20px;
padding-bottom: 20px;
}