.header__contact {display: flex; padding-top: 35px; justify-content: end;}

.header__town,
.header__time,
.header__phone {margin-right: 35px; padding-left: 70px; padding-top: 18px; position: relative; text-align: center; }

.header__town:before {
    background: url(../xfiles/header_icon_1.png) 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_2.png) no-repeat 0px 0px;
    content: "";
    display: inline-block;
    height: 40px;
    left: 0;
    position: absolute;
    top: 18px;
    width: 40px;
}

.header__phone:before {
    background: url(../xfiles/header_icon_3.png) no-repeat 0px 0px;
    content: "";
    display: inline-block;
    height: 55px;
    left: 0;
    position: absolute;
    top: 13px;
    width: 55px;
}

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


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

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

.header__messenger {padding-top: 10px; margin-left: 20px;}
.header__messenger a.messenger:hover {opacity: 0.7;}

.header__messenger img {height:50px; width:50px;}

@media (max-width: 1200px) {

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

    .header__town-title,
    .header__time-title,
    .header__phone-title {font-size: 18px; font-weight: 700; margin-bottom: 0; color: #fff; }
    
    .header__town-text,
    .header__time-text,
    .header__phone-text {font-size: 20px; line-height: 30px; font-weight: 700; margin: 0; color: #fff; }
    
    .header__town:before,
    .header__time:before,
    .header__phone:before { top: 4px}
    
    .header__contact {padding-top: 42px;}    
    .header__messenger {padding-top: 2px;}
    .header__messenger img {height:45px; width:45px;}
}

@media (max-width: 991px) {
    .header__phone:before {
            background: url(../xfiles/header_icon_3m.png) no-repeat 0px 0px;
        }
    
    .header__messenger img {height:40px; width:40px;}
    .header__phone {margin-right: 25px; padding-left: 50px;  padding-top:14px;}
    .header__messenger {padding-top: 6px; margin-left: 20px;}
    .header__phone:before {top: 7px}
    .header__contact {padding-top: 33px;}
    .header__phone-text {font-size: 18px; line-height: 27px;}
}


/*Mobile css*/

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

.header_mob__town {font-size: 18px; font-weight: 700; line-height: 18px; color: #fff; }
 
.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: #333;} 

@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: 18px;}
    .header__phone-text {display: none;}
        .header__messenger {margin-left: 15px;}   
}

@media (max-width: 500px) {
    .header_mob__phone a,
    .header_mob__phone a:hover, 
    .header_mob__phone a:active,
    .header_mob__phone a:focus {font-size: 16px;}
    .header__messenger {margin-left: 7px;}    
    .header__contact {padding-top: 25px;}
}

.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:#333!important; text-decoration:underline;} 


.navbar__contacts {display: flex; justify-content: center; background-color:#fff; margin: 0 -15px;}
.navbar__messenger img {height:40px; width:40px;}
.navbar__messenger {padding-bottom: 30px;}
.navbar__messenger:first-child {margin-right: 20px;}

@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: #333;}
.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: #333;}
.close-button:before {transform: rotate(45deg);}
.close-button:after {transform: rotate(-45deg);}