@media(max-width: 500px) {
    #HeroSection {
        padding: 15vw 0vw 10vw;
    }

    #HeroSection_StyleOne {
        padding: 10vw 0vw;
    }
    
    .flowerHerocolor {
        width: 3vw;
        margin: -1.5vw 1vw 0vw;
    }

    #HeroSection_StyleOne img.serviceLine {
        height: 2.5vw;
        margin: 3vw auto 5vw;
    }
    
    #HeroSection_StyleTwo {
        padding: 6vw 0vw 10vw;
    }
    
    .heroCompare {
        width: 100%;
        margin: 4vw 0vw 16vw;
    }
    
    .heroCompare .left {
        width: 43%;
    }
    
    .heroCompare .left img {
        display: block;
        width: 100%;
        transform: rotate(357deg);
    }
    
    .heroCompare .versus {
        width: 14%;
        font-size: 7vw;
    }
    
    .heroCompare .right {
        width: 43%;
    }
    
    .heroCompare .right img {
        display: block;
        width: 100%;
        transform: rotate(3deg);
    }
    
    .heroCompare .left img.wrong {
        width: 7vw;
        bottom: -6vw;
    }
    
    .heroCompare .right img.check {
        width: 7vw;
        bottom: -5vw;
    }
    
    #HeroSection_StyleThree {
        padding: 4vw 0vw 8vw;
    }
    
    .swiper_Frizzy {
        margin: 0px -12px !important;
    }
    
    .swiper_Frizzy .swiper-slide {
        width: 80%;
    }
    
    .swiper_Curl_Perm {
        margin: 0px -12px !important;
    }
    
    .swiper_Curl_Perm .swiper-slide {
        width: 80%;
    }
    
    #HeroSection_StyleFour {
        padding: 6vw 0vw 7vw;
    }
    
    #BrandAdd {
        padding: 8vw 0vw 14vw;
        border-top: 1px solid hsl(27deg 21% 56% / 50%);
    }
    
    .brandUsed {
        padding: 0vw;
        margin: 3vw 0vw 0vw;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 4vw;
    }
    
    .brandUsed .list {
        width: 28%;
        position: relative;
        height: auto;
    }
    
    .brandUsed .list:before {
        display: none;
    }
    
    .brandUsed .list:last-child:after {
        display: none;
    }
    
    .brandUsed .list:nth-child(1) img {
        width: 74%;
    }
    
    .brandUsed .list:nth-child(2) img {
        width: 100%;
    }
    
    .brandUsed .list:nth-child(3) img {
        width: 90%;
    }
    
    .brandUsed .list:nth-child(4) img {
        width: 100%;
    }
    
    .brandUsed .list:nth-child(5) img {
        width: 75%;
    }
    
    #OurExpertise {
        padding: 10vw 0vw;
    }
    
    img.serviceLine {
        height: 3vw;
        margin: 3vw auto 7vw;
    }
    
    .VolumeStraightening,
    .RemodelingFrizzyHair,
    .CurlPermStyling {
        margin: 0vw auto 10vw;
        gap: 2vw;
    }
    
    #Celeb {
        padding: 10vw 0vw;
    }
    
    #Celeb .cover {}
    
    #Collaboration {
        padding: 9vw 0vw 0vw;
    }
    
    .Colla_Japan {
        display: flex;
        width: 100%;
        margin: 4vw auto 2vw;
    }
    
    .Colla_Japan .right {
        width: 45%;
    }
    
    .Colla_Japan .right .text {
        font-size: 5vw;
    }
    
    .Colla_Japan .times {
        width: 6%;
        margin: 0vw 3%;
    }
    
    .Colla_Japan .left {
        width: 45%;
    }
    
    .Colla_Japan .left .text {
        font-size: 5vw;
    }
    
    .FloatBehindStar {
        position: absolute;
        bottom: -40%;
    }
    
    .SixProduct {
        display: flex;
        align-items: flex-end;
        width: 91%;
        margin: 8vw auto -2vw;
        gap: 3vw;
    }
    
    .SixProduct .list {
        width: 20%;
    }
    
    .SixProduct .list:nth-child(1) {
        width: 12%;
    }
    
    .SixProduct .list:nth-child(2) {
        width: 19%;
    }
    
    .SixProduct .list:nth-child(3) {
        width: 18%;
    }
    
    .SixProduct .list:nth-child(4) {}
    
    .SixProduct .list:nth-child(5) {}
    
    .SixProduct .list:nth-child(6) {
        width: 11%;
    }
    
    .SixProduct .list img {
        display: block;
        width: 100%;
    }
    
    #Compare {
        padding: 10vw 0vw;
    }
    
    #Compare .cover {
        width: 100%;
        height: 100%;
        display: block;
        position: absolute;
        top: 0vw;
        left: 0vw;
        background: #000000b3;
    }
    
    .CompareOthers {
        width: 100%;
        margin: 9vw auto 7vw;
        flex-direction: column;
    }
    
    .CompareOthers .halfWidth {
        width: 100%;
        padding: 0vw;
    }
    
    .CompareOthers .halfWidth.left {
    }
    
    .CompareOthers .halfWidth.right {
        width: 100%;
        margin-bottom: 7vw;
    }
    
    .CompareOthers .halfWidth .head {
        font-size: 9vw;
        line-height: 10vw;
        height: auto;
        padding: 6vw 0vw;
    }
    
    .CompareOthers .halfWidth.left .head {
    }
    
    .CompareOthers .halfWidth.left .head img {
        width: 55%;
    }
    
    .CompareOthers .halfWidth.right .head {}
    
    .CompareOthers .halfWidth .tick {
    padding: 6vw;
}
    
    .CompareOthers .halfWidth .list span {
        position: absolute;
        top: 3vw;
        left: 3vw;
    }
    
    .CompareOthers .halfWidth .tick span {
        width: 5vw;
        height: auto;
        aspect-ratio: 33/28;
    }
    
    .CompareOthers .halfWidth .cross {
    padding: 6vw;
}
    
    .CompareOthers .halfWidth .cross span {
        width: 5vw;
        height: auto;
        aspect-ratio: 21/19;
    }
    
    .CompareOthers .halfWidth .list {
        font-size: 5vw;
        line-height: 6vw;
        padding: 2vw 4vw 2vw 12vw;
    }
    
    #Misconceptions {
        padding: 10vw 0vw 0vw;
    }
    
    .ConceptClick {
        border-radius: 0vw 6vw 0vw 0vw;
    }
    
    .ConceptClick .group {
        padding: 4vw 6vw;
    }
    
    .ConceptClick .group .tag {
        font-size: 5.4vw;
        font-weight: 600;
        line-height: 6vw;
    }
    
    .ConceptClick .group .tag .image {
    width: 6vw;
    height: 9vw;
}
    
    .ConceptClick .group .tag img {
        width: 7vw;
        transform: translate(-84%, -9%) rotate(-16deg);
    }
    
    .ConceptClick .group .title {
        font-size: 4.2vw;
        line-height: 5.2vw;
        padding: 1vw 0vw 0vw;
    }
    
    .misconceptAnswer {
        padding: 3vw 2vw;
    }
    
    .accordion-button::after {
        width: 2.25rem;
        height: 2.25rem;
        top: 8vw;
    }

    .accordion-button:not(.collapsed)::after {
        transform: translate(-18%, -50%);
    }
    
    .qualityDrops {
        padding: 4vw 0vw 0vw;
    }
    
    .qualityDrops .list {
        padding: 0vw 0vw 0vw 9vw;
        font-size: 4.6vw;
        line-height: 5.6vw;
    }
    
    .qualityDrops .list:not(:last-child) {
        margin-bottom: 2vw;
    }
    
    .qualityDrops .list span {
        top: -0.5vw;
        width: 6.5vw;
        height: 6.5vw;
    }
    
    .SandStormFounder {}

    .SandStormFounder img {
        border-radius: 600px;
        margin-bottom: 0vw;
    }
    
    .SandStormFounder .col-inner {
        /*border-radius: 250px 250px 0vw 0vw;*/
        /*background: var(--brand_color);*/
        /*padding: 25px 45px 0vw;*/
    }
    
    .FounderDetails {}
    
    .FounderDetails .col-inner {
        padding: 0vw 0vw 8vw;
    }
    
    .tenYears {
        font-size: 14vw;
    }
    
    .Specialized {
        padding: 7vw 4vw 0vw;
    }
    
    .Specialized .title {
        font-size: 5.4vw;
        line-height: 5.4vw;
        padding: 0vw 0vw 4vw;
    }
    
    .Specialized .Specialist {}
    
    .Specialized .Specialist .item {
        font-size: 4.8vw;
        padding: 0.5vw 0vw 0vw 8vw;
        margin: 0vw 0vw 1vw;
    }
    
    .Specialized .Specialist .item span {
        width: 4.6vw;
        height: auto;
        aspect-ratio: 112/89;
        top: 2vw;
        left: 1vw;
    }
    
    #ComfortExperience {
        padding: 10vw 0vw 5vw;
    }
    
    #ComfortExperience .cover {
        width: 100%;
        height: 100%;
        display: block;
        position: absolute;
        top: 0vw;
        left: 0vw;
        background: #000000c7;
    }
    
    .GoodhairStudio {
        grid-template-columns: repeat(2, 1fr);
        width: 100%;
        margin: 7vw auto 0vw;
        gap: 3vw;
    }
    
    .GoodhairStudio .list {
        overflow: hidden;
        grid-row: span 1;
        grid-column: span 1;
    }
    
    .GoodhairStudio .list:nth-child(1) {}
    
    .GoodhairStudio .list:nth-child(2) {}
    
    .GoodhairStudio .list:nth-child(3) {}
    
    .GoodhairStudio .list:nth-child(4) {}
    
    .GoodhairStudio .list:nth-child(5) {}
    
    .GoodhairStudio .list:nth-child(6) {}
    
    .GoodhairStudio .list:nth-child(7) {}
    
    .GoodhairStudio .list:nth-child(8) {}
    
    .GoodhairStudio .list a {
        position: relative;
        width: 100%;
        height: 100%;
    }
    
    .GoodhairStudio img {
        display: block;
        width: 100%;
        height: 100%;
        -webkit-transition: all .6s ease-in-out;
        -moz-transition: all .6s ease-in-out;
        transition: all .6s ease-in-out;
    }
    
    .GoodhairStudio .list:hover img {
        transform: scale(1.03);
    }
    
    #Guarantee {
        padding: 10vw 0vw;
    }
    
    #Guarantee .innerLine {}
    
    #Guarantee .container {
        position: relative;
    }
    
    #Guarantee .container .inner {
        padding: 7vw 0vw 24vw;
        border-radius: 5vw;
        width: 84%;
        margin: 0vw auto;
    }
    
    #Guarantee .cover {
        width: 100%;
        height: 100%;
        display: block;
        position: absolute;
        top: 0vw;
        left: 0vw;
        background: #000000b5;
    }
    
    #SandStormStylists {
        padding: 10vw 0vw;
        background: #F3F2F0;
    }
    
    .HairStylist {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 3vw;
        padding: 0vw;
    }
    
    .HairStylist .list {
        width: 100%;
    }
    
    .HairStylist .list .image {}
    
    .HairStylist .list .image img {
        display: block;
        width: 100%;
        height: 100%;
    }
    
    .HairStylist .list .droplet {
        padding: 4vw 3vw;
        position: relative;
    }
    
    .HairStylist .list:hover .droplet {
        background: var(--brand_color);
        color: black;
        transition: all 0.3s ease-in-out;
    }
    
    .HairStylist .list .droplet .name {
        margin-bottom: 1vw;
        font-size: 4vw;
        line-height: 4.2vw;
    }
    
    .HairStylist .list .droplet .position {
        font-size: 4vw;
        line-height: 4vw;
    }
    
    #Appointment {
        padding: 8vw 0vw 6vw;
    }
    
    #Appointment .cover {
        width: 100%;
        height: 100%;
        display: block;
        position: absolute;
        top: 0vw;
        left: 0vw;
        background: #000000;
        opacity: 0.75;
    }
    
    .SandStormLocation {
        padding: 10vw 0vw 0vw;
    }
    
    .SandStormLocation .mapLinks {
        display: flex;
        justify-content: center;
        align-items: center;
        align-content: center;
        padding: 0vw 0vw 30px;
    }
    
    .SandStormLocation .mapLinks .google {
        margin-right: 10px;
    }
    
    .SandStormLocation .mapLinks .google a {
        padding: 1.5vw 4vw 1.5vw 2vw;
        margin-right: 1vw;
        font-size: 4.2vw;
        line-height: 4.6vw;
        gap: 1vw;
    }
    
    .SandStormLocation .mapLinks .google a img {
        width: 7vw;
    }
    
    .SandStormLocation .mapLinks .waze {
        margin-right: 10px;
    }
    
    .SandStormLocation .mapLinks .waze a {
        padding: 1.5vw 4vw 1.5vw 2vw;
        margin-right: 0vw;
        font-size: 4.2vw;
        line-height: 4.6vw;
        gap: 1vw;
    }
    
    .SandStormLocation .mapLinks .waze a img {
        width: 7vw;
    }
    
    .SandStormLocation .location {
        padding: 0vw 0vw 2vw;
        font-weight: 500;
        font-size: 5.8vw;
        line-height: 5.8vw;
        text-align: center;
    }
    
    .SandStormLocation .company {
        text-align: center;
        font-size: 4vw;
        line-height: 5vw;
        margin: 0px 0px 3vw;
    }
    
    .SandStormLocation .address {
        padding: 0vw 0vw 15px;
        font-size: 4.6vw;
        line-height: 6.2vw;
        text-align: center;
        margin: 0px auto;
    }
    
    .SandStormLocation .opening {
        font-size: 5.8vw;
        line-height: 6.4vw;
        text-align: center;
        font-weight: 500;
    }
    
    .SandStormLocation .weekend {
        padding: 2vw 0vw 0vw;
    }
    
    .SandStormLocation .weekend .list {
        font-size: 4.6vw;
        line-height: 5vw;
        letter-spacing: 0em;
        text-align: left;
        display: flex;
        width: 100%;
        padding: 0vw 0vw 6px;
        justify-content: center;
    }
    
    .SandStormLocation .weekend .list .day {
        width: auto;
        margin-right: 2vw;
    }
    
    .SandStormLocation .weekend .list .time {
        width: auto;
    }

    #footer {
        padding: 1vw 0vw;
    }
}