/

/***** Shared Stylesheet *****/
#main-wrapper {
max-width: 960px;
margin: 0px auto;
}




/***** Slideshow Stylesheet *****/
#slideshow-wrapper {
width: 100%;
background:#f2f2f2 url(../images/slide-shadow.png) top repeat-x;
float:left;	
}

#camera-slide {
height:440px !important;
}

#slideshow-noscript {
display:none;
}


/***** Media Queries CSS *****/
@media only screen and (min-width: 1020px) and (max-width: 1336px) {	
.videocon{width:74%; height:100%; margin:0 auto; position:relative;}	
}

@media only screen and (min-width: 960px) and (max-width: 1020px) {
.thumbs li {width:28%; height:28%; margin: 5px;}
.pf-box-4col li {width: 22.8%;}
.pf-box-3col li {width: 31.1%;}
.pf-box-2col li {width: 47.7%;}
.post-info {padding-right:30px;}
#map_canvas {height:430px;}
#search-form-error {width:245px;}
.videocon{width:96%; height:100%; margin:0 auto; position:relative;}
}

@media only screen and (min-width: 929px) and (max-width: 959px) {
#main-wrapper, #breadcrumb-content, .pagetitle-content {max-width: 96%;}
.caption-type1 > div, .caption-type2 > div, .caption-type3 > div, .caption-type4 > div {width:920px;}
.caption-type4 > div img {margin: 0px 0px -4px 37px;}
.thumbs li {width:27%; height:27%; margin: 5px;}
.img-left-special {width:38%;}
.pf-box-4col li {width: 22.7%;}
.pf-box-3col li {width: 30.1%;}
.pf-box-2col li {width: 47.1%;}
.post-info {padding-right:25px;}
#map_canvas {height:430px;}
#search-form-error {width:240px;}
.videocon{width:96%; height:100%; margin:0 auto; position:relative;}
}

@media only screen and (min-width: 899px) and (max-width: 928px) {
#main-wrapper, #breadcrumb-content, .pagetitle-content {max-width: 96%;}
#camera-slide {height:420px !important;}
.caption-type1 > div, .caption-type2 > div, .caption-type3 > div, .caption-type4 > div {width:96%;}
.caption-type4 > div img {margin: 0px 0px -4px 37px;}
.thumbs li {width:57px; height:57px; left; margin: 5px;}
.caption-type1 > div h1 {margin-top: 66px;}
.caption-type2 > div h1 {margin: -375px auto 20px auto;}
.caption-type3 > div h1 {margin-top: 60px;}
.caption-type1 > div img {width: 500px;}
.caption-type2 > div img {width: 659px;}
.caption-type3 > div img {width: 500px; margin-top: 73px;}
.caption-type4 > div img {width: 786px; margin: 0px 0px -4px 50px;}
.thumbs li {width:27%; height:27%; margin: 5px;}
.img-left-special {width:36%;}
.pf-box-4col li {width: 22.6%;}
.pf-box-3col li {width: 31%;}
.pf-box-2col li {width: 47.6%;}
.post-info {padding-right:20px;}
.big-date {font-size:52px;}
#map_canvas {height:420px;}
#search-form-error {width:235px;}
.videocon{width:96%; height:100%; margin:0 auto; position:relative;}
}


@media only screen and (min-width: 869px) and (max-width: 898px) {
#main-wrapper, #breadcrumb-content, .pagetitle-content {max-width: 96%;}
#camera-slide {height:420px !important;}
.caption-type1 > div, .caption-type2 > div, .caption-type3 > div, .caption-type4 > div {width:96%;}
.caption-type4 > div img {margin: 0px 0px -4px 37px;}
.thumbs li {width:57px; height:57px; left; margin: 5px;}
.caption-type1 > div h1 {margin-top: 66px;}
.caption-type2 > div h1 {margin: -375px auto 20px auto;}
.caption-type3 > div h1 {margin-top: 60px;}
.caption-type1 > div img {width: 500px;}
.caption-type2 > div img {width: 659px; margin: 0px 0px -4px 100px;}
.caption-type3 > div img {width: 500px; margin-top: 73px;}
.caption-type4 > div img {width: 786px; margin: 0px 0px -4px 40px;}
.thumbs li {width:27%; height:27%; margin: 5px;}
.img-left-special {width:34%;}
.pf-box-4col li {width: 22.6%;}
.pf-box-3col li {width: 29.9%;}
.pf-box-2col li {width: 47.5%;}
.post-info {padding-right:20px;}
.big-date {font-size:46px;}
.small-month {margin:15px 0px 0px 5px;}
#map_canvas {height:420px;}
#search-form-error {width:220px;}
.videocon{width:96%; height:100%; margin:0 auto; position:relative;}
}

@media only screen and (min-width: 839px) and (max-width: 868px) {
#main-wrapper, #breadcrumb-content, .pagetitle-content {max-width: 96%;}
#camera-slide {height:400px !important;}
.caption-type1 > div, .caption-type2 > div, .caption-type3 > div, .caption-type4 > div {width:96%;}
.caption-type4 > div img {margin: 0px 0px -4px 37px;}
.thumbs li {width:57px; height:57px; left; margin: 5px;}
.caption-type1 > div h1 {font-size:36px; margin-top: 58px; margin-bottom: 20px;}
.caption-type2 > div h1 {font-size:36px; margin: -360px auto 20px auto;}
.caption-type3 > div h1 {font-size:36px; margin-top: 60px; margin-bottom: 20px;}
.caption-type1 > div img {width: 461px;}
.caption-type2 > div img {width: 659px; margin: 0px 0px -4px 83px;}
.caption-type3 > div img {width: 461px; margin-top: 83px;}
.caption-type4 > div img {width: 756px; margin: 0px 0px -4px 37px;}
.thumbs li {width:27%; height:27%; margin: 5px;}
.img-left-special {width:32%;}
.pf-box-4col li {width: 22.4%;}
.pf-box-3col li {width: 30.8%;}
.pf-box-2col li {width: 47.4%;}
.post-info {padding-right:20px;}
.big-date {font-size:45px;}
.small-month {margin:15px 0px 0px 5px;}
#map_canvas {height:420px;}
#search-form-error {width:208px;}
.videocon{width:96%; height:100%; margin:0 auto; position:relative;}

}

