@media all and (max-width: 1200px){
    .header{padding-bottom: 0;}
    .quote{display: none;}
    .menu-bar{display: none;}
}
@media all and (max-width: 992px){
    .header .container{position: relative;}
    .icon a{display: block; width: 40px; padding-left: 0; text-align: center;}
    .icon a.search-button{display: block;}
    .icon a+a{margin-left: 0;}
    .icon a i{position: initial; display: block; font-size: 18px; line-height: 40px;}
    .icon a b,
    .icon a span{display: none;}
    .search{position: absolute; top: calc(100% + 30px); right: 0; left: 0; width: calc(100% - 1.5rem); opacity: 0; pointer-events: none; z-index: 2; transition: all 0.5s ease 0s;}
    .search-2{top: calc(100% + 15px);  opacity: 1; pointer-events: auto;}
}
@media all and (max-width: 768px){
	.quote{display: block;}
}
@media all and (max-width: 576px){
    .site-header{height: 76px}
    .header{position: fixed; top: 0; left: 0; width: 100%; z-index: 99990;}
    .quote{display: none;}
    .logo{width: 92px;}
}