
@media only screen and (max-width: 1380px) {

	body {
		font-size: 16px;
	}
	
	.sf-menu li a {
		font-size: 0.9em;
	}
	
	.ef-sidebar {
		width: 271px;
	}
	
	.tax-portfolio_tag .ef-sidebar {
		width: 241px;
	}
	
	#ef-bloglist .ef-col1-4 .proj-img, #ef-bloglist .ef-col1-4 .ef-post-slider {
		width: 211px!important;
	}
	
	.ef-blog-classic .ef-col {
		width: 693px;
	}
	
	.sf-menu li {
		margin-left: 0.7em;
	}
	
	.ef-slide-content, .ef-full-inner {
		width: 966px;
	}

	.ef-indent {
		padding-right: 30px;
	}
	
	.proj-description {
		padding: 30px 30px 62px;
	}
	
	.ef-width2 .proj-description {
		padding: 6em;
	}
	
	.ef-width2 .proj-description .ef-proj-links {
		padding: 0 6em 6em;
	}
	
	.proj-img .ef-proj-links {
		padding: 0 30px 30px;
	}
	
	.ef-blog-classic .ef-post-slider {
		width: auto;
	}
	
	.ef-col1-4 {
		width: 241px;
	}
	
	.ef-recent {
		width: 723px;
	}
}

@media only screen and (max-width: 1066px) {

	body {
		font-size: 15px;
	}
	
	/*Hide navigation menu*/
	.sf-menu {
		display: none;
		margin: 0;
		float: none;
		clear: both;
		width: auto;
	}
	
	.no-js .sf-menu {
		display: inline-block;
	}
	
	/*Show mobile menu*/
	.ef-select-menu {
		width: 100%;
		display: inline-block;
	}
	
	#ef-header div.ef-head-top {
		height: auto!important;
	}
		
	.ef-menu-wrapper, .ef-menu-wrapper.ef-fixed {
		position: static!important;
		display: block!important;
		background: transparent!important;
	}
	
	#theFixed {
		position: static!important;
	}
	
	.main-ctrl-container .flex-direction-nav li a {
		background: url('../images/slider-arrows.png') no-repeat right top;
		border: 0;
		width: 51px;
		height: 43px;
		-webkit-transform: rotate(0);
		-moz-transform: rotate(0);
		-ms-transform: rotate(0);
		-o-transform: rotate(0);
		transform: rotate(0);
	}
	
	.main-ctrl-container .flex-direction-nav li a.flex-prev {
		background-position: left top;
	}
		
	
	#ef-bloglist .ef-col1-4 .proj-img, #ef-bloglist .ef-col1-4 .ef-post-slider {
		width: 155px!important;
	}
	
	.ef-blog-classic .ef-col {
		width: 505px;
	}
	
	.ef-sidebar {
		width: 195px;
	}
	
	.tax-portfolio_tag .ef-sidebar {
		width: 175px;
	}
	
	.ef-site-description {
		display: none;
	}
	
	.ef-nav {
		padding-bottom: 2em;
	}
	
	.ef-nav p {
		margin-bottom: 1em;
	}
	
	.ef-nav .ef-col {
		text-align: center;
	}
	
	.ef-icon-panel {
		padding: 1em 0;
		display: inline-block;
		float: none;
	}
	
	#ef-portfolio .proj-description p {
		display: none;
	}
	
	.ef-module-descrp {
		margin-bottom: 0;
	}
	
	.ef-logo {
		margin-top: 0;
	}
	
	.ef-logonav, .ef-nav .ef-gu3 p {
		text-align: center;
		float: none;
	}
	
	.ef-nav .ef-gu3, .ef-nav .ef-gu9 {
		width: auto;
		float: none;
	}
	
	.ef-logo, .ef-logo p {
		width: 100%;
		clear: both;
		float: none;
		text-align: center;
	}
	
	.ef-slide-content, .ef-full-inner {
		width: 700px;
		text-align: center;
	}	

	.ef-indent {
		padding-right: 20px;
	}
	
	.proj-description {
		padding: 20px 20px 62px;
	}
	
	.ef-width2 .proj-description {
		padding: 5em;
	}
	
	.ef-width2 .proj-description .ef-proj-links {
		padding: 0 5em 5em;
	}
	
	.proj-img .ef-proj-links {
		padding: 0 20px 20px;
	}
	
	.ef-col1-4 {
		width: 175px;
	}
	
	.ef-recent {
		width: 525px;
	}
	
	.ef-fullscreen #slidecaption h1, .ef-fullscreen #slidecaption h2, .ef-fullscreen #slidecaption h3, .ef-fullscreen #slidecaption h4, .ef-fullscreen #slidecaption h5, .ef-fullscreen #slidecaption h6 {
		font-size: 2.2em;
	}
}

