Line - Responsive CSS

/*
* Responsive layout for Line - 7th of September 2012
*/

.select-menu {
    color:#999;
}

.select-menu {
    display:none;
}

/* Table of Contents
==================================================

    #Mobile - 240px
    #Mobile - 320px
    #Mobile - 480px
    #Tablet - 768px
    */


/* #Mobile - 240px
================================================== */

@media only screen and (max-width: 319px) {

    .one-half { width: 220px; }
    .one-third { width: 220px; }
    .two-third { width: 220px; }
    .one-fourth { width: 220px; }
    .three-fourth { width:220px; }
    .one-sixth { width: 220px; }
    .five-sixth { width: 220px }

    .one-fourth, .one-half, .two-third, .one-third, .three-fourth, .one-sixth, .five-sixth {
        position: relative;
        clear:both;
        float: left;
        margin-right:0;
    }

    .percent-one-half { width: 220px; }
    .percent-one-third { width: 220px; }
    .percent-two-third { width: 220px; }
    .percent-one-fourth { width: 220px; }
    .percent-three-fourth { width: 220px; }
    .percent-one-fifth { width: 220px; }
    .percent-two-fifth { width: 220px; }
    .percent-three-fifth { width: 220px; }
    .percent-four-fifth { width: 220px; }
    .percent-one-sixth { width: 220px; }
    .percent-five-sixth { width: 220px; }

    .percent-one-half, .percent-one-third, .percent-two-third, .percent-three-fourth, .percent-one-fourth, .percent-one-fifth, .percent-two-fifth,
    .percent-three-fifth, .percent-four-fifth, .percent-one-sixth, .percent-five-sixth {
        position: relative;
        margin-right: 0;
        float: left;
        min-height:1px;
        margin-bottom:20px;
    }

    #posts img {
        width: 100%;
        height: auto;
    }

    .homepage-services {
        width:100%;
    }

    html #wrapper {
        width:240px;
        margin:0 auto;
    }

    html #header {
        width:220px;

    }

    html #footer {
        width:240px;
    }

    #header .one-fourth {
        width:240px;
    }

    .centered-wrapper {
        width:220px;
        padding:0 10px;
    }

    .logo {
        text-align: center;
    }

    .logo img {
        display:inherit;
        margin:0 auto;
        top:25px;
        position:relative;
    }

    #navigation {
        float:none;
        margin-bottom:30px;
    }

    ul#mainnav {
        display:none;
    }

    .select-menu {
        display:block;
        clear:both;
        margin:5px auto;
        padding:5px 10px;
        width:200px;
    }

    .nivo {

    }

    .nivo img {

    }

    .nivo-caption {
        display:block !important;
        position:relative;
        clear:both;
        width:100%;
        height:auto;
    }
    a.nivo-nextNav, a.nivo-prevNav {
        top:0;
    }
    .nivo-controlNav {
        display:none;
    }

    .slider-wrapper {
        height:auto;
        margin-bottom:10px;
    }

    .intro {
        padding: 55px 10px;
        width: 200px;
    }

    h3.service {
        margin-bottom:10px;
    }

    .service-item {
        margin-bottom:25px;
        border-bottom:1px solid #efefef;
    }

    #topfooter h3 {
        margin-bottom:10px;
    }

    #topfooter .one-fourth {
        margin-bottom:30px;
    }

    #flickr .flickr-item {
        margin: 0 3px 4px 0;
    }

    #bottomfooter p {
        float: none;
        text-align: center;
    }

    ul#social {
        float: none;
        text-align: center;
        margin-bottom:30px;
    }

    ul#social li {
        display: inline-block;
    }

    .jcarousel-container-horizontal {
        width: 220px;
        clear: both;
        margin-left: 0px;
    }

    .jcarousel-clip-horizontal {
        width: 220px;
        height: 150px;
    }

    .jcarousel-item {
        width: 208px;
        height: 138px;
        display: block;
        position: relative;
        padding: 5px;
        background: white;
        border: 1px solid #EFEFEF;
        border-radius: 2px;
    }

    .jcarousel-item img {
        width:100%;
    }

    span.caption {
        line-height:34px;
    }

    .featured-sidebar {
        width:220px;
        margin-bottom:30px;
        text-align:center;
    }

    .featured-sidebar ul li {
        background:none !important;
        width:220px;
    }

    .featured-sidebar ul li a {
        width:200px !important;
    }

    .page-title {
        width: 220px;
        padding: 0 0 30px;
    }

    .search-form {
        display:none;
    }

    .page-title h2 {
        margin-bottom:0;
        text-align:center;
    }

    .pricing-column {
        width:220px;
        margin-bottom:20px;
    }

    .package-value, .package-features, .signup {
        border-left:1px solid #DBDBDB;
    }

    .normal-table {
        overflow:hidden;
        width: 220px;
        display: block;
    }

    .t-page .testimonial-item {
        width:180px !important;
    }

    ul#testimonials-carousel .testimonial-item {
        width:180px;
    }

    li.table-6 {
        width:100%;
        float:left;
    }

    li.table-5 {
        width:100%;
        float:left;
    }
    li.table-4 {
        width:100%;
        float:left;
    }

    li.table-3 {
        width:100%;
        float:left;
    }

    li.table-2 {
        width:100%;
        float:left;
    }

    .column-body ul li {
        border-right: 1px solid #efefef;
    }

    .column  .column-header {
        border-left: 0 none;
        border-top: 1px solid #EFEFEF;
    }

    .column {
        margin-top:20px;
    }

    .pricing-table .last-column .column-header, .pricing-table .last-column .column-body ul {
        border-right: 0 none;
    }

    .pricing-table .no-border {
        display: none;
    }

    .team-details {
        float: none;
        margin-right: 0;
        width: auto;
        text-align: center;
    }

    .team-avatar {
        float: none;
        width: auto;
        text-align:center;
    }

    .team-twitter, .team-facebook, .team-linkedin {
        float: none;
    }

    .team-text h3 {
        text-align:center;
    }

    h1 {
        font-size:24px;
        line-height:30px;
        margin-bottom:13px;
    }

    h2 {
        font-size:18px;
        line-height:24px;
        margin-bottom:20px;
    }

    h3 {
        font-size:16px;
        line-height:22px;
    }

    h4 {
        font-size:12px;
        line-height:20px;
    }

    .space {
        height:30px;
    }

    .toggle-view h3 {
        padding: 7px 20px 7px 10px;
    }

    blockquote {
        font-size: 14px;
        font-style: italic;
        line-height:24px;
        margin: 10px 20px;
        padding: 0 0 5px 10px;
    }

    ul.tabs li a {
        padding:0 10px;
    }

    ul#filters {
        overflow:hidden;
        float: none;
        clear: both;
        text-align: left;
        margin-top: 10px;
    }

    ul#filters li {
        display: inline;
        margin: 0 1px 5px 0;
        float: left;
    }

    #portfolio-wrapper .four-columns li, #portfolio-wrapper .three-columns li, #portfolio-wrapper .two-columns li  {
        width: 208px;
    }

    #portfolio-wrapper .four-columns img, #portfolio-wrapper .three-columns img, #portfolio-wrapper .two-columns img {
        width: 100%;
        height: auto;
    }

    #posts .pagenav {
        margin-bottom:50px;
    }

    .slides_container {
        width:220px;
    }

    .slides_container div.slide {
        width:220px;
    }

    #slides .caption {
        display:none;
    }

    #slides {
        margin-bottom:20px;
    }
    .slide iframe, .slide embed {
        width:210px;
        height:auto;
    }

    #slides .next, #slides .prev {
        top:35%;
    }

    .slides_container div.slide img {
        width:210px;
        height:auto;
    }

    .pagination {
        bottom:20px;
    }

    .single-portfolio-nav {
        overflow:hidden;
        margin-bottom:30px;
    }

    body.single-portfolio #crumbs {
        display:none;
    }

    #posts {
        width:220px;
        margin-right:0px;
    }

    .post-thumbnail img {
        width:220px;
        height:auto;
    }
    .video-thumbnail iframe, .video-thumbnail embed {
        width:220px;
        height:auto;
    }

    .meta {
        clear:both;
        width:220px;
        margin-right:0px;
        border-bottom:1px solid #efefef;
        padding-bottom:10px;
        margin-bottom:10px;
    }

    .meta p {
        float:left;
        margin-right:20px;
    }

    .excerpt {
        clear:both;
        width:220px;
        float:none;
    }

    #sidebar {
        width:220px;
    }


    #posts .post-content img {
        width:210px;
        height:auto;
        margin-bottom:10px;
    }

    .author-bio {
        padding:15px;
    }

    .authorp {
        width:100%;
    }

    .authorp h2 {
        font-size:14px;
    }

    .author-bio img {
        margin: 0 15px 0 0;
    }
    .commentwrap {
        margin: 0 0 0 80px;
    }

    #commentform {
        width:220px;
    }

    #commentform input[type="text"], #commentform textarea, .contactform input[type="text"] {
        width: 198px;
        padding: 5px 10px;
        font-size: 12px;
    }

    .contactform input[type="submit"] {
        width:220px;
    }

    #posts .avatar img {
        width:60px;
        height:60px;
    }

    .contact-map iframe {
        width:220px;
    }

    .post img {
        width:220px;
        height:auto;
    }

    #posts .author-bio img {
        width:60px;
        height:60px;
    }
    .contact-info {
        margin-bottom:30px;
    }

    .single-post .widget {
        margin-top:40px;
        margin-bottom:0px;
    }

    .separator {
        width:100%;
        height:1px;
        clear:both;
        margin:30px 0;
        display:inline-block;
    }

    .double-separator {
        width:100%;
        height:1px;
        clear:both;
        margin:30px 0;
    }

    #footer .double-separator {
        margin:40px 0;
    }

    #topfooter .one-third {
        margin-bottom:30px;
    }

    #bottomfooter {
        margin-top:10px;
    }

    ul#social {
        margin:30px 0 10px;
    }

}


