@font-face {
    font-family: 'Eina01-Bold';
    src: url('../fonts/eina/Eina01-Bold.eot'); /* IE9 Compat Modes */
    src: url('../fonts/eina/Eina01-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/eina/Eina01-Bold.woff2') format('woff2'), /* Super Modern Browsers */
        url('../fonts/eina/Eina01-Bold.woff') format('woff'), /* Pretty Modern Browsers */
        url('../fonts/eina/Eina01-Bold.ttf')  format('truetype'), /* Safari, Android, iOS */
        url('../fonts/eina/Eina01-Bold.svg#Eina01-Bold') format('svg'); /* Legacy iOS */
}

/** default **/
body{
    font-family: 'Helvetica Neue', Arial, sans-serif!important;
    font-size: 16px;
    line-height: 1.8;
    color: #231e2e;
}

.container-fluid {
   padding: 0px!important;
   /* min-height:82vh; */

}

.hc-header {
  padding-top: 24px;
  padding-bottom: 24px;
  cursor: pointer;
}
.stuck {
    position: fixed;
    width: 100%;
    z-index: 9;
  }

.Line {
  width: 1px;
  height: 64px;
  border: solid 1px rgba(255, 255, 255, 0.5);
  margin: 0 9px 0 5px;
}

.full-backg {
  padding: 0 !important;
  margin: 0 auto !important;
  background-size: cover;
  overflow: hidden;
}
.question-holder{
     width: 100%;
     height: 282px;
     float:left;
     position:relative;
}

.hc-btn-cari {
  width: 135px;
  height: 48px;
  border-radius: 24px;
  background-color: #5f33ba;
  position: relative;
  float: right;
  top:-75px;
  right:30px;
  color: #ffffff;
}
.content-heading{
     margin: 50px 0 30px 0;
}
.content-heading-span{
    margin: 50px 0 30px 20px;
     /* margin-left:20px;
     margin-top:15px; */
    margin:auto;
    margin-left:0px;
    margin-top:10px;
    font-family:  "Eina01-Bold", Arial, sans-serif!important;
    font-size: 24px;
    font-weight: normal;
    line-height: 1.1;
    color: inherit;
    margin-bottom:40px!important;

}
.faq-list-container{
    padding: 0;
    transition: .3s all;
    -webkit-transition: .3s all;
}
.faq-list{
    font-size: 16px;
    margin: 0 0 24px 0;
    line-height: 24px;
    list-style: none;
}
.faq-list-link{
     color: #1f1e1c !important;
}

.faq-list:nth-child(4), .faq-list:nth-child(5){
    display: none;
}

#showAllFaq{
    display: block;
}

.rw100{
     max-width: none;
}
.grey-out{
     color: #888888;
}
.search-list{
     padding: 0 0 0 0 !important;
     cursor: pointer;
     /* border-bottom: solid #cccbc8 0.1em; */
}
.search-list-header{
     margin: 0 0 30px -10px !important;
}
.hc-search-header {
    color:#aaaaaa!important;
    
}
ul.no-bullet {
       list-style-type: none;
       margin: 7px 0 0 33px;
       padding: 0;
}

ul.no-bullet-right {
     list-style-type: none;
     margin-left: 0 !important;
}
li.li-article-list{
     padding: 10px 0 10px 0;
     font-size: 16px;
}
li.li-article-list a{
     color: #0e0e0e !important;
}

.block {
    width: 100%;
    display: block;
}

input {
    outline: none;
}


