/*desctops */

@media screen and (max-width: 1300px) {
	.flexslider {
		left: 50%;
		margin-left: -700px;
	}

	header {
		overflow-x: hidden !important;
		max-width: 100%;
	}
}

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

	.up {
		width: auto;
	}

	.slogan {
		width: auto;
		max-width: 100%;
		padding: 18px 0;
		margin: 0;
		margin-bottom: 54px;
	}

	.about-content iframe {
		max-width: 734px;
		height: 400px;
	}

	.about-left {
		width: 47%;
		margin-left: 1%;
		margin-right: 4%;
	}

	.about-right {
		width: 47%;
		margin-right: 1%;
	}

	.post-block .post-area {
		width: 225px;
	}

	.post-block {
		width: 748px;
	}

	.portfolio-content .filter-post {
		padding: 9px;
	}

	.portfolio-content .filter-post li a {
		padding: 11px 25px;
	}

	.portfolio-static #next {
		right: 20px;
	}

	.portfolio-static #prev {
		left: 20px;
	}

	.middle {
		width: auto;
		text-align: center;
	}

	.team-posts-area {
		max-width: 748px;
	}

	.team-posts-area .team-post {
		width: 169px;
	}

	.team-posts-area .team-post > a img {
		max-width: 100%;
	}

	.skills {
		max-width: 748px;
	}

	.services-list {
		max-width: 744px;
	}

	.services-list li {
		padding: 0 17px;
	}

	.tab-services {
		max-width: 748px;
	}

	div.inner-footer {
		padding: 0 20px;
	}

	#content-load-box {
		max-width: 748px;
		padding: 20px;
		width: auto;
	}
}


/* Tablets */
@media screen and (max-width: 768px) {
	.slogan h1 {
		font-size: 38px;
	}

	header .social-icons li a,
	.contact-social li a {
		width: 57px;
		height: 57px;
	}

	.about-content iframe {
		max-width: 540px;
	}

	.portfolio-static #prev,
	.portfolio-static #next {
		display: none !important;
	}

	.portfolio-content .filter-post li a {
		padding: 11px 13px;
	}

	.post-block {
		width: 548px;
	}

	.post-block .post-area {
		width: 250px;
	}

	.middle {
		width: auto;
		text-align: center;
	}

	.team-posts-area {
		max-width: 548px;
	}

	.team-posts-area .team-post {
		width: 252px;
	}

	.skills {
		max-width: 548px;
	}

	.services-list {
		max-width: 544px;
	}

	.services-list li {
		padding: 0 10px;
		width: 152px;
		max-width: 100%;
	}

	.tab-services {
		max-width: 548px;
	}
}

/* android (iphone5 + samsung galaxy)*/
@media screen and (max-width: 568px) {
	.slogan h1 {
		font-size: 28px;
	}

	#search-bar input[type="text"] {
		width: 294px;
	}

	#search-bar {
		width: 328px;
	}

	header .social-icons li,
	.contact-social li {
		margin-right: 2px;
	}

	header .social-icons li a,
	.contact-social li a {
		width: 46px;
		height: 46px;
	}

	.menu nav {
		height: 50px;
	}

	.about-content iframe {
		max-width: 350px;
		height: 200px;
	}

	.about-left {
		width: 90%;
		margin-left: 5%;
		margin-right: 5%;
		margin-bottom: 30px;
	}

	.about-right {
		width: 90%;
		margin-left: 5%;
		margin-right: 5%;
	}

	.portfolio-content .filter-post li a {
		padding: 6px 5px;
		font-size: 12px;
	}

	.post-block {
		width: 302px;
	}

	.post-block .post-area {
		width: 287px;
		margin-left: 0;
		margin-right: 0;
	}

	.middle {
		width: auto;
		text-align: center;
	}

	.team-posts-area {
		max-width: 360px;
	}

	.team-posts-area .team-post {
		width: 350px;
	}

	.skills {
		max-width: 360px;
	}

	.services-list {
		max-width: 356px;
	}

	.services-list li {
		padding: 0 10px;
		padding-top: 25px;
		width: 332px;
		margin: 0;
		margin-bottom: 5px;
	}

	.services-list li:last-child {
		margin-bottom: 0px;
	}

	.services-list li a {
		display: none;
	}

	.tab-services {
		max-width: 340px;
	}

	.tab-services .tab-content img {
		float: none;
		margin:0 auto 20px;
	}

	.tab-services .tab-content h3 {
		line-height: 20px;
	}

	.contact-content {
		padding-right: 20px;
		padding-left: 20px;
	}

	.services-static h1 {
		color: #232323;
	}

	.services-static p {
		color: #232323;
	}

}

/* Iphone 3 + 4*/
@media screen and (max-width: 380px) {

	#search-bar input[type="text"] {
		width: 275px;
	}

	#search-bar {
		width: 310px;
	}

	.about-content iframe {
		max-width: 290px;
		height: 170px;
	}

	.team-posts-area {
		max-width: 100%;
	}

	.team-posts-area .team-post {
		width: 100%;
	}

	.skills {
		padding: 0 10px;
	}

	.services-list {
		max-width: 296px;
	}

	.services-list li {
		width: 272px;
	}

	.tab-services {
		padding: 0 10px;
	}
}