.main-menu {background: #000; } .main-menu nav {background: #000; text-align: center; } .topnav ul {width: 100%; } .topnav ul li {float: none; display: inline-block; } .topnav ul a {text-decoration: none; color: #fff; font-size: 14px; font-family: 'Montserrat Medium'; text-transform: uppercase; padding: 20px 28px; } .topnav ul li a:hover, .topnav ul li a:focus {background: rgba(255, 255, 255, 0); text-decoration: underline } .topnav ul ul {display: none; position: absolute; top: 49px; z-index: 3; width: 100%; background: #82b3c9; border-radius: 0; border: none; } .topnav ul li ul li {width: 100%; } .topnav ul li ul li a {color: #fff; } .topnav ul li:hover ul {display: block; } #header {min-height: 113px } #header {padding-bottom: 15px; padding-top: 15px; } .header__logo-text {font-family: 'IBM Plex Sans', sans-serif; font-size: 10px; line-height: 22px; text-transform: uppercase; letter-spacing: 0.2em; padding-left: 5px; } .header__city {font-size: 16px; color: #333b3f; font-family: 'Montserrat Regular'; border-bottom: 1px dashed; display: inline-block; padding-bottom: 3px; position: relative; } .header__city:after {position: absolute; content: ""; right: -20px; bottom: 5px; background: url(../img/city.png); width: 10px; height: 6px; } .header__city span {color: #34bbbe; font-size: 11px; display: block; font-family: 'Montserrat Bold'; text-transform: uppercase; margin-bottom: 1px; } .header__adress, .header__phone {font-size: 16px; color: #333b3f; font-family: 'Montserrat Regular'; } .header__adress:first-child, .header__phone:first-child {margin-bottom: 16px;} .header__adress span, .header__phone span {color: #34bbbe; font-size: 11px; display: block; font-family: 'Montserrat Bold'; text-transform: uppercase; margin-bottom: 1px; } .header__social {text-align: right; } @media(min-width: 1200px) {#slider {min-height: 594px; } } .header .row {display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .header {font-size: 13px; background: #fff; line-height: 15px; color: #201d1f; } @media (max-width: 992px) {.header .row {display: block; } } .header__logo {text-decoration: none; }
@media (max-width: 992px) {#header {padding-top: 65px; }  .c_m {margin-bottom: 15px; text-align: center; } }
@media (max-width: 778px) {.header {text-align: center; } .header__logo {display: block; text-align: center; } .header__contact {width: 100%; } .header__search {width: 100%; max-width: 100%; text-align: center; } .c_m, .header__city, .header__adress {margin-bottom: 10px; } } 
@media (max-width: 778px) {.header__social {text-align: center; margin-top: 10px; } }