@media screen and (min-width:0px) { .main-navigation { font-size: inherit; } .main-nav-wrap-outer { position: relative; width: 100%; padding: 0; } #kws-main-navigation-wrapper { transition: height 0.3s ease; } #kws-main-navigation-wrapper.scrolled { height: auto; } #kws-main-navigation-wrapper.scrolled #top-contact-bar { display: none; } #top-contact-bar { transition: transform 0.3s; transform-origin: top center; } #kws-main-navigation-wrapper { min-height: auto; } #kws-navigation-bar { border-bottom:2px solid #222; transition: initial; } #kws-navigation-bar a { transition: initial; } .main-nav-wrap-outer { position: fixed; } .mobile-navigation-toggle { display: block; } .desktop-navigation-toggle { display: none; } .navigation-menu-button { margin: 5px 0; } .top-contact-bar { width: 100%; padding: 1em 2em; box-sizing: border-box; text-align: center; font-family: inherit; font-size: 0.8em; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .top-contact-bar a { color: inherit; font-family: inherit; text-decoration: none; font-size: inherit; } .top-contact-bar .nav-contact-logo { align-self: center; margin-right: auto; min-width: 0; max-width: 350px; overflow: hidden; } .top-contact-bar .nav-contact-logo img { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 10px 5px; max-width: 350px; max-height: 180px; width: auto; height: auto; object-fit: contain; } .top-contact-bar div.nav-contact-details { align-self: center; margin-left: auto; text-align: left!important; list-style: none!important; width: 95%; max-width: 480px; padding-right: 2em; box-sizing: border-box; } div.nav-contact-details p { padding: 3px; margin: 0; text-align: left; box-sizing: border-box; width: 100%; font-size: inherit; } .kws-mobile-menu-contact-bar a { color:inherit!important; } .nav-contact-details span.nav-contact-item { display:block; position:relative; font-weight:inherit; margin:2px 0 2px 0; } .nav-contact-details h4.nav-contat-msg { width:80%; } .nav-contact-details a { text-decoration: none; } #scrollToTopButton { display: none; position: fixed; bottom: 10px; right: 10px; border: none; outline: none; font-size:1.3em; cursor: pointer; padding: 10px 15px; border-radius: 4px; z-index:100; } #scrolltop-mobile-footer { width:100%; bottom:0; left:0; right:0; padding:20px 0; border: none; outline: none; display:flex; text-align:center; justify-content: center; align-items:center; z-index:400; } #scrolltop-mobile-footer span.scrollUpFooter-text { font-size:1.3em; padding-right:10px; } #scrolltop-mobile-footer i.scrollUpFooter-icon { font-size:1.45em; } } @media screen and (min-width:900px) { .mobile-navigation-toggle { display: none; } .desktop-navigation-toggle { display: block; } } .nav-contact-details .nav-contact-msg{ font-size:.9em; line-height:1.3; margin:.2em 0 .35em; } .nav-contact-details .nav-contact-item{ font-size:1.08em; line-height:1.4; } .nav-contact-details .nav-contact-item{ font-size:1.05em; } .nav-contact-details .nav-contact-msg{ font-size:1.15em; line-height:1.3; margin:.2em 0 .35em; }