@media only screen and (max-width: 768px) and (min-width: 1px) {
#search-outer {
visibility:hidden;
display:none;
}
#header-outer {
top: auto;
margin-top: -60px !important;
}
#header-outer[data-mobile-fixed="1"] {
position: relative !important;
}
#slide-out-widget-area.slide-out-from-right, #slide-out-widget-area.slide-out-from-right:not(.fullscreen-alt):not(.fullscreen) {
background-color: #012033 !important;
}
#slide-out-widget-area {
margin-top:80px;
} a.slide_out_area_close {
top:105px !important;
}
}  .smartbanner {
position: absolute;
top: 0;
left: 0;
overflow-x: hidden;
width: 100%;
height: 84px;
background: #f3f3f3 !important;
font-family: Helvetica, sans, sans-serif; z-index:99; 
line-height: 16px; }
.smartbanner__exit {
position: absolute;
top: calc(50% - 6px);
left: 9px;
display: block;
margin: 0;
width: 12px;
height: 12px;
border: 0;
text-align: center; }
.smartbanner__exit::before, .smartbanner__exit::after {
position: absolute;
width: 1px;
height: 12px;
background: #767676;
content: ' '; }
.smartbanner__exit::before {
transform: rotate(45deg); }
.smartbanner__exit::after {
transform: rotate(-45deg); }
.smartbanner__icon {
position: absolute;
top: 10px;
left: 30px;
width: 64px;
height: 64px;
border-radius: 15px;
background-size: 64px 64px; }
.smartbanner__info {
position: absolute;
top: 10px;
left: 104px;
display: flex;
overflow-y: hidden;
width: 60%;
height: 64px;
align-items: center;
color: #000; }
.smartbanner__info__title {
font-size: 14px; }
.smartbanner__info__author, .smartbanner__info__price {
font-size: 12px; }
.smartbanner__button {
position: absolute;
top: 32px;
right: 10px;
z-index: 1;
display: block;
padding: 0 10px;
min-width: 10%;
border-radius: 5px;
background: #f3f3f3;
color: #1474fc;
font-size: 18px;
text-align: center;
text-decoration: none; }
.smartbanner__button__label {
text-align: center; }
.smartbanner.smartbanner--android {
background: #3d3d3d url(data:image/gif;base64,R0lGODlhCAAIAIABAFVVVf///yH5BAEHAAEALAAAAAAIAAgAAAINRG4XudroGJBRsYcxKAA7);
box-shadow: inset 0 0px 0 #88b131; }
.smartbanner.smartbanner--android .smartbanner__exit {
left: 6px;
margin-right: 7px;
width: 17px;
height: 17px;
border-radius: 14px;
background: #1c1e21;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.8) inset, 0 1px 1px rgba(255, 255, 255, 0.3);
color: #b1b1b3;
font-family: 'ArialRoundedMTBold', Arial;
font-size: 20px;
line-height: 17px;
text-shadow: 0 1px 1px #000; }
.smartbanner.smartbanner--android .smartbanner__exit::before, .smartbanner.smartbanner--android .smartbanner__exit::after {
top: 3px;
left: 8px;
width: 2px;
height: 11px;
background: #b1b1b3; }
.smartbanner.smartbanner--android .smartbanner__exit:active, .smartbanner.smartbanner--android .smartbanner__exit:hover {
color: #eee; }
.smartbanner.smartbanner--android .smartbanner__icon {
background-color: transparent;
box-shadow: none; }
.smartbanner.smartbanner--android .smartbanner__info {
color: #081c3d; text-shadow: 0 0px 0px #000; }
.smartbanner.smartbanner--android .smartbanner__info__title {
color: #081c3d; font-weight: bold; }
.smartbanner.smartbanner--android .smartbanner__button {
top: 30px;
right: 20px;
padding: 0;
min-width: 12%;
border-radius: 0;
background: none;
box-shadow: 0 0 0 1px #333, 0 0 0 2px #dddcdc;
color: #081c3d; font-size: 14px;
font-weight: bold; }
.smartbanner.smartbanner--android .smartbanner__button:active, .smartbanner.smartbanner--android .smartbanner__button:hover {
background: none; }
.smartbanner.smartbanner--android .smartbanner__button__label {
display: block;
padding: 3px 10px;
background: white;
color: #1474fc; box-shadow: none;
line-height: 24px;
text-align: center;
text-shadow: none;
text-transform: none; }
.smartbanner.smartbanner--android .smartbanner__button__label:active, .smartbanner.smartbanner--android .smartbanner__button__label:hover {
background: #2ac7e1; }