/* #Tablet (Portrait)
Note: Design for a width of 768px */
@media only screen and (min-width: 768px) and (max-width: 959px) {
  /* Superfish Menu */
  .sf-menu > li > a {
    padding-left: 14px;
    padding-right: 14px;
  }

  /* Post Loop */
  .post-loop li {
    width: 172px;
    height: 164px;
  }
  .post-loop .post-caption {
    padding: 12px;
  }
  .post-excerpt {
    overflow: hidden;
  }

  /* #Sliders
	================================================== */

  /* #Flexslider
	-------------------------------------------------- */
  .slider,
  .flexslider {
    height: 286px;
  }

  .flex-caption {
    top: 35%;
  }
  .flex-caption h2 {
    font-size: 26px;
  }
  .flex-caption h2 strong {
    font-size: 32px;
    padding-left: 30px;
  }

  /* #Revolution Slider
	-------------------------------------------------- */
  .banner,
  .bannercontainer {
    width: 748px;
    height: 286px;
  }

  /* Latest Posts */
  .latest-posts-holder .featured-thumb {
    height: auto;
  }
  .latest-posts-holder .featured-thumb,
  .latest-posts-holder .featured-thumb a {
    max-width: 172px;
  }

  /* Carousel */
  .elastislide-horizontal ul li {
    margin: 0 8px;
  }

  /* #Widgets
	================================================== */
  /* Ad Spots */
  .ad-holder li {
    margin: 0 10px 10px 0;
  }
  .ad-holder li a {
    display: block;
    width: 95px;
    height: 95px;
    padding: 9px;
  }

  /* Pricing Grid 
	-------------------------------------------------- */

  /* 4 cols */
  .pricing-tables.four-cols .pricing-column {
    width: 186px;
  }

  /* 3 cols */
  .pricing-tables.three-cols .pricing-column {
    width: 248px;
  }

  /* Blog Page
	-------------------------------------------------- */
  /* Gallery Post Format */
  .entry__gallery .flexslider {
    height: auto;
  }

  /* Contact Page
	-------------------------------------------------- */

  /* Google Map */
  #map_canvas {
    height: 246px;
  }
}

