input::-webkit-input-placeholder {
  color: #9e9e9e !important;
}

.vm-but {
  color: #ffffff !important;
}

.vm-ui {
  color: #999 !important;
  cursor: pointer;
}

.vm-l {
  color: #999 !important;
  margin-top: 5px;
  font-size: 14px;
}

.vm-u:hover {
  color: black;
  text-decoration: none;
  background-color: #ffffff;
}

.vm-nav-link {
  color: #8B8C90 !important;
  background-color: #f2f3f5;
  height: 50px;
  width: 140px;
  font-weight: bold;
}

.vm-nav-left {
  margin-top: 30px;
  margin-bottom: 1px !important;
}

.vm-nav-im {
  height: 212px;
  box-shadow: 3px 3px 10px 3px #d5d6da;
  border-radius: 4px;
}

.vmp {
  object-fit: cover;
  width: 189px;
  height: 179px;
}

.vm-nav-left .active {
  background-color: #dd117a !important;
  color: #ffffff !important;
  border: 0 !important;
}

.vm-borders {
  border-top-left-radius: 8px !important;
  border-top-right-radius: 8px !important;
}

.vm-border-list {
  border-radius: 4px !important;
}

.vmhadden {
  overflow: hidden;
  margin-right: 15px;
}

.vmmf {
  margin-left: 15px;
}

.vm-border-lists {
  border-radius: 15px !important;
}

.vm-images-w-ps:hover {
  cursor: pointer;
}

.vm-nav-list {
  width: 98%;
  /* margin-top: 20px;
  margin-bottom: 20px; */
}

.vm-create {
  min-height: 150px;
  margin: 0 auto;
}

.vm-create-top {
  width: 85%;
  margin-top: 35px;
  margin-bottom: 10px;
}

.vm-create-tops {
  width: 68%;
  margin-bottom: 10px;
}

.vm-create-bottom {
  width: 85%;
}

.vm-create-font {
  font-size: 28px;
  color: #555;
}

.vm-create-font-right {
  font-size: 20px;
  margin: 20px;
  color: #8e8f93;
}

.vm-create-imgs {
  width: 240px;
  height: 200px;
}

.vm-create-boimg {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  /* background-color: coral; */
}

.vm-create-mor {
  width: 240px;
  height: 50px;
  background-color: #dd117a;
  color: #f1deef;
  margin-top: 60px;
  margin-bottom: 40px;
  cursor: pointer;
}

.vm-create-page {
  height: 50px;
  margin-top: 60px;
  margin-bottom: 40px;
}

.main-nav .nav-tabs {
  border: 0;
}

.vm-opstions {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 55%;
  transform: translate(-50%, -50%);
  color: #ffffff;
  font-weight: bold;
  text-shadow: 0px 0px 4px #000000;
}

