h1, h2, h3, h4, h5, h6 {
    line-height: normal;
}
.wrapper {
    background-image: none;
}
header {
    padding: 29px 0;
    background-image: none;
    background-color: #f4f9fd;
}
header > .container {
    display: none;
}
header.index {
    top: 0;
    display: flex;
    padding: 0;
    height: 58px;
    background-color: #142a63;
    background: -moz-linear-gradient(to bottom, #142a63 0%, #36529c 50%, #4b6dc7 100%);
    background: -webkit-linear-gradient(to bottom, #142a63 0%, #36529c 50%, #4b6dc7 100%);
    background: linear-gradient(to bottom, #142a63 0%, #36529c 50%, #4b6dc7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0c1628', endColorstr='#0c1628', GradientType=0);
}
header.index.active {
    height: 100%;
    background-color: transparent;
}
header .logo-mobile {
    text-align: center;
    display: inline-block;
    position: absolute;
    top: 10px;
    left: 50%;
    margin-left: -90px;
}

.mobile-menu .logo {
    display: none;
}
.mobile-menu-brand-btn {
    display: inline-block;
}
header .side_bar {
    font-size: 25px;
    color: #ffd89b;
    text-decoration: none;
}
header .search_m {
    text-decoration: none;
}
#menu-brand {
    display: block;
}
#menu-brand .slideOUT {
    -webkit-transition: all 0.3s ease-out;
    -webkit-transform: translate3d(550px, 0px, 0px);
    transform: translate3d(550px, 0px, 0px);
}

.events .info-events {
    margin-bottom: 50px;
}
.form-group {
    margin-bottom: 0;
}
.form-group input {
    width: 180px;
}
.codeRight, .codeLeft {
    display: none;
}
.account_field {
    width: inherit;
}
.owl_container {
    overflow: hidden;
}
.owl-stage-outer {
    width: 92.5%;
}
.owl-carousel .item {
    width: 114px;
}
.owl-theme .owl-nav [class*=owl-] {
    width: 1.8rem;
    margin-top: -1.4px;
    height: 166px;
    line-height: 166px;
}
.info-events {
    padding: 50px 30px 20px 30px;
}
.info-events ul .custom-btn {
    padding: 10px 20px;
    font-size: 16px;
}
.info-events ul li {
    background-size: 7%;
}
.info-events ul.right .button {
    text-align: center;
    margin-left: -16px;
}
.inside h4 {
    font-size: 18px;
}
.account_field .form-inline {
    width: 90%;
}
.account_field .form-inline .btn {
    width: 100%;
}
.account_field .form-group {
    width: 100%;
}
.form-inline .form-group ul {
    display: inherit;
}
.account_field ul li .verifyimg {
    top: 40%;
    right: 0;
}
.account_field label {
    display: none;
}
.account_field ul li input {
    width: 100%;
}
.popbox, .popbox2 {
    width: 95%;
    margin: 10px;
    margin-top: 9vh;
    top: inherit;
    left: inherit;
    padding-bottom: 20px;
}
ul.record {
    padding: 0 20px;
}
.owl-stage-outer {
    width: 100%;
}
.owl-carousel .item h4 {
    font-size: 1rem;
}
.owl-carousel .item h4.signed img {
    width: 40%;
    margin: 0.8rem auto;
}
.modal-body .reward {
    font-size: 1.6rem;
}
.events h2 {
    font-size: 24px;
}
.info-events {
    padding: 10px 15px 10px 15px;
}
.info-events ul {
    width: 100%;
    float: none;
}
.info-events ul.right {
    padding-left: 0;
}
.info-events ul li {
    background-size: 8%;
}
.events {
    margin-bottom: 0;
}
table {
    width: 90%;
}
.table-bordered > thead > tr > th {
    font-size: 12px;
    padding: 4px;
}
.modal_title h1 {
    font-size: 20px;
}
.popbox .popbox-nr {
    width: inherit;
}
.popbox .popbox-nr li {
    width: 100%;
}
.popbox .popbox-nr .wby1 {
    width: 100%;
}
.popbox .popbox-nr p {
    display: none;
}
.popbox .verifyimg {
    position: absolute;
    right: 10px;
    top: 7px;
}
.modal-body {
    padding: 15px 2px;
}
.popbox, .popbox2 {
    width: 95%;
    margin: 10px;
    margin-top: 9vh;
    top: inherit;
    left: inherit;
    padding-bottom: 20px;
}
.modal_title .hr_left {
    width: 50px;
}
.modal_title .hr_right {
    width: 50px;
}
.table-bordered > tbody > tr > td {
    font-size: 12px;
}
.owl-carousel .item {
    width: 84px;
}
.info-events {
    padding: 10px;
}
.popbox, .popbox2 {
    width: 98%;
    margin: 10px 3px;
    margin-top: 9vh;
    top: inherit;
    left: inherit;
    padding-bottom: 20px;
}
.modal_title .hr_left {
    width: 30px;
}
.modal_title .hr_right {
    width: 30px;
}
.neir {
    padding: 10px 5px;
}
.table-bordered > thead > tr > th {
    font-size: 12px;
}
.table-bordered > tbody > tr > td {
    font-size: 12px;
    padding: 6px;
}
.owl-carousel .item {
    width: 78px;
}