@charset "UTF-8";

@media screen and (max-width:850px){
    /* coded for 750px */

    .menu{
        width: 700px;
    }

    .container{
        width: 700px;
    }

    .item-img{
        width: 450px;
    }

    .item-img img{
        width: 300px;
        margin-left: 30px;
    }

    .item-text{
        width: 300px;
        margin-right: 50px;
    }

    .item-color p{
        font-size: 10px;
    }

    .item-color input{
        top: -4px;
    }

    .item-size p{
        font-size: 10px;
    }

    .item-size input{
        top: -4px;
    }

    .item-quantity p{
        font-size: 10px;
    }

    .item-btn{
        margin-top: 20px;
    }

    .item-btn button{
        width: 300px;
        font-size: 12px;
    }

    .item-table th{
        font-size: 10px;
    }

    .item-table td{
        font-size: 10px;
    }

    footer small{
        font-size: 10px;
    }
}