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


.header, .content-wrapper, #footer-content, #contact-intro, .contact-popup { width: 714px!important; }


.fixed .header { width: 774px!important;  }


.portfolio-grid { width: 719px; }


.portfolio-grid ul li.col2 { width: 354px; }


.portfolio-grid ul li.col3 { width: 234px; }


.portfolio-grid ul li.col4 { width: 174px; }


.portfolio-grid ul.shaped.hexagon li { margin: 0 0 15px 3px; }


.portfolio-grid ul.shaped.triangle li { margin: 0 0 15px 30px; }


.portfolio-grid ul.shaped.circle li { margin: 0 0 15px 3px; }


.grid.row3 li {width: 237px;}


.grid.row4 li {width: 177px;}


.grid.row5 li {width: 142px;}


.grid.row6 li {width: 118px;}


.google-map.fullwidth {	width: 774px; height: 500px; }


}





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


.header, .content-wrapper, #footer-content, #contact-intro, .contact-popup, #primary-menu select { width: 420px!important; }


#header-wrapper.fixed { display:none !important; }


#primary-menu select { display:block; }


#primary-menu ul { display:none; }


.one, .one-half, .two-third, .one-third, .one-fourth { float:left; position:relative; width: 100%;margin-right: 0; margin-bottom: 25px; }


.portfolio-grid { width: 100%; margin: 0; }


.portfolio-grid ul li.col2, .portfolio-grid ul li.col3, .portfolio-grid ul li.col4 {  width: 100%;  margin: 0 0 6px 0; }


.portfolio-grid ul.shaped.hexagon li { margin: 0 92px 20px 92px; }


.portfolio-grid ul.shaped.triangle li { margin: 0 52px 20px 52px; }


.portfolio-grid ul.shaped.circle li { margin: 0 92px 20px 92px; }


.grid.row3 li, .grid.row4 li, .grid.row5 li, .grid.row6 li {width: 209px;}


.google-map.fullwidth {	width: 480px; height: 200px!important; }


.contact-button { margin-top: 0; }


#footer-bottom, #footer-bottom .text-align-right { text-align: center; }


#footer-bottom .one-half { margin-bottom: 2px; }


}





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


.header, .content-wrapper, #footer-content, #contact-intro, .contact-popup, #primary-menu select { width: 300px!important; }


#header-wrapper.fixed { display:none !important; }


#primary-menu select { display:block; }


#primary-menu ul { display:none; }


.one, .one-half, .two-third, .one-third, .one-fourth { float:left; position:relative; width: 100%;margin-right: 0; margin-bottom: 25px; }


.grid li { border-right: none; }


.grid.row3 li, .grid.row4 li, .grid.row5 li, .grid.row6 li { width: 300px; }


.portfolio-grid { width: 100%; margin: 0; }


.portfolio-grid ul li.col2, .portfolio-grid ul li.col3, .portfolio-grid ul li.col4 {  width: 100%;  margin: 0 0 6px 0; }


.portfolio-grid ul.shaped.hexagon li { margin: 0 32px 20px 32px; }


.portfolio-grid ul.shaped.triangle li { margin: 0 0px 20px 0; }


.triangle .item-container, .triangle .item-mask { width: 300px; height: 263px; }


.triangle .item-mask, .triangle .item-info-overlay { background: url(../images/mask-triangle-portrait.png) no-repeat 0 0 transparent; }


.triangle .item-container img {	height: 263px; }


.triangle .item-info-overlay div {	padding: 20%; }


.portfolio-grid ul.shaped.circle li { margin: 0 32px 20px 32px; }


.google-map.fullwidth {	width: 320px; margin-left:-10px; height: 200px!important; }


.contact-button { margin-top: 0; }


#footer-bottom, #footer-bottom .text-align-right { text-align: center; }


#footer-bottom .one-half { margin-bottom: 2px; }


#footer-content {padding:0px; margin:0px;}


.content-wrapper {padding:0px 10px;}


#footer-bottom, #footer-top {  padding: 35px 5px;}


}








/*BLOG*/





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


#inner-content { width: 490px; }


#sidebar { width: 190px; }


.blog1 .post-content, .blog5 .post-content, .blog6 .post-content, .blog5 .post-title, .blog5 .post-meta, .blog6 .post-title, .blog6 .post-meta { width: 390px; }


.one.blog1 .post-content {width: 610px;}


.one.blog3 .post-content {width: 432px;}


.one.blog6 .post-content {width: 610px;}


.blog3 .post-media { width: 150px; }


.blog3 .post-content { width: 210px; }


.comment .comment-wrap, .comment .comment-meta { width: 85.4%; }


