.hslogan {text-align: right; background: red; padding: 6px 15px;}
.logohead {font-size: 30px; margin-left: 10px; font-weight: 500; vertical-align: middle; color: #ef7ec3; display: inline-block;}
a.alogo, a.alogo:hover {text-decoration: none;}

.logo-size {max-width: 400px; width: 100%; height: auto; border: none;}
.logo-block {}
.head-tel {margin-top: 26px; text-align: right;}
.head-tel a:hover {color: #000;}
.head-bg {background: url('../img/bg-header.png') no-repeat right bottom; padding: 0px 0;}


.hotline { font-size: 130%; font-weight: 400;}
/* header>.container {max-width: 1200px;} */


@media (min-width: 1400px) {

}


@media (min-width: 992px){


 }
 
@media (min-width: 992px) and (max-width: 1199.98px) {

}

@media (min-width: 768px) and (max-width: 991.98px) {
header, .head-bg {background: #0036a3;}
.logo-size {filter: brightness(0) invert(1);}


}
@media (min-width: 576px) and (max-width: 767.98px) {
header, .head-bg {background: #0036a3;}
.logo-size {filter: brightness(0) invert(1);}
}
@media (max-width: 575.98px) {
header, .head-bg {background: #0036a3;}
.logo-size {filter: brightness(0) invert(1);}

}

@media (min-width: 990px) {


}