/* #Tablet (Portrait)
================================================== */

/* Note: Design for a width of 768px */
@media only screen and (max-width: 1024px) {
  /*blog post*/
  #post-nav div {
    width: 100%;
  }
  .ls-nav-prev, .ls-nav-next { display: none;}
  .ls-bottom-nav-wrapper {
    text-align: right !important;
  }
  .ls-bottom-slidebuttons {
    display: none !important;
  }
}


@media only screen and (min-width: 960px) and (max-width: 1024px) {
  .container .row {
    width: 90%;
    max-width: 1140px;
    min-width: 755px;
    margin: 0 auto;
    padding: 0px 3%;
  }
  .container .row.pf {
    width: 100%;
    padding: 0px
  }
  .recent-news-jc .threecol, .recent-work-jc .threecol {
    margin-right: 13px;
    width: 212px;
  }
  .testimonials-jc .sixcol {
    margin-right: 45px;
    width: 420px;
  }

}
/* Note: Design for a width of 768px */

@media only screen and (min-width: 768px) and (max-width: 959px) {
  .row {
    width: 95%
  }
  .container .row.pf {
    width: 100%;
    padding: 0px
  }

  #portfolio .sixcol.portfolio-item {
    width: 45%;
  }

  #portfolio .threecol.portfolio-item {
    margin-left: 2%;
    margin-right: 2%;
    width: 29.33%;
  }
  #portfolio .fourcol.portfolio-item {

    width: 28.33%;
  }
  .single-pf-wide > div {
    width: 100% !important;
    float: none;
  }
}

/*  #Mobile (Portrait)
================================================== */

/* Note: Design for a width of 320px */

@media only screen and (max-width: 767px) {
  .front-page,
  body { background: #fff }
 /*   .row {
        width: 95%
        }*/
        .container .row.pf {
          width: 100%;
          padding: 0px
        }
        #navigation ul {
          display: none;
        }

        #navigation {
          float: none;
          margin: 10px 0px;
        }

        .selectnav {
          border: 1px solid #DDDDDD;
          display: block;
          margin: 0 auto 20px;
          padding: 10px;
        }

        #searchform-top {
          float: none;
          text-align: right;
        }

        .search-box {
          float: none
        }

        #logo {
          text-align: center;
          margin-top: 15px
        }

        .top {
          height: auto;
        }

        .recent-news-jc .threecol,
        .testimonials-jc .sixcol,
        .recent-work-jc .threecol {
          padding: 0px;
        }
        .recent-news-jc .threecol {
          width: 200px
        }
        .testimonials-jc .sixcol {
          width: 340px;
        }
        .next-prev-page,
        .view-all {
          top: 0px;
        }
        #page-title ul.next-prev-page,
        .next-prev-page {
          right: 20px
        }
        .jcarousel {
          margin-left: 20px;
          margin-right: 20px;
        }
        #portfolio-paging {
          float: none;
          width: 90%
        }
        #portfolio-paging .paging {
         clear: none;
         float: none;
         left: 0;
         margin: 0;
         position: static;
         overflow: hidden;
       }
       #portfolio-paging .next-prev-page {
        position: static;
        float: none;
      }
      #portfolio-paging .paging li {
        position: static;
      }
      #portfolio .sixcol.portfolio-item {
        width: 45%;
      }
      #portfolio .threecol.portfolio-item,
      #portfolio .fourcol.portfolio-item {
        margin-left: 2%;
        margin-right: 2%;
        width: 45%;
      }
      .aside {
        background: none repeat scroll 0 0 #F3F3F3;
        border-radius: 1px 1px 1px 1px;
        float: none;
        font-size: 12px;
        margin: 0 0 20px;
        padding: 5px 20px;
        text-align: left;
        width: auto;
      }
      .single-pf-wide > div {
        width: 100%;
        float: none;
      }
      #content-widget .tabs li a span {

        margin: 5px 18px;

      }
      .post-container {
        float: none;
        width: auto;
      }
      .post-sidebar {
        float: none;
        width: auto;
      }
      .post-sidebar .thumb-container {
        float: left;
      }


    }




/* #Mobile (Landscape)
================================================== */

/* Note: Design for a width of 480px */

@media only screen and (max-width: 460px) {
  .social-icons {
    overflow: hidden;
  }
  .mig-box {
width:200px;
margin:-20px 0 0 0;
}
  #searchform-top {
    text-align: center;
  }
  .info-bar {
    text-align: center;
  }
  .view-all {
    display: none;
  }
  #portfolio .threecol.portfolio-item,
  #portfolio .fourcol.portfolio-item,
  #portfolio .sixcol.portfolio-item {
    float: none;
    width: 100%;
    margin-left:0px;
    margin-right:0px;
  }
  #page-title ul {
    display: block;
    margin-bottom: 20px;
    overflow: hidden;
    position: static;
  }
  #page-title ul.next-prev-page {
    margin-top: 10px
  }
  ul#filters li {
    margin:5px;
  }
  .single-pf-wide > div {
    width: 100%;
    float: none;
  }
  .children .comment-body,
  .comment-body {
    float: none;
    width: auto;
  }
  #post-nav div {
    width: 85%;
  }
  ol#comments-list ul.children {
    margin-left: 0px;
  }
  .discussion { background: none }
  #error404 { font-size: 20px }
}