Addes mog and updated it

mog/assets/css/flaticon.css

@@ -0,0 +1,39 @@
+	/*
+  	Flaticon icon font: Flaticon
+  	Creation date: 07/05/2018 12:24
+  	*/
+
+@font-face {
+  font-family: "Flaticon";
+  src: url("../fonts/Flaticon.eot");
+  src: url("../fonts/Flaticon.eot?#iefix") format("embedded-opentype"),
+       url("../fonts/Flaticon.woff") format("woff"),
+       url("../fonts/Flaticon.ttf") format("truetype"),
+       url("../fonts/Flaticon.svg#Flaticon") format("svg");
+  font-weight: normal;
+  font-style: normal;
+}
+
+@media screen and (-webkit-min-device-pixel-ratio:0) {
+  @font-face {
+    font-family: "Flaticon";
+    src: url("../fonts/Flaticon.svg#Flaticon") format("svg");
+  }
+}
+
+[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
+[class^="flaticon-"]:after, [class*=" flaticon-"]:after {   
+  font-family: Flaticon;
+  font-size: 24px;
+  font-style: normal;
+  margin-left: 0px;
+}
+
+.flaticon-bitbucket-logotype-camera-lens-in-perspective:before { content: "\f100"; }
+.flaticon-squarespace-logo:before { content: "\f101"; }
+.flaticon-smug:before { content: "\f102"; }
+.flaticon-flickr-website-logo-silhouette:before { content: "\f103"; }
+.flaticon-github-logo:before { content: "\f104"; }
+.flaticon-behance-logo:before { content: "\f105"; }
+.flaticon-dribbble:before { content: "\f106"; }
+.flaticon-themeforest:before { content: "\f107"; }

mog/assets/css/responsive.css

@@ -0,0 +1,96 @@
+@media screen and (max-width:1680px){
+
+}/*max-width:1680px*/
+@media screen and (max-width:1440px){
+	.single-about-img img {max-width:100%;}
+	.single-about-img:before,.about-list-icon{width: 100%;}
+}/*max-width:1440px*/
+
+@media screen and (max-width:1199px){
+	nav.navbar.bootsnav ul.nav > li > a { padding: 35px 8px;}
+
+	.welcome-hero {height: 768px;}
+
+	.timeline-content span>i, .experience-time span>i {left: -15.5%;}
+}/*max-width:1199px*/
+
+@media screen and (max-width:1024px){
+
+
+}/*max-width:1024px*/
+
+@media screen and (max-width:1008px){
+	nav.navbar.bootsnav ul.nav > li.dropdown span.megamenu-title  {display:block;color: #43465d;font-size: 18px;}
+	nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content ul.menu-col li .megamenu-sub-title a {margin-top: 20px;font-size: 14px;}
+	nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content ul.menu-col li .megamenu-sub-txt a{margin-bottom: 15px;}
+}/*max-width:1008px*/
+
+@media screen and (max-width:992px){
+	nav.navbar.bootsnav .navbar-collapse.collapse.in {padding-bottom: 30px;}
+	nav.navbar.bootsnav .navbar-toggle {display: inline-block; float: right;margin-right: 0;margin-top: 21px;}
+	nav.navbar.bootsnav .navbar-brand {float: left!important;}
+	nav.navbar.bootsnav ul.nav > li > a {padding: 15px 0px;border: transparent;}
+}/*max-width:992px*/
+
+@media screen and (max-width:991px){
+	.experience-time-responsive{display: block;}
+	.experience-time-main{display: none;}
+	.experience-time,.timeline-content{text-align: left;margin-bottom: 20px;margin-left: 40px;}
+	.timeline-content span>i{left: 0%;top: -54%;}
+	.experience-time span>i {left: -6%;top: 6%;}
+	.main-timeline:before {left:0.4%;}
+
+	.single-horizontal-timeline .experience-time,.single-horizontal-timeline .timeline-content {margin: 0;}
+}/*max-width:991px*/
+
+@media screen and (max-width:768px){
+
+}/*max-width:768px*/
+
+@media screen and (max-width:767px){
+	.single-about-img {max-width: 450px;}
+	.experience-time span>i,.timeline-content span>i,.main-timeline:before {display: none;}
+	.experience-time, .timeline-content {margin-left: 0;}
+
+	.isotope .item {max-width: 350px;margin: 0 auto 30px;}
+
+	.single-profile {max-width: 350px; margin: 30px auto;border: 0;}
+	.profile-border{border: 0;}
+
+	.single-horizontal-timeline {max-width: 350px;margin: 30px auto;}
+
+}/*max-width:767px*/
+
+@media screen and (max-width: 660px){
+
+}/*max-width:660px*/
+
+@media screen and (max-width: 640px){
+
+}/*max-width:640px*/
+
+@media screen and (max-width: 580px){
+
+}/*max-width:580px*/
+
+@media screen and (max-width: 540px){
+	.subscribe-title h2 {font-size: 24px;}
+
+}/*max-width:540px*/
+
+@media screen and (max-width: 480px){
+
+}/*max-width:480px*/
+
+@media screen and (max-width: 440px){
+
+}/*max-width:400px*/
+
+@media screen and (max-width:350px){
+
+}/*max-width:350px*/
+
+@media screen and  (max-width: 320px){
+
+}/*max-width:320px*/
+