
.landing-intro .heading .li_h_img-block:last-child ul li a span,
.landing-intro .heading .li_h_img-block:first-child ul li a span {left: 50% !important;transform: translate(-50%, -50%) rotate(0deg);}
.system-info-logo img {max-width: 110px;}
.main-menu-mobile .mm_mbl-heading .mm_mbl-logo .system-info-logo img {max-width: 120px;}
.inner-header:before {content: '';position: absolute;width: 100%;height: 100%;background-color: #0374bb;top: 0;left: 0;z-index: -1;}
.inner-header .overlay {z-index: -1;background-position: top center;background-repeat: no-repeat;background-size: cover;}
.filter-bg {position: absolute;opacity: 0.45;top: 0px;left: 0px;width: 100%;height: 100%;filter: brightness( 50% ) contrast( 100% ) saturate( 50% ) blur( 0px ) hue-rotate( 0deg );-webkit-transition: background 0.3s, border-radius 0.3s, opacity 0.3s;-moz-transition: background 0.3s, border-radius 0.3s, opacity 0.3s;-o-transition: background 0.3s, border-radius 0.3s, opacity 0.3s;transition: background 0.3s, border-radius 0.3s, opacity 0.3s;z-index: 0;}
.inner-header {position: relative;background-color: transparent;box-shadow: 3px -15px 30px -20px rgb(0 0 0 / 10%) inset;padding: 10rem 30px !important;}
.inner-header .sd-wrapper .sd-copy .row .title {display: flex;align-items: center;width: 45%;}
.inner-header .sd-wrapper .sd-copy .row .title .t-wrapper h1 {margin: 0px !important;color: #fbfbfb;text-transform: uppercase;text-align: left;margin-bottom: 3rem!important;line-height: 69.6px !important;font-weight: bold;}
.inner-header .sd-wrapper .sd-copy .row .title .t-wrapper h1:after {content: "";display: block;border-bottom: 4px solid #0374bb;width: 100px;margin: 20px auto 45px;}
section#header {z-index: 99999;}





/*header*/
.pre-header .ph-links span, .pre-header .ph-links span a {color: #fff;font-size: 16px;font-weight: bold;}
.pre-header .ph-links span i {color: #fff !important;}
.pre-header {background-color: #0374bb;border-bottom: 2px solid #0374bb;display: flex;justify-content: flex-end;}
.pre-header .row .ph-wrapper {background-color: #0374bb;}
.pre-header .row .ph-wrapper:after {border-bottom: 44px solid #0374bb;}
#header i:before {color: #fff;}
.pre-header .ph-links a:hover, .pre-header .ph-links span:hover i:before {color: #e9d7d7 !important;}
span.w-btn_copy {}
a.wishlist-btn.wl-b_wishlistbasket:hover span {color: #e9d7d7;}
.wishlist-btn:hover .w-btn_icon:before, span.system-info-name:hover {color: #e9d7d7 !important;}

@media only screen and (max-width: 1600px) {
h1 {font-size: 38px;}}

@media only screen and (max-width: 1440px) {
.inner-header .sd-wrapper .sd-copy .row .title {width: 100%;}}



/*@media only screen and (max-width: 1050px) {
.inner-header {margin-left: -10px !important;margin-right: -10px !important;}}*/

@media only screen and (max-width: 767px) {
.system-info-logo img {padding: 5px;}
.inner-header .sd-wrapper .sd-copy .row .title {text-align: center;justify-content: center;width: 100%;}}

@media only screen and (max-width: 480px) {
.inner-header .sd-wrapper .sd-copy .row .title .t-wrapper h1:after {margin: 10px auto 45px;}
.inner-header .sd-wrapper .sd-copy .row .title .t-wrapper h1 {line-height: 51px !important;}}

@media only screen and (max-width: 420px) {
.t-wrapper {padding: 5px;}
.sd-copy {padding: 10px;}
h1 {font-size: 20px;}
.inner-header .sd-wrapper .sd-copy .row .title .t-wrapper h1 {text-align: center;}}