/*  #Mobile - 320px
================================================== */

@media only screen and (min-width: 320px) and (max-width: 479px) {

    .one-half { width: 300px; }
    .one-third { width: 300px; }
    .two-third { width: 300px; }
    .one-fourth { width: 300px; }
    .three-fourth { width:300px; }
    .one-sixth { width: 300px; }
    .five-sixth { width: 300px }

    .one-fourth, .one-half, .two-third, .one-third, .three-fourth, .one-sixth, .five-sixth {
        position: relative;
        clear:both;
        float: left;
        margin-right:0;
    }

    .percent-one-half { width: 300px; }
    .percent-one-third { width: 300px; }
    .percent-two-third { width: 300px; }
    .percent-one-fourth { width: 300px; }
    .percent-three-fourth { width: 300px; }
    .percent-one-fifth { width: 300px; }
    .percent-two-fifth { width: 300px; }
    .percent-three-fifth { width: 300px; }
    .percent-four-fifth { width: 300px; }
    .percent-one-sixth { width: 300px; }
    .percent-five-sixth { width: 300px; }

    .percent-one-half, .percent-one-third, .percent-two-third, .percent-three-fourth, .percent-one-fourth, .percent-one-fifth, .percent-two-fifth,
    .percent-three-fifth, .percent-four-fifth, .percent-one-sixth, .percent-five-sixth {
        position: relative;
        margin-right: 0;
        float: left;
        min-height:1px;
        margin-bottom:20px;
    }

    .homepage-services {
        width:100%;
    }

    .page-template-default #posts img {
        width: 100%;
        height: auto;
    }

    html #wrapper {
        width:320px;
        margin:0 auto;
    }

    html #header {
        width:300px;

    }

    html #footer {
        width:320px;
    }

    #header .one-fourth {
        width:320px;
    }

    .centered-wrapper {
        width:300px;
        padding:0 10px;
    }

    .logo {
        text-align: center;
    }

    .logo img {
        display:inherit;
        margin:0 auto;
        top:25px;
        position:relative;
    }

    #navigation {
        float:none;
        margin-bottom:30px;
    }

    ul#mainnav {
        display:none;
    }

    .select-menu {
        display:block;
        clear:both;
        margin:5px auto;
        padding:5px 10px;
        width:240px;
    }

    .nivo {

    }

    .nivo img {

    }

    .nivo-caption {
        display:block !important;
        position:relative;
        clear:both;
        width:100%;
        height:auto;
    }
    a.nivo-nextNav, a.nivo-prevNav {
        top:0;
    }
    .nivo-controlNav {
        display:none;
    }

    .slider-wrapper {
        height:auto;
        margin-bottom:10px;
    }

    .intro {
        padding: 55px 10px;
        width: 280px;
    }

    h3.service {
        margin-bottom:10px;
    }

    .service-item {
        margin-bottom:25px;
        border-bottom:1px solid #efefef;
    }

    #topfooter h3 {
        margin-bottom:10px;
    }

    #flickr .flickr-item {
        margin: 0 3px 4px 0;
    }

    #bottomfooter p {
        float: none;
        text-align: center;
    }

    ul#social {
        float: none;
        text-align: center;
        margin-bottom:30px;
    }

    ul#social li {
        display: inline-block;
    }

    .jcarousel-container-horizontal {
        clear: both;
        width:300px;
    }

    .jcarousel-clip-horizontal {
        width: 300px;
        height: 200px;
    }

    .featured-sidebar {
        width:300px;
        margin-bottom:30px;
        text-align:center;
    }

    .featured-sidebar ul li {
        background:none !important;
        width:300px;
    }

    .featured-sidebar ul li a {
        width:280px !important;
    }

    .page-title {
        width: 300px;
        padding: 0 0 30px;
    }

    .search-form {
        display:none;
    }

    .page-title h2 {
        margin-bottom:0;
        text-align:center;
    }

    .pricing-column {
        width:300px;
        margin-bottom:20px;
    }

    .package-value, .package-features, .signup {
        border-left:1px solid #DBDBDB;
    }

    .normal-table {
        overflow: hidden;
        width: 300px;
        display: block;
    }

    .t-page .testimonial-item {
        width:260px !important;
    }

    ul#testimonials-carousel .testimonial-item {
        width:260px;
    }

    li.table-6 {
        width:100%;
        float:left;
    }

    li.table-5 {
        width:100%;
        float:left;
    }

    li.table-4 {
        width:100%;
        float:left;
    }

    li.table-3 {
        width:100%;
        float:left;
    }

    li.table-2 {
        width:100%;
        float:left;
    }

    .column-body ul li {
        border-right: 1px solid #efefef;
    }

    .column  .column-header {
        border-left: 0 none;
        border-top: 1px solid #EFEFEF;
    }

    .column {
        margin-top:20px;
    }

    .pricing-table .last-column .column-header, .pricing-table .last-column .column-body ul {
        border-right: 0 none;
    }

    .pricing-table .no-border {
        display: none;
    }

    ul#filters {
        overflow:hidden;
        float: none;
        clear: both;
        text-align: left;
        margin-top: 10px;
    }

    ul#filters li {
        display: inline;
        margin: 0 10px 5px 0;
        float: left;
    }

    #portfolio-wrapper .four-columns li, #portfolio-wrapper .three-columns li, #portfolio-wrapper .two-columns li  {
        width: 288px;
    }

    #portfolio-wrapper .four-columns img, #portfolio-wrapper .three-columns img, #portfolio-wrapper .two-columns img {
        width: 100%;
        height: auto;
    }

    .slides_container {
        width:300px;
    }

    .slides_container div.slide {
        width:300px;
    }

    #slides .caption {
        display:none;
    }

    #slides {
        margin-bottom:20px;
    }

    .slide iframe, .slide embed {
        width:290px;
        height:auto;
    }

    .slides_container div.slide img {
        width:290px;
        height:auto;
    }

    .pagination {
        bottom:20px;
    }

    .single-portfolio-nav {
        overflow:hidden;
        margin-bottom:30px;
    }

    #posts {
        width:300px;
        margin-right:0px;
    }

    .post-thumbnail img {
        width:290px;
        height:auto;
    }

    .video-thumbnail iframe, .video-thumbnail embed {
        width:300px;
        height:auto;
    }

    .widget {
        margin-bottom:0;
        margin-top:30px;
    }

    .meta {
        clear:both;
        width:300px;
        margin-right:0px;
        border-bottom:1px solid #efefef;
        padding-bottom:10px;
        margin-bottom:10px;
    }

    .meta p {
        float:left;
        margin-right:20px;
    }

    .meta span {
        margin-right:16px;
    }

    .excerpt {
        clear:both;
        width:300px;
        float:none;
    }

    #sidebar {
        width:300px;
    }

    .post .post-content img {
        width:290px;
        height:auto;
        margin-bottom:10px;
    }

    .author-bio {
        padding:15px;
    }

    .authorp {
        width:185px;
    }

    .authorp h2 {
        font-size:14px;
    }

    .author-bio img {
        margin: 0 15px 0 0;
    }

    #posts .avatar img {
        width:60px;
        height:60px;
    }

    #commentform {
        width:300px;
    }

    #commentform input[type="text"] {
        width: 278px;
        padding: 5px 10px;
        font-size: 12px;
    }
    #commentform textarea {
        width:278px;
        padding: 5px 10px;
    }

    .contact-info {
        margin-bottom:30px;
    }

    .contact-map iframe {
        width:300px;
    }

    .post img {
        width:290px;
        height:auto;
    }

    .single-post .widget {
        margin-top:40px;
        margin-bottom:0px;
    }

    #posts .author-bio img {
        width:60px;
        height:60px;
    }

    #posts .pagenav {
        margin-bottom:50px;
    }

    #topfooter .one-third {
        margin-bottom:30px;
    }

    #bottomfooter {
        margin-top:10px;
    }

    ul#social {
        margin:30px 0 10px;
    }

}


