diff --git a/web_src/less/openi.less b/web_src/less/openi.less
index a0b533173..39789d9d9 100644
--- a/web_src/less/openi.less
+++ b/web_src/less/openi.less
@@ -15,8 +15,8 @@ a {
 }
 .following.bar #navbar .brand{
 	padding-left: 0;
-  padding-top: 0;
-  padding-bottom: 0;
+  	padding-top: 0;
+  	padding-bottom: 0;
 }
 .following.bar .brand .ui.mini.image {
     width: auto;
@@ -615,4 +615,106 @@ display: block;
 }
 .a_margin{
 	margin: 0px !important;
+}
+@media only screen and (max-width: 767px) {
+	.following.bar #navbar .brand{
+		padding-top: 6px;
+	}
+    .secondary.menu + .ui.container{
+        margin-left:0 !important;
+        margin-right:0 !important;
+    }
+	.repo-title{
+		position: absolute;
+		top: 6px;
+		left: 50px;
+		right: 70px;
+		height: 40px;
+		line-height: 40px !important;
+		text-align: center;
+		white-space: nowrap;
+		overflow: hidden;
+		text-overflow: ellipsis;
+		color: #FFF;
+		background-color: #363840;
+		padding-left: 20px;
+	}
+	.repo-title a{
+		color: #FFF !important;
+	}
+	.repo-title img + a{
+	    display: none !important;
+	}
+	.repository .header-wrapper{
+		margin-bottom: 36px;
+	}
+	.header-wrapper .tabs.divider{
+		margin-top: 40px !important;
+	}
+	.repository .ui.tabs.container{
+		margin-top: -60px;
+	}
+	
+	.repo-title .divider, 
+	.repo-title svg, 
+	.repo-title img, 	
+	.ui.tabular.menu .item svg, 
+	.ui.tabular.menu .item i, 
+	.ui.tabular.menu .item .label,
+	.ui.tabular.menu .dropdown-content,
+	.repository.file .repository-summary,
+	.repository-summary + .menu,
+	.desc-home .edit-icon,
+	#repo-files-table .message,
+    #repo-files-table .age,
+    #repo-files-table .ui.sha.label,
+    #repo-files-table .commit-button,
+    .members
+	{
+		display: none !important;
+	}
+	.header-wrapper{
+		display: flex;
+  		flex-direction: column-reverse; 
+	}
+	.ui.tabular.menu .item{
+		padding: .5em;
+	}
+	.ui.tabular.menu .active.item{
+		border: none;
+		background: none;
+		color: #000000;
+		border-bottom: 2px solid #000;
+		white-space: nowrap;
+	}
+	.repository .repo-header{
+		margin-bottom: -50px;
+	}
+	.repo-header .repo-buttons{
+		position: absolute;
+		right: 15px;
+		margin-bottom: -60px;
+	}
+	.repo-buttons .ui.labeled.button>.button{
+		box-shadow: none !important;
+		width: 16px;
+		overflow: hidden;
+		white-space: nowrap;
+	}
+	.repo-buttons .ui.labeled.button>.label{
+		border: none !important;
+	}
+	.repository.file.list #repo-files-table td.name{
+        max-width: 100%;
+    }
+    #repo-files-table tr{
+        padding-top: 0;
+        padding-bottom: 0;
+    }
+    .ui.attached:not(.message)+.ui.attached.segment:not(.top){
+        border: none;
+    }
+    .markdown:not(code).file-view{
+        padding: 2em 0!important;
+    }
 }
\ No newline at end of file