@media only screen and (min-width: 320px) and (max-width: 575px) {
  body {
    font-size: 12px
  }
  .girlsList .card {
    width: 100%;
    margin-right: 0px;
    margin-bottom:20px;
  }
  .subTitle p{
    font-size: 14px;
  }
  .homeTopBox img {
    width: 40px;
    height: 40px;
    margin: 0 auto;
  }
  .top-navbar .menuIcon img, .top-navbar .NotiLink img, .bottomNav .menuItem img{
    width: 30px;
    height: 30px;
  }
  .bottomNav .menuItem span {
    font-size: 12px;
    margin-top: 5px;
  }
  .bottomNav .menuItem .centerIcon span{
    margin-top: 0px !important;
  }
  .meinKondoForm .buttonPrimary{
    width: 100%;
  }

  .point-banner .item{
    height: 200px;
  }
  .point-banner .item img{
    height: 200px;
  }
  .pointBox ul{
    margin: 0px;
    padding: 0px;
    text-align: center;
  }
  .pointBox ul li{
    width:60px;
    height:60px;
    font-size: 16px;
    line-height: 60px;
    margin-right: 15px;
    margin-bottom: 15px;
  }
  .modal-slide.left-menu .modal-content{
    width: 340px;
  }
  .LoginForm{
    width: 300px;
  }
  .otpBox input {
    width: 38px !important;
    height: 40px !important;
  }
  .OtpSeparator{
    display: none;
  }
}

@media only screen and (min-width: 576px) and (max-width: 640px) {
  body {
    font-size: 12px
  }
  .girlsList .card {
    width: 100%;
    margin-right: 0px;
    margin-bottom:20px;
  }
  .subTitle p{
    font-size: 14px;
  }
  .homeTopBox img {
    width: 40px;
    height: 40px;
    margin: 0 auto;
  }
  .top-navbar .menuIcon img, .top-navbar .NotiLink img, .bottomNav .menuItem img{
    width: 30px;
    height: 30px;
  }
  .bottomNav .menuItem span {
    font-size: 12px;
    margin-top: 5px;
  }
  .bottomNav .menuItem .centerIcon span{
    margin-top: 0px !important;
  }
  .meinKondoForm .buttonPrimary{
    width: 100%;
  }
  .point-banner .item{
    height: 200px;
  }
  .point-banner .item img{
    height: 200px;
  }
  .pointBox ul{
    margin: 0px;
    padding: 0px;
    text-align: center;
  }
  .pointBox ul li{
    width:60px;
    height:60px;
    font-size: 16px;
    line-height: 60px;
    margin-right: 15px;
    margin-bottom: 15px;
  }
}