/* #Mobile - 480px
================================================== */

@media only screen and (min-width: 480px) and (max-width: 767px) {

    .one-half { width: 460px; }
    .one-third { width: 460px; }
    .two-third { width: 460px; }
    .one-fourth { width: 460px; }
    .three-fourth { width:460px; }
    .one-sixth { width: 460px; }
    .five-sixth { width: 460px }

    .one-fourth, .one-half, .two-third, .one-third, .three-fourth, .one-sixth, .five-sixth {
        position: relative;
        clear:both;
        float: left;
        margin-right:0;
    }

    .percent-one-half { width: 460px; }
    .percent-one-third { width: 460px; }
    .percent-two-third { width: 460px; }
    .percent-one-fourth { width: 460px; }
    .percent-three-fourth { width: 460px; }
    .percent-one-fifth { width: 460px; }
    .percent-two-fifth { width: 460px; }
    .percent-three-fifth { width: 460px; }
    .percent-four-fifth { width: 460px; }
    .percent-one-sixth { width: 460px; }
    .percent-five-sixth { width: 460px; }

    .percent-one-half, .percent-one-third, .percent-two-third, .percent-three-fourth, .percent-one-fourth, .percent-one-fifth, .percent-two-fifth,
    .percent-three-fifth, .percent-four-fifth, .percent-one-sixth, .percent-five-sixth {
        position: relative;
        margin-right: 0;
        float: left;
        min-height:1px;
        margin-bottom:20px;
    }

    .page-template-default #posts img {
        width: 100%;
        height: auto;
    }

    .homepage-services {
        width:100%;
    }

    html #wrapper {
        width:480px;
        margin:0 auto;
    }

    html #header {
        width:460px;

    }

    html #footer {
        width:480px;
    }

    #header .one-fourth {
        width:480px;
    }

    .centered-wrapper {
        width:460px;
        padding:0 10px;
    }

    .logo {
        text-align: center;
    }

    .logo img {
        left:50%;
        margin-left:-25%;
    }

    #navigation {
        float:none;
        margin-bottom: 30px
    }

    ul#mainnav {
        display:none;
    }

    .select-menu {
        display:block;
        clear:both;
        margin:5px auto;
        padding:5px 10px;
        width:360px;
    }

    .nivo {

    }

    .nivo img {

    }

    .nivo-caption {
        display:block !important;
        position:relative;
        clear:both;
        width:100%;
        height:auto;
    }
    a.nivo-nextNav, a.nivo-prevNav {
        top:0;
    }
    .nivo-controlNav {
        display:none;
    }

    .slider-wrapper {
        height:auto;
        margin-bottom:10px;
    }

    .intro {
        padding: 55px 10px;
        width: 440px;
    }

    h3.service {
        margin-bottom:10px;
    }

    .service-item {
        margin-bottom:25px;
        border-bottom:1px solid #efefef;
    }

    #topfooter h3 {
        margin-bottom:10px;
    }

    #flickr .flickr-item {
        margin: 0 3px 4px 0;
    }

    #bottomfooter p {
        float: none;
        text-align: center;
    }


    ul#social {
        float: none;
        text-align: center;
        margin-bottom:30px;
    }

    ul#social li {
        display: inline-block;
    }

    .jcarousel-container-horizontal {
        clear: both;
        width:460px;
    }

    .jcarousel-clip-horizontal {
        width: 460px;

    }

    .jcarousel-item {
        width:207px;
        height:140px;
    }

    .jcarousel-item img {
        width: 100%;
    }

    .featured-sidebar {
        width:460px;
        margin-bottom:50px;
        text-align:center;
    }

    .featured-sidebar ul li {
        background:none !important;
        width:460px;
    }

    .featured-sidebar ul li a {
        width:440px !important;
    }

    .page-title {
        width: 460px;
        padding: 0 0 30px;
    }

    .search-form {
        display:none;
    }

    .page-title h2 {
        margin-bottom:0;
        text-align:center;
    }

    .pricing-column {
        width:460px;
        margin-bottom:20px;
    }

    .package-value, .package-features, .signup {
        border-left:1px solid #DBDBDB;
    }

    .normal-table {
        overflow: hidden;
        width: 460px;
        display: block;
    }

    .t-page .testimonial-item {
        width:420px !important;
    }

    ul#testimonials-carousel .testimonial-item {
        width:420px;
    }

    li.table-6 {
        width:100%;
        float:left;
    }

    li.table-5 {
        width:100%;
        float:left;
    }

    li.table-4 {
        width:100%;
        float:left;
    }

    li.table-3 {
        width:100%;
        float:left;
    }

    li.table-2 {
        width:100%;
        float:left;
    }

    .column-body ul li {
        border-right: 1px solid #efefef;
    }

    .column  .column-header {
        border-left: 0 none;
        border-top: 1px solid #EFEFEF;
    }

    .column {
        margin-top:20px;
    }

    .pricing-table .last-column .column-header, .pricing-table .last-column .column-body ul {
        border-right: 0 none;
    }

    .pricing-table .no-border {
        display: none;
    }


    ul#filters {
        overflow:hidden;
        float: none;
        clear: both;
        text-align: left;
        margin-top: 10px;
    }

    ul#filters li {
        display: inline;
        margin: 0 1px 5px 0;
        float: left;
    }

    #portfolio-wrapper .four-columns li, #portfolio-wrapper .three-columns li, #portfolio-wrapper .two-columns li  {
        width: 448px;
    }

    #portfolio-wrapper .four-columns img, #portfolio-wrapper .three-columns img, #portfolio-wrapper .two-columns img {
        width: 100%;
        height: auto;
    }

    .slides_container {
        width:460px;
    }

    .slides_container div.slide {
        width:460px;
    }

    #slides .caption {
        display:none;
    }

    #slides {
        margin-bottom:20px;
    }

    .slide iframe, .slide embed {
        width:450px;
        height:auto;
    }
    .slides_container div.slide img {
        width:450px;
        height:auto;
    }

    .pagination {
        bottom:20px;
    }

    .single-portfolio-nav {
        overflow:hidden;
        margin-bottom:30px;
    }

    #posts {
        width:460px;
        margin-right:0px;
    }

    .post-thumbnail img {
        width:450px;
        height:auto;
    }

    .video-thumbnail iframe, .video-thumbnail embed {
        width:460px;
        height:auto;
    }

    .widget {
        margin-bottom:0;
        margin-top:30px;
    }

    .meta {
        clear:both;
        width:460px;
        margin-right:0px;
        border-bottom:1px solid #efefef;
        padding-bottom:10px;
        margin-bottom:10px;
    }

    .meta p {
        float:left;
        margin-right:20px;
    }

    .excerpt {
        clear:both;
        width:460px;
        float:none;
    }

    #sidebar {
        width:460px;
    }

    .sidebar-post h5 {
        width: 300px;
    }

    .post-content img {
        width:460px;
        height:auto;
    }

    .author-bio {
        padding:15px;
    }

    .authorp {
        width:340px;
    }

    .authorp h2 {
        font-size:14px;
    }

    .author-bio img {
        margin: 0 15px 0 0;
    }

    #commentform {
        width:460px;
    }

    #commentform input[type="text"], #commentform textarea, .contactform input[type="text"] {
        width: 428px;
        padding: 7px 15px;
        font-size: 12px;
    }

    #crumbs {
        height:auto;
    }

    .contact-info {
        margin-bottom:30px;
    }
    .contact-map iframe {
        width:460px;
    }

    .post img {
        width:450px;
        height:auto;
    }
    #posts .avatar img {
        width:60px;
        height:60px;
    }
    #flickr {
        width:450px;
    }

    .single-post .widget {
        margin-top:40px;
        margin-bottom:0px;
    }

    #posts .author-bio img {
        width:60px;
        height:60px;
    }

    #posts .pagenav {
        margin-bottom:50px;
    }

    #topfooter .one-third {
        margin-bottom:30px;
    }

    #bottomfooter {
        margin-top:10px;
    }

    ul#social {
        margin:30px 0 10px;
    }

}



