inner크기가 안줄어들어요

<meta name="viewport"

          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">

index페이지에 저 소스를 쓰고,

style.css에

@media screen and (max-width:1000px){

    #header .inner{

        width: 97.5%;

    }

    #main_container{

        padding-top: 220px;

    }

    #main_container .inner{

        width: 93.5%;

    }

    .contents_box{

        display:flex;

        flex-direction: column;

        align-items: center;

    }

    .side_box{

        display: none;

    }

이걸 썼는데 display:none은 먹는데, width부분이 inner들에 적용이안되나봐요..