@media only screen and (min-width: 641px) and (max-width: 767px) {
  body {
    font-size: 12px
  }
  .girlsList .card {
    width: 48%;
    margin-right: 20px;
    margin-bottom:20px;
  }
  .girlsList .card:nth-child(2n) {
    margin-right: 0px;
  }
  .girlsList .card:nth-child(5n) {
    margin-right: 20px;
  }
  .GirlFullImg img {
    height: 350px;
  }
  .subTitle p{
    font-size: 14px;
  }
  .homeTopBox img {
    width: 40px;
    height: 40px;
    margin: 0 auto;
  }
  .top-navbar .menuIcon img, .top-navbar .NotiLink img, .bottomNav .menuItem img{
    width: 30px;
    height: 30px;
  }
   .bottomNav .menuItem span {
    font-size: 12px;
    margin-top: 5px;
  }
  .bottomNav .menuItem .centerIcon span{
    margin-top: 0px !important;
  }
  .meinKondoForm .buttonPrimary{
    width: 100%;
  }
  .point-banner .item{
    height: 200px;
  }
  .point-banner .item img{
    height: 200px;
  }
  .pointBox ul{
    margin: 0px;
    padding: 0px;
    text-align: center;
  }
  .pointBox ul li{
    width:60px;
    height:60px;
    font-size: 16px;
    line-height: 60px;
    margin-right: 15px;
    margin-bottom: 15px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  body {
    font-size: 12px
  }
  .girlsList .card {
    width: 31%;
    margin-right: 25px;
    margin-bottom:20px;
  }
  .girlsList .card:nth-child(3n) {
    margin-right: 0px;
  }
  .girlsList .card:nth-child(5n) {
    margin-right: 25px;
  }
  .GirlFullImg img {
    height: 300px;
  }
  .subTitle p{
    font-size: 14px;
  }
  .homeTopBox img {
    width: 40px;
    height: 40px;
    margin: 0 auto;
  }
  .top-navbar .menuIcon img, .top-navbar .NotiLink img, .bottomNav .menuItem img{
    width: 30px;
    height: 30px;
  }
   .bottomNav .menuItem span {
    font-size: 12px;
    margin-top: 5px;
  }
  .bottomNav .menuItem .centerIcon span{
    margin-top: 0px !important;
  }
  .meinKondoForm .buttonPrimary{
    width: 100%;
  }

  .point-banner .item{
    height: 300px;
  }
  .point-banner .item img{
    height: 300px;
  }
  .pointBox ul{
    margin: 0px;
    padding: 0px;
    text-align: center;
  }


}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  body {
    font-size: 12px
  }
  .girlsList .card {
    width: 31%;
    margin-right: 25px;
    margin-bottom:20px;
  }
  .girlsList .card:nth-child(3n) {
    margin-right: 0px;
  }
  .girlsList .card:nth-child(5n) {
    margin-right: 25px;
  }
  .GirlFullImg img {
    height: 350px;
  }
  .subTitle p{
    font-size: 16px;
  }
  .homeTopBox img {
    width: 40px;
    height: 40px;
    margin: 0 auto;
  }
  .top-navbar .menuIcon img, .top-navbar .NotiLink img, .bottomNav .menuItem img{
    width: 33px;
    height: 33px;
  }
  .bottomNav .menuItem span {
    font-size: 12px;
    margin-top: 5px;
  }
  .bottomNav .menuItem .centerIcon span{
    margin-top: 0px !important;
  }
  .point-banner .item{
    height: 300px;
  }
  .point-banner .item img{
    height: 300px;
  }
  .pointBox ul{
    margin: 0px;
    padding: 0px;
    text-align: center;
  }

}

@media only screen and (min-width: 1200px) and (max-width: 1350px) {
  body {
    font-size: 12px
  }
  .girlsList .card {
    width: 23%;
    margin-right: 25px;
    margin-bottom:20px;
  }
  .girlsList .card:nth-child(4n) {
    margin-right: 0px;
  }
  .girlsList .card:nth-child(5n) {
    margin-right: 25px;
  }
  .GirlFullImg img {
    height: 350px;
  }
  .subTitle p{
    font-size: 16px;
  }
  .homeTopBox img {
    width: 40px;
    height: 40px;
    margin: 0 auto;
  }
  .top-navbar .menuIcon img, .top-navbar .NotiLink img, .bottomNav .menuItem img{
    width: 33px;
    height: 33px;
  }
  .bottomNav .menuItem span {
    font-size: 12px;
    margin-top: 5px;
  }
  .bottomNav .menuItem .centerIcon span{
    margin-top: 0px !important;
  }
}

@media only screen and (min-width: 1351px) and (max-width: 1528px) {
  body {
    font-size: 12px
  }
  .girlsList .card {
    width: 23.5%;
    margin-right: 20px;
    margin-bottom:20px;
  }
  .girlsList .card:nth-child(4n) {
    margin-right: 0px;
  }
  .girlsList .card:nth-child(5n) {
    margin-right: 20px;
  }
  .GirlFullImg img {
    height: 400px;
  }
  .subTitle p{
    font-size: 16px;
  }
  .homeTopBox img {
    width: 40px;
    height: 40px;
    margin: 0 auto;
  }
  .top-navbar .menuIcon img, .top-navbar .NotiLink img, .bottomNav .menuItem img{
    width: 33px;
    height: 33px;
  }
  .bottomNav .menuItem span {
    font-size: 12px;
    margin-top: 5px;
  }
  .bottomNav .menuItem .centerIcon span{
    margin-top: 0px !important;
  }
}


/**columns count**/
@media (min-width: 576px) {
  .card-columns {
      column-count: 2;
  }
}

@media (min-width: 768px) {
  .card-columns {
      column-count: 3;
  }
}

@media (min-width: 992px) {
  .card-columns {
      column-count: 4;
  }
}

@media (min-width: 1200px) {
  .card-columns {
      column-count: 5;
  }
}