ul li{
    line-height: 1.8;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
    line-height: 1.5!important;
    font-family:  "Eina01-Bold", Arial, sans-serif!important;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h2{
    font-size: 24px!important;
}

/** presets **/
.mt-10{ margin-top: 10px; }
.mt-15{ margin-top: 15px; }
.mt-20{ margin-top: 20px; }
.mt-25{ margin-top: 25px; }
.mt-30{ margin-top: 30px; }
.mt-34{ margin-top: 34px; }
.mt-50{ margin-top: 50px; }
.mt-55{ margin-top: 55px; }

.mb-10{ margin-bottom: 10px; }
.mb-15{ margin-bottom: 15px; }
.mb-20{ margin-bottom: 20px; }
.mb-25{ margin-bottom: 25px; }

.ml-10{ margin-left: 10px; }
.ml-15{ margin-left: 15px; }
.ml-20{ margin-left: 20px; }
.ml-25{ margin-left: 25px; }

.mr-10{ margin-right: 10px; }
.mr-15{ margin-right: 15px; }
.mr-20{ margin-right: 20px; }
.mr-25{ margin-right: 25px; }

.mx-auto{ margin: 0 auto; }

.px-0{ padding-left: 0px!important; padding-right: 0px!important; }

.hidden{ visibility: hidden; display: none; }

/** animate **/
.animated.delay-1 {
  -webkit-animation-delay: .25s;
  animation-delay: .25s;
}
.animated.delay-2 {
  -webkit-animation-delay: .50s;
  animation-delay: .50s;
}
.animated.delay-3 {
  -webkit-animation-delay: .75s;
  animation-delay: .75s;
}
.animated.delay-4 {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}
.animated.delay-5 {
  -webkit-animation-delay: 1.25s;
  animation-delay: 1.25s;
}
.animated.delay-6 {
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s;
}
.animated.delay-7 {
  -webkit-animation-delay: 1.75s;
  animation-delay: 1.75s;
}
.animated.delay-8 {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}
.animated.delay-9 {
  -webkit-animation-delay: 2.25s;
  animation-delay: 2.25s;
}
.animated.delay-10 {
  -webkit-animation-delay: 5.5s;
  animation-delay: 5.5s;
}
.animated.delay-11 {
  -webkit-animation-delay: 5.75s;
  animation-delay: 5.75s;
}
.animated.delay-12 {
  -webkit-animation-delay: 6s;
  animation-delay: 6s;
}
.animated.delay-13 {
  -webkit-animation-delay: 6.25s;
  animation-delay: 6.25s;
}
.animated.delay-14 {
  -webkit-animation-delay: 6.5s;
  animation-delay: 6.5s;
}
.animated.delay-15 {
  -webkit-animation-delay: 6.75s;
  animation-delay: 6.75s;
}

/** alert **/
.alert {
  width: 350px;
  min-height: 70px;
  border-radius: 8px;
  padding: 12px;
  display: flex;
  justify-content: space-around;
  align-items: center;
  font-family: 'HelveticaNeue', sans-serif;
  font-size: 12px;
  line-height: 1.5;
}

.alert.alert-full{
    width: 100%;
    min-height: 40px;
    padding-top: 9px;
    padding-bottom: 12px;
    justify-content: flex-start;
}

.alert.alert-warning{
    background-color: #fff8e9;
    color: #e68c00;
}

.alert.alert-error{
    background-color: #f01841;
    color: #ffffff;
}

.alert.alert-success{
    background-color: #00c572;
    color: #ffffff;
}

.alert.alert-floating{
    position: fixed;
    top: 150px;
    left: 50%;
    transform: translate(-50%, 0);
}

.alert span{
    display: inline-flex;
}

.alert span.icon{
    width: 41px;
    height: 24px
}
.alert span.close{
    width: 16px;
    height: 16px;
    cursor: pointer;
}
.alert span.message{
    padding: 0 13px;
    font-weight: 700;
}

.alert.alert-warning span.icon{
    background-image: url('../img/helpcenter/ic-information.svg');
    background-repeat: no-repeat;
    background-position: center;
}

.alert.alert-error span.icon{
    background-image: url('../img/helpcenter/clear.svg');
    background-repeat: no-repeat;
    background-position: center;
}

.alert.alert-error span.close, .alert.alert-success span.close{
    background-image: url('../img/helpcenter/cancel.svg');
    background-repeat: no-repeat;
    background-position: center;
}

.alert.alert-success span.icon{
    background-image: url('../img/helpcenter/complete.svg');
    background-repeat: no-repeat;
    background-position: center;
}

input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
 
input[type="number"] {
    -moz-appearance: textfield;
}


/** header **/
.main-header{
    min-height: 282px;
    padding-bottom: 35px;
}

/** breadcrumbs **/
.hc-breadcrumbs-wrapper {
    background-color:#ffffff;
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.08);
    padding-left: 16px;
    padding-right: 16px;
}
.hc-breadcrumbs{
    width: 100%;
    height: 56px;
    overflow-y: hidden;
}
.hc-breadlist{
    width: 100%;
    height: 56px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    white-space: nowrap;
    padding-left:5px!important;
}

.hc-breadarrow{
    background-image: url('../img/helpcenter/chevron.svg');
    background-position: center;
    background-repeat: no-repeat;
    min-width: 10px;
    height: 24px;
    font-weight: bold;
    margin: 0 15px 0 15px;
    font-size: 14px;
}