@media only screen and (min-width: 809px) and (max-width: 838px) {
#main-wrapper, #breadcrumb-content, .pagetitle-content {max-width: 96%;}
#camera-slide {height:390px !important;}
.caption-type1 > div, .caption-type2 > div, .caption-type3 > div, .caption-type4 > div {width:96%;}
.caption-type4 > div img {margin: 0px 0px -4px 37px;}
.thumbs li {width:57px; height:57px; left; margin: 5px;}
.caption-type1 > div h1 {font-size:35px; margin-top: 58px; margin-bottom: 20px;}
.caption-type2 > div h1 {font-size:35px; margin: -355px auto 20px auto;}
.caption-type3 > div h1 {font-size:35px; margin-top: 60px; margin-bottom: 20px;}
.caption-type1 > div img {width: 451px;}
.caption-type2 > div img {width: 659px; margin: 0px 0px -4px 70px;}
.caption-type3 > div img {width: 451px; margin-top: 93px;}
.caption-type4 > div img {width: 746px; margin: 0px 0px -4px 30px;}
.thumbs li {width:27%; height:27%; margin: 5px;}
.featured-box h5 {font-size:17px;}
.featured-box p {font-size:13px;}
.featured-box a.button {font-size:15px;}
.arrow-icon:after {top:14px;}
.img-left-special {width:45%;}
.pf-box-4col li {width: 22.3%;}
.pf-box-3col li {width: 29.2%;}
.pf-box-2col li {width: 47.3%;}
ul.client-box li {width:33.3%;}
.post-content {width:100%;}
.post-info {width:100%; background: #fafafa; border: solid 1px #ddd; margin: -19px 0px 18px 0px; padding: 0px 20px 0px 20px; position:relative;}
.post-info, .post-info:before, .post-info:after {background: #fafafa; border: 1px solid #ddd;}
.post-info:before, .post-info:after {content: ""; position: absolute; bottom: -3px; left: 3px; right: 3px; height: 1px; border-top: none;}
.post-info ul {background: #fafafa; border-top:4px solid #ececec; margin:-20px 0px 5px 0px;}
#map_canvas {height:410px;}
#search-form-error {width:194px;}
.videocon{width:96%; height:100%; margin:0 auto; position:relative;}
}

/* Galaxy Tab 8.9 (Android, Firefox) Potrait */
@media only screen and (min-width: 769px) and (max-width: 808px) {
#main-wrapper, #breadcrumb-content, .pagetitle-content {max-width: 96%;}
#camera-slide {height:390px !important;}
.caption-type1 > div, .caption-type2 > div, .caption-type3 > div, .caption-type4 > div {width:96%;}
.caption-type4 > div img {margin: 0px 0px -4px 37px;}
.thumbs li {width:57px; height:57px; left; margin: 5px;}
.caption-type1 > div h1 {width: 342px; font-size:34px; margin-top: 58px; margin-bottom: 20px;}
.caption-type2 > div h1 {font-size:34px; margin: -355px auto 20px auto;}
.caption-type3 > div h1 {width: 452px; font-size:34px; margin-top: 60px; margin-bottom: 20px;}
.caption-type1 > div p {width: 342px;}
.caption-type3 > div p {width: 452px;}
.caption-type1 > div img {width: 451px;}
.caption-type2 > div img {width: 659px; margin: 0px 0px -4px 55px;}
.caption-type3 > div img {width: 451px; margin-top: 83px;}
.caption-type4 > div img {width: 736px; margin: 0px 0px -4px 20px;}
.caption-type3 > div .html-badge {margin: 100px -340px 0px 0px;}
.thumbs li {width:26%; height:26%; margin: 5px;}
.featured-box h5 {font-size:16px;}
.featured-box p {font-size:12px;}
.featured-box a.button {font-size:13px;}
.arrow-icon:after {top:14px;}
.featured-client {font-size:15px;}
.img-left-special {width:45%;}
.pf-box-4col li {width: 22.2%;}
.pf-box-3col li {width: 30.6%;}
.pf-box-2col li {width: 47.2%;}
ul.client-box li {width:33.3%;}
.post-content {width:100%;}
.post-info {width:100%; background: #fafafa; border: solid 1px #ddd; margin: -19px 0px 18px 0px; padding: 0px 20px 0px 20px; position:relative;}
.post-info, .post-info:before, .post-info:after {background: #fafafa; border: 1px solid #ddd;}
.post-info:before, .post-info:after {content: ""; position: absolute; bottom: -3px; left: 3px; right: 3px; height: 1px; border-top: none;}
.post-info ul {background: #fafafa; border-top:4px solid #ececec; margin:-20px 0px 5px 0px;}
#map_canvas {height:410px;}
#search-form-error {width:174px;}
.videocon{width:96%; height:100%; margin:0 auto; position:relative;}
}

/* iPad2 Potrait */
@media only screen and (min-width: 749px) and (max-width: 768px) {
#main-wrapper, #breadcrumb-content, .pagetitle-content {max-width: 96%;}
#logo {width:100%; margin:10px auto 10px auto; text-align:center;}
#camera-slide {height:380px !important;}
.caption-type1 > div, .caption-type2 > div, .caption-type3 > div, .caption-type4 > div {width:96%;}
.caption-type4 > div img {margin: 0px 0px -4px 37px;}
.thumbs li {width:57px; height:57px; left; margin: 5px;}
.caption-type1 > div h1 {width: 332px; font-size:32px; margin-top: 52px; margin-bottom: 15px;}
.caption-type2 > div h1 {width: 660px; font-size:32px; margin: -350px auto 15px auto;}
.caption-type3 > div h1 {width: 432px; font-size:32px; margin-top: 60px; margin-bottom: 15px;}
.caption-type1 > div p {width: 332px; margin-bottom: 10px;}
.caption-type2 > div p {width: 660px;}
.caption-type3 > div p {width: 432px; margin-bottom: 10px;}
.caption-type1 > div img {width: 441px;}
.caption-type2 > div img {width: 649px; margin: 0px 0px -4px 45px;}
.caption-type3 > div img {width: 441px; margin-top: 83px;}
.caption-type4 > div img {width: 726px; margin: 0px 0px -4px 10px;}
.caption-type3 > div .html-badge {margin: 100px -330px 0px 0px;}
.thumbs li {width:21%; height:21%; margin: 5px;}
.featured-box h5 {font-size:17px; text-align:center;}
.featured-box p {font-size:13px; text-align:center;}
.featured-box a.button {float:none;}
.featured-box .three {text-align:center;}
.arrow-icon:after {position:relative; top:3px; right:-15px; float:right;}
.featured-client {font-size:15px; float:none;}
#featured-wrapper {text-align:center;}
.four.marginleft {margin-left:6%;}
.front-layout2 .mobile-two {margin-bottom:17px;}
.img-left-special {width:9.4%;}
.pf-box-4col li {width: 22.1%;}
.pf-box-3col li {width: 30.5%;}
.pf-box-2col li {width: 47.1%;}
.pf-box-3col li h5, .pf-box-4col li h5 {bottom:15px;}
.pf-box-3col li p, .pf-box-4col li p {display:none}
.philosophy blockquote {margin-bottom:25px;}
ul.client-box li {width:33.3%;}
.blog-pagination {margin-bottom:30px;}
#map_canvas {height:400px;}
.pricing-column {width:25%; display:inline-block; float:left;}
.mobile-margin-top{margin-bottom:30px;}
.error-mobile .four {text-align:center;}
#search-form-error {width:354px;}
#contact-form-area {margin-bottom:30px;}
.videocon{width:96%; height:100%; margin:0 auto; position:relative;}
}

@media only screen and (min-width: 719px) and (max-width: 748px) {
#main-wrapper, #breadcrumb-content, .pagetitle-content {max-width: 96%;}
#logo {width:100%; margin:10px auto 10px auto; text-align:center;}
#camera-slide {height:380px !important;}
.caption-type1 > div, .caption-type2 > div, .caption-type3 > div, .caption-type4 > div {width:96%;}
.caption-type4 > div img {margin: 0px 0px -4px 37px;}
.thumbs li {width:57px; height:57px; left; margin: 5px;}
.caption-type1 > div h1 {width: 302px; font-size:31px; margin-top: 52px; margin-bottom: 13px;}
.caption-type2 > div h1 {width: 660px; font-size:31px; margin: -350px auto 13px auto;}
.caption-type3 > div h1 {width: 402px; font-size:31px; margin-top: 60px; margin-bottom: 13px;}
.caption-type1 > div p {font-size:14px; width:302px; margin-bottom: 8px;}
.caption-type2 > div p {font-size:14px; width: 660px;}
.caption-type3 > div p {font-size:14px; width: 402px; margin-bottom: 10px;}
.caption-type1 > div img {width: 441px;}
.caption-type2 > div img {width: 649px; margin: 0px 0px -4px 20px;}
.caption-type3 > div img {width: 441px; margin-top: 83px;}
.caption-type4 > div img {width: 726px; margin: 0px 0px -4px -7px;}
.caption-type3 > div .html-badge {margin: 120px -313px 0px 0px;}
.thumbs li {width:21%; height:21%; margin: 5px;}
.featured-box h5 {font-size:17px; text-align:center;}
.featured-box p {font-size:13px; text-align:center;}
.featured-box a.button {float:none;}
.featured-box .three {text-align:center;}
.arrow-icon:after {position:relative; top:3px; right:-15px; float:right;}
.featured-client {float:none;}
#featured-wrapper {text-align:center;}
.four.marginleft {margin-left:6%;}
.front-layout2 .mobile-two {margin-bottom:17px;}
.img-left-special {width:9.7%;}
.pf-box-4col li {width: 22%;}
.pf-box-3col li {width: 30.3%;}
.pf-box-2col li {width: 47%;}
.pf-box-3col li h5, .pf-box-4col li h5 {bottom:15px;}
.pf-box-3col li p, .pf-box-4col li p {display:none}
.philosophy blockquote {margin-bottom:25px;}
ul.client-box li {width:33.3%;}
.blog-pagination {margin-bottom:35px;}
#map_canvas {height:400px;}
.pricing-column {width:25%; display:inline-block; float:left;}
.mobile-margin-top{margin-bottom:30px;}
.error-mobile .four {text-align:center;}
#search-form-error {width:354px;}
#contact-form-area {margin-bottom:30px;}
.videocon{width:96%; height:100%; margin:0 auto; position:relative;}
}

@media only screen and (min-width: 689px) and (max-width: 718px) {
#main-wrapper, #breadcrumb-content, .pagetitle-content {max-width: 96%;}
#logo {width:100%; margin:10px auto 10px auto; text-align:center;}
#camera-slide {height:370px !important;}
.caption-type1 > div, .caption-type2 > div, .caption-type3 > div, .caption-type4 > div {width:96%;}
.caption-type4 > div img {margin: 0px 0px -4px 37px;}
.thumbs li {width:57px; height:57px; left; margin: 5px;}
.caption-type1 > div h1 {width: 282px; font-size:29px; margin-top: 52px; margin-bottom: 13px;}
.caption-type2 > div h1 {width: 620px; font-size:29px; margin: -345px auto 13px auto;}
.caption-type3 > div h1 {width: 390px; font-size:29px; margin-top: 60px; margin-bottom: 13px;}
.caption-type1 > div p {font-size:14px; width:282px; margin-bottom: 8px;}
.caption-type2 > div p {font-size:14px; width: 620px;}
.caption-type3 > div p {font-size:14px; width: 390px; margin-bottom: 10px;}
.caption-type1 > div img {width: 411px;}
.caption-type2 > div img {width: 619px; margin: 0px 0px -4px 28px;}
.caption-type3 > div img {width: 411px; margin-top: 83px;}
.caption-type4 > div img {width: 696px; margin: 0px 0px -4px -7px;}
.caption-type3 > div .html-badge {width:160px !important; height:59px !important; margin: 120px -278px 0px 0px;}
.thumbs li {width:21%; height:21%; margin: 5px;}
.featured-box h5 {font-size:17px; text-align:center;}
.featured-box p {font-size:13px; text-align:center;}
.featured-box a.button {float:none;}
.featured-box .three {text-align:center;}
.arrow-icon:after {position:relative; top:3px; right:-15px; float:right;}
.featured-client {float:none;}
#featured-wrapper {text-align:center;}
.four.marginleft {margin-left:6%;}
.front-layout2 .mobile-two {margin-bottom:17px;}
.img-left-special {width:12%;}
.pf-box-4col li {width: 21.9%;}
.pf-box-3col li {width: 30.2%;}
.pf-box-2col li {width: 46.9%;}
.pf-box-3col li h5, .pf-box-4col li h5 {bottom:15px;}
.pf-box-3col li p, .pf-box-4col li p {display:none}
.philosophy blockquote {margin-bottom:25px;}
ul.client-box li {width:33.3%;}
.blog-pagination {margin-bottom:35px;}
#map_canvas {height:400px;}
.pricing-column {width:25%; display:inline-block; float:left;}
.mobile-margin-top{margin-bottom:30px;}
.error-mobile .four {text-align:center;}
#search-form-error {width:354px;}
#contact-form-area {margin-bottom:30px;}
.videocon{width:96%; height:100%; margin:0 auto; position:relative;}
}

@media only screen and (min-width: 659px) and (max-width: 688px) {
#main-wrapper, #breadcrumb-content, .pagetitle-content {max-width: 96%;}
#logo {width:100%; margin:10px auto 10px auto; text-align:center;}
#camera-slide {height:370px !important;}
.caption-type1 > div, .caption-type2 > div, .caption-type3 > div, .caption-type4 > div {width:96%;}
.caption-type4 > div img {margin: 0px 0px -4px 37px;}
.thumbs li {width:57px; height:57px; left; margin: 5px;}
.caption-type1 > div h1 {width: 268px; font-size:28px; line-height:36px; margin-top: 65px; margin-bottom: 13px;}
.caption-type2 > div h1 {width: 600px; font-size:28px; margin: -345px auto 5px auto;}
.caption-type3 > div h1 {width: 380px; font-size:28px; margin-top: 60px; margin-bottom: 13px;}
.caption-type1 > div p {font-size:14px; width:268px; margin-bottom: 8px;}
.caption-type2 > div p {font-size:14px; width: 600px;}
.caption-type3 > div p {font-size:14px; width: 380px; margin-bottom: 10px;}
.caption-type1 > div img {width: 411px;}
.caption-type2 > div img {width: 619px; margin: 0px 0px -4px 14px;}
.caption-type3 > div img {width: 411px; margin-top: 83px;}
.caption-type4 > div img {width: 665px; margin: 0px 0px -4px -7px;}
.caption-type3 > div .html-badge {width:160px !important; height:59px !important; margin: 120px -270px 0px 0px;}
.thumbs li {width:21%; height:21%; margin: 5px;}
.featured-box h5 {font-size:17px; text-align:center;}
.featured-box p {font-size:13px; text-align:center;}
.featured-box a.button {float:none;}
.featured-box .three {text-align:center;}
.arrow-icon:after {position:relative; top:3px; right:-15px; float:right;}
.featured-client {float:none;}
#featured-wrapper {text-align:center;}
.four.marginleft {margin-left:6%;}
.front-layout2 .mobile-two {margin-bottom:17px;}
.img-left-special {width:12.5%;}
.pf-box-4col li {width: 21.7%;}
.pf-box-3col li {width: 30%;}
.pf-box-2col li {width: 46.7%;}
.pf-box-3col li h5, .pf-box-4col li h5 {font-size:14px; bottom:15px;}
.pf-box-3col li p, .pf-box-4col li p {display:none}
.philosophy blockquote {margin-bottom:25px;}
ul.client-box li {width:33.3%;}
.post-info {padding-right:25px;}
.big-date {font-size:51px;}
.small-month {margin:20px 0px 0px 5px;}
.blog-pagination {margin-bottom:35px;}
#map_canvas {height:390px;}
.pricing-column {width:25%; display:inline-block; float:left;}
.mobile-margin-top{margin-bottom:30px;}
.error-mobile .four {text-align:center;}
#search-form-error {width:354px;}
#contact-form-area {margin-bottom:30px;}
.videocon{width:96%; height:100%; margin:0 auto; position:relative;}
}

/* Galaxy Tab 8.9 (Opera) Potrait */
@media only screen and (min-width: 629px) and (max-width: 658px) {
#main-wrapper, #breadcrumb-content, .pagetitle-content {max-width: 96%;}
#logo {width:100%; margin:10px auto 10px auto; text-align:center;}
#camera-slide {height:360px !important;}
.caption-type1 > div, .caption-type2 > div, .caption-type3 > div, .caption-type4 > div {width:96%;}
.caption-type4 > div img {margin: 0px 0px -4px 37px;}
.thumbs li {width:57px; height:57px; left; margin: 5px;}
.caption-type1 > div h1 {width: 248px; font-size:25px; line-height:36px; margin-top: 55px; margin-bottom: 13px;}
.caption-type2 > div h1 {width: 590px; font-size:25px; margin: -332px auto 5px auto;}
.caption-type3 > div h1 {width: 340px; font-size:25px; margin-top: 50px; margin-bottom: 13px;}
.caption-type1 > div p {font-size:14px; width:248px; margin-bottom: 8px;}
.caption-type2 > div p {font-size:14px; width:590px;}
.caption-type3 > div p {font-size:14px; width:340px; margin-bottom: 10px;}
.caption-type1 > div img {width: 392px;}
.caption-type2 > div img {width: 570px; margin: 0px 0px -4px 22px;}
.caption-type3 > div img {width: 392px; margin-top: 83px;}
.caption-type4 > div img {width: 620px; margin: 0px 0px -4px 0px;}
.caption-type3 > div .html-badge {width:160px !important; height:59px !important; margin: 120px -251px 0px 0px;}
.thumbs li {width:25%; height:25%; margin: 5px;}
.featured-box h5 {font-size:17px; text-align:center;}
.featured-box p {font-size:13px; text-align:center;}
.featured-box a.button {float:none;}
.featured-box .three {text-align:center;}
.arrow-icon:after {position:relative; top:3px; right:-15px; float:right;}
.featured-client {float:none;}
#featured-wrapper {text-align:center;}
.four.marginleft {margin-left:6%;}
.front-layout2 .mobile-two {margin-bottom:17px;}
.img-left-special {width:13.5%;}
.pf-box-4col li {width: 21.6%;}
.pf-box-3col li {width: 29.9%;}
.pf-box-2col li {width: 46.6%;}
.pf-box-3col li h5, .pf-box-4col li h5 {font-size:14px; bottom:15px;}
.pf-box-3col li p, .pf-box-4col li p {display:none}
.philosophy blockquote {margin-bottom:25px;}
ul.client-box li {width:33.3%;}
.post-info {padding-right:25px;}
.big-date {font-size:47px;}
.small-month {margin:20px 0px 0px 5px;}
.blog-pagination {margin-bottom:35px;}
#map_canvas {height:390px;}
.pricing-column {width:25%; display:inline-block; float:left;}
.mobile-margin-top{margin-bottom:30px;}
.error-mobile .four {text-align:center;}
#search-form-error {width:354px;}
#contact-form-area {margin-bottom:30px;}
.videocon{width:96%; height:100%; margin:0 auto; position:relative;}
}

@media only screen and (min-width: 599px) and (max-width: 628px) {
#main-wrapper, #breadcrumb-content, .pagetitle-content {max-width: 96%;}
#logo {width:100%; margin:10px auto 10px auto; text-align:center;}
#camera-slide {height:340px !important;}
.caption-type1 > div, .caption-type2 > div, .caption-type3 > div, .caption-type4 > div {width:96%;}
.caption-type4 > div img {margin: 0px 0px -4px 37px;}
.thumbs li {width:57px; height:57px; left; margin: 5px;}
.caption-type1 > div h1 {width: 228px; font-size:24px; line-height:36px; margin-top: 55px; margin-bottom: 13px;}
.caption-type2 > div h1 {width: 560px; font-size:24px; margin: -317px auto 5px auto;}
.caption-type3 > div h1 {width: 320px; font-size:24px; margin-top: 50px; margin-bottom: 13px;}
.caption-type1 > div p {font-size:14px; width:228px; margin-bottom: 8px;}
.caption-type2 > div p {font-size:14px; width:560px;}
.caption-type3 > div p {font-size:14px; width:320px; margin-bottom: 10px;}
.caption-type1 > div img {width: 375px;}
.caption-type2 > div img {width: 540px; margin: 0px 0px -4px 26px;}
.caption-type3 > div img {width: 392px; margin-top: 83px;}
.caption-type4 > div img {width: 620px; margin: 0px 0px -4px -13px;}
.caption-type3 > div .html-badge {width:160px !important; height:59px !important; margin: 120px -238px 0px 0px;}
.thumbs li {width:25%; height:25%; margin: 5px;}
.featured-box h5 {font-size:17px; text-align:center;}
.featured-box p {font-size:13px; text-align:center;}
.featured-box a.button {float:none;}
.featured-box .three {text-align:center;}
.arrow-icon:after {position:relative; top:3px; right:-15px; float:right;}
.featured-client {float:none;}
#featured-wrapper {text-align:center;}
.four.marginleft {margin-left:6%;}
.front-layout2 .mobile-two {margin-bottom:17px;}
.img-left-special {width:14%;}
.pf-box-4col li {width: 21.4%;}
.pf-box-3col li {width: 29.7%;}
.pf-box-2col li {width: 46.4%;}
.pf-box-3col li h5, .pf-box-4col li h5 {font-size:14px; bottom:15px;}
.pf-box-3col li p, .pf-box-4col li p {display:none}
.philosophy blockquote {margin-bottom:25px;}
ul.client-box li {width:33.3%;}
.post-info {padding-right:25px;}
.big-date {font-size:47px;}
.small-month {margin:16px 0px 0px 5px;}
.blog-pagination {margin-bottom:35px;}
#map_canvas {height:390px;}
.pricing-column {width:50%; margin-bottom:-19px; display:inline-block; float:left;}
.mobile-margin-bottom{margin-top:50px;}
.mobile-margin-top{margin-bottom:30px;}
#comment ol li ol {margin-left:0px;}
.error-mobile .four {text-align:center;}
#search-form-error {width:354px;}
#contact-form-area {margin-bottom:30px;}
.videocon{width:96%; height:100%; margin:0 auto; position:relative;}
}

@media only screen and (min-width: 569px) and (max-width: 598px) {
#main-wrapper, #breadcrumb-content, .pagetitle-content {max-width: 96%;}
#logo {width:100%; margin:10px auto 10px auto; text-align:center;}
#camera-slide {height:340px !important;}
.caption-type1 > div, .caption-type2 > div, .caption-type3 > div, .caption-type4 > div {width:96%;}
.caption-type4 > div img {margin: 0px 0px -4px 37px;}
.thumbs li {width:57px; height:57px; left; margin: 5px;}
.caption-type1 > div h1 {width: 200px; font-size:22px; line-height:34px; margin-top: 60px; margin-bottom: 13px;}
.caption-type2 > div h1 {width: 520px; font-size:22px; margin: -317px auto 5px auto;}
.caption-type3 > div h1 {width: 300px; font-size:22px; margin-top: 40px; margin-bottom: 5px;}
.caption-type1 > div p {font-size:14px; width:200px; margin-bottom: 8px;}
.caption-type2 > div p {font-size:14px; width:520px;}
.caption-type3 > div p {font-size:14px; width:300px; margin-bottom: 10px;}
.caption-type1 > div img {width: 355px;}
.caption-type2 > div img {width: 510px; margin: 0px 0px -4px 26px;}
.caption-type3 > div img {width: 355px; margin-top: 83px;}
.caption-type4 > div img {width: 590px; margin: 0px 0px -4px -15px;}
.caption-type3 > div .html-badge {width:160px !important; height:59px !important; margin: 120px -228px 0px 0px;}
.caption-type1 a.button-slide {display:none;}
.thumbs li {width:25%; height:25%; margin: 5px;}
.featured-box h5 {font-size:17px; text-align:center;}
.featured-box p {font-size:13px; text-align:center;}
.featured-box a.button {float:none;}
.featured-box .three {text-align:center;}
.arrow-icon:after {position:relative; top:3px; right:-15px; float:right;}
.featured-client {float:none;}
#featured-wrapper {text-align:center;}
.four.marginleft {margin-left:6%;}
.front-layout2 .mobile-two {margin-bottom:17px;}
.img-left-special {width:14.9%;}
.pf-box-4col li {width: 21.2%;}
.pf-box-3col li {width: 29.5%;}
.pf-box-2col li {width: 46.2%;}
.pf-box-3col li h5, .pf-box-4col li h5 {font-size:14px; bottom:15px;}
.pf-box-3col li p, .pf-box-4col li p {display:none}
.philosophy blockquote {margin-bottom:25px;}
ul.client-box li {width:33.3%;}
.post-info {padding-right:20px;}
.big-date {font-size:45px;}
.small-month {margin:16px 0px 0px 5px;}
.blog-pagination {margin-bottom:35px;}
#map_canvas {height:390px;}
.testi-text {width:70%;}
.testi-image {width:30%;}
.pricing-column {width:50%; margin-bottom:-19px; display:inline-block; float:left;}
.mobile-margin-bottom{margin-top:50px;}
.mobile-margin-top{margin-bottom:30px;}
#comment ol li ol {margin-left:0px;}
.error-mobile .four {text-align:center;}
#search-form-error {width:354px;}
#contact-form-area {margin-bottom:30px;}
.videocon{width:96%; height:100%; margin:0 auto; position:relative;}
}

@media only screen and (min-width: 539px) and (max-width: 568px) {
#main-wrapper, #breadcrumb-content, .pagetitle-content {max-width: 96%;}
#logo {width:100%; margin:10px auto 10px auto; text-align:center;}
#camera-slide {height:320px !important;}
.caption-type1 > div, .caption-type2 > div, .caption-type3 > div, .caption-type4 > div {width:96%;}
.caption-type4 > div img {margin: 0px 0px -4px 37px;}
.thumbs li {width:57px; height:57px; left; margin: 5px;}
.caption-type1 > div h1 {width: 198px; font-size:22px; line-height:34px; margin-top: 60px; margin-bottom: 13px;}
.caption-type2 > div h1 {width: 490px; font-size:22px; margin: -302px auto 5px auto;}
.caption-type3 > div h1 {width: 280px; font-size:22px; margin-top: 35px; margin-bottom: 5px;}
.caption-type1 > div p {font-size:14px; width:198px; margin-bottom: 8px;}
.caption-type2 > div p {font-size:14px; width:490px;}
.caption-type3 > div p {font-size:14px; width:280px; margin-bottom: 10px;}
.caption-type1 > div img {width: 335px;}
.caption-type2 > div img {width: 480px; margin: 0px 0px -4px 24px;}
.caption-type3 > div img {width: 335px; margin-top: 83px;}
.caption-type4 > div img {width: 560px; margin: 0px 0px -4px -15px;}
.caption-type3 > div .html-badge {width:130px !important; height:48px !important; margin: 140px -208px 0px 0px;}
.caption-type1 a.button-slide {display:none;}
.thumbs li {width:25%; height:25%; margin: 5px;}
.featured-box h5 {font-size:17px; text-align:center;}
.featured-box p {font-size:13px; text-align:center;}
.featured-box a.button {float:none;}
.featured-box .three {text-align:center;}
.arrow-icon:after {position:relative; top:3px; right:-15px; float:right;}
.featured-client {float:none;}
#featured-wrapper {text-align:center;}
.four.marginleft {margin-left:6%;}
.front-layout2 .mobile-two {margin-bottom:17px;}
.img-left-special {width:15.8%;}
.pf-box-4col li {width: 20.9%;}
.pf-box-3col li {width: 29.3%;}
.pf-box-2col li {width: 46%;}
.pf-box-2col li h5, .pf-box-3col li h5, .pf-box-4col li h5 {font-size:14px; bottom:15px;}
.pf-box-2col li p, .pf-box-3col li p, .pf-box-4col li p {display:none}
.philosophy blockquote {margin-bottom:25px;}
ul.client-box li {width:33.3%;}
.post-content {width:100%;}
.post-info {width:100%; background: #fafafa; border: solid 1px #ddd; margin: -19px 0px 18px 0px; padding: 0px 20px 0px 20px; position:relative;}
.post-info, .post-info:before, .post-info:after {background: #fafafa; border: 1px solid #ddd;}
.post-info:before, .post-info:after {content: ""; position: absolute; bottom: -3px; left: 3px; right: 3px; height: 1px; border-top: none;}
.post-info ul {background: #fafafa; border-top:4px solid #ececec; margin:-20px 0px 5px 0px;}
.blog-pagination {margin-bottom:35px;}
#map_canvas {height:390px;}
.testi-text {width:70%;}
.testi-image {width:30%;}
.pricing-column {width:50%; margin-bottom:-19px; display:inline-block; float:left;}
.mobile-margin-bottom{margin-top:50px;}
.mobile-margin-top{margin-bottom:30px;}
#comment ol li ol {margin-left:0px;}
.error-mobile .four {text-align:center;}
#search-form-error {width:334px;}
#contact-form-area {margin-bottom:30px;}
.videocon{width:96%; height:100%; margin:0 auto; position:relative;}
}

@media only screen and (min-width: 509px) and (max-width: 538px) {
#main-wrapper, #breadcrumb-content, .pagetitle-content {max-width: 96%;}
#logo {width:100%; margin:10px auto 10px auto; text-align:center;}
#camera-slide {height:320px !important;}
.caption-type1 > div, .caption-type2 > div, .caption-type3 > div, .caption-type4 > div {width:96%;}
.caption-type4 > div img {margin: 0px 0px -4px 37px;}
.thumbs li {width:57px; height:57px; left; margin: 5px;}
.caption-type1 > div h1 {width: 188px; font-size:22px; line-height:34px; margin-top: 43px; margin-bottom: 13px;}
.caption-type2 > div h1 {width: 460px; font-size:22px; margin: -293px auto 5px auto;}
.caption-type3 > div h1 {width: 260px; font-size:22px; margin-top: 35px; margin-bottom: 5px;}
.caption-type1 > div p {font-size:14px; width:188px; margin-bottom: 8px;}
.caption-type2 > div p {font-size:14px; width:460px;}
.caption-type3 > div p {font-size:14px; width:260px; margin-bottom: 10px;}
.caption-type1 > div img {width: 315px;}
.caption-type2 > div img {width: 450px; margin: 0px 0px -4px 24px;}
.caption-type3 > div img {width: 315px; margin-top: 83px;}
.caption-type4 > div img {width: 530px; margin: 0px 0px -4px -15px;}
.caption-type3 > div .html-badge {width:130px !important; height:48px !important; margin: 140px -196px 0px 0px;}
.caption-type1 a.button-slide {display:none;}
.thumbs li {width:14.5%; height:14.5%; margin: 5px;}
.featured-box h5 {font-size:17px; text-align:center;}
.featured-box p {font-size:13px; text-align:center;}
.featured-box a.button {float:none;}
.featured-box .three {text-align:center;}
.arrow-icon:after {position:relative; top:3px; right:-15px; float:right;}
.featured-client {float:none;}
#featured-wrapper {text-align:center;}
.row .mobile-one, .row .mobile-two {width:100% !important;}
.row .mobile-view { width: 50% !important; float: left; padding: 0 15px; }
.img-left-special {width:16.8%;}
.pf-box-4col li {width: 96%;}
.pf-box-3col li {width: 29%;}
.pf-box-2col li {width: 45.7%;}
.pf-box-2col li h5, .pf-box-3col li h5 {font-size:14px; bottom:15px;}
.pf-box-4col li h5 {bottom:58px;}
.pf-box-2col li p, .pf-box-3col li p {display:none}
.pf-box-4col li p {width:78%; color:#fff; max-height:43px; max-height:36px \0/; font-size:11.2px; line-height:18px; padding:3px 8px 5px 7px; background-color:#696969; position:absolute; bottom:30px; z-index:100; overflow:hidden; float:left; display:block}
.philosophy blockquote {margin-bottom:25px;}
ul.client-box li {width:33.3%;}
.post-content {width:100%;}
.post-info {width:100%; background: #fafafa; border: solid 1px #ddd; margin: -19px 0px 18px 0px; padding: 0px 20px 0px 20px; position:relative;}
.post-info, .post-info:before, .post-info:after {background: #fafafa; border: 1px solid #ddd;}
.post-info:before, .post-info:after {content: ""; position: absolute; bottom: -3px; left: 3px; right: 3px; height: 1px; border-top: none;}
.post-info ul {background: #fafafa; border-top:4px solid #ececec; margin:-20px 0px 5px 0px;}
.blog-pagination {margin-bottom:35px;}
#map_canvas {height:380px;}
.testi-text {width:70%;}
.testi-image {width:30%;}
.pricing-column {width:50%; margin-bottom:-19px; display:inline-block; float:left;}
.mobile-margin-bottom{margin-top:50px;}
.mobile-margin-top{margin-bottom:30px;}
#comment ol li ol {margin-left:0px;}
.error-mobile .four {text-align:center;}
#search-form-error {width:304px;}
#contact-form-area {margin-bottom:30px;}
.videocon{width:96%; height:100%; margin:0 auto; position:relative;}
}

@media only screen and (min-width: 479px) and (max-width: 508px) {
#main-wrapper, #breadcrumb-content, .pagetitle-content {max-width: 96%;}
#logo {width:100%; margin:10px auto 10px auto; text-align:center;}
#camera-slide {height:320px !important;}
.caption-type1 > div, .caption-type2 > div, .caption-type3 > div, .caption-type4 > div {width:96%;}
.caption-type4 > div img {margin: 0px 0px -4px 37px;}
.thumbs li {width:57px; height:57px; left; margin: 5px;}
.caption-type1 > div h1 {width: 178px; font-size:22px; line-height:34px; margin-top: 43px; margin-bottom: 13px;}
.caption-type2 > div h1 {width: 460px; font-size:22px; margin: -293px auto 5px auto;}
.caption-type3 > div h1 {width: 260px; font-size:22px; margin-top: 35px; margin-bottom: 5px;}
.caption-type1 > div p {font-size:14px; width:178px; margin-bottom: 8px;}
.caption-type2 > div p {font-size:14px; width:460px;}
.caption-type3 > div p {font-size:14px; width:260px; margin-bottom: 10px;}
.caption-type1 > div img {width: 305px;}
.caption-type2 > div img {width: 428px; margin: 0px 0px -4px 22px;}
.caption-type3 > div img {width: 305px; margin-top: 93px;}
.caption-type4 > div img {width: 500px; margin: 0px 0px -4px -16px;}
.caption-type3 > div .html-badge {width:130px !important; height:48px !important; margin: 140px -196px 0px 0px;}
.caption-type1 a.button-slide {display:none;}
.thumbs li {width:14%; height:14%; margin: 5px;}
.featured-box h5 {font-size:17px; text-align:center;}
.featured-box p {font-size:13px; text-align:center;}
.featured-box a.button {float:none;}
.featured-box .three {text-align:center;}
.arrow-icon:after {position:relative; top:3px; right:-15px; float:right;}
.featured-client {float:none;}
#featured-wrapper {text-align:center;}
.row .mobile-one, .row .mobile-two {width:100% !important;}
.row .mobile-view { width: 50% !important; float: left; padding: 0 15px; }
.img-left-special {width:18.1%;}
.pf-box-4col li {width: 94%;}
.pf-box-3col li {width: 28.8%;}
.pf-box-2col li {width: 45.5%;}
.pf-box-2col li h5, .pf-box-3col li h5 {font-size:14px; bottom:15px;}
.pf-box-4col li h5 {bottom:58px;}
.pf-box-2col li p, .pf-box-3col li p {display:none}
.pf-box-4col li p {width:78%; color:#fff; max-height:43px; max-height:36px \0/; font-size:11.2px; line-height:18px; padding:3px 8px 5px 7px; background-color:#696969; position:absolute; bottom:30px; z-index:100; overflow:hidden; float:left; display:block}
.philosophy blockquote {margin-bottom:25px;}
ul.client-box li {width:33.3%;}
.post-content {width:100%;}
.post-info {width:100%; background: #fafafa; border: solid 1px #ddd; margin: -19px 0px 18px 0px; padding: 0px 20px 0px 20px; position:relative;}
.post-info, .post-info:before, .post-info:after {background: #fafafa; border: 1px solid #ddd;}
.post-info:before, .post-info:after {content: ""; position: absolute; bottom: -3px; left: 3px; right: 3px; height: 1px; border-top: none;}
.post-info ul {background: #fafafa; border-top:4px solid #ececec; margin:-20px 0px 5px 0px;}
.blog-pagination {margin-bottom:35px;}
#map_canvas {height:370px;}
.testi-text {width:70%;}
.testi-image {width:30%;}
.pricing-column {width:50%; margin-bottom:-19px; display:inline-block; float:left;}
.mobile-margin-bottom{margin-top:50px;}
.mobile-margin-top{margin-bottom:30px;}
#comment ol li ol {margin-left:0px;}
.error-mobile .four {text-align:center;}
#search-form-error {width:272px;}
#contact-form-area {margin-bottom:30px;}
.videocon{width:96%; height:100%; margin:0 auto; position:relative;}
}

/* Galaxy S2 Potrait */
@media only screen and (min-width: 449px) and (max-width: 480px) {
#main-wrapper, #breadcrumb-content, .pagetitle-content {max-width: 96%;}
#logo {width:100%; margin:10px auto 10px auto; text-align:center;}
#camera-slide {height:300px !important;}
.caption-type1 > div, .caption-type2 > div, .caption-type3 > div, .caption-type4 > div {width:96%;}
.caption-type4 > div img {margin: 0px 0px -4px 37px;}
.thumbs li {width:57px; height:57px; left; margin: 5px;}
.caption-type1 > div h1 {width: 168px; font-size:22px; line-height:32px; margin-top: 100px; margin-bottom: 13px;}
.caption-type2 > div h1 {width: 440px; font-size:22px; margin: -238px auto 5px auto;}
.caption-type3 > div h1 {width: 240px; font-size:22px; margin-top: 85px; margin-bottom: 5px;}
.caption-type1 > div p, .caption-type2 > div p, .caption-type3 > div p {display:none;}
.caption-type1 > div img {width: 290px;}
.caption-type2 > div img {width: 428px; margin: 0px 0px -4px 22px;}
.caption-type3 > div img {width: 290px; margin-top: 86px;}
.caption-type4 > div img {width: 470px; margin: 0px 0px -4px -16px;}
.caption-type3 > div .html-badge {width:130px !important; height:48px !important; margin: 140px -186px 0px 0px;}
.caption-type1 a.button-slide {display:none;}
.thumbs li {width:14%; height:14%; margin: 5px;}
.featured-box h5 {font-size:17px; text-align:center;}
.featured-box p {font-size:13px; text-align:center;}
.featured-box a.button {float:none;}
.featured-box .three {text-align:center;}
.arrow-icon:after {position:relative; top:3px; right:-15px; float:right;}
.featured-client {float:none;}
#featured-wrapper {text-align:center;}
.row .mobile-one, .row .mobile-two {width:100% !important;}
.row .mobile-view { width: 50% !important; float: left; padding: 0 15px; }
.img-left-special {width:19.3%;}
img-left3 {width:25%;}
.pf-box-4col li {width: 94%;}
.pf-box-3col li {width: 28.4%;}
.pf-box-2col li {width: 45.1%;}
.pf-box-2col li h5, .pf-box-3col li h5 {font-size:14px; bottom:15px;}
.pf-box-4col li h5 {bottom:58px;}
.pf-box-2col li p, .pf-box-3col li p {display:none}
.pf-box-4col li p {width:78%; color:#fff; max-height:43px; max-height:36px \0/; font-size:11.2px; line-height:18px; padding:3px 8px 5px 7px; background-color:#696969; position:absolute; bottom:30px; z-index:100; overflow:hidden; float:left; display:block}
.philosophy blockquote {margin-bottom:25px;}
ul.client-box li {width:33.3%;}
.post-content {width:100%;}
.post-info {width:100%; background: #fafafa; border: solid 1px #ddd; margin: -19px 0px 18px 0px; padding: 0px 20px 0px 20px; position:relative;}
.post-info, .post-info:before, .post-info:after {background: #fafafa; border: 1px solid #ddd;}
.post-info:before, .post-info:after {content: ""; position: absolute; bottom: -3px; left: 3px; right: 3px; height: 1px; border-top: none;}
.post-info ul {background: #fafafa; border-top:4px solid #ececec; margin:-20px 0px 5px 0px;}
.blog-pagination {margin-bottom:30px;}
#map_canvas {height:370px;}
.testi-text {width:70%;}
.testi-image {width:30%;}
.pricing-column {width:50%; margin-bottom:-19px; display:inline-block; float:left;}
.mobile-margin-bottom{margin-top:50px;}
.mobile-margin-top{margin-bottom:30px;}
#comment ol li ol {margin-left:0px;}
.error-mobile .four {text-align:center;}
#search-form-error {width:242px;}
#contact-form-area {margin-bottom:30px;}
.videocon{width:96%; height:100%; margin:0 auto; position:relative;}
}

@media only screen and (min-width: 419px) and (max-width: 448px) {
#main-wrapper, #breadcrumb-content, .pagetitle-content {max-width: 96%;}
#logo {width:100%; margin:10px auto 10px auto; text-align:center;}
#camera-slide {height:280px !important;}
.caption-type1 > div, .caption-type2 > div, .caption-type3 > div, .caption-type4 > div {width:96%;}
.caption-type4 > div img {margin: 0px 0px -4px 37px;}
.thumbs li {width:57px; height:57px; left; margin: 5px;}
.caption-type1 > div h1 {width: 168px; font-size:20px; line-height:28px; margin-top: 100px; margin-bottom: 13px;}
.caption-type2 > div h1 {width: 390px; font-size:20px; margin: -214px auto 5px auto;}
.caption-type3 > div h1 {width: 210px; font-size:20px; margin-top: 78px; margin-bottom: 5px;}
.caption-type1 > div p, .caption-type2 > div p, .caption-type3 > div p {display:none;}
.caption-type1 > div img {width: 270px;}
.caption-type2 > div img {width: 380px; margin: 0px 0px -4px 16px;}
.caption-type3 > div img {width: 270px; margin-top: 78px;}
.caption-type4 > div img {width: 440px; margin: 0px 0px -4px -16px;}
.caption-type3 > div .html-badge {width:130px !important; height:48px !important; margin: 140px -173px 0px 0px;}
.caption-type1 a.button-slide {display:none;}
.thumbs li {width:14%; height:14%; margin: 5px;}
.featured-box h5 {font-size:17px; text-align:center;}
.featured-box p {font-size:13px; text-align:center;}
.featured-box a.button {float:none;}
.featured-box .three {text-align:center;}
.arrow-icon:after {position:relative; top:3px; right:-15px; float:right;}
.featured-client {float:none;}
#featured-wrapper {text-align:center;}
.row .mobile-one, .row .mobile-two {width:100% !important;}
.row .mobile-view { width: 50% !important; float: left; padding: 0 15px; }
.img-left-special {width:21%;}
img-left3 {width:30%;}
.front-layout3 .eight p {overflow:visible;}
.pf-box-4col li {width: 94%;}
.pf-box-3col li {width: 28%;}
.pf-box-2col li {width: 44.7%;}
.pf-box-2col li h5, .pf-box-3col li h5 {font-size:14px; bottom:15px;}
.pf-box-4col li h5 {bottom:58px;}
.pf-box-2col li p, .pf-box-3col li p {display:none}
.pf-box-4col li p {width:78%; color:#fff; max-height:43px; max-height:36px \0/; font-size:11.2px; line-height:18px; padding:3px 8px 5px 7px; background-color:#696969; position:absolute; bottom:30px; z-index:100; overflow:hidden; float:left; display:block}
.philosophy blockquote {margin-bottom:25px;}
ul.client-box li {width:49.7%;}
.post-content {width:100%;}
.post-info {width:100%; background: #fafafa; border: solid 1px #ddd; margin: -19px 0px 18px 0px; padding: 0px 20px 0px 20px; position:relative;}
.post-info, .post-info:before, .post-info:after {background: #fafafa; border: 1px solid #ddd;}
.post-info:before, .post-info:after {content: ""; position: absolute; bottom: -3px; left: 3px; right: 3px; height: 1px; border-top: none;}
.post-info ul {background: #fafafa; border-top:4px solid #ececec; margin:-20px 0px 5px 0px;}
.blog-pagination {margin-bottom:30px;}
#map_canvas {height:360px;}
.testi-text {width:100%;}
.testi-image {display:none;}
.pricing-column {width:50%; margin-bottom:-19px; display:inline-block; float:left;}
.mobile-margin-bottom{margin-top:50px;}
.mobile-margin-top{margin-bottom:30px;}
#comment ol li ol {margin-left:0px;}
.avatar img {width:56px; height:56px;}
.comment-text {margin-left:75px;}
.error-mobile .four {text-align:center;}
#search-form-error {width:210px;}
#contact-form-area {margin-bottom:25px;}
.videocon{width:96%; height:100%; margin:0 auto; position:relative;}
}

@media only screen and (min-width: 389px) and (max-width: 418px) {
#main-wrapper, #breadcrumb-content, .pagetitle-content {max-width: 96%;}
#logo {width:100%; margin:10px auto 10px auto; text-align:center;}
#camera-slide {height:270px !important;}
.caption-type1 > div, .caption-type2 > div, .caption-type3 > div, .caption-type4 > div {width:96%;}
.caption-type4 > div img {margin: 0px 0px -4px 37px;}
.thumbs li {width:57px; height:57px; left; margin: 5px;}
.caption-type1 > div h1 {width: 168px; font-size:20px; line-height:28px; margin-top: 100px; margin-bottom: 13px;}
.caption-type2 > div h1 {width: 390px; font-size:20px; margin: -208px auto 5px auto;}
.caption-type3 > div h1 {width: 200px; font-size:20px; line-height:28px; margin-top: 65px; margin-bottom: 5px;}
.caption-type1 > div p, .caption-type2 > div p, .caption-type3 > div p {display:none;}
.caption-type1 > div img {width: 250px;}
.caption-type2 > div img {width: 350px; margin: 0px 0px -4px 16px;}
.caption-type3 > div img {width: 250px; margin-top: 84px;}
.caption-type4 > div img {width: 410px; margin: 0px 0px -4px -16px;}
.caption-type3 > div .html-badge {width:100px !important; height:37px !important; margin: 140px -150px 0px 0px;}
.caption-type1 a.button-slide {display:none;}
.thumbs li {width:13.5%; height:13.5%; margin: 5px;}
.featured-box h5 {font-size:17px; text-align:center;}
.featured-box p {font-size:13px; text-align:center;}
.featured-box a.button {float:none;}
.featured-box .three {text-align:center;}
.arrow-icon:after {position:relative; top:3px; right:-15px; float:right;}
.featured-client {float:none;}
#featured-wrapper {text-align:center;}
.row .mobile-one, .row .mobile-two {width:100% !important;}
.row .mobile-view { width: 50% !important; float: left; padding: 0 15px; }
.img-left-special {width:26.5%;}
img-left3 {width:30%;}
.front-layout3 .eight p {overflow:visible;}
.pf-box-4col li, .pf-box-3col li, .pf-box-2col li {width: 94%;}
.pf-box-4col li h5 {bottom:58px;}
.pf-box-4col li p {width:78%; color:#fff; max-height:43px; max-height:36px \0/; font-size:11.2px; line-height:18px; padding:3px 8px 5px 7px; background-color:#696969; position:absolute; bottom:30px; z-index:100; overflow:hidden; float:left; display:block}
.philosophy blockquote {margin-bottom:25px;}
ul.client-box li {width:49.7%;}
.serv-mobile {width:50%; margin-bottom:5px; margin-left:25%; float:none;}
.post-content {width:100%;}
.post-info {width:100%; background: #fafafa; border: solid 1px #ddd; margin: -19px 0px 18px 0px; padding: 0px 20px 0px 20px; position:relative;}
.post-info, .post-info:before, .post-info:after {background: #fafafa; border: 1px solid #ddd;}
.post-info:before, .post-info:after {content: ""; position: absolute; bottom: -3px; left: 3px; right: 3px; height: 1px; border-top: none;}
.post-info ul {background: #fafafa; border-top:4px solid #ececec; margin:-20px 0px 5px 0px;}
.blog-pagination {margin-bottom:30px;}
#map_canvas {height:340px;}
.testi-text {width:100%;}
.testi-image {display:none;}
.pricing-column {width:50%; margin-bottom:-19px; display:inline-block; float:left;}
.mobile-margin-bottom{margin-top:50px;}
.mobile-margin-top{margin-bottom:30px;}
#comment ol li ol {margin-left:0px;}
.avatar img {width:56px; height:56px;}
.comment-text {margin-left:75px;}
.error-mobile .divider {display:none;}
.error-mobile p {display:none;}
.error-search {display:none;}
.error-mobile .four {text-align:center;}
#contact-form-area {margin-bottom:25px;}
.videocon{width:96%; height:100%; margin:0 auto; position:relative;}
}

@media only screen and (min-width: 359px) and (max-width: 388px) {
#main-wrapper, #breadcrumb-content, .pagetitle-content {max-width: 96%;}
#logo {width:100%; margin:10px auto 10px auto; text-align:center;}
#camera-slide {height:250px !important;}
.caption-type1 > div, .caption-type2 > div, .caption-type3 > div, .caption-type4 > div {width:96%;}
.caption-type4 > div img {margin: 0px 0px -4px 37px;}
.thumbs li {width:57px; height:57px; left; margin: 5px;}
.caption-type1 > div h1 {width: 138px; font-size:18px; line-height:28px; margin-top: 90px; margin-bottom: 13px;}
.caption-type2 > div h1 {width: 300px; font-size:18px; line-height:28px; margin: -193px auto 5px auto;}
.caption-type3 > div h1 {width: 190px; font-size:18px; line-height:28px; margin-top: 65px; margin-bottom: 5px;}
.caption-type1 > div p, .caption-type2 > div p, .caption-type3 > div p {display:none;}
.caption-type1 > div img {width: 230px;}
.caption-type2 > div img {width: 315px; margin: 0px 0px -4px 16px;}
.caption-type3 > div img {width: 230px; margin-top: 80px;}
.caption-type4 > div img {width: 380px; margin: 0px 0px -4px -16px;}
.caption-type3 > div .html-badge {width:100px !important; height:37px !important; margin: 140px -147px 0px 0px;}
.caption-type1 a.button-slide {display:none;}
.thumbs li {width:13.5%; height:13.5%; margin: 5px;}
.featured-box h5 {font-size:17px; text-align:center;}
.featured-box p {font-size:13px; text-align:center;}
.featured-box a.button {float:none;}
.featured-box .three {text-align:center;}
.arrow-icon:after {position:relative; top:3px; right:-15px; float:right;}
.featured-client {float:none;}
#featured-wrapper {text-align:center;}
.row .mobile-one, .row .mobile-two {width:100% !important;}
.row .mobile-view { width: 50% !important; float: left; padding: 0 15px; }
.img-left-special {width:29.3%;}
img-left3 {width:25%;}
.front-layout3 .eight p {overflow:visible;}
.pf-box-4col li, .pf-box-3col li, .pf-box-2col li {width: 94%;}
.pf-box-4col li h5 {bottom:58px;}
.pf-box-4col li p {width:78%; color:#fff; max-height:43px; max-height:36px \0/; font-size:11.2px; line-height:18px; padding:3px 8px 5px 7px; background-color:#696969; position:absolute; bottom:30px; z-index:100; overflow:hidden; float:left; display:block}
.philosophy blockquote {margin-bottom:25px;}
ul.client-box li {width:49.7%;}
.serv-mobile {width:50%; margin-bottom:5px; margin-left:25%; float:none;}
.post-content {width:100%;}
.post-info {width:100%; background: #fafafa; border: solid 1px #ddd; margin: -19px 0px 18px 0px; padding: 0px 20px 0px 20px; position:relative;}
.post-info, .post-info:before, .post-info:after {background: #fafafa; border: 1px solid #ddd;}
.post-info:before, .post-info:after {content: ""; position: absolute; bottom: -3px; left: 3px; right: 3px; height: 1px; border-top: none;}
.post-info ul {background: #fafafa; border-top:4px solid #ececec; margin:-20px 0px 5px 0px;}
.blog-pagination {margin-bottom:30px;}
#map_canvas {height:320px;}
#commentform-wrap {width:90%;} 
#contact-form-area {width:90%; margin-bottom:25px;}
form#comment-form input, form#contactform input {width:65%;}
form#comment-form label, form#contactform label {width:32%;}
.testi-text {width:100%;}
.testi-image {display:none;}
.pricing-column {width:100%; margin-bottom:-19px;}
.feature-package {margin:19px 0px 11px 0px;}
.mobile-margin-bottom{margin-top:50px;}
.mobile-margin-top{margin-bottom:30px;}
#comment ol li ol {margin-left:0px;}
.avatar img {width:56px; height:56px;}
.comment-text {margin-left:75px;}
.error-mobile .divider {display:none;}
.error-mobile p {display:none;}
.error-search {display:none;}
.error-mobile .four {text-align:center;}
.videocon{width:96%; height:100%; margin:0 auto; position:relative;}
}

@media only screen and (min-width: 321px) and (max-width: 358px) {
#main-wrapper, #breadcrumb-content, .pagetitle-content {max-width: 96%;}
#logo {width:100%; margin:10px auto 10px auto; text-align:center;}
#camera-slide {height:240px !important;}
.caption-type1 > div, .caption-type2 > div, .caption-type3 > div, .caption-type4 > div {width:96%;}
.caption-type4 > div img {margin: 0px 0px -4px 37px;}
.thumbs li {width:57px; height:57px; left; margin: 5px;}
.caption-type1 > div h1 {width: 138px; font-size:18px; line-height:28px; margin-top: 80px; margin-bottom: 13px;}
.caption-type2 > div h1 {width: 290px; font-size:18px; line-height:28px; margin: -189px auto 5px auto;}
.caption-type3 > div h1 {width: 190px; font-size:18px; line-height:28px; margin-top: 65px; margin-bottom: 5px;}
.caption-type1 > div p, .caption-type2 > div p, .caption-type3 > div p {display:none;}
.caption-type1 > div img {width: 210px;}
.caption-type2 > div img {width: 288px; margin: 0px 0px -4px 16px;}
.caption-type3 > div img {width: 210px; margin-top: 84px;}
.caption-type4 > div img {width: 350px; margin: 0px 0px -4px -16px;}
.caption-type3 > div .html-badge {width:100px !important; height:37px !important; margin: 140px -147px 0px 0px;}
.caption-type1 a.button-slide {display:none;}
.thumbs li {width:13%; height:13%; margin: 5px;}
.featured-box h5 {font-size:17px; text-align:center;}
.featured-box p {font-size:13px; text-align:center;}
.featured-box a.button {float:none;}
.featured-box .three {text-align:center;}
.arrow-icon:after {position:relative; top:3px; right:-15px; float:right;}
.featured-client {float:none;}
#featured-wrapper {text-align:center;}
.row .mobile-one, .row .mobile-two {width:100% !important;}
.row .mobile-view { width: 50% !important; float: left; padding: 0 15px; }
.img-left-special {width:37%;}
img-left3 {width:23%;}
.front-layout3 .eight p {overflow:visible;}
.pf-box-4col li, .pf-box-3col li, .pf-box-2col li {width: 93%;}
.pf-box-4col li h5 {bottom:58px;}
.pf-box-4col li p {width:78%; color:#fff; max-height:43px; max-height:36px \0/; font-size:11.2px; line-height:18px; padding:3px 8px 5px 7px; background-color:#696969; position:absolute; bottom:30px; z-index:100; overflow:hidden; float:left; display:block}
.philosophy blockquote {margin-bottom:25px;}
ul.client-box li {width:49.7%;}
.serv-mobile {width:50%; margin-bottom:5px; margin-left:25%; float:none;}
.post-content {width:100%;}
.post-info {width:100%; background: #fafafa; border: solid 1px #ddd; margin: -19px 0px 18px 0px; padding: 0px 20px 0px 20px; position:relative;}
.post-info, .post-info:before, .post-info:after {background: #fafafa; border: 1px solid #ddd;}
.post-info:before, .post-info:after {content: ""; position: absolute; bottom: -3px; left: 3px; right: 3px; height: 1px; border-top: none;}
.post-info ul {background: #fafafa; border-top:4px solid #ececec; margin:-20px 0px 5px 0px;}
.blog-pagination {margin-bottom:30px;}
#map_canvas {height:300px;}
#commentform-wrap {width:90%;} 
#contact-form-area {width:90%; margin-bottom:25px;}
form#comment-form input, form#contactform input {width:65%;}
form#comment-form label, form#contactform label {width:32%;}
.testi-text {width:100%;}
.testi-image {display:none;}
.pricing-column {width:100%; margin-bottom:-19px;}
.feature-package {margin:19px 0px 11px 0px;}
.mobile-margin-bottom{margin-top:50px;}
.mobile-margin-top{margin-bottom:30px;}
#comment ol li ol {margin-left:0px;}
.avatar img {width:56px; height:56px;}
.comment-text {margin-left:75px;}
.error-mobile .divider {display:none;}
.error-mobile p {display:none;}
.error-search {display:none;}
.error-mobile .four {text-align:center;}
.videocon{width:96%; height:100%; margin:0 auto; position:relative;}
}

/* iPhone 4 Potrait */
@media only screen and (min-width: 299px) and (max-width: 320px) {
#main-wrapper, #breadcrumb-content, .pagetitle-content {max-width: 96%;}
#logo {width:100%; margin:10px auto 10px auto; text-align:center;}
#camera-slide {height:240px !important;}
.caption-type1 > div, .caption-type2 > div, .caption-type3 > div, .caption-type4 > div {width:96%;}
.caption-type4 > div img {margin: 0px 0px -4px 37px;}
.thumbs li {width:57px; height:57px; left; margin: 5px;}
.caption-type1 > div h1 {width: 138px; font-size:18px; line-height:28px; margin-top: 80px; margin-bottom: 13px;}
.caption-type2 > div h1 {width: 250px; font-size:18px; line-height:28px; margin: -188px auto 5px auto;}
.caption-type3 > div h1 {width: 190px; font-size:18px; line-height:28px; margin-top: 65px; margin-bottom: 5px;}
.caption-type1 > div p, .caption-type2 > div p, .caption-type3 > div p {display:none;}
.caption-type1 > div img {width: 210px;}
.caption-type2 > div img {width: 278px; margin: 0px 0px -4px 5px;}
.caption-type3 > div img {width: 210px; margin-top: 84px;}
.caption-type4 > div img {width: 320px; margin: 0px 0px -4px -16px;}
.caption-type3 > div .html-badge {width:100px !important; height:37px !important; margin: 140px -147px 0px 0px;}
.caption-type1 a.button-slide {display:none;}
.thumbs li {width:25%; height:25%; margin: 5px;}
.featured-box h5 {font-size:17px; text-align:center;}
.featured-box p {font-size:13px; text-align:center;}
.featured-box a.button {float:none;}
.featured-box .three {text-align:center;}
.arrow-icon:after {position:relative; top:3px; right:-15px; float:right;}
.featured-client {float:none;}
#featured-wrapper {text-align:center;}
.row .mobile-one, .row .mobile-two {width:100% !important;}
.row .mobile-view { width: 50% !important; float:left !important; padding: 0 14px; }
.img-left-special {width:40%;}
img-left3 {width:25%;}
.front-layout3 .eight p {overflow:visible;}
.pf-box-4col li, .pf-box-3col li, .pf-box-2col li {width: 93%;}
.pf-box-4col li h5 {bottom:58px;}
.pf-box-4col li p {width:78%; color:#fff; max-height:43px; max-height:36px \0/; font-size:11.2px; line-height:18px; padding:3px 8px 5px 7px; background-color:#696969; position:absolute; bottom:30px; z-index:100; overflow:hidden; float:left; display:block}
.philosophy blockquote {margin-bottom:25px;}
ul.client-box li {width:99.6%;}
.serv-mobile {width:50%; margin-bottom:5px; margin-left:25%; float:none;}
.post-content {width:100%;}
.post-info {width:100%; background: #fafafa; border: solid 1px #ddd; margin: -19px 0px 18px 0px; padding: 0px 20px 0px 20px; position:relative;}
.post-info, .post-info:before, .post-info:after {background: #fafafa; border: 1px solid #ddd;}
.post-info:before, .post-info:after {content: ""; position: absolute; bottom: -3px; left: 3px; right: 3px; height: 1px; border-top: none;}
.post-info ul {background: #fafafa; border-top:4px solid #ececec; margin:-20px 0px 5px 0px;}
.blog-pagination {margin-bottom:30px;}
#map_canvas {height:280px;}
#commentform-wrap {width:92%;} 
#contact-form-area {width:92%; margin-bottom:25px;}
form#comment-form input, form#contactform input {width:67%;}
form#comment-form label, form#contactform label {width:29%;}
.testi-text {width:100%;}
.testi-image {display:none;}
.pricing-column {width:100%; margin-bottom:-19px;}
.feature-package {margin:19px 0px 11px 0px;}
.mobile-margin-bottom{margin-top:50px;}
.mobile-margin-top{margin-bottom:30px;}
#comment ol li ol {margin-left:0px;}
.avatar img {width:50px; height:50px;}
.comment-text {margin-left:65px;}
.error-mobile .divider {display:none;}
.error-mobile p {display:none;}
.error-search {display:none;}
.error-mobile .four {text-align:center;}
.videocon{width:96%; height:100%; margin:0 auto; position:relative;}
}

@media only screen and (min-width: 269px) and (max-width: 298px) {
#main-wrapper, #breadcrumb-content, .pagetitle-content {max-width: 96%;}
#logo {width:100%; margin:10px auto 10px auto; text-align:center;}
#camera-slide {height:230px !important;}
.caption-type1 > div, .caption-type2 > div, .caption-type3 > div, .caption-type4 > div {width:96%;}
.caption-type4 > div img {margin: 0px 0px -4px 37px;}
.thumbs li {width:57px; height:57px; left; margin: 5px;}
.caption-type1 > div h1 {width: 138px; font-size:18px; line-height:28px; margin-top: 80px; margin-bottom: 13px;}
.caption-type2 > div h1 {width: 250px; font-size:18px; line-height:28px; margin: -188px auto 5px auto;}
.caption-type3 > div h1 {width: 190px; font-size:18px; line-height:28px; margin-top: 45px; margin-bottom: 5px;}
.caption-type1 > div p, .caption-type2 > div p, .caption-type3 > div p {display:none;}
.caption-type1 > div img {width: 210px;}
.caption-type2 > div img {width: 268px; margin: 0px 0px -4px -5px;}
.caption-type3 > div img {width: 210px; margin-top: 84px;}
.caption-type4 > div img {width: 310px; margin: 0px 0px -4px -25px;}
.caption-type3 > div .html-badge {width:100px !important; height:37px !important; margin: 120px -147px 0px 0px;}
.caption-type1 a.button-slide {display:none;}
.thumbs li {width:25%; height:25%; margin: 5px;}
.featured-box h5 {font-size:17px; text-align:center;}
.featured-box p {font-size:13px; text-align:center;}
.featured-box a.button {float:none;}
.featured-box .three {text-align:center;}
.arrow-icon:after {position:relative; top:3px; right:-15px; float:right;}
.featured-client {float:none;}
#featured-wrapper {text-align:center;}
.row .mobile-one, .row .mobile-two {width:100% !important;}
.img-left-special {width:34%;}
img-left3 {width:27%;}
.front-layout3 .eight p {overflow:visible;}
.pf-box-4col li, .pf-box-3col li, .pf-box-2col li {width: 92%;}
.pf-box-4col li h5 {bottom:58px;}
.pf-box-4col li p {width:78%; color:#fff; max-height:43px; max-height:36px \0/; font-size:11.2px; line-height:18px; padding:3px 8px 5px 7px; background-color:#696969; position:absolute; bottom:30px; z-index:100; overflow:hidden; float:left; display:block}
.philosophy blockquote {margin-bottom:25px;}
ul.client-box li {width:99.6%;}
.serv-mobile {width:50%; margin-bottom:5px; margin-left:25%; float:none;}
.post-content {width:100%;}
.post-info {width:100%; background: #fafafa; border: solid 1px #ddd; margin: -19px 0px 18px 0px; padding: 0px 20px 0px 20px; position:relative;}
.post-info, .post-info:before, .post-info:after {background: #fafafa; border: 1px solid #ddd;}
.post-info:before, .post-info:after {content: ""; position: absolute; bottom: -3px; left: 3px; right: 3px; height: 1px; border-top: none;}
.post-info ul {background: #fafafa; border-top:4px solid #ececec; margin:-20px 0px 5px 0px;}
.blog-pagination {margin-bottom:30px;}
#map_canvas {height:260px;}
#commentform-wrap {width:92%;} 
#contact-form-area {width:92%; margin-bottom:25px;}
form#comment-form input, form#contactform input {width:67%;}
form#comment-form label, form#contactform label {width:29%;}
form#comment-form .buttoncontact, form#contactform .buttoncontact {width:40%;}
.testi-text {width:100%;}
.testi-image {display:none;}
.pricing-column {width:100%; margin-bottom:-19px;}
.feature-package {margin:19px 0px 11px 0px;}
.mobile-margin-bottom{margin-top:50px;}
.mobile-margin-top{margin-bottom:30px;}
#comment ol li ol {margin-left:0px;}
.avatar img {width:50px; height:50px;}
.comment-text {margin-left:65px;}
.error-mobile .divider {display:none;}
.error-mobile p {display:none;}
.error-search {display:none;}
.error-mobile .four {text-align:center;}
.videocon{width:96%; height:100%; margin:0 auto; position:relative;}
}

@media only screen and (min-width: 239px) and (max-width: 268px) {
#main-wrapper, #breadcrumb-content, .pagetitle-content {max-width: 96%;}
#logo {width:100%; margin:10px auto 10px auto; text-align:center;}
#camera-slide {height:220px !important;}
.caption-type1 > div, .caption-type2 > div, .caption-type3 > div, .caption-type4 > div {width:96%;}
.caption-type4 > div img {margin: 0px 0px -4px 37px;}
.thumbs li {width:57px; height:57px; left; margin: 5px;}
.caption-type1 > div h1 {width: 138px; font-size:18px; line-height:28px; margin-top: 80px; margin-bottom: 13px;}
.caption-type2 > div h1 {width: 240px; font-size:18px; line-height:28px; margin: -175px auto 5px auto;}
.caption-type3 > div h1 {width: 190px; font-size:18px; line-height:28px; margin-top: 45px; margin-bottom: 5px;}
.caption-type1 > div p, .caption-type2 > div p, .caption-type3 > div p {display:none;}
.caption-type1 > div img {width: 190px;}
.caption-type2 > div img {width: 248px; margin: 0px 0px -4px -9px;}
.caption-type3 > div img {width: 190px; margin-top: 80px;}
.caption-type4 > div img {width: 280px; margin: 0px 0px -4px -25px;}
.caption-type3 > div .html-badge {width:100px !important; height:37px !important; margin: 120px -147px 0px 0px;}
.caption-type1 a.button-slide {display:none;}
.thumbs li {width:25%; height:25%; margin: 5px;}
.featured-box h5 {font-size:17px; text-align:center;}
.featured-box p {font-size:13px; text-align:center;}
.featured-box a.button {float:none;}
.featured-box .three {text-align:center;}
.arrow-icon:after {position:relative; top:3px; right:-15px; float:right;}
.featured-client {float:none;}
#featured-wrapper {text-align:center;}
.row .mobile-one, .row .mobile-two {width:100% !important;}
.img-left-special {width:40%;}
img-left3 {width:30%;}
.front-layout3 .eight p {overflow:visible;}
.pf-box-4col li, .pf-box-3col li, .pf-box-2col li {width: 92%;}
.pf-box-4col li h5 {bottom:58px;}
.pf-box-4col li p {width:78%; color:#fff; max-height:43px; max-height:36px \0/; font-size:11.2px; line-height:18px; padding:3px 8px 5px 7px; background-color:#696969; position:absolute; bottom:30px; z-index:100; overflow:hidden; float:left; display:block}
.philosophy blockquote {margin-bottom:25px;}
ul.client-box li {width:99.6%;}
.serv-mobile {width:50%; margin-bottom:5px; margin-left:25%; float:none;}
.post-content {width:100%;}
.post-info {width:100%; background: #fafafa; border: solid 1px #ddd; margin: -19px 0px 18px 0px; padding: 0px 20px 0px 20px; position:relative;}
.post-info, .post-info:before, .post-info:after {background: #fafafa; border: 1px solid #ddd;}
.post-info:before, .post-info:after {content: ""; position: absolute; bottom: -3px; left: 3px; right: 3px; height: 1px; border-top: none;}
.post-info ul {background: #fafafa; border-top:4px solid #ececec; margin:-20px 0px 5px 0px;}
.blog-pagination {margin-bottom:30px;}
#map_canvas {height:240px;}
#commentform-wrap {width:92%;} 
#contact-form-area {width:92%; margin-bottom:25px;}
form#comment-form input, form#contactform input {width:67%;}
form#comment-form label, form#contactform label {width:29%;}
form#comment-form .buttoncontact, form#contactform .buttoncontact {width:40%;}
.testi-text {width:100%;}
.testi-image {display:none;}
.pricing-column {width:100%; margin-bottom:-19px;}
.feature-package {margin:19px 0px 11px 0px;}
.mobile-margin-bottom{margin-top:50px;}
.mobile-margin-top{margin-bottom:30px;}
#comment ol li ol {margin-left:0px;}
.avatar img {width:50px; height:50px;}
.comment-text {margin-left:65px;}
.error-mobile .divider {display:none;}
.error-mobile p {display:none;}
.error-search {display:none;}
.error-mobile .four {text-align:center;}
.videocon{width:96%; height:100%; margin:0 auto; position:relative;}
}