@media only screen and (max-width : 400px) {
  #header {
    text-align: center;
  }
  #header h1 {
    float: none;
  }
  #header h2 {
    float: none;
    margin-bottom:20px;
  }
  .menu {
    width:100%;
  }
  .menu li {
    float:left;
    width:100%;
    border-right:0px;
    border-bottom:1px dotted #e9e9e9;    
  }
  .menu li:last-child { border-bottom:0px; }
  .menu li a {
    padding:4px 0px;
  }
  .menu li ul li a {
    width:auto;    
  }
  .menu li ul {
    width:90%;
  }

  #header {
    width:90%;
  }    .subscribe {		float:none;  }

  #wrap {
      width:95%;
  }

  #wrapins {
	width:100%;
  }

  .portfolio li {
    margin-left: 15%;
  }

  #page-area {
    width:100%;
  }

  .type-page {
    width:100%;
    margin-right:0px;
  }
  #page-area-full .type-page {
    width:100%;
    margin-right:0px;
  }
  .type-post {
    width:100%;
  }
  #footer {
      width:90%;	  margin:0px auto;
  }  .widget_footer {	width:95%;  }    .footerwidgets {	width:95%;  }  #copyright {	width:95%;  }  
  #sidebar {
    float:left;
    clear:both;
    width:100%;
  }
  img {
    max-width: 100%;
    height: auto;
  }

  iframe {
    width:100%;
  }
}

@media screen and (min-width: 400px) and (max-width: 800px) {

  #header {
    text-align: center;
  }

  #header h1 {
    float: none;
  }
  #header h2 {
    float: none;
    margin-bottom:20px;
  }

  .menu {
    width:100%;
  }  
  .menu li {
    float:left;
    width:100%;
    border-right:0px;
    border-bottom:1px dotted #e9e9e9;    
  }
  .menu li:last-child { border-bottom:0px; }
  .menu li a {
    padding:4px 0px;
  }
  .menu li ul li a {
    width:auto;    
  }
  .menu li ul {
    width:90%;
  }

  #header {
    width:90%;
  }    .subscribe {		float:none;  }

  #wrap {
      width:95%;
      /*margin-left: 15%;*/
  }
  
  #wrapins {
	width:100%;
  }

  .portfolio li {
    /*width:40%;*/
    margin-left: 15%;
  }

  #page-area {
    width:100%;
  }    #blogcontent {	width:100%;  }    #blogcontent .post {	width:100%;  }    #blogcontent .content {	width:95%;  }

  .type-page {
    width:100%;
    margin-right:0px;
  }
  #page-area-full .type-page {
    width:100%;
    margin-right:0px;
  }
  .type-post {
    width:100%;
  }
  #footer {
      width:90%;	  margin:0px auto;
  }    .widget_footer {	width:95%;  }    .footerwidgets {	width:95%;  }    #copyright {	width:95%;  }
  #sidebar {
    float:left;
    clear:both;
    width:100%;
  }
  img {
    max-width: 100%;
    height: auto;
  }
  iframe {
    width:100%;
  }

}