@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 {

	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAANCAYAAAC+ct6XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjBBRUQ1QTQ1QzkxMTFFMDlDNDdEQzgyNUE1RjI4MTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjBBRUQ1QTU1QzkxMTFFMDlDNDdEQzgyNUE1RjI4MTEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGMEFFRDVBMjVDOTExMUUwOUM0N0RDODI1QTVGMjgxMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGMEFFRDVBMzVDOTExMUUwOUM0N0RDODI1QTVGMjgxMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pk5mU4QAAACUSURBVHjaYmRgYJD6////MwY6AyaGAQIspCieM2cOjKkIxCFA3A0TSElJoZ3FUCANxAeAWA6IOYG4iR5BjWwpCDQCcSnNgxoIVJCDFwnwA/FHWlp8EIpHSKoGgiggLkITewrEcbQO6mVAbAbE+VD+a3IsJTc7FQAxDxD7AbEzEF+jR1DDywtoCr9DbhwzDlRZDRBgACYqHJO9bkklAAAAAElFTkSuQmCC);

	background-position: center right;

	background-repeat: no-repeat;



	border: 1px solid #e1e1e1;

	background-color: #f8f8f8;

	color: #777;

	display: block;

	margin: 10px 0 10px 0;

	width: 100%;

	padding: 10px 4px;

	

	-webkit-appearance: none;

	-moz-border-radius: 0px;

	-webkit-border-radius: 0px;

	border-radius: 0px;

}



#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; }

}