@media only screen and (max-width: 769px) {
       
       .mc span.no_mobile {
              float: none;
              display: none;
       }
       
       .mc form input[type=text], .mc form input[type=email] {
              margin-top: 5px;
              margin-left: 0;
       }

       .wrap {
              width: 700px;
       }
       
       .mc.no_mobile input[type=text], 
       .mc.no_mobile input[type=email] {
              width: 150px;
       }
       
       #feature #slides, #feature #slides .slide, #feature #slides img  {
              max-width: 100%;
              width: inherit !important;
              height: 363px !important;
       }

       #projects {
              width: 100%;
       }
       
       #projects .project {
              width: 100%;
       }
       
       .blog #main, .single #main, .category #main {
              width: 460px;
       }
       
       #main img {
              max-width: 100%;
              height: inherit;
              width: inherit;
       }
       
       .flickr_badge_image {
              float: left;
              width: 50%;
       }
       
       .flickr_badge_image img {
              max-width: 100%;
              width: inherit;
              height: inherit;
              max-height: 60px;
       }
       
       .blog .sidebar.two, .single .sidebar.two, .category .sidebar.two {
              width: 210px;
       }
       
       .post {
              margin: 0 0 3em 0;
       }
       
       .home #three-col .widget {
              width: 213px;
       }
       
       #footer .contact {
              line-height: 1.5em;
       }
}

@media only screen and (max-width: 710px) {
       
       p, li, a, h4 {
              font-size: 14px;
       }
       
       #feature #pager {
         bottom: -15.5%;
       }
       
       .post h2.post-title, .post h2.post-title a, .post h1.post-title, .post h1.post-title a {
              font-size: 20px;
       }
       
       .wrap {
              width: 300px;
       }
       
       .mobile_only {
              display: block;
       }
       
       .no_mobile {
              display: none;
       }
       
       .blog .sidebar.two, .single .sidebar.two, .category .sidebar.two, .home #three-col .widget, .blog #main, .single #main, .category #main, .blog .sidebar, .single .sidebar, .category .sidebar {
              width: 100%;
       }
       
       #feature #slides, #feature #slides .slide, #feature #slides img {
              height: 155px !important;
       }
       
       #logo {
              position: relative;
              top: inherit;
              left: inherit;
              margin: 10px auto;
       }
       
       #feature #slides .slide .text {
              display: none;
       }
       
       ul#nav {
              position: relative;
              bottom: inherit;
              right: inherit;
              text-align: right;
       }
       
       ul#nav li {
              float: none;
              display: inline-block;
       }
       
       #header {
              height: inherit;
       }
       
       .home #three-col .widget {
              margin: 0 0 10px 0;
       }
       
       #projects .project a img {
              display: block;
              width: 100%;
              height: inherit;
       }
       
       #projects .project {
              margin-bottom: 1em;
              height: inherit;
              max-width: 210px;
       }
       
       #projects .project a {
              height: inherit;
       }
       
       #main {
              margin: 0;
              width: 100%;
       }
       
       div {
              max-width: 100% !important;
       }
       
       object, embed, iframe {
              max-width: 100% !important;
              width: inherit !important;
       }
       
       .blog #page-title a, .single #page-title a, .category #page-title a {
              margin-bottom: 3em;
       }
       
       .post-title {
              line-height: 1.2em;
       }
       
       .flickr_badge_image img {
              width: 75px;
              height: 50px;
       }
       
       .flickr_badge_image {
              width: 24%;
              margin-right: 1%;
              max-height: inherit;
              max-width: inherit;
       }
       
       #related {
              width: 300px;
              float: left;
              margin-top: 60px;
       }
       
}