/* #Tablet - 768px
================================================== */

@media only screen and (min-width: 768px) and (max-width: 1023px) {

    .one-half { width: 364px; }
    .one-third { width: 30.66%; }
    .two-third { width: 65.33%; }
    .one-fourth { width: 364px; }
    .three-fourth { width: 364px; }
    .one-fifth { width: 16.8%; }
    .two-fifth { width: 37.6%; }
    .three-fifth { width: 58.4%; }
    .four-fifth { width: 67.2%; }
    .one-sixth { width: 13.33%; }
    .five-sixth { width: 82.67%; }

    .one-half,
    .one-third,
    .two-third,
    .three-fourth,
    .one-fourth,
    .one-fifth,
    .two-fifth,
    .three-fifth,
    .four-fifth,
    .one-sixth,
    .five-sixth {
        position: relative;
        margin-right: 20px;
        float: left;
        min-height:1px;
    }

    .percent-one-half { width: 48%; }
    .percent-one-third { width: 30.66%; }
    .percent-two-third { width: 65.33%; }
    .percent-one-fourth { width: 22%; }
    .percent-three-fourth { width: 74%; }
    .percent-one-fifth { width: 16.8%; }
    .percent-two-fifth { width: 37.6%; }
    .percent-three-fifth { width: 58.4%; }
    .percent-four-fifth { width: 67.2%; }
    .percent-one-sixth { width: 13.33%; }
    .percent-five-sixth { width: 82.67%; }

    .percent-one-half,
    .percent-one-third,
    .percent-two-third,
    .percent-three-fourth,
    .percent-one-fourth,
    .percent-one-fifth,
    .percent-two-fifth,
    .percent-three-fifth,
    .percent-four-fifth,
    .percent-one-sixth,
    .percent-five-sixth {
        position: relative;
        margin-right: 4%;
        float: left;
        min-height:1px;
    }

    .page-template-template-features-php .one-fourth, .page-template-template-features-php .three-fourth  {
        width:748px;
        clear:both;
        margin:0;
    }

    .homepage-services {
        width:768px;
    }

    html #wrapper {
        width:768px;
        margin:0 auto;
    }

    html #header {
        width:748px;

    }

    html #footer {
        width:768px;
    }

    .centered-wrapper {
        width:748px;
        padding:0 10px;
    }

    .logo {
        float:left;
    }

    .logo img {

    }

    #navigation {
        float:none;
        margin-bottom:30px;
        overflow:hidden;
    }

    ul#mainnav {
        display:none;
    }

    .services .one-third {
        width:748px;
        clear:both;
        margin-right:0px;
    }
    .select-menu {
        display:block;
        clear:both;
        float:right;
        margin:5px 0;
        padding:5px 10px;
        width:380px;
    }

    .nivo {

    }

    .nivo img {

    }

    .nivo-caption {

    }

    .nivo-controlNav {

    }

    .slider-wrapper {
        height:auto;
    }

    .intro {
        padding: 55px 10px;
        width: 728px;
    }

    h3.service {
        margin-bottom:10px;
    }

    .service-item {
        margin-bottom:35px;
        border-bottom:1px solid #efefef;
        padding-bottom:10px;
    }

    #topfooter h3 {
        margin-bottom:10px;
    }

    #topfooter .one-fourth, .page-template-template-features-php #topfooter .one-fourth {
        margin-bottom:30px;
        margin-left:10px;
        margin-right:0px;
        overflow:hidden;
        height:170px;
        width:364px;
        clear:none;
        float:left;
    }

    #flickr .flickr-item {
        margin: 0 3px 4px 0;
    }

    #bottomfooter p {
        float: left;
    }

    ul#social {
        float: right;
    }

    ul#social li {
        display: inline-block;
    }

    .jcarousel-container-horizontal {
        width: 748px;
        clear: both;
        margin-left: 0px;
    }

    .jcarousel-clip-horizontal {
        width: 748px;
        height: auto;
    }

    .jcarousel-item {
        width:224px;
        height:153px;
    }

    .jcarousel-item img {
        width:100%;
        height:auto;
    }

    .page-title {
        width: 748px;
        padding: 0;
    }

    .pricing-column {
        width:187px;
    }

    .featured-page .one-fourth {
        width:170px;
    }

    .featured-sidebar {
        width:165px;
    }

    .featured-sidebar li {
        width:165px;
    }

    .featured-sidebar li a {
        width:145px;
    }

    .featured-sidebar ul li.selected {
        width:180px;
        background: url(../images/featured-arrow.png) no-repeat scroll 165px center;
    }

    .featured-sidebar ul li.selected a {
        width:145px;
    }

    .featured-page .three-fourth {
        width:558px;
        float:left;
    }

    .page-title .two-third , #header .one-third{
        margin-right:4%;
    }

    .t-page .testimonial-item {
        width:228px !important;
    }

    ul#testimonials-carousel .testimonial-item {
        width:228px;
    }

    .homepage-testimonials .testimonial-item {
        width:190px !important;
    }

    ul#filters {
        overflow:hidden;
        float: none;
        clear: both;
        text-align: left;
        margin-top: 10px;
    }

    ul#filters li {
        display: inline;
        margin: 0 10px 5px 0;
        float: left;
    }

    #portfolio-wrapper .four-columns li, #portfolio-wrapper .three-columns li, #portfolio-wrapper .two-columns li  {
        width: 352px;
    }

    #portfolio-wrapper .four-columns img, #portfolio-wrapper .three-columns img, #portfolio-wrapper .two-columns img {
        width: 100%;
        height: auto;
    }
    .portfolio-single .percent-three-fourth, .portfolio-single .percent-one-fourth {
        width: 100%;
        margin: 0;
        margin-bottom: 20px;
        clear: both;
    }

    ul.tabs li a {
        padding: 0 15px;
    }

    .slides_container {
        width:738px;
    }

    .slides_container div.slide {
        width:738px;
    }

    #slides {
        margin-bottom:30px;
    }

    #slides .next, #slides .prev {
        top:45%;
    }

    #slides .caption {
        display:none;
    }

    .slide iframe, .slide embed {
        width:100%;
        height:400px;
    }

    .single-portfolio-nav {
        overflow:hidden;
        margin-bottom:30px;
    }

    .slides_container div.slide img {
        width:738px;
        height:auto;
    }

    #posts {
        width:748px;
        margin-right:0px;
    }

    .post-thumbnail img {
        width:738px;
        height:auto;
    }

    .video-thumbnail {
        width:100%;
    }

    #flickr {
        width:748px;
    }

    .video-thumbnail iframe, .video-thumbnail embed {
        width:100%;
    }

    .meta {
        clear:both;
        width:748px;
        margin-right:0px;
        border-bottom:1px solid #efefef;
        padding-bottom:10px;
        margin-bottom:10px;
    }

    .meta p {
        float:left;
        margin-right:20px;
    }

    .excerpt {
        clear:both;
        width:748px;
        float:none;
    }

    #sidebar {
        width:748px;
    }

    .sidebar-post h5 {
        width: 300px;
    }

    .post-content img {
        height:auto;
    }

    .author-bio {
        padding:15px;
    }

    .authorp {
        width:630px;
    }

    .authorp h2 {
        font-size:18px;
    }

    .author-bio img {
        margin: 0 15px 0 0;
    }

    #commentform {
        width:748px;
    }

    #commentform input[type="text"] {
        width: 197px;
        padding: 7px 15px;
        font-size: 12px;
    }

    #commentform textarea {
        width:725px;
    }

    .contactform input[type="text"] {
        width: 139px;
        padding: 7px 15px;
        font-size: 12px;
    }

    .widget {
        margin-top:40px;
        margin-bottom:0px;
    }

    .contact-map iframe {
        width:748px;
    }

    .post img {
        height:auto;
    }

    #posts .author-bio img {
        width:60px;
        height:60px;
    }

    #posts .pagenav {
        margin-bottom:50px;
    }

}