.hc-breadcrumbs .hc-breadlist a{
    font-size: 14px;
    color: #231e2e;
}

.logo{
    float: left;
    margin-left:-2px;
}

.logo-box .ovo-main-logo{
    position: relative;
    top: 5px;
}
.logo-box {
    padding-left:0px;
}
.Line {
  width: 1px;
  height: 32px;
  border: solid 1px rgba(255, 255, 255, 0.2);
  float: left;
}

.Help-Center {
  font-family: "Eina01-Bold";
  font-size: 24px;
  color: #ffffff;
  line-height: 1;
  margin-top: 5px;
  float: left;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.tanya {
  width: 100%;
  margin-bottom: 32px;
  font-family: "Eina01-Bold", Arial, sans-serif;
  font-size: 32px;
  line-height: 1.5;
  color: #ffffff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/** category **/
.category-images-container {
    width: 100%;
    display: flex;
    justify-content: space-around;
    align-items: inherit;
    flex-grow: 1;
    flex-direction: row;
    flex-wrap: wrap;
}
.category-images {
    width: 140px;
    height: 150px;
    cursor: pointer;
    display: flex;
    position: relative;
}
.box-category{
    width: 100%;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    flex-direction: column;
    text-align: center;
}

.title-category{

    font-family: 'HelveticaNeue', sans-serif;
    font-size: 16px;
}

/** sidebar **/
li.side-category{
    padding: 12px 0 12px 0;
    font-size: 16px;
    line-height: 1;
}

li.side-category.active{
  font-family: 'HelveticaNeue', sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #5f33ba;
}
li.side-category a{
    color: #666666;
}
li.side-category.active a{
    color: #5f33ba;
}

.subcategory-link{
    color: #666666;
    text-decoration: none;
}

.subcategory-link:hover, .subcategory-link:active, .subcategory-link:focus{
    color: #666666;
}

.text-muted {
    margin-bottom: 20px;
}

/** button **/
.btn{
    font-family:  "Eina01-Bold", Arial, sans-serif;
    display: inline-block;
    width: 160px;
    padding: 13px 20px 13px 20px;
    border-radius: 25px;
    font-size: 16px;
    font-weight: normal;
    text-align: center;
    cursor: pointer;
    border: none;
}

.btn-primary{
    background-color: #5f33ba;
    color: #ffffff;
    transition: .3s all;
    -webkit-transition: .3s all;
    cursor: pointer;
}

.btn-disabled{
    background-color: rgba(170, 170, 170, 0.5);
    color: #ffffff;
    transition: .3s all;
    -webkit-transition: .3s all;
}

.btn-secondary{
    background-color: rgba(95, 51, 186, 0.1);
    color: #5f33ba;
    transition: .3s all;
    -webkit-transition: .3s all;
    cursor: pointer;
}

.btn-primary:hover, .btn-secondary:hover, .btn-disabled:hover{
    text-decoration: none;
}

.btn-primary:hover {
    color: #ffffff;
    background-color: #48268c;
}

.btn-disabled:hover{
    background-color: rgba(170, 170, 170, 0.5);
    color: #ffffff;
}
.btn-secondary:hover{ 
    color: #5f33ba;
    background-color: rgba(95, 51, 186, 0.3);
}

.btn-primary:hover:focus, .btn-disabled:focus, .btn-secondary:focus{
    outline: none;
}

.btn-block{
    display: block;
    width: 100%;
}

/** calendar : override datepicker.css **/
.datepicker{
    background-image: url('/ovo_front_res/img/helpcenter/calendar.svg')!important;
    background-repeat: no-repeat!important;
    background-position: right 16px center!important;
    background-size: 24px 24px!important;
    cursor: pointer;
}

/** Search Bar **/
.hc-question-box{
    background-image: url('/ovo_front_res/img/helpcenter/search.svg');
    background-repeat: no-repeat;
    background-position: 15px center;
    background-size: 24px 24px;
    width: 100% ;
    height: 50px;
    border-radius: 40px;
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.08);
    background-color: #ffffff;
    font-size: 15px;
    padding: 0 16px 0 50px;
    border: none;
    color: #231e2e;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hc-question-box-small {
    background-image: url('/ovo_front_res/img/helpcenter/search.svg');
    background-repeat: no-repeat;
    background-position: 15px center;
    background-size: 16px 16px;
    width: 196px;
    height: 40px;
    border-radius: 24px;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.08);
    background-color: #ffffff;
    font-size: 12px;
    padding: 0 16px 0 40px;
    float: right;
    position: relative;
    top:16px;
    border: none;
    color: #231e2e;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hc-question-box::placeholder, .hc-question-box-small::placeholder { /* Firefox, Chrome, Opera */ 
    color: rgba(35, 30, 46, 0.2);
} 
  