/* #Mobile (Portrait) 
Note: Design for a width of 320px */
@media only screen and (max-width: 767px) {
  /* #Header
================================================== */

  /* Header */
  #header .grid_12 {
    margin-bottom: 0;
  }
  /* Header Top */
  .header-top {
    padding: 8px 0 12px 0;
  }
  /* Top Menu */
  .header-top-menu {
    float: none;
    overflow: hidden;
    padding: 0 0 10px 12px;
    text-align: center;
  }
  .header-top-menu li {
    float: none;
    display: inline;
  }
  /* Navigation */

  /* Social Links */
  .social-links {
    float: none;
    overflow: hidden;
    width: 100%;
    text-align: center;
  }
  .social-links li {
    float: none;
    display: inline-block;
    overflow: hidden;
    margin-left: 6px;
    vertical-align: top;
  }

  /* Logo */
  #logo {
    float: none;
    text-align: center;
  }
  /* Vertical Tabs */
  .tabs__vertical .tab-menu ul {
    margin: 0;
    border-bottom: 1px solid #eb593c;
    border-right: none;
  }

  /* Footer */
  #footer [class^="grid_"]:last-child {
    margin-bottom: 0;
  }
  .copyright-primary,
  .copyright-secondary {
    float: none;
    text-align: center;
  }
  .copyright .grid_12 {
    margin-bottom: 0;
  }

  /* #Sliders
	================================================== */
  #slider .grid_12 {
    margin-bottom: 0;
  }

  /* #Flexslider
	-------------------------------------------------- */
  .slider,
  .flexslider {
    height: 115px;
  }
  /* Direction Nav */
  .flex-direction-nav {
    display: none;
  }
  /* Control Nav */
  .flex-control-paging li a {
    width: 18px;
    height: 18px;
    font-size: 10px;
    line-height: 18px;
  }
  .flex-caption {
    left: 15px;
    top: 30%;
  }
  .flex-caption h2 {
    font-size: 15px;
  }
  .flex-caption h2 strong {
    font-size: 17px;
    padding-left: 10px;
  }

  /* #Revolution Slider
	-------------------------------------------------- */
  .banner,
  .bannercontainer {
    width: 300px;
    height: 115px;
  }
  .tparrows {
    display: none;
  }

  /* #Content
	================================================== */
  .page-title .grid_12 {
    margin-bottom: 0;
  }

  .content-wrapper {
    padding-bottom: 30px;
  }

  /* Post Loop */
  .post-loop {
    margin-bottom: -40px;
    overflow: hidden;
  }
  .post-loop li {
    width: 145px;
    height: 138px;
    margin: 0 10px 10px 0;
  }
  .post-loop .post-img {
    opacity: 1;
  }
  .post-loop li:nth-child(2n) {
    margin-right: 0;
  }
  .post-loop .post-caption {
    padding: 10px;
  }

  /* Latest Posts */
  .latest-posts-holder .featured-thumb {
    max-width: 145px;
    overflow: hidden;
    margin: 0 10px 12px 0;
    height: auto;
  }
  .latest-posts-holder .post-meta span {
    display: block;
    margin-bottom: 2px;
  }
  .latest-posts-holder .post-excerpt {
    clear: both;
  }
  .latest-posts-holder .post-header h3 {
    font-size: 14px;
  }

  /* Post Navigation */
  .post-nav {
    padding-bottom: 20px;
  }

  /* Sidebar Bottom */
  .sidebar__bottom {
    padding-top: 0;
  }

  /* About Page
	-------------------------------------------------- */

  /* Team */
  .team-img {
    float: left;
    margin-right: 20px;
    width: 40%;
  }
  .team-holder hgroup {
    overflow: hidden;
  }
  .team-excerpt {
    overflow: hidden;
    max-height: 4.5em;
  }
  .team-holder .social-links {
    float: left;
    text-align: left;
  }
  /*/ Team */

  /* #Sidebar
	================================================== */
  .sidebar {
    margin-bottom: 0 !important;
  }

  /* Pricing Grid 
	-------------------------------------------------- */
  .single-pricing-table {
    margin: 0 0 30px 0;
  }
  .single-pricing-table.active {
    margin: 0 0 30px 0;
  }
  /* 4 cols */
  .pricing-tables.four-cols .pricing-column {
    width: 100%;
    margin-left: 0;
  }
  /* 3 cols */
  .pricing-tables.three-cols .pricing-column {
    width: 100%;
    margin-left: 0;
  }

  /* #Misc
	================================================== */
  .tabs__vertical .tab-menu {
    margin-bottom: 0 !important;
  }

  /* Carousel */
  .elastislide-carousel ul li a {
    opacity: 1;
  }
  .elastislide-wrapper nav span {
    width: 24px;
  }
  .elastislide-horizontal ul li {
    margin: 0;
  }

  /* Horizontal Rule */
  .grid_1 .hr,
  .grid_2 .hr,
  .grid_3 .hr,
  .grid_4 .hr,
  .grid_5 .hr,
  .grid_6 .hr,
  .grid_7 .hr,
  .grid_8 .hr,
  .grid_9 .hr,
  .grid_10 .hr,
  .grid_11 .hr,
  .grid_12 .hr {
    margin-left: 0;
    margin-right: 0;
  }

  .hide-on-phone {
    display: none;
  }

  /* Blog Page
	-------------------------------------------------- */
  /* Gallery Post Format */
  .entry__gallery .flexslider {
    height: auto;
  }

  /* Post
	-------------------------------------------------- */

  /* Comments */
  .commentlist .children {
    padding: 0;
    background: none;
  }
  /* Comment Form */
  .comment-form {
    margin-bottom: 30px;
  }
  .comment-form .field {
    overflow: hidden;
    margin-bottom: 0;
  }
  .comment-form .field input,
  .comment-form .field textarea {
    margin-bottom: 18px;
    width: 100%;
  }

  /* Projects
	-------------------------------------------------- */
  .project-feed-filter {
    padding-bottom: 15px;
    float: left;
  }
  .project-feed-filter li {
    margin: 0 0 0 5px;
  }
  .project-feed-filter li:first-child {
    margin-left: 0;
  }
  .project-feed-filter a {
    padding: 3px 8px;
  }

  /* Contact Page
	-------------------------------------------------- */

  /* Google map */
  .map-wrapper {
    margin-bottom: 0;
  }
  #map_canvas {
    height: 200px;
  }

  .contact-form .field input,
  .contact-form .field textarea {
    margin-bottom: 18px;
    width: 100%;
  }

  /* prettyPhoto styling for small screens */
  .pp_pic_holder.pp_default {
    width: 100% !important;
    left: 0 !important;
    overflow: hidden;
  }
  div.pp_default .pp_content_container .pp_left {
    padding-left: 0 !important;
  }
  div.pp_default .pp_content_container .pp_right {
    padding-right: 0 !important;
  }
  .pp_content {
    width: 100% !important;
    height: auto !important;
  }
  .pp_fade {
    width: 100% !important;
    height: 100% !important;
  }
  a.pp_expand,
  a.pp_contract,
  .pp_hoverContainer,
  .pp_gallery,
  .pp_top,
  .pp_bottom {
    display: none !important;
  }
  #pp_full_res img {
    width: 100% !important;
    height: auto !important;
  }
  .pp_details {
    width: 94% !important;
    padding-left: 3%;
    padding-right: 4%;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #fff;
    margin-top: -2px !important;
  }
  a.pp_close {
    right: 10px !important;
    top: 10px !important;
  }
}

