/* #Tablet (Portrait) ================================================== */ /* Note: Design for a width of 768px */ @media only screen and (min-width: 768px) and (max-width: 995px) { .main-box {max-width:788px; padding:19px 0px;} /* ---------------------------------------- Slider ---------------------------------------- */ #slider-wrapper {height:493px;} /*---------------------------------------- Recent Posts Cars ---------------------------------------- */ .right-content-area .latestpost li { margin:0 10px 16px 0; width:178px; } /*---------------------------------------- Recent Posts Projects ---------------------------------------- */ .recent-posts.projects li .excerpt, .recent-posts.projects li .extra-wrap {overflow:visible;} /*---------------------------------------- Recent Posts Services ---------------------------------------- */ .recent-posts.services li { width:178px; margin:0 10px 14px 0; } /* Flickr widget */ .flickrImages a { width:58px; height:58px; } .frame img, .frame.alignleft img, .frame.alignright img, .frame.alignnone img { width:100% !important; height:auto !important; } /* SlidesJS */ .slides_container { width:224px; } .slides_container .item { width:224px; height:170px; } .slides_container .item .featured-thumbnail { float:none; margin-right:0; overflow:hidden; } .slides_container .item .featured-thumbnail img { width:100%; height:auto; } /* Team */ .recent-posts.team li { width:134px; } .recent-posts.team li .featured-thumbnail { width:134px; height:auto; overflow:hidden; } /* Address */ .address dt { width:135px; margin-right:10px; padding:0 0 0 55px; font-size:11px; } .address dd { width:195px; padding:0 0 0 43px; } .address dd span { width:80px; } /* Google Map */ .google-map { position: relative; padding-bottom: 46.25%; height: 0; overflow: hidden; margin:0 0 2% 0; } .google-map iframe, .google-map object, .google-map embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Post Formats ---------------------------------------- */ /* Image Post Format */ .image-post-format img { width:100%; overflow:hidden; } /* Gallery Post Format */ .slides_container_gallery { width:534px; height:270px; } .slides_container_gallery .g_item { width:534px; } /*---------------------------------------- Portfolio ---------------------------------------- */ /* Default layout 3 columns */ #gallery .portfolio li { width:236px; margin:0 16px 36px 0; } #gallery .portfolio li a.image-wrap { width:236px; height:153px; } #gallery .portfolio li a.image-wrap img { width:100%; height:auto; } /* 1 column portfolio*/ #gallery.one_column .portfolio li a.image-wrap { width:360px; height:233px; float:left; margin:5px 20px 0 0px; } #gallery.one_column .folio-desc { overflow:visible; padding:0px 0px 0 0; } /* 2 columns portfolio*/ #gallery.two_columns .portfolio li { width:364px; margin-right:16px; } #gallery.two_columns .portfolio li a.image-wrap { width:364px; height:236px; } /* 4 columns portfolio*/ #gallery.four_columns .portfolio li { width:172px; margin-right:16px; } #gallery.four_columns .portfolio li a.image-wrap { width:172px; height:111px; } /*---------------------------------------- Post ---------------------------------------- */ .post-holder .featured-thumbnail { width:300px; height:237px; } .featured-thumbnail.large, .featured-thumbnail.large img { width:100%; height:auto; } .post-holder.testimonial .featured-thumbnail { width:150px; height:150px; } .post-content div.excerpt {overflow:visible;} /* Comment Form */ .commentlist ul.children {margin-left:0;} .wpcf7-not-valid-tip {width:224px !important;} /*---------------------------------------- Sidebar ---------------------------------------- */ #searchform .searching {width:110px;} /*---------------------------------------- Footer ---------------------------------------- */ nav.footer {padding:0px 10px 0 0;} #footer-text {padding:0px 0 0 10px;} }