.balloon-gift img {
  max-width: 90%;
}

.box-wd-mobile {
  display: none;
}

@media (min-width: 320px) and (max-width: 820px) {
  .box-wd-mobile {
    display: block;
    margin-top: 10px;
  }
  
  .box-img img {
    margin: 0 auto;
  }
  /* .balloon-gift img {
    width: 70%;
  } */
}
.box-vote .title-right p {
  white-space: nowrap;
  font-size: 43px;
}
.box-vote .title-vote .title-right .box-search {
  background: none;
}
.box-vote .title-vote {
  padding-bottom: 0px;
}

.loader {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999999;
  background-image: url("../images/haohao_loading.jpg");
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: top center;
  background-size: cover;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  /*background-color: rgb(249, 249, 249);*/
  /*background: url("../images/loading-2.jpg") 50% 50% no-repeat rgb(249, 249, 249)*/
  /*background: url("../images/ha-ha-cd-12.png") 50% 50% no-repeat rgb(249, 249, 249);*/
  /*background: url(https://6ed03b3e7ee716b29bc2dee79aafb8179ed53b19-www.googledrive.com/host/0B9VLbslO6g64UnFTUlQzWDVMdXM) 50% 50% no-repeat rgb(249, 249, 249);*/
}
.loader-container img {
  max-width: 600px;
  width: 100%;
}
.loader-container {
  width: 100%;
  max-width: 600px;
  height: 200px;
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
}

.progress-bar {
  background-color: #e8d286;
}

.preloader-inner {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999999;
  background-image: url("../images/haohao_loading.jpg");
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: top center;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.preloader-inner img {
  max-width: 600px;
  width: 100%;
}
.preloader-inner .cancel-preloader {
  position: absolute;
  bottom: 30px;
  right: 30px;
}
.preloader-inner .cancel-preloader a {
  background-color: #fff;
  font-weight: 600;
  text-transform: capitalize;
  color: #c33;
  width: 200px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  border-radius: 30px;
  display: block;
  transition: all 0.3s ease-in;
}
.preloader-inner .cancel-preloader a:hover {
  background-color: #2a435d;
  color: #fff;
}
.spinner {
  width: 70px;
  text-align: center;
}
.spinner > div {
  width: 15px;
  height: 15px;
  background-color: #c33;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}
.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
@-webkit-keyframes sk-bouncedelay {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
  }
}
@keyframes sk-bouncedelay {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.vote-item-content .text-item .box-like .box-heart .bt-vote:not(:first-child),
.heart-vote .bt-vote:not(:first-child),
.item-ranting-vote .text-item-vote .heart-vote .bt-vote:not(:first-child),
.box-vote
  .slide-vote
  .item
  .item-content
  .text-item
  .box-like
  .box-heart
  .bt-vote:not(:first-child) {
  display: none;
}
.progress-striped {
  width: 100%;
  margin: 5px;
}
/*home page*/
.title-vote,
#bang-xep-hang {
  min-height: 180px;
}
/* .box-rankings-vote {
 min-height: 109vh;
  min-height: fix on home.js;
 margin-top: 15px!important;
} */
/*fix safari on mac*/
/* .box-rankings-vote.safari {
  margin-top: 24px !important;
} */
/*end fix safari on mac*/

.box-rankings-vote .scrollbar {
  height: 100%;
}

.item-ranting-vote .number-item {
  font-size: 26px;
}

#basicModal .bg-success {
  background-color: #e25f94 !important;
}

@media (min-width: 1441px) {
  .balloon-gift:nth-child(3) {
    left: 39%;
    top: 27%;
  }
}
.font-haohao-loading {
  font-family: "iCiel Mijas";
}
@media (min-width: 320px) and (max-width: 820px) {
  .form-create-mv .col-1 .box-bt-2 {
    max-height: 8rem;
  }
  .form-create-mv .box-bt-2 .item-bt:hover {
    box-shadow: none;
  }
  /* .form-create-mv .box-bt-2 .item-bt:hover {
    background: #e25f94;
    text-decoration: none;
  }
  .form-create-mv span .box-bt-2 .item-bt.active{
    background:#FFF;
    text-decoration: none;
  } */

  .box-rankings-vote {
    min-height: 0;
  }
}
@media (min-width: 320px) and (max-width: 546px) {
  #bang-xep-hang {
    min-height: 0;
  }
  #bang-xep-hang img {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .navbar .all-nav-haohao {
    height: calc(100vh - 100px);
  }
}

.title-binhchon span {
  max-width: 100%;
}
/* .box-vote .title-vote .title-left {
  width: 75%;
}
.box-vote .title-vote .title-right {
  width: 25%;
} */
/* .box-vote .title-vote .title-left span {
  font-size: 20px;
} */
@media (min-width: 320px) and (max-width: 820px) {
  .box-vote .title-vote .title-right,
  .box-vote .title-vote .title-left {
    width: 100%;
  }
  .box-rankings-vote .scrollbar {
    max-height: 100%;
  }
}
/* .box-vote .title-vote .title-right .label-vote {
  font-size: 24px;
} */
/*end home page*/