@media screen and (min-width: 100px) and (max-width:1024px) {
.api_logo {
    height: 40px !important;
}
.header {
    background-color: #fff !important;
    background-image: url(../image/header_bg.png);
    background-repeat: repeat;
    position: fixed !important;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.22);
    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.22);
    -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.22);
}
.header.transheader {
    max-height:110px !important;
    height:110px !important;
    padding-top:0px;
    padding-bottom:0px;
    position: fixed !important;
}
.blog_lists {
    padding:20px;
}
.header .container {
    width: 100%;
    padding:0px !important;
}

.api_logo {
    display:none;
}
.api_logo_apple {
    display:block;
}
.main-navigation ul li a {
    font-size:16px;
}
}