@media (max-width:999px){
.container{
width:100%;
}
#header-wrapper{
width:100%;
}
#header{
width:100%;
}
#logo {
width:30%;
}
#menu-wrapper{
width:60%;
}
#banner-wrapper{
width:100%;
}
#banner{
width:100%;
}
#banner .image{
width:100%;
}
#banner .caption1 {
width:100%;
height:auto;
}
#banner .image img{
width:100%;
}

#banner .border{
width:100%;
background-size:100%;
}
#page-wrapper{
width:100%;
}
#page{
width:95%;
}
#content{
width:65%;
}
.post{
width:100%;
}
#sidebar{
width:30%;
}
#footer-content{
width:100%;
background-size:100%;
}
#three-columns{
width:100%;
}
#three-columns #column1{
width:30%;
}
#three-columns #column2{
width:30%;
}
#three-columns #column3{
width:30%;
}
table{
width:100%;
}
tr{
width:100%;
}

td{
width:30%;
}
td img{
width:100%;
}

}
@media (max-width:480px){
#logo{
width:100%;
text-align:center;
}
#logo h1{
text-align:center;
width:100%;
}
#logo h1, #logo p{
text-align:center;
width:100%;
}
#header{
overflow: visible;
}
#header-wrapper{
overflow: visible;
height:auto;
}
#menu-wrapper{
float:none;
width:100%;
}
#content{
width:100%;
float:none;
}
#sidebar{
width:100%;
float:none;
}
#page {
padding:0px;
overflow:visible;
}
#sidebar .contentbg{
width:100%;
overflow:visible;
background-size:100%;
}
#three-columns #column1{
width:100%;
}
#three-columns #column2 {
width:100%;
}
#three-columns #column3{
width:100%;
}

}