@media only screen and (max-width: 1199px) {
	.share-container {
		padding-bottom:30px;
	}
	#news .share-container {
		padding-bottom:0;
	}
	.stats:hover .statText  {transform: scale(0.8);}
	#agency .container {
		width:780px;
	}
	#agency .container .offset-by-one {
		padding-left:0;
	}
	#agency .fourteen.columns {
		width:100%;
		float:none;
		margin:0;
	}
	#agency .container .eight.columns,
	#agency .container .seven.columns {
		width:100%;
		float:none;
		margin:0 0 30px 0;
	}
	#agency .share {
		width:100%;
	}
	#news .container {
		width:780px;
	}
	#news .container .offset-by-one {
		padding-left:0;
	}
	#news .fourteen.columns {
		width:100%;
		float:none;
		margin:0;
	}
	#news .container .seven.columns,
	#news .container .six.columns {
		width:100%;
		float:none;
		margin:0 0 30px 0;
	}
	#jobs .container {
		width:780px;
	}
	#jobs .container .offset-by-one {
		padding-left:0;
	}
	#jobs .fourteen.columns {
		width:100%;
		float:none;
		margin:0;
	}
	#jobs .container .seven.columns,
	#jobs .container .six.columns {
		width:100%;
		float:none;
		margin:0 0 30px 0;
	}
	#competences .container .three.columns {
		width:220px;
	}
	.container-4 .three.columns {
		width:220px;
	}
	.container-4 .three.columns  {
		margin:0 10px;
	}
	.container-3 .three.columns  {
		margin:0 10px;
	}
	#pf_overlaycontent .container .three.columns {
		width:220px;
	}
	.five input[type="text"],.five textarea {width:298px;}
	.parallax {
		height:400px;
	}
	#news .tabs ul.nav li {
		margin-right:0;
	}
	.section-title-container {
		padding:120px 0 50px 0;
	}
	#team .section-title {
		margin-left:-6px;
	}
	.section-title h1 {
		font-size:130px
	}
	.section-title h2 {
		font-size:40px
	}
	#competences .container .one.columns {
		margin-left:10px;
		margin-right:10px;
	}
	#client .three.columns {
		width:220px;
	}
	#client .clientswrap {
		width:960px;
		margin:0;
	}
	#pf_overlaycontent div.news-single,
	#pf_overlaycontent div.csc-header {
		margin-left:0;
	}
	#pf_overlaycontent .news_ajax div.csc-header h2 {
		margin:0 auto 45px auto;
		width:840px;
	}
	#pf_overlaycontent .news_ajax {
		width:960px;
	}
	#pf_overlaycontent .news_ajax .news-single {
		width:840px;
		margin:0 auto;
	}
	#pf_overlaycontent .news_ajax .seven.columns,
	#pf_overlaycontent .news_ajax .six.columns {
		width:100%;
		float:none;
		margin:0 0 30px 0;
	}
	.news_ajax .cycle-prev {
		left: 0;
	}
	.news_ajax .cycle-next {
		right: 0;
	}
	#pf_overlaycontent .news_ajax .share {
		width:100%;
	}
	#contact .three.columns {
		width:220px;
		margin:0 10px;
	}
	#contact .four.columns {
		width:300px;
		margin:0 10px;
	}
	#contact .five.columns {
		width:380px;
		margin:0 10px;
	}
	#contact .five input[type="text"],
	#contact .five textarea {
		width:372px;
	}
	#contact .four input[type="text"] {
		width:292px;
	}
	
	.newslist.container .fifteen.columns {
		width:auto;
	}
	
	a.back {
		left: 62px;
	}
	
	#stats .container .nine.columns {
		width: 700px;
	}
}

