/*Top mobile menu Icon */ .header-top-icons { width: 100%; margin-right: auto; margin-left: auto; height: 55px; background-color: $(menu-bg-color); position: relative; padding:0; z-index: 99999; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .top-menu-mobile { margin: 0px; padding: 0px; list-style-type: none; } .top-menu-mobile li { height: 55px; width: 19.5%; display: block; float: left; text-align: center; } .top-menu-mobile li.menu { width: 16.5%; } .top-menu-mobile li.call { width: 16.5%; } .top-menu-mobile li.appointment-mobile { width: 25%; } .top-menu-mobile li.services { width: 21.5%; } .top-menu-mobile li.sms { width: 19.5%; } .top-menu-mobile li.menu, .top-menu-mobile li.call, .top-menu-mobile li.sms, .top-menu-mobile li.appointment-mobile, .top-menu-mobile li.services { border-right-width: 1px; border-right-style: solid; border-right-color: $(menu-icon-border-color); } .top-menu-mobile li a { height: 55px; width: 100%; display: block; color: $(menu-icons-color); font-size: 22px; text-align: center; padding-top: 5px; padding-bottom: 12px; line-height:30px; text-decoration: none; } .top-menu-mobile li a:hover { background-color: $(menu-icons-bg-color); text-decoration:none !important; color: $(menu-icon-hover-color); } .top-menu-mobile li a div { margin-top:0px !important; font-size: 8px !important; text-transform: uppercase; font-family: $(menu-text-font); line-height:8px !important; } .search_mobile { display: block; width: 91%; margin-bottom: 15px; margin-left: 4%; position: relative; } .search_mobile:before { content: "\f002"; display: block; width: 40px; height: 40px; position: absolute; top: -2px; right: 0; font-family: 'FontAwesome'; text-align: center; line-height: 40px; font-size: 20px; color: $(search-icon-color); } .search_mobile input[type="text"] { height: 36px; width: 100%; border: none; background: $(search-input-bg); color: $(search-text-color); padding-left: 10px; -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; } .search_mobile input[type="text"]:focus { box-shadow: 0 0 5px black; padding: 3px 0px 3px 3px; } .search_mobile input[type="submit"] { display: block; top: 0; right: 0; height: 38px; width: 38px; position: absolute; border: none; background: none; } /****************MMENU CUSTOMIZATION*********************/ .mm-menu{ border-color: $(mm-menu-border-color) !important; color: $(mm-menu-color); background: $(mm-menu-bg-color) !important; font-family: $(mm-menu-item-font) !important; z-index: 5000; position: relative; } .mm-navbar{ background-color: $(mm-menu-nav-bar-bg); } .mm-menu .mm-navbar a{ color: $(mm-menu-nav-bar-color) !important; } #menu ul li a, #menu2 ul li a, #menu3 ul li a, #menu4 ul li a { font-family: $(mm-menu-item-font) !important; color: $(mm-menu-color); font-size:14px !important; text-transform: uppercase !important; text-decoration: none; } #menu ul li a span, #menu2 ul li a span, #menu3 ul li a span, #menu4 ul li a span{ padding-right:8px; font-size: 18px !important;} .mm-navbar a.mm-subtitle { font-family: $(mm-menu-item-font) !important; text-transform: uppercase !important; text-decoration: none !important; color: $(mm-menu-nav-bar-color) !important; } @media screen and (max-width:600px){ #menu ul li a, #menu2 ul li a, #menu3 ul li a, #menu4 ul li a { font-size:13px !important; } }