/* #Mobile (Landscape) 
Note: Design for a width of 480px */
@media only screen and (min-width: 480px) and (max-width: 767px) {
  /* Flickr Widget */
  .flickr-widget .thumb:nth-child(4n) {
    margin-right: 4px;
  }
  .flickr-widget .nomargin {
    margin-right: 4px;
  }

  /* #Sliders
	================================================== */

  /* #Flexslider
	-------------------------------------------------- */
  .slider,
  .flexslider {
    height: 161px;
  }

  .flex-caption {
    left: 25px;
    top: 32%;
  }
  .flex-caption h2 {
    font-size: 18px;
  }
  .flex-caption h2 strong {
    font-size: 22px;
    padding-left: 20px;
  }

  /* #Revolution Slider
	-------------------------------------------------- */
  .banner,
  .bannercontainer {
    width: 420px;
    height: 161px;
  }

  /* #Content
	================================================== */
  /* Post Loop */
  .post-loop {
    margin-bottom: -40px;
    overflow: hidden;
  }
  .post-loop li {
    width: 200px;
    height: 191px;
    margin: 0 20px 20px 0;
  }

  /* Latest Posts */
  .latest-posts-holder .featured-thumb {
    margin: 0 20px 10px 0;
  }
  .latest-posts-holder .featured-thumb,
  .latest-posts-holder .featured-thumb a {
    max-width: 200px;
    float: left;
  }
  .latest-posts-holder .post-meta span {
    margin-bottom: 4px;
  }
  .latest-posts-holder .post-header h3 {
    font-size: 15px;
    margin-bottom: 1em;
  }

  /* About Page
	-------------------------------------------------- */

  /* Team */
  .team-img {
  }
  .team-holder hgroup {
  }

  .team-holder .social-links {
    float: none;
  }
  /*/ Team */

  /* #Widgets
	================================================== */
  /* Ad Spots */
  .ad-holder li {
    margin: 0 5px 5px 0;
  }
  .ad-holder li:nth-child(even) {
    margin-right: 5px;
  }
  .ad-holder li:nth-child(4n) {
    margin-right: 0;
  }
  .ad-holder li a {
    display: block;
    width: 85px;
    height: 85px;
    padding: 8px;
  }
}