@media only screen and (min-width: 960px) and (max-width: 1199px) {
	
}
@media only screen and (max-width: 959px) {
	#team .section-title {
		margin-left:0;
	}
	#team .section-title-container {
		width:720px;
	}
	#stats .container {
		width:720px;
	}
	#stats .container .fifteen.columns,
	#stats .container .nine.columns	{
		width:100%;
		margin:0 10px;
	}
	.container-4 {
		width:720px;
	}
	.container-4 .twelve.columns {
		width: 720px;
	}
	
	#competences .container .one.columns {
		margin-top:0px;
	}
	.section-title-container {
		padding:100px 0 40px 0;
	}
	.section-title h1 {
		font-size:110px
	}
	.section-title h2 {
		font-size:40px
	}
	.parallax {
		height:320px;
	}
	.gallerySelectorList li {
		width:auto;
		padding:0 30px;
	}
	#client .three.columns {
		width:300px;
	}
	#client .clientswrap {
		width:780px;
		margin:0;
	}
	#pf_overlaycontent .news_ajax div.csc-header h2 {
		width:650px;
	}
	#pf_overlaycontent div.news_ajax {
		width:650px;
	}
	#pf_overlaycontent .news_ajax .news-single {
		width:650px;
	}
	#contact .three.columns {
		width:190px;
		margin:0 10px;
	}
	#contact .four.columns {
		width:240px;
		margin:0 10px;
	}
	#contact .five.columns {
		width:290px;
		margin:0 10px;
	}
	#contact .five input[type="text"],
	#contact .five textarea {
		width:282px;
	}
	#contact .four input[type="text"] {
		width:232px;
	}
	.news-slider .cycle-prev,
	.news_ajax .cycle-prev,
	#client .cycle-prev {
		left:-60px;
	}
	.news-slider .cycle-next,
	.news_ajax .cycle-next,
	#client .cycle-next {
		right:-60px;
	}
	
	a.back {
		left: 2px;
	}
  
  /*homesection*/
 .homesectionboxwrapinner{
  width: 100%;
 }
 .homesectionItem {
  width: 220px;
  height: 220px;
 } 

.homesectionitem-hover {
      left: -20px;
      top: -20px;
  }
  .homesectionItem  > h2{
    left: -40px;
    top: -40px;
  }
  .homesectionItem  > h2,
  .homesectionItem:hover .homesectionitem-hover,
  .homesectionItem.hover .homesectionitem-hover{
     -webkit-transform: scale(0.7333);
      transform: scale(0.7333);
  }
}

