body,
.tabItem {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #6D7276;
}

#main {
    max-width: 386px;
    width: 100%;
    margin: 0 auto;
}

body {
    margin: 0;
    -webkit-text-size-adjust: 100%;
}

div {
    display: block;
}

iframe {
    width: 100%;
    height: 100%;
    border: 0 !important;
}

.tabs {
    text-align: center;
    border-bottom: 0px;
    font-size: 0px !important;
    padding: 0;
    margin: 0px 0 0px;
}

.tabs li {
    float: none;
    display: inline-block;
    margin: 0 1px;
    font-size: 0;
}

.tabItem:first-letter {
    text-transform: capitalize;
}
.tabs li{
    width: 50%;
    margin: 0px -1px;
    vertical-align: top;
}
.tabItem {
    height: auto;
    line-height: 24px;
    display: inline-block;
    
/*    padding: 0.6em;*/
    box-sizing: border-box;
    width: 100%;
    background: #f8f8f8;
    text-decoration: none;
    font-size: 16px;
    font-weight: normal;
    font-style: inherit;
    text-transform: uppercase;
    color: #3b3b3b;
    transition: background 0.5s, color 0.5s, border 0.5s;
    position: relative;
    border: 0px solid #f8f8f8;
}

.tabItem:hover,
.tabItem:active,
.tabItem-active,
.tabItem-active:hover {
    text-decoration: none;
    font-style: normal;
    background: #32beff;
    color: #FFFFFF;
    border: 0px solid #32beff;
}
.tabs-control {
    margin-bottom: 1.5em;
    margin-top: 2px;
}
@media (max-width: 380px) {
    .tabs li {
        display: block;
        margin: 0 auto;
        margin-bottom: 5px;
        width: 85%;
        box-sizing: border-box;
    }
}