.comment .children .comment-wrap, .comment .children .comment-meta { width: 83%; }


.comment .children .children .comment-wrap, .comment .children .children .comment-meta { width: 79.8%; }


.comment .children .children .children .comment-wrap, .comment .children .children .children .comment-meta { width: 75%; }


.comment .children .children .children .children .comment-wrap, .comment .children .children .children .children .comment-meta { width: 100%; }


.comment .children .children .children  .children .children .comment-wrap, .comment .children .children .children .children .children .comment-meta { width: 100%; }


}





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


#inner-content, #sidebar { width: 420px; }


#inner-content { border-bottom: 1px solid #eee; margin: 0 0 40px 0; padding: 0 0 40px 0; }


.blog1 .post-content, .blog5 .post-content, .blog6 .post-content, .blog5 .post-title, .blog5 .post-meta, .blog6 .post-title, .blog6 .post-meta { width: 320px; } 


.blog6 .post-content, .blog6 .post-title, .blog6 .post-meta { width: 320px; }


.one.blog1 .post-content {width: 320px;}


.one.blog3 .post-content {width: 420px;}


.one.blog5 .post-title, .one.blog5 .post-meta, .one.blog5 .post-content {width: 320px;}


.one.blog6 .post-title, .one.blog6 .post-meta,  .one.blog6 .post-content {width: 320px;}


.comment .comment-wrap, .comment .comment-meta { width: 100%; }


.comment .children .comment-wrap, .comment .children .comment-meta { width: 100%; }


.comment .children .children .comment-wrap, .comment .children .children .comment-meta { width: 100%; }


.comment .children .children .children .comment-wrap, .comment .children .children .children .comment-meta { width: 100%; }


.comment .children .children .children .children .comment-wrap, .comment .children .children .children .children .comment-meta { width: 100%; }


}





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


#inner-content, #sidebar { width: 300px; }


#inner-content { border-bottom: 1px solid #eee; margin: 0 0 40px 0; padding: 0 0 40px 0; }


.blog1 .post-content, .blog5 .post-content, .blog6 .post-content, .blog5 .post-title, .blog5 .post-meta, .blog6 .post-title, .blog6 .post-meta { width: 300px; } 


.blog6 .post-content, .blog6 .post-title, .blog6 .post-meta { width: 300px; }


.one.blog1 .post-content {width: 300px;}


.one.blog3 .post-content {width: 300px;}


.one.blog5 .post-title, .one.blog5 .post-meta, .one.blog5 .post-content {width: 300px;}


.one.blog6 .post-title, .one.blog6 .post-meta, .one.blog6 .post-content {width: 300px;}


.comment .comment-wrap, .comment .comment-meta { width: 100%; }


.comment .children .comment-wrap, .comment .children .comment-meta { width: 100%; }


.comment .children .children .comment-wrap, .comment .children .children .comment-meta { width: 100%; }


.comment .children .children .children .comment-wrap, .comment .children .children .children .comment-meta { width: 100%; }


.comment .children .children .children .children .comment-wrap, .comment .children .children .children .children .comment-meta { width: 100%; }


.blog5 .post-info { width: 100%; margin: -57px 0 0 0; }


.post-info { width: 100%; margin: 0 0 20px 0; }


.post-info div { width: auto; float: left; }


.post-info div.date { padding: 8px; }


.post-info div.date span { display: inline; margin: 0 2px; }


.post-info div.date span.day, .post-info div.date span.month, .post-info div.comments a span { font-size: 11px; line-height: 11px; }


.post-info div.comments { height: auto; }


.post-info div.comments a { font-size: 11px; padding: 8px; }


.post-info div.comments a span { display: inline; margin: 0 2px; }


}





/*FLEXSLIDER*/





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


.slideshow-container, #index-slider, #portfolio-slider, #blog-slider { width: 714px; height: auto; }


#inner-content .slideshow-container, #inner-content #index-slider, #portfolio-slider, #inner-content #blog-slider { width: 490px; height: auto; }


}


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


.slideshow-container, #index-slider { width: 420px; height: auto; }


.slideshow-container .section-title { float: left; width: 380px; }


.slideshow-container .section-title h1 { font: bold 28px/38px Helvetica,Arial,sans-serif; }


.flex-caption, .pagination { display:none; }





/* 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; }


}


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


.slideshow-container, #index-slider { width: 300px; height: auto; }


.slideshow-container .section-title { float: left; width: 260px; }


.slideshow-container .section-title h1 { font: bold 20px/25px Helvetica,Arial,sans-serif; }


.flex-caption, .pagination { display:none; }





/* 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; }


}