@media only screen and (min-width: 780px) and (max-width: 959px) {

	.cppop .container .seven.columns {
		width:420px;
	}
	
	
	#client .container .offset-by-one {
		padding-left:0;
	}
	#client .container,
	#client .clientswrap,
	#news .fullwidth .container,
	#jobs .fullwidth .container{
		width:650px;
	}
}
@media only screen and (max-width: 779px) {
	#competences .container .nine.columns {
		width: 100%;
	}
	#team .section-title-container {
		width:240px;
	}
	#stats .container {
		width:240px;
	}
	.container-4 {
		width:240px;
	}
	.container-4 .twelve.columns {
		width: 100%;
	}
	
	.container-3 {
		width:240px;
	}
	.container-3 .nine.columns {
		width: 100%;
	}
	
	select.dropmenu {
		width:298px;
	}
	.section-title-container {
		padding:50px 0 20px 0;
	}
	.section-title h1 {
		font-size:42px;
		letter-spacing:0;
	}
	.section-title h2 {
		font-size:20px;
		padding-left:4px;
		text-indent:-6px;
	}
	.parallax {
		height:160px;
	}
	#client .cycle-prev {
		left:-60px;
	}
	#client .cycle-next {
		right:-60px;
	}
	.threeactivecontent .share-container {
		height:auto;
	}
	.threeactivecontent .share {
		position:static;
	}
	.share a {
		margin:0 10px;
	}
	#agency .container {
		width:300px;
	}
	
	#agency .container .eight.columns,
	#agency .container .seven.columns {
		width:300px;
	}
	#news .container {
		width:300px;
	}
	#news .container .seven.columns,
	#news .container .six.columns {
		width:300px;
	}
	#jobs .container {
		width:300px;
	}
	#jobs .container .seven.columns,
	#jobs .container .six.columns {
		width:300px;
	}
	.gallerySelectorList li {
		padding:0 7px;
	}
	#client .three.columns {
		width:300px;
	}
	#client .clientswrap {
		width:300px;
	}

	#contact .three.columns,
	#contact .four.columns,
	#contact .five.columns	{
		width:300px;
		margin:0;
	}
	#contact .five input[type="text"],
	#contact .five textarea,
	#contact .four input[type="text"]	{
		width:292px;
	}
  
  /*homesection*/
   .homesectionItem {
    width: 190px;
    height: 190px;
   } 
  .homesectionitem-hover {
      left: -35px;
      top: -35px;
  }
 .homesectionItem  > h2{
    left: -55px;
    top: -55px;
  }
   .homesectionItem  > h2,
  .homesectionItem:hover .homesectionitem-hover,
  .homesectionItem.hover .homesectionitem-hover {
      -webkit-transform: scale(0.6333);
      transform: scale(0.6333);
  }
}
@media only screen and (min-width: 768px) and (max-width: 779px) {
	.page div.container,
	.page div.container div.fifteen.columns,
  .homesectionboxwrap div.container  {
		width:720px;
	}
	#pf_overlaycontent .container {
		width:720px;
	}
	#pf_overlaycontent .columns,
	#pf_overlaycontent .column {
		margin: 0 7px;
	}
	#team .section-title-container {
		width:720px;
	}
	#stats .container {
		width:720px;
	}
	.container-4 {
		width:720px;
	}
	.container-4 .twelve.columns {
		width: 720px;
	}
	.container-3 {
		width:720px;
	}
	.container-3 .nine.columns {
		width:720px;
	}
	input[type="text"], input[type="password"], input[type="email"], textarea, select {width: 412px;}
	.five input[type="text"],.five textarea {width:412px;}
	select.dropmenu {
		width:418px;
	}
	.section-title-container {
		padding:80px 0 30px 0;
	}
	.section-title h1 {
		font-size:80px
	}
	.section-title h2 {
		font-size:30px
	}
	.parallax {
		height:240px;
	}

	#client .cycle-prev {
		left:-60px;
	}
	#client .cycle-next {
		right:-60px;
	}
	#agency .container {
		width:720px;
	}
	#agency .container .eight.columns,
	#agency .container .seven.columns {
		width:720px;
	}
	#news .container {
		width:720px;
	}
	#news .container .seven.columns,
	#news .container .six.columns {
		width:720px;
	}
	#jobs .container {
		width:720px;
	}
	#jobs .container .seven.columns,
	#jobs .container .six.columns {
		width:720px;
	}
	
	.gallerySelectorList li {
		padding:0 15px;
	}
	#contact .three.columns,
	#contact .four.columns,
	#contact .five.columns	{
		width:420px;
	}
	#contact .five input[type="text"],
	#contact .five textarea,
	#contact .four input[type="text"]	{
		width:412px;
	}
	
	#client .container,
	#client .clientswrap,
	#news .fullwidth .container,
	#jobs .fullwidth .container,
	#contact .fullwidth .container{
		width:550px;
	}
  
  .homesectionboxwrapinner {
    width: 630px;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {


	#pf_overlaycontent .container {
		width:468px;
	}
	#pf_overlaycontent .columns,
	#pf_overlaycontent .column {
		margin: 0 7px;
	}
	#team .section-title-container {
		width:480px;
	}
	#stats .container {
		width:480px;
	}
	.container-4 {
		width:480px;
	}
	.container-4 .twelve.columns {
		width: 480px;
	}
	.container-3 {
		width:480px;
	}
	.container-3 .nine.columns {
		width:480px;
	}
	select.dropmenu {
		width:418px;
	}
	.section-title-container {
		padding:80px 0 30px 0;
	}
	.section-title h1 {
		font-size:80px;
	}
	.section-title h2 {
		font-size:30px;
		text-indent:-7px;
	}
	.parallax {
		height:240px;
	}
	#client .cycle-prev {
		left:-60px;
	}
	#client .cycle-next {
		right:-60px;
	}
	#agency .container {
		width:420px;
	}
	#agency .container .eight.columns,
	#agency .container .seven.columns {
		width:420px;
	}
	#news .container {
		width:420px;
	}
	#news .container .seven.columns,
	#news .container .six.columns {
		width:420px;
	}
	#jobs .container {
		width:420px;
	}
	#jobs .container .seven.columns,
	#jobs .container .six.columns {
		width:420px;
	}
	.gallerySelectorList li {
		padding:0 15px;
	}
	#client .three.columns {
		width:420px;
	}
	#client .clientswrap {
		width:420px;
	}
	#pf_overlaycontent div.news_ajax {
		width:420px;
	}
	#pf_overlaycontent .news_ajax .container {
		width:420px;
	}
	#pf_overlaycontent .news_ajax .seven.columns,
	#pf_overlaycontent .news_ajax .six.columns {
		width:420px;
	}
	#pf_overlaycontent .news_ajax div.csc-header h2 {
		width:300px;
	}
	#pf_overlaycontent .news_ajax {
		width:420px;
	}
	#pf_overlaycontent .news_ajax .news-single {
		width:300px;
	}
	#contact .three.columns,
	#contact .four.columns,
	#contact .five.columns	{
		width:420px;
	}
	#contact .five input[type="text"],
	#contact .five textarea,
	#contact .four input[type="text"]	{
		width:412px;
	}
}
@media only screen and (max-width: 479px) {
	.container-4 .twelve.columns {
		width: 100%;
	}
	.container-4 .columns {
		margin: 0;
	}
	#pf_overlaycontent div.news_ajax {
		width:300px;
	}
	#pf_overlaycontent .news_ajax .container {
		width:300px;
	}
	#pf_overlaycontent .news_ajax .seven.columns,
	#pf_overlaycontent .news_ajax .six.columns {
		width:300px;
	}
	#pf_overlaycontent .news_ajax div.csc-header h2 {
		width:auto;
	}
	#pf_overlaycontent .news_ajax {
		width:300px;
	}
	#pf_overlaycontent .news_ajax .news-single {
		width:300px;
	}
	
	.gallerySelectorList li a {
		font-size: 14px;
	}
	.newswrap h3.sectionTitle,
	#client h3.sectionTitle {
		font-size:35px;
		line-height:35px;
	}
  
    /*homesection*/
    .homesectionboxwrapinner {
      margin:0 -10px;
      box-sizing: border-box;
      width:320px;
    }
   .homesectionItem {
    width: 220px;
    height: 220px;
    margin:10px 50px;
   } 
   
  .homesectionitem-hover {
      left: -20px;
      top: -20px;
    }
   .homesectionItem  > h2{
    left: -40px;
    top: -40px;
  }
  .homesectionItem  > h2,
  .homesectionItem:hover .homesectionitem-hover,
  .homesectionItem.hover .homesectionitem-hover {
      -webkit-transform: scale(0.7333);
      transform: scale(0.7333);
  }
  
}
@media only screen and (max-width: 340px) {
	.gallerySelectorList li a {
		font-size: 10px;
	}
}



