/* CSS for Smartphone, ex: iPhone, Android, Blackberry
=====================================================================*/

@media screen and (max-width: 650px) {
	img {
		max-width: 100%;
	}
	html {
		-webkit-text-size-adjust: none;
	}
	body {
		min-width:auto;
		background: none;
	}
	#main-header, #content, #widget-footer, #main-footer {
		width:95%;
		padding:0;
		margin:0 auto;
	}
	#main-header {
		width:96%;
		padding:0 2%;
		height: auto;
		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#192744), to(#26375b));
                background-image: -webkit-linear-gradient(top, #192744, #26375b);
	    /*background-image: -webkit-linear-gradient(top, #2c2c2c, #444);*/ 
	    background-image:    -moz-linear-gradient(top, #192744, #26375b);
	    background-image:     -ms-linear-gradient(top, #192744, #26375b);
	    background-image:      -o-linear-gradient(top, #192744, #26375b);
	    margin-bottom:30px;
	}
	#logo {
		width:210px;
		height:88px;
		float:none;
		display: block;
		margin:0 auto;
	}
	#logo img {
		width:210px;
		height:88px;
	}
	#contact-header {
		float:none;
		margin:10px 0 0 0;
		height: auto;
	}
	#contact-header #email, #contact-header #phone {
		float:none;
		text-align: left;
		margin:0 0 20px 0;
		padding:0;
		text-align: center;
		background: none;
	}
	#contact-header #email {
		float:left;
		text-align:left;
	}
        .imgphone{
                    width: 12% !important;             
        }
	#contact-header #phone {
		float:right;
		text-align: right;
	}
	#contact-header h3 {
		font-size:10px;
	}
	#contact-header h3 strong {
		font-size:12px;
	}
	#nav {
		width:100%;
		height:auto;
		float:none;
		background: none;
		border-top:1px dotted #6b6b6b;
		border-bottom:1px dotted #6b6b6b;
		padding:5px 0;
	}
	#nav-main {
		height:35px;
	}
	#nav-main li {
		height:35px;
		background: none;
	}
	#nav-main li a {
		font-size:12px;
		height:25px;
		padding:10px 15px 0 15px;
		float:left;
		margin:0 0 0 -2px;
	}
	#nav ul ul {
		top:35px;
		left:-1px;
	}
	#nav ul li ul li {
		width:185px;
	}
	#nav ul ul ul {
		width:193px;
		left:185px;
	}
	#nav #nav-main li:hover ul li a, #nav #nav-main li:hover ul li a:link, #nav #nav-main li:hover ul li a:visited {
		width:159px;
		padding:8px 13px 8px 13px;
		margin:0;
		font-size:11px;
	}
	.wp-caption,
	.wp-caption-text {
		max-width: 97.5%;
		height: auto;
		width: auto9; /* ie8 */
	}
	#social-container {
		height:52px;
		float:none;
		margin:5px 0 10px 0;
		clear:both;
	}
	#link-social {
		display: none;
	}
	#nav-social {
		height:52px;
		float:none;
		background: none;
		list-style: none;
		margin:0 auto;
		padding: none;
		display: block;
	}
	#nav-social li {
		margin:11px 10px 0 0;
		background: none;
	}
	#slideshow-container {
		width:100%;
		height:auto;
		margin:0 auto 30px auto;
		background: none;
		padding:0;
	}
	#slideshow {
		width:100%;
		height:auto;
		border:none;
		margin:0 auto;
	}
	#slideshow div {
		width:600px;
		height:300px;
		margin:0 auto;
	}
	.panel-slide {
		width:auto;
		padding:8px 15px 0 15px;
		bottom:auto;
		top:0;
		font-size:11px;
		height:22px;
		display:none;
	}
	#slideshow-container .slides h1 {
		height:auto;
		font-size:14px;
		padding:4px 8px 2px 8px;
		top:0;
	}
	#slideshow-container .slides p {
		display: none;
	}
	.button-slide, .button-slide:link, .button-slide:visited {
		background:#ffa81f;
		font-size:11px;
		padding:5px 3px;
		width:150px;
		height:auto;
		left:0;
		top:23px;
	}
	.button-slide:hover {
		background:#464646;
	
	}
	#slideshow-container .flex-control-nav li {
		width:20px;
		height:20px;
	}
	#slideshow-container .flex-control-nav li a {
		width:20px;
		height:23px;
		padding-top:5px;
		font-size:11px;
	}
	#slideshow-container .flex-control-nav {
		bottom:0;
	}
	#box-container, #portfolio-homepage, #content-homepage {
		padding:0 0 35px 0;
		background: none;
		border-bottom:1px dotted #4e4e4e;
		margin:0 0 30px 0;
	}
	#box-container {
		padding:0;
	}
	#portfolio-homepage {
		padding:0 0 20px 0
	}
	#box-container article {
		width:100%;
		height: auto;
		float:none;
		display:block;
		text-align: center;
		position: relative;
		margin:0 30px 30px 0;
		padding:0 0 30px 0;
		background: #f5f5f5;
	}
	#box-container article div {
		position: absolute;
		width:100%;
		height: 100%;
		z-index:10;
		background: url(images/panel-slide.png);
		display:none;
		top:0;
		left:0;
	}
	.button-more, .button-more:link, .button-more:visited {
		margin:80px auto 0 auto;
	}
	#list-portfolio-homepage li, #list-portfolio-homepage.list-portfolio li  {
		width:30%;
		height:auto;
		margin:0 3% 3% 0
	}
	.more-portfolio, .more-portfolio:link, .more-portfolio:visited, #portfolio-homepage .title-homepage {
		float:none;
	}
	#list-portfolio-homepage li img {
		width:auto;
		height:auto;
	}
	.title-homepage {
		font-size:18px;
	}
	#portfolio-homepage .title-homepage {
		margin-bottom:10px;
	}
	#list-portfolio-homepage {
		margin-top:15px;
	}
	.portfolio-panel {
		width:100%;
		height: 100%;
		background: url(images/panel-slide.png);
		padding: 0;
	}
	.portfolio-panel p {
		font-size:9px;
		padding-top:20px;
	}
	.portfolio-panel h4 {
		display: none;
	}
	.portfolio-panel h5 a {
		font-size:9px;
		display: block;
	}
	.portfolio-panel h5 {
		text-align: center;
	}
	.portfolio-panel h5 a.first {
		border:none;
		margin:0;
		padding:0;
	}
	#content-homepage #main-content, #content-inner #main-content, #content-homepage #sidebar, #content-inner #sidebar, #content-inner #main-content.alignright, #content-inner #sidebar.alignleft {
		width:100%;
		float:none;
		margin:0 0 30px 0;
	}
	.image-news {
		background: none;
		border:none;
		padding: 0;
		margin:0;
		width:27%;
		height:auto;
	}
	.image-news-detail {
		padding:0;
		float:none;
		margin:20px 0 0 0;
	}
	.news-content {
		width:70%;
	}
	.news header ul.news-info {
		margin:5px 0 0 0;
	}
	.news {
		background: none;
		border-bottom:1px dotted #4e4e4e;
	}
	.news.last {
		border:none;
	}
	.news header h4 {
		font-size:18px;
		margin:0;
	}
	.button-next a, .button-prev a {
		width:135px;
		height:30px;
		font-size:11px;
		line-height:30px;
	}
	.list-service-sidebar li {
		width:100%;
		float:none;
		border-bottom:1px dotted #4e4e4e;
		padding:10px 0;
		background: none;
	}
	.list-service-sidebar li.odd {
		margin-right: 0;
	}
	.random-portfolio {
		padding:0;
		background:none;
		box-shadow:none;
		text-align:center;
	}
	#content-homepage {
		padding:0;
	}
	#service-homepage article, #service-homepage article.bottom {
		width:100%;
		height:auto;
		float:none;
		background: none;
		border-bottom:1px dotted #4e4e4e;
		position: relative;
		margin:0 0 30px 0;
		padding:0 0 15px 0;
	}
	#service-homepage .more-link {
		position: relative;
		left:auto;
		bottom:auto;
	}
	#widget-footer-container {
		min-width:0;
		width:100%;
	}
	#widget-footer {
		width:95%;
		padding:0;
	}
	#widget-footer .title-footer {
		font-size:18px;
	}
	#flickr-container {
		width:100%;
		float:none;
	}
	#flickr-container article {
		width:100%;
		float:none;
	}
	#flickr-footer {
		padding:40px 0 0 0;
		float:none;
		width:100%;
		clear:both;
	}
	#flickr-footer a {
		float:left;
		width:100px;
		height:100px;
		background: none;
		padding:0;
		margin:0 13px 13px 0;
	}
	#about-footer {
		width:100%;
		float:none;
		clear:both;
		padding:20px 0 0 0;
	}
	#about-footer h4 {
		font-size:16px;
	}
	#main-footer {
		width:95%;
		padding:0;
	}
	#main-footer nav {
		float:none;
		clear:both;
		padding:0 0 20px 0;
	}
	#nav-footer li {
		margin:0 10px 0 0;
	}
	#main-footer blockquote {
		clear:both;
		width:100%;
	}
	#intro-container {
		min-width:0;
		padding:30px 0 35px 0;
		margin:-30px 0 30px 0;
	}
	#intro {
		width:auto;
		padding:0 15px;
		margin:0 auto;
	}
	.title-intro {
		width:100%;
		margin:0 0 20px 0;
		text-align: center;
		font-size:24px;
		border-bottom:1px solid #8e8e8e;
		padding:0 0 15px 0;
		background:none;
	}
	#intro p {
		font-size:18px;
		line-height:24px;
	}
	#sub-nav-container {
		width:auto;
		height:auto;
		border:none;
		margin:0 0 30px 0;
		background:none;
	}
	#button-home {
		height:24px;
		float:none;
		display:block;
		background: url(images/button-home.png) repeat-x;
		margin:0 0 20px 0;
		text-align:center;
		border-right:1px solid #fff;
		padding:7px 10px 0 10px;
		font-size:12px;
	}
	#sub-nav {
		float:none;
		height:31px;
	}
	#nav-sub li {
		height:31px;
		margin:0 10px 5px 0;
	}
	#nav-sub li a {
		height:20px;
		float:left;
		font-size:11px;
		text-shadow:none;
		padding:5px 0 0 0;
		border-top:2px solid #fff;
		border-bottom:2px solid #fff;
		font-weight:normal;
	}
	#nav-sub li:hover a, #nav-sub li.current-menu-item a {
		background:none;
		color:#606060;
		border-top:2px solid #1d6bad;
		border-bottom:2px solid #1d6bad;
	}
	#content-inner {
		margin:0;
	}
	.static-page h1 {
		font-size:22px;
	}
	.static-page h2 {
		font-size:18px;
	}
	.static-page h3 {
		font-size:16px;
	}
	.static-page h4 {
		font-size:14px;
	}
	.static-page h5, .static-page h6 {
		font-size:12px;
	}
	.static-page blockquote {
		padding:25px 20px;
		font-size:14px;
	}
	.static-page blockquote p {
		font-size:14px;
	}
	.static-page blockquote h3 {
		font-size:13px;
	}
	.static-page .alignright {
		width:50%;
	}
	.static-page .alignleft {
		width:50%;
	}
	#social-link {
		height: auto;
		border-top:1px dotted #4e4e4e;
		background: none;
	}
	.separator {
		background:none;
		border-bottom:1px dotted #4e4e4e;
		margin-top:1.6em;
		margin-bottom:1.6em;
		line-height:1.6em;
		position:relative;
	}
	.separator a {
		font-size:10px;
		padding:0;
		margin:0;
	}
	.avatar-comment {
		padding:2px;
		left:-10px;
		top:20px;
	}
	#list-comments li {
		padding:30px 10px 5px 10px;
		margin:0 0 20px 0;
	}
	.comment-reply-link {
		top:5px;
		right:10px;
	}
	#list-comments li .avatar {
		padding: 0;
		border: none;
		box-shadow: none;
		width:24px;
		height:24px;
		left: 0;
		top: 0;
	}
	#form-comment .input, #form-comment .input.textarea, #form-contact .input, #form-contact .input.textarea, .wpcf7-form .wpcf7-textarea, .wpcf7-form .wpcf7-text {
		width:90%;
	}
	#form-comment label.error{
		display:block;
		width: 90%;
	}
	.widget-container {
		margin:0 0 30px 0;
		padding:12px 10px 25px 10px;
	}
	.widget-title {
		font-size:20px;
		margin:0 0 20px 0;
	}
	.widget-container .button-more, .widget-container .button-more:link, .widget-container .button-more:visited {
		margin:0 auto;
	}
	.widget-container .alignright {
		margin-right:15px;
		width:25%;
		height:auto;
	}
	.widget-container .alignleft {
		margin-right:15px;
		width:20%;
		height:auto;
	}
	.team-sidebar-content {
		width:65%;
		float:left;
	}
	.widget-container .menu.news-sidebar li h4 {
		font-size:12px;
		margin:0 0 1px 0;
	}
	.widget-container .menu.news-sidebar li h5 {
		font-size:10px;
		margin:0;
	}
	.widget-container .menu.news-sidebar li .date-news {
		font-size:10px;
	}
	.news-sidebar li img {
		width:auto;
		height:auto;
	}
	.team-sidebar-content h4 {
		font-size:14px;
		margin:2px 0;
	}
	.team-sidebar-content h5 {
		font-size:12px;
	}
	#faq-container {
		width:100%;
		float:none;
		margin:0 0 30px 0;
	}
	#widget-footer #faq-container .title-footer, #slideshow-footer .title-footer {
		padding-left:0;
		font-size:18px;
	}
	#widget-footer #faq-container header h4 {
		font-size:16px;
		text-shadow:0 1px #fff;
		background: none;
		padding:0 0 20px 0;
		border-bottom:1px solid #bababa;
	}
	#widget-footer #faq-container header {
		background: none;
	}
	#slideshow-footer {
		width:100%;
		height:auto;
		float:none;
		background: none;
		padding:0;
		margin:0;
	}
	#slideshow-footer .title-footer {
		background:none;
		border-bottom:1px solid #bababa;
	}
	#slideshow-footer .flexslider {
		width:100%;
		height:auto;
	}
	#title-content-intro {
		font-size:16px;
		background: url(images/sep-intro.png) repeat-x 0 100%;
		padding:0 0 10px 0;
		margin:0 0 20px 0;
	}
	#intro .more-portfolio {
		display: none;
	}
	#list-portfolio-intro li {
		width:30%;
		border:none;
		margin:0 3% 3% 0 !important;
		padding:0;
	}
	#list-portfolio-intro li h4 {
		padding:0 5px;
	}
	#list-portfolio-intro li h4 a {
		font-size:11px;
	}
	#list-portfolio-intro li img {
		width:auto;
		height:auto;
	}
	.static-page.news h2 {
		font-size:18px;
	}
	#title-container {
		width:100%;
		min-height: 65px;
		margin:-40px 0 30px 0;
		border-top:1px solid #fff;
		min-width:0;
	}
	#title-container h1 {
		font-size:22px;
		font-weight: normal;
		width:auto;
		padding:10px 15px 23px 15px;
		margin:0 auto;
	}
	#list-news-intro li {
		width:45%;
		margin:0 5% 20px 0;
	}
	#list-news-intro li header h3 {
		font-size:15px;
	}
	#list-news-intro li header time {
		font-size:10px;
	}
	.list-team li, .list-contact li {
		width:45%;
		height:auto;
		margin:10px 4% 10px 0;
		text-align: center;
	}
	.list-team li img {
		width:auto;
		height:auto;
	}
	.list-contact li {
		margin:0 4% 20px 0;
		padding:10px 0 0 0;
	}
	.list-contact li h2, .list-contact li p {
		padding-left:10px;
		padding-right:10px;
	}
	.list-team li.last, .list-contact li.last {
		margin-right: 4%;
	}
	.list-team li hgroup {
		position: relative;
		width:auto;
		height: auto;
		left:auto;
		top:auto;
		background: none;
		-webkit-transition: none;
		-moz-transition: none;
		-o-transition: none;
		transition:none;
		opacity:1;
	}
	.list-team li:hover hgroup {
		background: none;
		width:auto;
		height: auto;
		left:auto;
		top:auto;
	}
	.list-team li hgroup h2 {
		background: none;
		padding:7px 13px;
		margin:10px 0 1px 0;
		float:none;
	}
	.list-team li hgroup h3 {
		clear: both;
		float:none;
		padding:0 0 15px 0;
	}
	.team-panel {
		border:none;
		box-shadow: none;
		border-radius:5px;
		position: relative;
		z-index:40;
		left:auto;
		top:auto;
		background: none;
		padding:5px 5% 0 5%;
		opacity: 1;
		-webkit-transition: none;
		-moz-transition: none;
		-o-transition: none;
		transition:none;
		width:90%;
		clear:both;
	}
	.list-team li:hover .team-panel {
		opacity: 1;
		top:auto;
	}
	.list-team .team-sidebar-social {
		margin:15px 0 0 5%;
	}
	.arrow-popup {
		display: none;
	}
	.widget-container .list-portfolio-sidebar li.last {
		margin-right:20px;
	}
	#full-width #quick-contact {
		width:auto;
		padding:15px;
		margin:0 0 30px 0;
	}
	#full-width #quick-contact hgroup {
		width:auto;
		float:none;
	}
	#full-width #quick-contact hgroup h3 {
		font-size:20px;
		color:#5b5b5b;
		font-family: 'Enriqueta', serif;
		background: none;
		padding:0 0 15px 0;
		margin:0 0 7px 0;
		line-height: 20px;
		border-bottom:1px dotted #4e4e4e;
	}
	#full-width #quick-contact hgroup h4 {
		margin:0 0 15px 0;
	}
	#full-width #quick-contact hgroup h4 a:hover {
		color: #1d6bad;
	}
	.button-contact, .button-contact:link, .button-contact:visited {
		float:none;
		display:block;
		margin:0 auto;
	}
	#list-portfolio-category {
		padding:0;
	}
	#list-portfolio-category li {
		margin:0 0 30px 0;
		width:auto;
		height:auto;
		padding:15px;
		position: relative;
		float:none;
		text-align:center;
	}
	#list-portfolio-category li img {
		float:none;
	}
	#list-portfolio-category li div {
		height: auto;
		float:none;
		margin:3px 0 0 0;
		text-align: center;
	}
	#list-portfolio-category li div img {
		margin:0;
		float:none;
	}
	#list-portfolio-category li div img.last {
		margin:0;
	}
	.portfolio-big {
		width:auto;
		height:auto;
	}
	#list-portfolio-category li h2 {
		position: relative;
		z-index:10;
		width:auto;
		text-align: center;
		top:auto;
		left:auto;
		opacity: 1;
		-webkit-transition: none;
		-moz-transition: none;
		-o-transition: none;
		transition: none;
		font-size:14px;
	}
	#list-portfolio-category li h2 a {
		padding:10px 10px 8px 10px;
	}
	#list-portfolio-category li:hover h2 {
		top:auto;
	}
	#title-portfolio-intro {
		margin:0 0 20px 0;
		font-size:24px;
	}
	#intro .slider-container {
		width:100%;
		height:auto;
		padding:0;
	}
	#intro .flexslider {
		box-shadow:none;
	}
	#intro .flexslider .flex-control-nav {
		display: none;
	}
	#intro .flexslider .flex-direction-nav {
		display: none;
	}
	.portfolio-logo {
		width:100%;
		margin:0 0 30px 0;
		text-align: center;
	}
	.portfolio-logo img {
		margin:0 0 20px 0;
	}
	.random-portfolio img {
		width:auto;
		height:auto;
	}
	#button-website {
		margin:0 0 30px 0;
	}
	.img-testimonial {
		float:left;
		padding:0;
		width:11%;
		height:auto;
	}
	.widget-container ul.list-portfolio-sidebar li.last {
		margin-right:20px;
	}
	.static-page .testimonial-content blockquote {
		float:right;
		width:75%;
		margin:0;
	}
	.testimonial-content {
		margin-bottom:30px;
	}
	#main-content .half, #content.full .half, #main-content .third, #content.full .third {
		width:100%;
		margin:0;
	}
	#main-content blockquote.alignleft, #content.full blockquote.alignleft {
		float:none;
		width:auto;
		margin:0 0 15px 0;
	}
	#main-content blockquote.alignright, #content.full blockquote.alignright {
		float:none;
		width:auto;
		margin:0 0 15px 0;
	}
	
	
	.widget-container .text-widget .imgframe {
		padding:0;
	}
	.widget-container .text-widget iframe {
		width:90%;
		height:200px;
		padding:0;
		margin:0 0 15px 0;
	}
	#sidebar .flexslider {
		width:100%;
		height:auto;
	}
	#sidebar .slides-image {
		padding:0;
	}
	#sidebar .flexslider .flex-control-nav {
		clear:none;
		float: none;
		position:relative;
		right:auto;
		text-align:center;
		height: 38px;
	}
	#sidebar .flexslider .flex-control-nav li {
		display:block;
		float:left;
		position:relative;
		left:auto;
		margin-top:0;
	}
	#sidebar .flexslider .flex-control-nav li a {
		width:14px;
		height:14px;
		display: block;
		background: url(images/nav-slider-widget.png) no-repeat;
		text-indent: -9999px;
	}
	#sidebar .flexslider {
		background: none;
	}
	#widget-footer-1, #widget-footer-2, #widget-footer-3 {
		width:100%;
		float:none;
		display:block;
		margin:0;
	}
	#widget-footer .widget-title {
		font-size:18px;
	}
	#widget-footer .widget-container .text-widget h4 {
		font-size:16px;
	}
	/* 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; }
}