.hc-question-box:-ms-input-placeholder, .hc-question-box-small:-ms-input-placeholder { /* Internet Explorer 10-11 */ 
    color: rgba(35, 30, 46, 0.2);
} 
  
.hc-question-box::-ms-input-placeholder, .hc-question-box-small.hc-question-box::-ms-input-placeholder { /* Microsoft Edge */ 
    color: rgba(35, 30, 46, 0.2);
} 

.ellipsis{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ui-helper-hidden-accessible {
    display:none!important;
}

ul.ui-autocomplete {
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.08);
    background-color: #ffffff;
    border: none!important;
    border-radius: 10px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    margin: 0 auto;
    margin-left: 0;
    margin-right:0;
    height: auto;
    max-height:605px;
    padding: 0;
    padding-top: 16px;
    width:300px;
    position: absolute!important;
    z-index:2!important;

    
}

ul.ui-autocomplete li.ui-menu-item{
    list-style: none;
    font-family: 'HelveticaNeue', sans-serif;
    font-size: 16px;
    line-height: 1.5;
    color: #231e2e;
    padding-top: 8px;
    padding-top: 8px;

}


ul.ui-autocomplete li.ui-menu-item p {
    padding-left:24px!important;
    padding-right:24px;
    
}
ul.ui-autocomplete li.ui-menu-item a{
    padding-left:none!important;
}

.ui-menu-item .ui-menu-item-wrapper{
    padding: 8px 16px;
    margin: 0;
}
.ui-menu-item .ui-menu-item-wrapper.ui-state-active {
    background: #f4f4f4 !important;
    color: #231e2e;
    border: none;
} 
.ui-menu .ui-menu-item a {
    padding-left:0px!important;
    padding-top:8px!important;
}

/** footer **/
.hubungi-kami-section{
     width: 100%;
     margin: 60px 0 0 0;
}
.hubungi-kami-button {
    margin-top:40px;
}
.hc-menanyakan-lain{
    padding-top:12px;
    padding-bottom:20px!important;
}

.hc-footer{
    position: absolute;
    bottom:0;
    width: 100%!important;
    height: 68px;
    background-color: #f4f4f4;
    display: flex;
}
.helpcenter-content {    
    position: relative;
    margin:auto;
    min-height: 100vh;
    padding-bottom: 68px;
}
.helpcenter-wrapper {
    padding-bottom: 15px;
}
.hc-trademark{
    width: 100%;
    text-align: center;
    position: relative;
    font-family: 'HelveticaNeue', sans-serif;
    font-size: 16px;
    color: #666666;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.hc-trademark span{
    margin-top: 8px;
}

/** form **/
.hc-form__input {
    border: none!important;
    padding: 14px 20px;
    border-radius: 6px;
    font-size: 14px;
    background: #f4f4f4;
    margin-top: 8px;
}

.hc-form__input:focus {
    background-color:#F0EBFA;
    outline:none!important;
}

textarea.hc-form__input{
    min-height: 144px;
}

.hc-form__input::placeholder{
    color: rgba(35, 30, 46, 0.2);
}

.hc-dropdown{
    display: block;
    width: 100%;
    background: none;
    background-color: #f4f4f4;
    background-image: url('/ovo_front_res/img/helpcenter/expand.svg');
    background-position: right 16px center;
    background-repeat: no-repeat;
    border: none;
    padding: 14px 20px;
    border-radius: 6px;
    -moz-appearance: none; /* Firefox */
    -webkit-appearance: none; /* Safari and Chrome */
    appearance: none;
    margin-top: 8px;
}

.parsley-form-wrapper{
    margin-bottom: 34px;
}

ul.parsley-errors-list{
    padding: 0;
}

ul.parsley-errors-list li {
    list-style: none;
    color: #ff7a7a;
    font-size: 12px;
    margin-top: 8px;
}

.hc-form__input.parsley-error{
    border: 1px solid #ff7a7a;
}

