function to change other class

css/media.css

@@ -46,11 +46,30 @@ body.previewer{overflow:hidden;position:fixed;}
 .project-similar.projects-list{margin-top:0;}
 .project-similar-title{padding-top:0;}
 .active_search i{background:#fff;}
-span#header_search_wrap i{position:absolute;font-size:21px;left:45px;top:-2px;font-weight:bold;color:#EB9D72;border:2px solid;border-radius:40px;cursor:pointer;width:37px;height:37px;z-index:103;-webkit-transition:ease-out 0.2s;-o-transition:ease-out 0.2s;transition:ease-out 0.2s;}
+span#header_search_wrap i{position:absolute;font-size:21px;left:-2px;top:-2px;font-weight:bold;color:#EB9D72;border:2px solid;border-radius:40px;cursor:pointer;width:37px;height:37px;z-index:103;-webkit-transition:ease-out 0.2s;-o-transition:ease-out 0.2s;transition:ease-out 0.2s;}
+span#header_search_wrap.mobile i {
+	position: absolute;
+	font-size: 21px;
+	left: 45px;
+	top: -2px;
+	font-weight: bold;
+	color: #EB9D72;
+	border: 2px solid;
+	border-radius: 40px;
+	cursor: pointer;
+	width: 37px;
+	height: 37px;
+	z-index: 103;
+	-webkit-transition: ease-out 0.2s;
+	-o-transition: ease-out 0.2s;
+	transition: ease-out 0.2s;
+}
+
 .header._fixed span#header_search_wrap{top:15px;}
 span#header_search_wrap i:before{position:absolute;left:6px;top:5px;}
 span#header_search_wrap{position:absolute;right:77px;top:20px;width:37px;height:37px;-webkit-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s;}
-input#header_search{position:absolute;right:100%;color:transparent;border:2px solid;border-right-color:transparent;background:#fff;padding:6px 20px 7px 14px;top:-2px;margin-right:-60px;-webkit-transition:ease-out 0.2s;-o-transition:ease-out 0.2s;transition:ease-out 0.2s;width:0px;z-index:101;visibility:hidden;}
+input#header_search.mobile{position:absolute;right:100%;color:transparent;border:2px solid;border-right-color:transparent;background:#fff;padding:6px 20px 7px 14px;top:-2px;margin-right:-60px;-webkit-transition:ease-out 0.2s;-o-transition:ease-out 0.2s;transition:ease-out 0.2s;width:0px;z-index:101;visibility:hidden;}
+input#header_search{position:absolute;right:100%;color:transparent;border:2px solid;border-right-color:transparent;background:#fff;padding:6px 20px 7px 14px;top:-2px;margin-right: -15px;-webkit-transition:ease-out 0.2s;-o-transition:ease-out 0.2s;transition:ease-out 0.2s;width:0px;z-index:101;visibility:hidden;}
 #result_list li a{display:block;text-align:left;padding:5px 15px;font-size:15px;color:inherit;}
 #result_list li a:hover , #result_list li.active_res_item a{background:rgba(197, 197, 197, 0.82);text-decoration:none;}
 #result_list{position:absolute;display:none;left:-172px;width:207px;top:0px;z-index:100;border:2px solid;border-top:none;padding-top:40px;padding-bottom:5px;border-radius:0 15px 0 0;color:#EB9D72;-webkit-transition:ease-out 0.2s;-o-transition:ease-out 0.2s;transition:ease-out 0.2s;background:rgba(255, 255, 255, 0.91);}
@@ -172,8 +191,8 @@ header.opened-menu-header{left:-219px;background-color:#fff !important;}
 .main-menu-item-link:before, .main-menu-item-link:after{display:none;}
 .main-menu-item{display:block;}
 .main-menu-item-link , ._fixed .main-menu-item-link{line-height:45px;}
-span.mobile_menu_wrap{width:37px;height:37px;background-image:url(/img/png/logo_y.png);background-size:cover;position:absolute;right:11px;top:18px;-webkit-transition:all 0.4s;transition:all 0.4s;cursor:pointer;}
-span.mobile_menu_wrap:hover{}
+span.mobile_menu_wrap{width:37px;height:37px;background-image:url(/img/png/logo_y.png);background-size:cover;position:absolute;right:54px;top:18px;-webkit-transition:all 0.4s;transition:all 0.4s;cursor:pointer;}
+span.mobile_menu_wrap.mobile{width:37px;height:37px;background-image:url(/img/png/logo_y.png);background-size:cover;position:absolute;right:11px;top:18px;-webkit-transition:all 0.4s;transition:all 0.4s;cursor:pointer;}
 ._fixed .secret-button{top:18px;}
 .logo{left:11px;}
 .secret-button{right:11px;}

js/compiled.js

@@ -14979,7 +14979,7 @@ function getMimeType(path) {
                 icon: markerIcon
             });
 
-            bindOfficeClick(marker, mapMarkers[id], id);
+  s          bindOfficeClick(marker, mapMarkers[id], id);
         }
 
         function bindOfficeClick(marker, office, id) {

js/index.js

@@ -11,7 +11,22 @@
 	h.hover(function(){w()},function(){p()});c.hover(function(){y=!0},function(){y=!1});b.hover(function(){r=!0;w();p()},function(){r=!1;p()});b.bind("touchstart",function(a,b){a.originalEvent.touches.length&&(A=a.originalEvent.touches[0].pageY)});b.bind("touchmove",function(b){k||b.originalEvent.preventDefault();b.originalEvent.touches.length&&(m((A-b.originalEvent.touches[0].pageY)/a.touchScrollStep,!0),A=b.originalEvent.touches[0].pageY)});x();"bottom"===a.start?(c.css({top:b.outerHeight()-c.outerHeight()}),
 		m(0,!0)):"top"!==a.start&&(m(e(a.start).position().top,null,!0),a.alwaysVisible||c.hide());window.addEventListener?(this.addEventListener("DOMMouseScroll",v,!1),this.addEventListener("mousewheel",v,!1)):document.attachEvent("onmousewheel",v)}});return this}});e.fn.extend({slimscroll:e.fn.slimScroll})})(jQuery);
 
-
+//для замены слассов
+$(document).ready(function() {
+    var width = $('body').innerWidth()
+    if (width < 767) {
+        $('#header_search_wrap').addClass('mobile');
+        $('.mobile_menu_wrap').addClass('mobile');
+        $('#header_search').addClass('mobile')
+
+
+    }else{
+        $('#header_search_wrap').removeClass('mobile');
+        $('.mobile_menu_wrap').removeClass('mobile');
+        $('#header_search').removeClass('mobile')
+    }
+
+});
 		$(function(){
 
 			function show_prev(index , item) {
@@ -362,3 +377,5 @@
 
 	
 })
+
+

local/templates/main/footer.php

@@ -140,7 +140,7 @@ $(document).ready(function() {
 </script>
 <script>
   $(window).scroll(function(){
-    if ($(window).scrollTop() > 200) {
+    if ($(window).scrollTop() > 100) {
         $('.header').addClass('scroll');
     }
     else {