.header__contact {display: flex; padding-top: 57px;}

.header__town,
.header__time,
.header__phone {margin-right: 30px; padding-left: 55px; position: relative; text-align: center; }

.header__town:before {
    background: url(../xfiles/header_icon_1.svg) no-repeat 0px 0px;
    content: "";
    display: inline-block;
    height: 40px;
    left: 0;
    position: absolute;
    top: 18px;
    width: 40px;
}

.header__time:before {
    background: url(../xfiles/header_icon_5.svg) no-repeat 0px 0px;
    content: "";
    display: inline-block;
    height: 35px;
    left: 10px;
    position: absolute;
    top: 18px;
    width: 35px;
}

.header__phone:before {
    background: url(../xfiles/header_icon_4.svg) no-repeat 0px 0px;
    content: "";
    display: inline-block;
    height: 35px;
    left: 10px;
    position: absolute;
    top: 16px;
    width: 35px;
}

.header__town-title,
.header__time-title,
.header__phone-title {font-size: 20px; font-weight: 700; margin-bottom: 0; color: #77797B; }

.header__town-text,
.header__time-text,
.header__phone-text {font-size: 20px; line-height: 35px; font-weight: 700; margin: 0; color: #77797B; }

.header__phone a,
.header__phone a:hover,
.header__phone a:active,
.header__phone a:focus {color: #77797B;}


@media (max-width: 1200px) {

    .header__town,
    .header__time,
    .header__phone {margin-right: 25px; padding-left: 50px; }

    .header__town-title,
    .header__time-title,
    .header__phone-title {font-size: 16px; font-weight: 700; margin-bottom: 0; color: #77797B; }
    
    .header__town-text,
    .header__time-text,
    .header__phone-text {font-size: 16px; line-height: 30px; font-weight: 700; margin: 0; color: #77797B; }
    
    .header__town:before,
    .header__time:before,
    .header__phone:before { top: 10px}
    
    .header__contact {padding-top: 48px;}
}


/*Mobile css*/

.header_mob__contact {margin-left: 20px; margin-top: 35px; }

.header_mob__town {font-size: 18px; font-weight: 700; line-height: 18px; color: #77797B; }
 
.header_mob__phone a,
.header_mob__phone a:hover, 
.header_mob__phone a:active,
.header_mob__phone a:focus {font-size: 18px; font-weight: 700; color: #77797B;} 

@media (max-width: 767px) {
    .header_mob__contact {margin-left: 0px; margin-top: 20px;}
    .header_mob__town {font-size: 16px;}
    .header_mob__phone a,
    .header_mob__phone a:hover, 
    .header_mob__phone a:active,
    .header_mob__phone a:focus {font-size: 16px;}
}


.navbar-menu-button {position:absolute; top:30px; right:15px; z-index:1000;}

.navbar-menu-button .navbar-toggle {border: none;}
.navbar-menu-button .navbar-toggle .icon-bar {height:4px; width:35px; margin-top: 5px;} 

.navbar-menu-container {position:absolute; top:0px; right:0px; width:100%; z-index:100;}
.navbar-menu-container .navbar-nav {padding:70px 0 20px 0; text-align: center;}

.navbar-menu-container .navbar-nav > li > a:hover {background-color:#fff!important; color:#fff!important; text-decoration:underline;} 

@media (min-width: 767px) {
    .navbar-menu-container.collapse.navbar-collapse {display: none!important;} 
}

.navbar-toggle .open-button {display:inline-block}
.navbar-inverse .navbar-toggle.collapsed .icon-bar {background-color: #fff;}
.navbar-inverse .navbar-toggle .icon-bar {background-color: #fff;}

.collapsed .close-button {display:none;}
.close-button {cursor: pointer; position: absolute; top: 15px; left: 5px;}
.close-button:before, .close-button:after {content: ""; position: absolute; width: 30px; height: 4px; background: #fff;}
.close-button:before {transform: rotate(45deg);}
.close-button:after {transform: rotate(-45deg);}