} .bot-header-banner { position: relative; font-family: 'SMSans', sans-serif; display: flex; justify-content: space-between; align-items: center; height: 136px; padding-left: 180px; padding-right: 180px; color: #fff; text-decoration: none; background-image: url(https://cdnkz.sportmaster.com/upload/content/contentgate/prod/kz_sm/dip_content/2025/main_page_app/w51/bg.webp); background-repeat: no-repeat; background-position: center; background-size: auto; margin-top: -1px; z-index: 1; } .bot-header-banner a { text-decoration: none; } .overlay-link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .dv_over { display: block; } .mv_over { display: none; } @media (max-width: 767px) { .dv_over { display: none; } .mv_over { display: block; } } .bot-header-banner:hover { text-decoration: none; } .bot-header-banner:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; /* background: #009FF9; background: linear-gradient(90deg, rgba(0, 159, 249, 1) 0%, rgba(92, 117, 237, 1) 50%, rgba(95, 76, 244, 1) 100%);*/ opacity: 0.7; } .bot-header-banner img { max-width: 100%; vertical-align: middle; } .bot-header-banner__txt { display: flex; align-items: center; position: relative; z-index: 1; width: -webkit-fill-available; } .bot-header-banner__txt_icon { max-height: 136px; /*transform: translateY(10px);*/ } .bot-header-banner__txt_h1 { font-weight: 500; font-size: 16px; line-height: 22px; letter-spacing: 0px; margin-left: 80px; color: #000; } .bot-header-banner__txt_h1 span { display: block; font-family: 'SMSans'; font-size: 12px; line-height: 16px; color: #000; opacity: 0.9; margin-top: 8px; } .bot-header-banner__txt_promo { height: 89px; margin-left: 40px; } .bot-header-banner__qr { width: 120px; position: relative; z-index: 1; } .bot-header-banner__qr .yk_rotator__btn_wrap { margin: 0; gap: 0; } @media only screen and (max-width: 1919px) { .bot-header-banner { padding-left: 135px; padding-right: 135px; } } @media only screen and (max-width: 1439px) { .bot-header-banner { padding-left: 50px; padding-right: 50px; } .bot-header-banner__txt_h1 span { font-size: 12px; } .bot-header-banner { height: 100px; } .bot-header-banner__txt_icon { max-height: 100px; } .bot-header-banner__txt_h1 { font-size: 14px; line-height: 22px; letter-spacing: 1.3px; margin-left: 36px; } .bot-header-banner__txt_h1 span { /*font-size: 14px;*/ /*line-height: 20px;*/ /*margin-top: 0;*/ } .bot-header-banner__txt_promo { height: 80px; margin-left: 36px; } .bot-header-banner__qr { width: 80px; } } @media only screen and (max-width: 1023px) { .bot-header-banner { padding-left: 25px; padding-right: 25px; } .bot-header-banner__txt_promo { height: 74px; margin-left: 16px; } } @media only screen and (max-width: 767px) { .bot-header-banner { padding-left: 15px; padding-right: 15px; } .bot-header-banner__txt_h1 { margin-left: 14px; } } @media only screen and (max-width: 640px) { .bot-header-banner { height: 64px; } .bot-header-banner__txt_icon { max-height: 64px; } .bot-header-banner__txt_h1 { font-size: 12px; line-height: 1.33; letter-spacing: 0px; text-transform: unset; font-weight: 400; } .bot-header-banner__txt_h1 span { display: none; font-weight: 500; font-size: 10px; line-height: 1.4; color: #000000; opacity: 0.7; text-transform: initial; } .bot-header-banner__txt_promo { height: 41px; margin-left: 6px; } .bot-header-banner__qr { display: none; } }