.flex-init-div {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.flex-init-div-ps {
  display: flex;
  align-items: center;
  justify-content: center;
}

.vm-images-w-ps {
  object-fit: cover;
}

.vm-transition {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.main-bas {
  width: 100%;
  height: 100%;
  margin: 0 auto;
}

@media (max-width: 2560px) {
  .befbox {
    width: 100% !important;
  }
}

@media (max-width: 1920px) {
  .main-box {
    width: 1880px;
  }

  .main-bas,
  .befbox {
    width: 1880px;
  }

  .footer-area-box {
    width: 100%;
  }

  /* .vm-border-list {
    width: 146.5px;
  } */
}

@media (max-width: 1880px) {
  .main-box {
    width: 100% !important;
  }

  .main-bas,
  .befbox {
    width: 100% !important;
  }

  .footer-area-box {
    width: 100% !important;
  }

  /* .vm-border-list {
    width: 143.5px;
  } */
}


@media (max-width: 1840px) {
  /* .vm-border-list {
    width: 141.5px;
  } */
}

@media (max-width: 1820px) {
  /* .vm-border-list:nth-child(n + 11) {
    display: none !important;
  }

  .vm-border-list {
    width: 155px;
  } */
}

@media (max-width: 1800px) {
  /* .vm-border-list:nth-child(n + 11) {
    display: none !important;
  }

  .vm-border-list {
    width: 152px;
  } */
}

@media (max-width: 1780px) {
  .main-nav>.main-tabls-nav .vm-nav-left:nth-child(n + 10) {
    display: none !important;
  }

  .vm-header-p {
    /* width: 12%; */
  }

  .vm-header-p-left {
    font-size: 38px;
  }

  .vm-create-font {
    font-size: 28px;
  }

  .vm-create-font-right {
    font-size: 20px;
  }


  /* .vm-border-list:nth-child(n + 11) {
    display: none !important;
  }

  .vm-border-list {
    width: 150.5px;
  } */
}

@media (max-width: 1740px) {
  /* .vm-border-list:nth-child(n + 11) {
    display: none !important;
  }

  .vm-border-list {
    width: 147.5px;
  } */

  .vm-header-p-left {
    font-size: 36px;
  }

  .vm-header-p-right {
    font-size: 22px;
  }
}

@media (max-width: 1720px) {
  /* .vm-border-list:nth-child(n + 11) {
    display: none !important;
  }

  .vm-border-list {
    width: 145.5px;
  } */
}

@media (max-width: 1700px) {
  /* .vm-border-list:nth-child(n + 11) {
    display: none !important;
  }

  .vm-border-list {
    width: 143.5px;
  } */
}

@media (max-width: 1680px) {
  /* .vm-border-list:nth-child(n + 10) {
    display: none !important;
  }

  .vm-border-list {
    width: 158.5px;
  } */

  .vm-header-p-left {
    font-size: 34px;
  }
}

@media (max-width: 1660px) {
  /* .vm-border-list:nth-child(n + 10) {
    display: none !important;
  }

  .vm-border-list {
    width: 156.5px;
  } */
}

@media (max-width: 1640px) {
  .vm-header-p {
    /* width: 11%; */
  }

  .vm-header-p-left {
    font-size: 34px;
  }

  .vm-create-bottom>.vm-create-imgs:nth-child(n + 8) {
    display: none !important;
  }

  .main-nav>.main-tabls-nav .vm-nav-left:nth-child(n + 9) {
    display: none !important;
  }

  .vm-create-font {
    font-size: 26px;
  }

  .vm-create-font-right {
    font-size: 18px;
  }


  /* .vm-border-list:nth-child(n + 10) {
    display: none !important;
  }

  .vm-border-list {
    width: 154.5px;
  } */
}

@media (max-width: 1620px) {
  /* .vm-border-list:nth-child(n + 10) {
    display: none !important;
  }

  .vm-border-list {
    width: 152.5px;
  } */
}

@media (max-width: 1600px) {
  /* .vm-border-list:nth-child(n + 10) {
    display: none !important;
  } */

  .vm-header-search {
    width: 360px;
  }

  /* .vm-border-list {
    width: 152.5px;
  } */
}

@media (max-width: 1590px) {
  /* .vm-border-list:nth-child(n + 10) {
    display: none !important;
  }

  .vm-border-list {
    width: 148.5px;
  } */

  .vm-header-p-left {
    font-size: 32px;
  }
}

@media (max-width: 1550px) {
  /* .vm-border-list:nth-child(n + 10) {
    display: none !important;
  }

  .vm-border-list {
    width: 144.5px;
  } */
}

@media (max-width: 1540px) {
  .vm-header-p {
    /* width: 11%; */
  }

  .vm-header-p-left {
    font-size: 30px;
  }

  .vm-create-bottom>.vm-create-imgs:nth-child(n + 8) {
    display: none !important;
  }

  .main-nav>.main-tabls-nav .vm-nav-left:nth-child(n + 9) {
    display: none !important;
  }

  .vm-create-font {
    font-size: 26px;
  }

  .vm-create-font-right {
    font-size: 18px;
  }


  /* .vm-border-list:nth-child(n + 10) {
    display: none !important;
  }

  .vm-border-list {
    width: 142.5px;
  } */
}

@media (max-width: 1500px) {
  /* .vm-border-list:nth-child(n + 9) {
    display: none !important;
  }

  .vm-border-list {
    width: 157.5px;
  } */

  .vm-header-p-left {
    font-size: 30px;
  }

  .vm-header-p-right {
    font-size: 20px;
  }
}

@media (max-width: 1470px) {
  /* .vm-border-list:nth-child(n + 9) {
    display: none !important;
  } */

  .vm-header-search {
    width: 315px;
  }

  .vm-header-search .vm-header-search-img {
    margin-right: 20px !important;
  }

  /* .vm-border-list {
    width: 153.5px;
  } */
}

@media (max-width: 1430px) {
  .vm-header-p {
    /* width: 13%; */
  }

  .vm-header-p-left {
    font-size: 29px;
  }

  .vm-header-search {
    width: 305px;
  }

  .vm-create-bottom>.vm-create-imgs:nth-child(n + 8) {
    display: none !important;
  }

  .main-nav>.main-tabls-nav .vm-nav-left:nth-child(n + 9) {
    display: none !important;
  }

  .vm-create-font {
    font-size: 25px;
  }

  .vm-create-font-right {
    font-size: 17px;
  }

  /* .vm-border-list:nth-child(n + 9) {
    display: none !important;
  }

  .vm-border-list {
    width: 149.5px;
  } */
}

@media (max-width: 1400px) {
  /* .vm-border-list:nth-child(n + 8) {
    display: none !important;
  } */

  .vm-header-search {
    width: 295px;
  }

  .vm-header-search .vm-header-search-img {
    margin-right: 20px !important;
  }

  /* .vm-border-list {
    width: 165px;
  } */
}

@media (max-width: 1360px) {
  .vm-header-p {
    /* width: 13%; */
  }

  .vm-header-search {
    width: 245px;
  }

  .vm-header-search .vm-header-search-img {
    margin-right: 25px !important;
  }

  .vm-header-p-left {
    font-size: 28px;
  }

  .vm-create-font {
    font-size: 24px;
  }

  .vm-create-font-right {
    font-size: 16px;
  }

  .vm-create-bottom>.vm-create-imgs:nth-child(n + 7) {
    display: none !important;
  }

  .main-nav>.main-tabls-nav .vm-nav-left:nth-child(n + 8) {
    display: none !important;
  }

  /* .vm-border-list:nth-child(n + 9) {
    display: none !important;
  }

  .vm-border-list {
    width: 163px;
  } */
}

@media (max-width: 1320px) {
  /* .vm-border-list:nth-child(n + 8) {
    display: none !important;
  }

  .vm-border-list {
    width: 160px;
  } */
}

@media (max-width: 1300px) {
  /* .vm-border-list:nth-child(n + 8) {
    display: none !important;
  }

  .vm-border-list {
    width: 156px;
  } */

  .logo {
    width: 110px;
  }
}

@media (max-width: 1280px) {
  /* .vm-border-list:nth-child(n + 8) {
    display: none !important;
  }

  .vm-border-list {
    width: 151px;
  } */
}

@media (max-width: 1264px) {
  .vm-header-p {
    /* width: 13%; */
  }

  .vm-header-search {
    width: 230px;
  }

  .vm-header-search .vm-header-search-img {
    margin-right: 35px !important;
  }

  .vm-header-p-left {
    font-size: 27px;
  }

  .vm-header-p-right {
    font-size: 18px;
  }

  .vm-create-font {
    font-size: 23px;
  }

  .vm-create-font-right {
    font-size: 15px;
  }

  .vm-create-bottom>.vm-create-imgs:nth-child(n + 6) {
    display: none !important;
  }

  .main-nav>.main-tabls-nav .vm-nav-left:nth-child(n + 8) {
    display: none !important;
  }

  /* .vm-border-list:nth-child(n + 8) {
    display: none !important;
  }

  .vm-border-list {
    width: 150.5px;
  } */
}

@media (max-width: 1240px) {
  /* .vm-border-list:nth-child(n + 8) {
    display: none !important;
  }

  .vm-border-list {
    width: 147px;
  } */

  .vm-header-search {
    width: 200px;
  }

  .logo {
    width: 105px;
  }
}

@media (max-width: 1220px) {
  /* .vm-border-list:nth-child(n + 8) {
    display: none !important;
  }

  .vm-border-list {
    width: 144px;
  } */
}

@media (max-width: 1200px) {
  /* .vm-border-list:nth-child(n + 7) {
    display: none !important;
  }

  .vm-border-list {
    width: 167px;
  } */

  .logo {
    width: 100px;
  }
}

@media (max-width: 1164px) {
  .vm-header-p-left {
    font-size: 26px;
  }

  .vm-header-p-right {
    font-size: 17px;
  }

  .logo {
    width: 88px;
  }

  .vm-create-font {
    font-size: 22px;
  }

  .vm-create-font-right {
    font-size: 14px;
  }

  .vm-create-bottom>.vm-create-imgs:nth-child(n + 6) {
    display: none !important;
  }

  .main-nav>.main-tabls-nav .vm-nav-left:nth-child(n + 7) {
    display: none !important;
  }

  /* .vm-border-list:nth-child(n + 7) {
    display: none !important;
  }

  .vm-border-list {
    width: 155px;
  } */
}

@media (max-width: 1164px) {
  /* .vm-border-list:nth-child(n + 7) {
    display: none !important;
  }

  .vm-border-list {
    width: 161px;
  } */
}

@media (max-width: 1130px) {
  /* .vm-border-list:nth-child(n + 7) {
    display: none !important;
  }

  .vm-border-list {
    width: 161px;
  } */
}

@media (max-width: 1120px) {
  /* .vm-border-list:nth-child(n + 7) {
    display: none !important;
  }

  .vm-border-list {
    width: 154.5px;
  } */
}

@media (max-width: 1100px) {
  /* .vm-border-list:nth-child(n + 7) {
    display: none !important;
  }

  .vm-border-list {
    width: 152px;
  } */
}

@media (max-width: 1080px) {
  /* .vm-border-list:nth-child(n + 7) {
    display: none !important;
  }

  .vm-border-list {
    width: 148.5px;
  } */
}

@media (max-width: 1060px) {
  /* .vm-border-list:nth-child(n + 7) {
    display: none !important;
  }

  .vm-border-list {
    width: 145.5px;
  } */
}

@media (max-width: 1040px) {
  /* .vm-border-list:nth-child(n + 7) {
    display: none !important;
  }

  .vm-border-list {
    width: 141.5px;
  } */
}

@media (max-width: 1020px) {
  /* .vm-border-list:nth-child(n + 6) {
    display: none !important;
  }

  .vm-border-list {
    width: 169px;
  } */
}

@media (max-width: 1000px) {
  /* .vm-border-list:nth-child(n + 6) {
    display: none !important;
  }

  .vm-border-list {
    width: 164px;
  } */
}