.hc-label-input {
    width: 127px;
    height: 14px;
    font-size: 12px;
    color: #888888;
}

.hc-radio-group{
    margin-top: 30px;
    overflow: hidden;
    padding-left: 1px;
}
.hc-radio-box{
    display: inline;
    float: left;
    margin-right: 50px;
}
.hc-radio-input{
    margin-right:8px;
}

.hc-radio-label img{
    opacity: 0.1;
    cursor:pointer;
}
.hc-radio-input:checked + .hc-radio-label img {
    opacity: 1.0!important;
}
.row-article-content h2{
    color:#231e2e;
}
.article-content{
     position: relative;
     margin: 0 0 50px 0;
     padding-top: 24px;
     padding-left: 5px;
     padding-right: 5px;
}
.article-category-list{
     margin: 22px 0 22px 0;
}
.article-category-link{
     color: #1f1e1c;
     font-weight: bold;
     font-size: 16px;
     line-height: 1.5;
}
.article-category-link.active{
    color: #5f33ba;
}
.article-content-right {
     margin: 16px 0 32px 0;
     font-family: 'Helvetica Neue', Arial, sans-serif!important;
     font-size: 16px!important;
     color: #231e2e!important;
     line-height: 1.5!important;
}

.article-content-right p, .article-content-right span{
    font-family: 'Helvetica Neue', Arial, sans-serif!important;
    font-size: 16px!important;
    color: #231e2e!important;
     line-height: 1.5!important;
}

.article-content-right ul {
    padding-left: 0px;
    margin-bottom: 40px;
}

.article-content-right ul li{
    list-style: none;
}
.article-content-right img {
    max-width: -webkit-fill-available;
}
.hc-vote-questions{
    text-align: center;
    padding:0px;
}

.vote-question{
     font-size: 16px;
     font-weight: bold;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: normal;
     color: #888888;
     text-align: center;
}
.done-vote-dialog {
    text-align: left;
    padding: 10px 16px 12px;
    background-color: #F4F4F4;
    border-radius: 10px;
    font-weight: 500;
}
.thumbs{
    display: inline-block;
    background-image: url("../img/helpcenter/thumbs-up.png");
    margin:8px;
    margin-top:16px;
    height: 32px;
    width: 32px;
}
.thumbs:first-child{
    margin-right:18px;
}
.thumbs:last-child{
    margin-left:18px;
}
.thumbs:hover {
    cursor: pointer;
}
.thumbs-all {
    display: flex;
    justify-content: center;
}

.happy {
    background-image: url("../img/helpcenter/thumbs-up.svg")!important;
    transition: 0.25s all;
    background-size: contain;
 }
.happy-active {
    background-image: url("../img/helpcenter/thumbs-up-hover.svg")!important;
    background-size: contain;
}
 .sad {
    background-image: url("../img/helpcenter/thumbs-down.svg")!important;
    transition: 0.25s all;
    background-size: contain;
 }
 .sad-active {
    background-image: url("../img/helpcenter/thumbs-down-hover.svg")!important;
    background-size: contain;
 }
 .yes-vote-active {
    color:#00c6ce!important;
 }
 .no-vote-active {
    color:#EA4156!important;
 }
/* Report Form */
.file-box {
    width: 80px;
    height: 70px;
    border: 1px solid #f4f4f4;
    border-radius: 5px;
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.08);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    position: relative;
    margin-right:0px;
}

#driver_license_id_photo, #license_id_photo, #contacted_hour, #transaction_hour {
    display: none;
}

