مشکل عمل نکردن margin و ریسپانسیو نشدن صفحه

[mdc.ir]

سلام
برای ریسپانسیو کردن عکس های گالری سایت دچار مشکل شدم وقتی اندازه مرورگر max-width :479px میشه دایو portfolioContainer از یه اندازه ای کوچکتر نمیشه و این باعث میشه صفحه اسکرول افقی بشه ( و دیگه ریسپانسیو نیست ) مشکل دوم اینکه برای دایو portfolioContainer اصلا محتوا بوسیله margin 0 auto وسط صفحه قرار نمی گیره :متفکر:

html :

<div class="portfolioContainer"><!--start portfolioContainer-->

<div class="Portfolio-box ">

<a href="#"><img src="image/Portfolio-pic1.jpg" alt=""></a>

<h3>Foto Album</h3>

<p>Print Design</p>

</div>

<div class="Portfolio-box ">

<a href="#"><img src="image/Portfolio-pic1.jpg" alt=""></a>

<h3>Foto Album</h3>

<p>Print Design</p>

</div>

<div class="Portfolio-box ">

<a href="#"><img src="image/Portfolio-pic1.jpg" alt=""></a>

<h3>Foto Album</h3>

<p>Print Design</p>

</div>

<div class="Portfolio-box ">

<a href="#"><img src="image/Portfolio-pic1.jpg" alt=""></a>

<h3>Foto Album</h3>

<p>Print Design</p>

</div>

<div class="Portfolio-box ">

<a href="#"><img src="image/Portfolio-pic1.jpg" alt=""></a>

<h3>Foto Album</h3>

<p>Print Design</p>

</div>

<div class="Portfolio-box ">

<a href="#"><img src="image/Portfolio-pic1.jpg" alt=""></a>

<h3>Foto Album</h3>

<p>Print Design</p>

</div>

</div><!--end portfolioContainer-->

----------------------------------------------------------------------

css :


.portfolioContainer{
margin:0 auto;
overflow:hidden;
}

.Portfolio-box{
text-align:center;
margin-bottom:30px;
height:350px;
width:350px;
float:left;
padding:0;
}
.Portfolio-box img{
margin-bottom:25px;
}
img {
max-width:100%;
}

کد های فایل ریسپانسیو.flie responsive.css




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

/****Mobile Portrait 320 ****/

.Portfolio-box{ max-width:300px !important; width:96.4% !important; margin:0 !important}

.Portfolio-box img { max-width:100%;}

.portfolioContainer{ width:280px !important; margin:0 auto !important }


}

[sinoser]

بررسیش نمی کنم و کسی هم نمی کنه لطفا کد ها رو در قالب نمایش درست بذارید و از سایت https://jsfiddle.net هم اگر استفاده کنید جواب بهتری دوستان خواهند داد.
اما اگر کارت خیلی کارت فورس هست باید بگم شما داری عرض ثابت میدی (protofilo - width : 350px) باید 100% بدی.