@media only screen and (max-width: 780px) {

	body {
		font-size: 16px;
	}
	
	.ef-pagewrap {
		padding-top: 2em;
	}
	
	.ef-col1-4 {
		width: auto!important;
	}
	
	#slidecaption {
		display: none;
	}
	
	body.page-template-pg-home-php.ef-fullscreen {
		padding: 0;
	}
	
	.ef-module-descrp .ef-indent {
		height: auto!important;
	}
	
	 #ef-bloglist .ef-col1-4 .proj-img, #ef-bloglist .ef-blog-post, #ef-bloglist .ef-col, #ef-bloglist .ef-col .ef-post-slider, .ef-blog-classic .ef-col, #ef-portfolio .ef-col1-4.isotope-item {
	 	width: 100%!important;
	 }
	
	.ef-nav p {
		margin-bottom: 0;
	}
	
	.ef-indent {
		padding-right: 0;
	}
	
	.ef-post-slider .flex-control-nav {
		bottom: 0!important;
	}
	
	.ef-slide-content .alignleft, .ef-slide-content .alignright, .ef-full-inner .alignleft, .ef-full-inner .alignright {
		float: none;
		text-align: center;
	}
	
	.ef-breadcrumbs p {
		display: inline-block;
	}
	
	.ef-breadcrumbs p img {
		margin-right: 0.5em;
	}
	
	.ef-slide-content .alignleft a, .ef-slide-content .alignright a {
		display: inline-block;
	}	
	
	#main-slider ul.slides li .ef-big-text {
		font-size: 1.4em;
	}
	
	#main-slider .flex-caption .extras-descrp {
		display: none;
	}

	.ef-recent, .ef-col1-4, .ef-sidebar, .tax-portfolio_tag .ef-sidebar {
		width: 100%;
		float: none;
	}
	
	.proj-img .ef-proj-links {
		padding: 0;
		top: 0;
	}
	
	.ef-proj-more {
		position: absolute;
		width: 100%;
		height: 100%;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
	}
	
	.ef-proj-zoom {
		display: none;
	}
	
	.proj-img div.proj-description {
		-moz-opacity: 0!important;
		-webkit-opacity: 0!important;
		filter: alpha(opacity=0)!important;
		opacity: 0!important;
	}	

	.ef-slide-content, .ef-full-inner {
		width: auto;
	}
	
	.main-ctrl-container .flex-direction-nav li a.flex-prev {
		margin-left: 0.5em!important;
	}
	
	.main-ctrl-container .flex-direction-nav li a.flex-next {
		margin-right: 0.5em!important;
	}
	
	.ef-expandable {
		display: block!important;
	}
	
	.expandable-inner {
		position: static;
	}
	
	.ef-open-close {
		display: none;
	}
	
	.one_half, .one_third, .one_fourth, .one_fifth, .one_sixth, .two_thirds, .three_fourth {
		float: none!important;
		width: auto!important;
		margin-right: 0!important;
	}
	
	.totop {
		display: none!important;
	}
	
	.ef-form div {
		width: 100%;
	}
	
	.ef-form div label, .ef-form div.ef-textarea label {
		width: 25%;
	}
	
	.ef-form div div {
		width: 69%;
	}
	
	.ef-form div.ef-textarea {
		width: 100%;
	}
	
	.ef-form div.ef-textarea div {
		width: 72%;
	}
	
	.ef-form div.send-wrap {
		margin-left: 25%;
		width: 75%;
	}
	
	.ef-form div.send-wrap div {
		width: auto;
	}
}

@media only screen and (max-width: 480px) {

	.ef-form div {
		margin-bottom: 0.3em;
	}
	
	.ef-form div div, .ef-form div.ef-textarea div {
		width: 97%;
	}
	
	.ef-form div.ef-textarea {
		margin-bottom: 1.5em;
	}
	
	.ef-form div label {
		margin-bottom: 1.2em;
	}
	
	.ef-form div.send-wrap {
		margin-left: 0;
		width: 100%;
	}
	
	.ef-form div.send-wrap div {
		width: auto;
	}

}
