@charset "utf-8";

@media only screen and (min-width: 960px) {

}

@media only screen and (max-width: 959px) {
	


    .js .tinynav { 
		display: block; 
	}
	
    .js #navlist { 
		display: none; 
	}
	
	#nav, .tinynav {
		width: 370px;
	}
	
	
	#header {
		margin-bottom: 30px;	
	}
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
.social-links li{margin-right:13px;}
	.one-fourth{margin-left:34px;}
	.container {
		width: 748px;	
	}
.footer-img{display:none;}
.widget dl{padding-right:105px;}
	
	.project-carousel > li,
	.iconbox-wrap .one-fourth {
		margin-right: 44px;
	}

	.products-nav{display:none;}
	.iconbox-wrap {
		margin-right: -44px;	
	}

	
	.related-posts .post-carousel > li {
		width: 172px;
		margin-right: 20px;
	}

	
	.team-member.one-fourth {
		width: 172px;
		margin-right: 20px;
	}

	
	.clients {
		margin: 0 -20px 20px 0;
	}
	
	.clients li {
		width: 168px;
		margin: 0 20px 20px 0;
	}

	
	.flex-caption {
		bottom: 91px;	
	}

	
	ul.portfolio-grid > li.one-fourth {
		width: 172px;	
	}
	
	ul.portfolio-grid > li.one-third {
		width: 236px;
	}
	
	ul.portfolio-grid > li.one-half {
		width: 364px;
	}
	
}

@media only screen and (max-width: 767px) {
.social-links li{margin-right:13px;}
.one-fourth{margin-left:34px;}
    .flex-caption {
		display: none;	
	}
	#style-switcher{display:none;}
	
	#products-nav-select{display:none;}
	.products-pbox-top{display:none;}
	.one-half, .one-third, .one-fourth, .two-thirds, .three-fourths {
		float: none;
		display: block;
		margin-right: 0;
		width: 100%;
		max-width: none;
	}
.footer-img{display:none;}
	
	.float-left, .float-right {
		float: none;	
	}

	#main, #sidebar {
		margin-bottom: 40px;	
	}

	#nav, .tinynav {
		width: 370px;
	}
	#logo {
		float: none;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
	}
	
	#logo a, #logo img {
		display: inline-block;	
	}

	
	#footer-top > .container > div {
		margin-top: 40px;
	}
	
	#footer-bottom > .container > div {
		margin-top: 20px;
	}
	
	#footer-top > .container > div:first-child,
	#footer-bottom > .container > div:first-child {
		margin-top: 0;
	}
	
	#footer .social-links {
		float: none;
	}

	
	.team-member.one-fourth {
		width: 100%;
		margin-right: 0;
	}
	

	.entry-image.float-left, .float-left.caption,
	.entry-image.float-right, .float-right.caption {
		margin: 20px 0;	
	}

	
	#comment-form input, .content-form input {
		width: 80%;
	}
	.ppu input{width:4%;}
	
	#comment-form textarea, .content-form textarea, .content-form select {
		width: 90%;
	}
	
	.iconbox-wrap {
		margin-right: 0;	
	}
	

	ul.portfolio-grid > li.one-fourth{width:48%; margin:1%; float:left;}
	
	.entry-image img{width:100%;}
	.clients {
		margin: 0 -10px 10px 0;
	}
	
	.clients li {
		margin: 0 10px 10px 0;
	}

	
	#breadcrumbs {
		display: none;	
	}

	
	.infobox div.with-button {
		display: block;	
	}
	
	.infobox .button {
		display: none;
	}

	.infobox .mobile-button {
		float: none;
		display: inline-block;
		margin-left: 0;
		margin-top: 20px;
	}
	
	
	.pricing-table {
		margin-left: 0;
	}
	
	.pricing-table.one-fourth, .pricing-table.one-third {
		max-width: 100%;
		width: 100%;
	}

	
	ul.portfolio-grid {
		margin-right: 0;
	}

	
	ul.portfolio-grid > li {
		float: none;
		max-width: 100%;
		margin-right: 0;
	}
	.flex-active-slide img{width:100%;}
	
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	 .one-fourth{margin-left:34px;}
	#footer-r{width:100%;}
	.social-links li{margin-right:13px;}
	.container {
		width: 99%;
	}
	.wrap{display:block;}
#style-switcher{display:none;}
	.project-carousel > li {
		width: 200px;	
	}
	.iconbox-wrap .one-fourth{width:48%; margin:1%; float:left;}
	
	ul.portfolio-grid > li.one-fourth {

	}
	#portfo{display:none;}
	#products-nav-select{margin:0 0 20px 5px; display:block; }
	.products-pbox-top{display:none;}
	
	ul.portfolio-grid > li.one-third {
		margin-left: 60px;
		margin-right: 60px;
	}
#portfo{display:none;}
	#products-nav-select{margin:0 0 20px 5px; display:block; }
	.products-pbox-top{display:none;}
	
	.clients li {
		width: 129px;
	}
	.footer-img{display:none;}
}


@media only screen and (max-width: 479px) {
	
.widget dl{width:100%; padding-right:0; padding-bottom:10px;}
.widget dl dt{font-size:1.3em; padding-bottom:10px;}
.widget dl dd{font-size:1.3em; padding:3px 0;}
#footer-r{width:100%;}
.footer-p{padding-left:5px;}
#footer-bottom .foo{padding-left:0;}
	#footer h3{font-size:1.3em;}
	.container {
		width: 99%;	
	}
	#portfo{display:none;}
	#products-nav-select{margin:0 0 20px 5px; display:block; }
	.products-pbox-top{display:none;}
	.iconbox-wrap .one-fourth{width:300px; margin:0 auto; float:none;}
	
.wrap{display:block;}
	
.none{display:none;}
#portfo{display:none;}
	#products-nav-select{margin:0 auto 20px auto; display:block; }
	.products-pbox-top{display:none;}
	#style-switcher{display:none;}
	.project-carousel > li {
		margin-left:0;
		margin-right:0;
		width:300px;
	}
	#logo{margin-top:15px;}
#logo a img{max-width:200px; height:auto;}
	#search-form{margin-left:0;}


ul.portfolio-grid > li.one-fourth{width:98%; margin:1%; float:left;}
	
	.clients li {
		width: 141px;
	}

	
	.flex-direction-nav a {
		height: 87px;
		margin-top: -43px;	
	}

	
	.tp-leftarrow, .tp-rightarrow {
		height: 70px;
		margin-top: -35px 
	}

	
	#nav, .tinynav {
		width: 250px;
	}
	.footer-img{display:block;}
	.footer-img img{max-width:200px;}
	
}