@media (max-width: 576px) { 
    header {
        display: flex;
        padding: 3%;
    }
    .logo {
        margin-right: 5vw;
    }
    .logo img {
        width: 8vw;
    }
    .nav {
        font-size: 1rem;
    }
    .nav a {
        margin-left: 2vw;
    }
    .nav .whatsapp {
        background-size: 2vw;
        padding-left: 2.5vw;  
    }

    .camera {
        column-count: 1;
        padding: 3%;
    }
    .camera .image-phone {
        display: block;
        text-align: center;
    }
    .camera .image-phone img {
        width: 80vw;
    }
    .camera .image {
        display: none;
    }
    .camera .download {
        margin-top: 5vw;
        margin-bottom: 5vw;
        width: 45vw;
        height: 9vw;
        border-radius: 4.5vw;
    }
    .camera .download a {
        line-height: 9vw;
    }

    .tech {
        padding: 3%;
        margin-top: 4vw;
        column-count: 1;
    }
    .tech .image {
        margin-top: 5vw;
        margin-bottom:5vw;
    }

    .narrow {
        padding: 3%;
        margin-top: 4vw;
        column-count: 1;
    }
    .narrow .image {
        margin-top: 5vw;
        margin-bottom:5vw;
    }

    .fps {
        padding: 3%;
        margin-top: 4vw;
        column-count: 1;
    }
    .fps .title{
        margin-bottom: 2vw;
    }
    .fps .content {
        margin-top: 2vw;
        font-size: 1rem;
        break-inside: avoid;
    }
    .fps .image {
        padding-top: 5vw;
        text-align: center;
    }
    .fps .image img {
        width: 80vw;
    }

    .video {
        padding: 3%;
    }
    .video {
        margin-top: 5vw;
    }
    .video .videos {
        column-count: 1;
        column-gap: 0;
    }
    .video .video-1 {
        margin-bottom: 3vw;
    }
    .video iframe {
        width: 100%;
        height: 80vw;
    }

    .about {
        padding: 3%;
        margin-top: 2vw;
        column-count: 1;
    }
    .about .text {
        margin-top: 5vw;
    }
    .about .content {
        margin-top: 2vw;
        font-size: 1rem;
        line-height: 180%;
        break-inside: avoid;
    }
    .about .image {
       margin-top:5vw;
       margin-bottom:5vw;
    }
    .about .image img{
        width: 100%;
    }

    .inquiry {
        padding: 3%;
    }
    .inquiry .title {
        margin-bottom: 5vw;
    }
    .inquiry .content {
        column-count: 1;
    }
    .inquiry .content .input {
        margin-top: 2vw;
        margin-right: 4vw;
    }
    .inquiry .content-area {
        margin-top: 2vw;
    }
    .inquiry .content-area .textarea {
        margin-right: 4vw;
    }
    .inquiry .content-area textarea {
        display: block;
    }
    .inquiry .content .input {
        padding-left: 3vw;   
    }
    .inquiry .content-area .textarea {
        padding-left: 3vw;   
    }
    .inquiry .star {
        background-image: url(/assets/wmc/images/star.png);
        background-size: 2vw;
        background-repeat: no-repeat;
        background-position-x: left;
        background-position-y: 2vw;
    }
    .inquiry .submit {
        text-align: center;
        margin-top: 2vw;
    }
    .inquiry .submit input{
        width: 32vw;
        height: 9vw;
        border-radius: 4.5vw;
        border: 2px solid #FFFFFF;
        font-size: 1.5rem;
        margin-top: 5vw;
    }

    .contact {
        padding: 3%;
        padding-top: 8vw;
        padding-bottom: 5vw;
    }
}