solve the problem of Responsive Layout

add in styles.css

.master-wrappermain{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: center;
align-items: center;
}

remove the width off

.master-wrapper-main
/ width:75%;
margin:0 auto;
max-width:1170px;
background:#fff;/
add div in root :views/shared/_root.cshtml
```
    <div class="master-wrapper-main clearfix">
        @RenderBody()
    </div>
</div>
```
upload to FTP and test
considering the IE browser
change with another way
add text-align in master-wrapper-main
add
.master-wrapper-main .side-2 li{
```
text-align: left;
```
}
add in master-wrappermain
master-wrappermain{
```
text-align: center;
```
}

.master-wrapper-main {
font-family: arial,helvetica,sans-serif;
color: #5C5B5B;
display: inline-block;
/width:75%;
margin:0 auto;
max-width:1170px;/
background:#fff;
}

/ one column master page /
.master-wrapper-main .center-1 {
float: left;
width: 910px;
min-height: 400px;
padding: 10px;
background: #FFF;
display: inline;
border-radius: 5px;
}

/ two column master page /
.master-wrapper-main .side-2 {
float: left;
width: 190px;
margin: 10px 0 10px 5px;
display: inline;
}
.master-wrapper-main .side-2 li{
```
text-align: left;
```
}
update 24012017
due to the modify of master-wrappermain{
```
text-align: center;
```
}
it effected other layout including:one column;two column and three column
we need to add text-align into them.