@media (max-width: 500px) {
.b-build-card__wrap {
display : flex;
flex-wrap : wrap;
}
}

@media only screen and (min-width: 670px) {
.col-md-32 {
width : calc(88.88889vw - 16px);
}
.no-scrollbar .col-md-32 {
width : 88.88889vw;
}
}

@media only screen and (min-width: 960px) {
.col-bg-25 {
width : calc(69.44444vw - 12.5px);
}
.no-scrollbar .col-bg-25 {
width : 69.44444vw;
}
}

@media screen and (max-width: 1023px) {
.block {
  position: fixed;
  display: none;
  width: 50px;
  height: 50px;
  }
}

@media only screen and (min-width: 1280px) {
.col-lg-17 {
width : calc(47.22222vw - 8.5px);
}
.no-scrollbar .col-lg-17 {
width : 47.22222vw;
}
.b-build-card_theme_map:hover {
transform : scale(1);
}
}

@media only screen and (min-width: 1440px) {
.col-xlg-17 {
width : 671.5px;
}
.no-scrollbar .col-xlg-17 {
width : 680px;
}
}

.my-hint {
            display: inline-block;
            padding: 5px;
            height: 45px;
            position: relative;
            left: -10px;
            width: 205px;
            font-size: 11px;
            line-height: 17px;
            color: #333333;
            text-align: center;
            vertical-align: middle;
            background-color: #faefb6;
            border: 1px solid #CDB7B5;
            border-radius: 20px;
            font-family: Arial;
        }