@media (width < 600px){
    header{
        width:100vw;
        height:2vh;
        margin-top:0;
        background-color:rgb(34, 34, 34);
    }
    header.scrolled{
        background-color:#474747c2;
        justify-content: space-between;
        border-radius:unset; 
        min-height: 5vh;
        width:100vw;
    }
    header .logo{
        height:20px;
    }
    header .nav-links{
        display: none;
    }
    header .right{
        display:flex;
        flex-direction: row;
        align-items: center;
    }
    header .fa-bars{
        display:block;
        color:white;
        margin-left:10px;
        margin-right:10px;
    }
    .toggle-wrapper{
        width:40px;
        height:20px;
        margin-right:0;
    }
    .toggle-button{
        left:2px;
        width:16px;
        height:16px;
    }
    body.light-mode .toggle-button{
        left:22px;
    }
    .toggle-button i{
        font-size:10px;
    }
    .sidebar{
        z-index: 999;
        position:fixed;
        background-color:rgba(37, 37, 37, 0.781);
        height:100vh;
        right:0;
        width:50%;
        top:5vh;
    }
    .sidebar .nav-side{
        background:transparent;
        display:flex;
        flex-direction: column;
        gap:4vh;    
        margin-top:4vh;
    }
    .sidebar .nav-side a{
        margin-left: 10px;
        text-decoration: none;
        color:white;
        font-weight:lighter;   
    }
    .sidebar .nav-side a i{
        margin-right:10px;
    }
    .home .sub2 .fire-dragon{   
        width:125px;
    }
    .home .sub2 .ice-dragon{
        width:125px;
    }
    .aboutus img{
        width:100vw;
        height:auto;
    }
    .aboutus .outer{
        border-radius:10%;
    }
    .aboutus .outer .title2{
        margin: 3vw 0 3vw 10vw;
        font-size:6vw;
    }
    .aboutus .outer .phone-content{
        border-radius: 5px;
        width:80%;
        padding-top:5px;
        padding-left: 2vw;
    }
    .aboutus .outer .phone-content h1{
        font-size:4vw;
    }
    .aboutus .outer .phone-content p{
        font-size:3vw;
        margin-top:1px;
    }
    .aboutus .outer .phone-content ul{
        font-size:3vw;
        line-height:4vw;
        padding-left:5vw;
    }
    .aboutus .outer .phone-content hr{
        margin-top:2px;
        margin-bottom:1px;
    }
    .product .list .item{
        border-radius:10%;
        min-width:80%;
        padding-bottom:10vw;
        padding-top:5vw;
        margin-left:8%;
    }
    .product .list .item h1{
        font-size:6vw;
        margin-bottom:3vw;
    }
    .product .word-last{
        font-size:5vw;
    }
    .product .left, .product .right{
        height:10vw;
        width:10vw;
        font-size:2vw;
    }
    .product .list .item div{
        border-radius:10%;
    }
    .product .list .word-last{
        font-size:9.5vw;
    }
    .policy .sub2 .card{
        padding: 5vw 3vw 2vw 3vw;
    }
    .policy .sub2 .card .icon{
        font-size:4vw;
        margin-bottom:2vw;
    }
    .policy .sub2 .card h1{
        font-size:4vw;
        margin-bottom:2vw;
        padding-bottom:2vw;
    }
    .policy .sub2 .card ul{
        margin-left:0;
        padding-left:4vw;
    }
    footer .column1 h1{
        font-size: 5vw;
    }
    footer .column2 h1, footer .column3 h1{
        margin-top:10px;
        font-size: 5vw;
    }
    footer .column1 p{
        font-size:4vw;
        max-width:30vw;
    }
    footer .column2 ul, footer .column3 ul{
        margin-top:0;
        padding-left: 3vw;
    }
    footer .column2 ul li , footer .column3 ul li{
        font-size:4vw;
        line-height:4vw;
    }
    footer .column2 ul li a{
        align-items: center;
    }
    footer .column2 ul img{
        width:4vw;
        height:4vw;
    }
}