.file-box-container{
    display: flex;
    justify-content: space-around;
    margin-bottom: 34px;
    margin-top:10px;
}
.file-box-container.one{
    display: flex;
    margin-top:10px;
}
.file-box{
    width: 80px;
    height: 70px;
    border: 1px solid #f4f4f4;
    border-radius: 5px;
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.08);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    position: relative;
    margin-right:0px;
}
.file-box:first-of-type{
    margin-right:24px;
}
.file-box:last-of-type{
    margin-left: 24px;
}
.file-box.one:last-of-type{
    margin-left: 0px;
}
.placeholder-container{
    width: 80px;
    height: 70px;
    cursor: pointer;
    overflow: hidden;
    position: relative;
}
.file-box span.icon{
    background-image: url('../img/helpcenter/verified.svg');
    background-repeat: no-repeat;
    background-position: center center;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.file-box span.cancel{
    background-image: url('../img/helpcenter/cancel-report.svg');
    background-repeat: no-repeat;
    background-position: center center;
    width: 16px;
    height: 16px;
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: #ffffff;
    border-radius: 25px;
    box-shadow: 1px 1px 5px #ececec;
    z-index: 1;
    display: none;
}

.file-box img.placeholder{
    object-fit: cover;
    border-radius: 5px;
    width: 100%;
    height: 100%;
}

.grey-out-form {
    color:rgba(35, 30, 46, 0.2)
}

.fs-18{
    font-size: 18px;
}
.blue-text{
    color: #5f33ba;
    font-family: 'HelveticaNeue', sans-serif;
}
.blue-text a{
    color: #5f33ba;
}

.search-results-box{
    border-radius: 10px;
    background-color: #f4f4f4;
    padding: 24px;
    margin-top: 40px;
}
.hc-gagalmemuat-article {
    border-radius: 10px;
    background-color: #f4f4f4;
    padding: 24px;
    margin-top: 40px;
}
.parsley-error {
    border:none!important;
    background-color:#FFEEF3;
}
.parsley-errors-list{
    margin-left:16px;
}
.mobileHidden {
    display: none;
}

.mobileRes {
    display: block;
}
.desktopRes {
    display: none;
}

.centerMobile {
    text-align: center!important;
}

/*==========  Mobile First Method  ==========*/
/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 992px) {
    .mobileHidden {
        display: block;
    }
    .mobileRes {
        display: none;
    }
    .desktopRes {
        display: block;
    }
    .main-header{
        padding-bottom: 80px;
    }
    .hc-question-box{
        background-position: 30px center;
        height: 80px;
        font-size: 18px;
        padding: 0 0 0 80px;
        font-size: 24px;
    }
    .hc-question-box-small {
        width: 445px;
        height: 48px;
        background-color: #ffffff;
        padding: 0 0 0 10% ;
        background-size: 24px 24px;
        font-size: 16px;
    }
    .category-images-container{
        justify-content: flex-start;
    }
    .category-images {
        width: 220px;
        height: 200px;
    }

    .file-box-container{
        margin-bottom: 0;
    }
    .faq-list:nth-child(4), .faq-list:nth-child(5){
        display: block!important;
    }
    .article-content{
        padding-top: 40px;
    }
    .article-content-right {
        margin: 32px 0 32px 0;
    }
    .hc-breadcrumbs{
        padding-left: 0;
        padding-right: 0;
        overflow: hidden;
    }
    .hc-trademark{
        flex-direction: row;
    }

    .hc-trademark span{
        margin-top: 0px;
    }
    .image-help {
        float: left;
        
    }
    .image-help img {
        margin-top:-2px!important;
    }
    .hc-vote-questions{
        text-align: left;
    }
    .vote-question {
        text-align: center;
    }
    .thumbs-all {
        display: flex;
        justify-content: left;
    }
    .thumbs{
        display: inline-block;
        background-image: url("../img/helpcenter/thumbs-up.png");
        margin:8px;
        margin-top:16px;
        height: 32px;
        width: 32px;
    }
    .thumbs:first-child{
        margin-right:14px;
    }
    .thumbs:last-child{
        margin-left:14px;
    }
    .content-heading-span {
        margin-left:20px;
        padding-bottom:0px;
    }
    .image-help{
        margin-bottom:-2px!important;
    }
    .file-box-container{
        justify-content: flex-start;
    }
    .hc-breadlist {
        padding-left:20px!important;
    }
    .btn-block{
        width: 165px!important;
    }
    .image-help-break {
        height:0px!important;
    }
    ul.ui-autocomplete {
        min-height:auto;
        max-height: 427px;
    }
    .hubungi-kami-button {
        margin-top:0px;
    }
    .sad:hover {
        background-image: url("../img/helpcenter/thumbs-down-hover.svg")!important;
        background-size: contain;
    }
    .hr-index-1 {
        margin-top:30px!important;
    }
    .hr-index-2 {
        margin-top:20px!important;
    }
    .happy:hover {
        background-image: url("../img/helpcenter/thumbs-up-hover.svg")!important;
        background-size: contain;
    }
    .alert.alert-floating{
        left:49.8%;
    }
}


/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
    
}

.article-subcategory-link,
.article-subcategory-link:hover,
.article-subcategory-link:active,
.article-subcategory-link:visited {
  color: #0e0e0e !important;
}