@media only screen and (min-width: 960px) and (max-width: 1199px) {
	.highlights-slider .news {
			width:404px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.highlights-slider .news {
			width:320px;
	}
}
@media only screen and (max-width: 767px) {
	.highlights-slider .news {
			width:264px;
	}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.highlights-slider .news {
			width:369px;
	}
}

@media only screen and (max-width: 860px) {
.pfresposive .referencezoom .detailimages,
.pfresposive .referencezoom .details {
	width:468px;
}
.pfresposive .referencezoom .detailimages{ 
	height:297px
}
}
@media only screen and (min-width: 480px) and (max-width: 658px) {
.pfresposive .referencezoom .detailimages,
.pfresposive .referencezoom .details {
	width:320px;
}
.pfresposive .referencezoom .detailimages{ 
	height:190px
}
}
@media only screen and (max-width: 479px) {
.pfresposive .referencezoom .detailimages,
.pfresposive .referencezoom .details {
	width:200px;
}
.pfresposive .referencezoom .detailimages{ 
	height:119px
}
}



/* Media Queries
--------------------------------------------------------*/

/* Smaller than standard 1199 (devices and browsers) */
@media only screen and (max-width: 1199px) {
	
	
}


/* Higher than 960 (desktop devices) */
@media only screen and (min-width: 960px) and (max-width: 1199px) {
	input[type="text"], input[type="password"], input[type="email"], textarea, select {width: 234px;}
}


/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
	.dropmenu { display: inline-block; margin-top: 5px; }
	#nav {display: none;}	
}


/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.parallax.fixed{background-attachment:scroll; background-position: center center;}
}


/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {	
	#slidecaption { display:none;}
	#prevslide, #nextslide{top:120px;}
	.parallax.fixed{background-attachment:scroll; background-position: center center;}
}
	
	
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	input[type="text"], input[type="password"], input[type="email"], textarea, select {width: 412px;}
	.pfresposive .referencezoom .detailimages {
		height: auto;
	}
}


/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	.teamImage h2 {margin-top: 105px; font-size:40px;}
	input[type="text"], input[type="password"], input[type="email"], textarea, select {width: 292px;}

	.thumbImage .thumbText h3 {
		font-size: 12px;
		line-height:1em;
	}
	.thumbImage .thumbText p {
		font-size: 10px;
		line-height:1em;
	}
	.referencezoom .project-prev, .referencezoom .project-next {
		background-size: 65%;
	}
	.pfresposive .referencezoom .detailimages {
		height: auto;
	}
}