/*-----------------------------------------------------------------------------------*
/* = General
/*-----------------------------------------------------------------------------------*/
img{ max-width: 100%; }
#masternav select { display: none; width: 100% !important; }
#masternav .selector { display: none; margin-top: 5px; }
/*-----------------------------------------------------------------------------------*
/* = Tablet
/*-----------------------------------------------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
/*	#wrap{ width: 680px; }*/
	.no-tablet {
		display: none;
	}
	.columns-3 {
		-webkit-columns: 2;
		-moz-columns: 2;
		columns: 2;
		-webkit-column-gap: 35px;
		-moz-column-gap: 35px;
		column-gap: 35px;
	}
	#content-block-top-left {
	}
	#content-block-top-left-title {
		display: flex;
		align-items: center;
		height: 61px;
		padding-top: 0;
		padding-left: 25px;
	}
	#content-block-bottom {
		padding: 30px;
		padding-bottom: 35px;
	}
	#content-block-left {
		width: 50% !important;
	}
	#content-block-right {
		width: 45% !important;
		padding-left: 5% !important;
	}
	#home-block #content-block {
		background-position: top right;
	}
	#home-block #content-block-top-left {
		width: 50%;
		padding-top: 10px;
		padding-left: 7%;
		box-sizing: border-box;
	}
	#home-block #content-block-top-left-logo img {
		max-width: 225px;
	}
	#home-block #content-block-bottom {
		width: 50%;
		padding-top: 15px;
		padding-left: 7%;
		padding-right: 0;
		padding-bottom: 15%;
	}
	#home-tagline {
		width: 100%;
		font-size: 18px;
		line-height: 26px;
		margin-bottom: 0;
	}
	.portfolio-item {
		width: 100%;
		padding-right: 0;
	}
	#home-posts-more-button,
	#home-posts-less-button {
		margin-top: 10px;
	}
	#portfolio-block #content-block-left h2.special-margins,
	#testimonials-block #content-block-left h2.special-margins {
		font-size: 18px;
		line-height: 30px;
		margin-bottom: 12px;
	}
	#portfolio-block #content-block-left a.special-margins,
	#testimonials-block #content-block-left a.special-margins {
		margin-bottom: 0;
	}
	#testimonials-block #content-block-left {
		width: 100% !important;
		padding-bottom: 10%;
	}
	#testimonials-block #content-block-left img {
		float: left;
		width: 40%;
		margin-right: 5%;
	}
	#testimonials-block #content-block-right {
		width: 100% !important;
		padding-left: 0 !important;
	}
	#content-block-right .wonderplugintabs-panel-inner {
		padding-right: 5%;
	}
	
	
	
	
}
/*-----------------------------------------------------------------------------------*
/* = Mobile Portrait
/*-----------------------------------------------------------------------------------*/
@media only screen and (max-width: 767px) {
	/*hide*/
	body {
		font-size: 18px;
		line-height: 30px;
	}
/*	#wrap{ width: 230px; }*/
	h1 {
		font-size: 26px;
		line-height: normal;
	}
	h2 {
		font-size: 20px;
		line-height: 32px;
		margin-bottom: 20px;
	}
	h3 {
		font-size: 18px;
		line-height: 30px;
	}
	p {
		margin: 0 0 30px;
	}
	.no-phone {
		display: none;
	}
	.phone {
		display: block;
	}
	.columns-3 {
		-webkit-columns: 1;
		-moz-columns: 1;
		columns: 1;
		-webkit-column-gap: 0;
		-moz-column-gap: 0;
		column-gap: 0;
	}
	.button,
	#content-block-left .button {
		width: 100%;
		padding: 8px;
		font-size: 11px;
	}
	#mobilenav {
		display: block;
		position: fixed;
		top: 120px;
		right: 0;
		padding: 10px;
		-moz-box-shadow: 0 0 15px #868686;
		-webkit-box-shadow: 0 0 15px #868686;
		box-shadow: 0 0 15px #868686;
		background-color: #fff;
		z-index: 99;
	}
	#mobilenav-logo {
		line-height: 0;
		padding-bottom: 10px;
	}
	#mobilenav-logo img {
		max-width: 50px;
	}
	#mobilenav-button {
		position: relative;
		height: 50px;
	}
	#mobilenav-button #responsive-menu-button {
		position: absolute;
	}
	@-moz-document url-prefix() { 
		#mobilenav-button .responsive-menu-box {
			margin-top: -4px;
		}
	}	
	#mobilenav-social {
	}
	#mobilenav-social p,
	#mobilenav-social .sidebar-box {
		margin-bottom: 0;
	}
	#mobilenav-social a {
		display: block;
		height: 50px;
		width: 50px;
		margin-top: 10px;
		background-color: #ccc;
		line-height: 50px;
		color: #fff;
		text-align: center;
	}
	#mobilenav-social a i {
		font-size: 22px;
	}
	#mobilenav.is-active #responsive-menu-container {
		-moz-box-shadow: 0 0 15px #868686;
		-webkit-box-shadow: 0 0 15px #868686;
		box-shadow: 0 0 15px #868686;
	}
	#responsive-menu-title {
		padding: 22px 5% !important;
	}
	#responsive-menu-title-image {
		margin-right: 0 !important;
	}
	#responsive-menu-title-image img {
		max-width: 175px;
	}
	#responsive-menu {
		border-top: solid 1px #00acd7;
		font-weight: 600;
		text-transform: uppercase;
	}
	#responsive-menu li#responsive-menu-item-64 {
		display: none;
	}
	.section-block {
		padding-top: 14px;
		padding-left: 4%;
		padding-right: 4%;
	}
	#arrows-block-down {
		line-height: 0;
		padding-bottom: 14px;;
	}
	#arrows-block-up {
		text-align: center;
		padding-right: 0;
	}
	#arrows-block-down img,
	#arrows-block-up img {
		width: 38px;
	}
	#content-block {
		border-radius: 23px;
	}
	#content-block-top-left {
		padding-top: 20px;
		padding-left: 20px;
	}
	#content-block-top-left-logo img {
		max-width: 50px;
	}
	#content-block-top-left-title {
		padding-top: 5px;
		padding-left: 19px;
	}
	#content-block-bottom {
		padding: 20px;
		padding-bottom: 25px;
	}
	#content-block-bottom ul {
		margin-bottom: 30px;
	}
	#content-block-left {
		width: 100% !important;
	}
	#content-block-right {
		width: 100% !important;
		padding-left: 0 !important;
	}
	#home-block #content-block-top-left {
		width: 50%;
		padding-top: 10px;
		padding-left: 7%;
		box-sizing: border-box;
	}
	#home-block #content-block-top-left-logo img {
		max-width: 116px;
	}
	#home-block #content-block-bottom {
		width: 50%;
		padding-top: 15px;
		padding-left: 7%;
		padding-right: 0;
		padding-bottom: 10%;
	}
	#home-tagline {
		width: 100%;
		font-size: 14px;
		line-height: 18px;
		margin-bottom: 0;
	}
	#portfolio-block #content-block-bottom {
		padding-right: 20px;
	}
	#content-block-left .wppsac-slick-slider-wrp {
		display: block;
	}
	#content-block-left .slick-arrow {
		bottom: 15% !important;
	}
	#content-block-left .slick-prev {
		left: 0 !important;
		right: auto !important;
		background-color: transparent !important;
		background-image: url(../images/portfolio-arrow-prev.png) !important;
		background-size: auto !important;
		background-position: left center !important;
	}
	#content-block-left .slick-next {
		background-color: transparent !important;
		background-image: url(../images/portfolio-arrow-next.png) !important;
		background-size: auto !important;
		background-position: right center !important;
	}
	#content-block-left .post-image-bg {
		height: 170px !important;
	}
	#content-block-left .post-short-content {
		position: relative !important;
		padding: 15px 35px 0 35px !important;
		background-color: transparent !important;
		font-size: 14px !important;
		text-align: center !important;
	}
	#content-block-left .post-short-content h2 {
		margin: 0 !important;
		font-size: 16px;
		line-height: 20px;
		color: #00acd7 !important;
	}
	#portfolio-block #content-block-left h2.special-margins,
	#testimonials-block #content-block-left h2.special-margins {
		font-size: 16px;
		line-height: 27px;
		margin-bottom: 10px;
	}
	#portfolio-block #content-block-left a.special-margins,
	#testimonials-block #content-block-left a.special-margins {
		margin-bottom: 0;
	}
	#testimonials-block #content-block-right {
		padding-top: 20px !important;
		padding-bottom: 10px;
	}
	#testimonials-block #content-block-right .wonderplugintabs-panel-inner h2,
	#testimonials-block #content-block-right .wonderplugintabs-panel-inner i:first-of-type {
		display: none;
	}
	#testimonials-block #content-block-right .wonderplugintabs-header-wrap {
		width: 100%;
	}
	#testimonials-block #content-block-right .wonderplugintabs-header-li {
		background-image: url(../images/testimonials-inactive.png);
		background-repeat: no-repeat;
		background-position: left 8px;
	}
	#testimonials-block #content-block-right .wonderplugintabs-header-li-active {
		background-image: url(../images/testimonials-active.png);
	}
	#testimonials-block #content-block-right .wonderplugintabs-header-caption {
		padding-left: 25px !important;
	}
	#contact-block #content-block-left h2.special-margins {
		margin-bottom: 0;
	}
	#content-block-right .wonderplugintabs-header-title {
		font-size: 18px !important;
		line-height: 30px;
		padding-right: 0;
	}
	#testimonials-block #content-block-right .wonderplugintabs-header-caption h2 {
		font-size: 18px;
		line-height: 30px;
	}
	#testimonials-block #content-block-right .wonderplugintabs-panel-inner {
		padding-top: 16px !important;
	}
	#contact-block #arrows-block-up {
		padding-top: 0;
	}
	#contact-block #content-block-right {
		padding-top: 30px !important;
	}
	#contact-block .gfield {
		display: block;
		margin-top: 20px;
		padding: 0;
	}
	#contact-block .gfield .ginput_container {
		margin-top: 0;
	}
	#contact-block .gfield .ginput_container input,
	#contact-block .gfield .ginput_container textarea {
		font-size: 18px;
		line-height: 30px;
	}
	#contact-block .gfield .ginput_container textarea {
		text-indent: 0;
		background-image: -webkit-linear-gradient(left, white 0, transparent 0), -webkit-linear-gradient(right, white 0, transparent 0), -webkit-linear-gradient(#fff 29px, #ccc 29px, #ccc 30px, #fff 30px);
		background-image: -moz-linear-gradient(left, white 0, transparent 0), -moz-linear-gradient(right, white 0, transparent 0), -moz-linear-gradient(#fff 29px, #ccc 29px, #ccc 30px, #fff 30px);
		background-image: -ms-linear-gradient(left, white 0, transparent 0), -ms-linear-gradient(right, white 0, transparent 0), -ms-linear-gradient(#fff 29px, #ccc 29px, #ccc 30px, #fff 30px);
		background-image: -o-linear-gradient(left, white 0, transparent 0), -o-linear-gradient(right, white 0, transparent 0), -o-linear-gradient(#fff 29px, #ccc 29px, #ccc 30px, #fff 30px);
		background-image: linear-gradient(left, white 0, transparent 0), linear-gradient(right, white 0, transparent 0), linear-gradient(#fff 29px, #ccc 29px, #ccc 30px, #fff 30px);
		background-size: 100% 100%, 100% 100%, 100% 30px;
	}
	#contact-block #arrows-block #arrows-block-up {
		padding-top: 14px;
	}
	#copyright,
	#dgs {
		float: none;
		width: 100%;
		padding: 0;
		text-align: center;
	}
	
	
	
	
	
	
	.flexslider .caption{ display: none; }
	#masternav { width: 100%; box-sizing: border-box; }
	#masternav .selector option{ background:#eee; -webkit-appearance:none; padding: 5px; }
	#masternav .selector, 
	#masternav .selector span{ cursor: pointer !important; -webkit-font-smoothing:antialiased; }
	#masternav .selector, 
	#masternav .selector *{ margin:0; padding:0; }
	#masternav .selector select{ top:0px; left:0px; }
	#masternav .selector{ width: 100%; font-size:14px; font-weight: 600; }
	#masternav .selector span:before { float: right; margin-right: 20px; content: "\f0c9"; font-family: 'FontAwesome'; }
	#masternav .selector span{ cursor:pointer; }
	#masternav .selector{ height: 30px; line-height: 30px; display: block; width: 100%; }
	#masternav .selector select:focus{outline:0; }
	#masternav .selector{ position:relative;  padding-left:10px;  overflow:hidden; }
	#masternav .selector span{ display:block;  overflow:hidden;  text-overflow:ellipsis;  white-space:nowrap; }
	#masternav .selector select{ position:absolute;  height:35px;  background:none;  width:97%; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;  font-size:12px;  font-weight:500;  border:0 !important; }
	#masternav .selector,
	#masternav select { display: inline-block; }
	#masternav ul { display: none; }
	#masternav{ padding: 0; height: 40px; line-height: 40px; float: none; padding: 0 5px; margin: 0; background: #3fb7b7; color: #fff; top: 0; right: 0; cursor: pointer; }
	.hp-highlight, .portfolio-item, .home-entry { width: 230px; }
	.col-3 { margin-left: 0; }
	.footer-widget-col { width: 100%; }
	#portfolio-wrap{ margin-right:  0; }
	.flex-direction-nav { display: none; }
	.flex-caption { display: none; }
	ul.filter{ position: inherit; height: auto; margin-top: 20px; margin-bottom: 0px; top: 0; left: 0; right: auto; }
	ul.filter li{ height: auto; margin-top: 10px; display: block; float: none; margin-right: 0; margin-left: 0; }
	ul.filter li a { padding: 5px; }
	#single-nav a{ font-size: 10px; }
	#single-nav-left, #single-nav-right { margin-left: 5px; }
	.post, #sidebar{ width: 100%; }
	.loop-entry-meta{ display: none; }
	.loop-entry h2{ margin-bottom: 10px; }
	#sidebar{ margin-top: 25px; padding-top: 25px; border-top: 5px solid #444; }
	#single-portfolio-left, #single-portfolio-right{float: none;width: 100%; }
	#single-portfolio-left { margin-bottom: 20px; }
	#page-heading{ text-align: center; }
	#single-nav{ position: inherit; margin-top: 20px; margin-left: -10px; text-align: center; }
	#single-nav-left, #single-nav-right { display: inline-block; float: none; }
	.children li{ margin: 0 !important; }
}
/*-----------------------------------------------------------------------------------*
/* = Mobile Landscape
/*-----------------------------------------------------------------------------------*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
/*	#wrap{ width: 420px; }*/
	.hp-highlight, .portfolio-item, .home-entry { width: 200px; }
	.loop-entry-thumbnail{width: 33%;}
}

@media only screen and (max-width: 480px) {
	.col-1, .col-2, .col-3, .col-4 { margin-left: 0; }
}