@media only screen and ( max-width: 1850px ) {
	.parallax-copy {
		padding: 0 20%;
	}
}




@media screen and (min-width: 769px)and ( max-height: 830px ){
	.intro-container{
		min-height: 830px;
	}
}

@media screen and (max-width: 768px) and (max-height: 700px){
	.intro-container{
		min-height: 700px;
	}
}

/*INTRO SCREEN*/
@media screen and (max-width: 768px){
	.intro-h2 img{
		height: auto;
		width: 100%;
	}

	.intro-blog{
		display: none;
	}

	.intro-car{
		left: 0 !important;
	}

	.intro-car img{
		max-width: 265px;
	}
}

/*landscape mode mobile*/
@media screen and (max-width: 768px) and (max-height: 700px){

}

/* END INTRO SCREEN */


@media screen and ( max-height: 920px ){
	.intro-tagline{
		display: none !important;
	}

	.intro-bottom{
		margin-top: 20px;
	}

}

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

	/* $Homepage */

	.quote-img img {
		left: 50%;
		margin-left: -750px;
	}

	.parallax-copy {
		padding: 0 15%;
	}
}

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

	.intro-h2 h2{
		font-size: 60px;
	}

	.parallax-copy {
		font-size: 60px;
	}

	.parallax-copy-small {
		top: -35px;
	}
}

@media only screen and ( min-width: 1200px ) {
	.intro-h2 h2{
		font-size: 72px;
	}
}

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

	/* $Homepage */

	.logo-home {
		padding-left: 2%;
	}

	/* $Header */

	.logo {
		padding-left: 2%;
	}

	/* $Footer */

	.footer {
		padding-left: 2%;
	}

	.footer-terms-copyright {
		padding: 0 2%;
	}

	.container{
		display: block;
		overflow: hidden;
	}

	/* $Sitemap */

	.sitemap-groups{
		margin: 0;
	}

	.sitemap-groups .column{
		width: 50%;
	}

	.sitemap-groups .column .wrapp{
		padding: 30px;
	}

	/* $Privacy */

	.privacypolicy-page{
		padding-left: 30px;
		padding-right: 30px;
	}

}

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

	/* $Homepage */

	hr{
		display: none;
	}

	.capability-strategy-animation {
		position: static;
	}

	.strategy-gears {
		/*left: auto;
		margin-left: 145px;*/
		left: 50%;
		margin-left: -30px;
	}

	.capability-design-animation {
		position: static;
	}

	.capability-design-animation:before {
		content : "";
		position: absolute;
		left    : 5%;
		top: -43px;
		height  : 6px;
		width:90%;
		border-top: 6px solid #7289d8;
	}

	.capability-design-animation > :first-child {
		display: none;
	}

	.capability-development-animation {
		position: static;
		margin-top: 120px;
	}

	.capability-development-animation:before {
		content : "";
		position: absolute;
		left    : 5%;
		top: -70px;
		height  : 6px;
		width:90%;
		border-top: 6px solid #7289d8;
	}

	.capability-development-animation > :first-child {
		display: none;
	}

	.capability-marketing-animation {
		position: static;
		margin-top: 140px;
	}

	.capability-marketing-animation:before {
		content : "";
		position: absolute;
		left    : 5%;
		top  : -92px;
		height  : 6px;
		width:90%;
		border-top: 6px solid #7289d8;
	}

	.capability-marketing-animation > :first-child {
		position: static;
	}

	.capability-holder {
		/*margin-top: 130px;*/
	}

	.line-1, .line-2, .line-3, .line-4 {
		display: none;
	}

	.capab-copy {
		margin: 0 auto;
		position: relative;
    	text-align: center;
		top: 30px;
		left:0;
	}

	#strategy .capab-copy {
		top: 30px;
	}

	#design {
		margin-top: 130px;
	}

	#design .capab-copy {
		/*top: 27px;*/
	}

	#development {
		margin-top: 205px;
	}

	#development .capab-copy {
		top: 35px;
	}

	#marketing {
		margin: 230px 0 150px;;
	}

	#marketing .capab-copy {
		top: 30px;
	}

	.parallax-copy {
		padding: 0 10%;
	}




	/* $About-page */

	.team-list-column{
		vertical-align: top;
	}

	.team-picture img{
		border-bottom: 10px solid #5371CE;
		margin-bottom: 20px;
		vertical-align: top;
	}


}

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

	/* $Homepage */

	.short-about-copy {
		font-size: 22px;
		max-width: 500px;
	}
}


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

	/* $Homepage */

	.all-casestudies-nav li{
		width: 50%;
	}

	.quotes-info {
		font-size: 40px;
	}
}


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

	/* $Homepage */

	.portfolios-container {
		padding-right: 0;
	}

	#work {
		margin: 0 0 2% 0;
	}

	.work-large {
		width: 100%;
	}

	.work-medium {
		width: 50%;
		padding-bottom: 46%;
	}

	.work-small {
		width: 50%;
		padding-bottom: 46%;
	}
}


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

	/* $Homepage */

	.intro-h2 h2{
		font-size: 55px;
	}

	.parallax-copy {
		font-size: 55px;
	}

	.short-about-container {
		display: table;
	}
}


@media only screen and ( max-width: 780px ) {
	.intro-h1 {
        font-size: 110px;
    }

    .intro-h2 h2{
    	font-size: 50px;
    }

  .parallax-copy {
		font-size: 50px;
	}

    /*.intro-tagline {
    	bottom: 36%;
    }*/

}


@media only screen and ( max-height: 750px ) {

	/* $Homepage */

	.intro-h1 {
        font-size: 80px;
    }

    .intro-h2 h2{
    	font-size: 50px;
    }

	.parallax-copy {
		font-size: 50px;
	}

	.parallax-copy-small {
		font-size: 30px;
		/*top: -5px;*/
	}
}

@media only screen and ( max-width: 700px ) {
	.intro-h2 h2{
		font-size: 45px;
	}

	.parallax-copy {
		font-size: 45px;
	}

	.parallax-copy-small {
		font-size: 25px;
		top: -30px;
	}
}


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

	/* $Footer */

	.footer {
		display: none;
	}

	.footer-terms-copyright {
		text-align: center;
		padding-top: 20px;
	}

	.footer-terms-copyright li{
		display: block;
		padding: 0;
		/*top: 27px;
		padding: 0 20px 0 0;
		float: left;*/
	}

	.footer-terms-copyright li:nth-child(4) {
		padding: 0;
	}

	.footer-contact-info {
		text-align: center;
		padding-top: 12px;
	}
}


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

	/* $about-page */

	.team-picture .team-fullname, .team-picture .team-title, .team-picture .team-lan{
		display: block;
	}
	.team-bio .team-fullname, .team-bio .team-title, .team-bio .team-lan{
		display: none;
	}

	.team-list-wrapper{
		margin: 0 -15px;
	}

	.team-list-column{
		padding: 0px 15px;
		float: left;
	}.team-list-column.pull-right{
		float: right;
	}

	/*body-copy;*/

	.body-copy{
		margin-bottom: 20px;
	}

	/*body-quote*/

	.body-quote{
		margin-bottom: 20px;
	}

	/*body-action*/

	.body-action{
		padding: 20px 0 70px;
	}


	.case-study-quick-nav{
		margin-top: 10px;
	}

	.cover-picture{
		margin-top: 60px;
		height: 288px;
	}

	.case-study-feature{
		padding: 70px 0;
	}

	.case-study-silos { font-size: 12px; }

	.case-study-silos > div {
		width: 100%;
		margin-bottom: 2px;
	}

	.case-study-silos > div:last-of-type {
		margin-bottom: 0px;
	}

	.h-1{
		font-size: 40px;
	}

	.sh-1{
		font-size: 30px;
	}

	.case-study-description .case-study-picture-box, .case-study-description .case-study-info-box{
		width: 100%;
		display: block;
		float: none;
		padding: 0;
		margin-top: 40px;
	}

	.case-study-feature .case-study-feature-heading{
		margin-bottom: 0;
	}

	.case-study-actions{
		padding-bottom: 70px;
	}

	.case-studies-other .container{
		padding: 70px 40px;
	}

	.case-study-other-logo{
		width: 50%;
		margin-bottom: 40px;
	}

	.case-study-view-others{
		padding-top: 30px;
		margin-top: 0;
	}

	.nav-open .all-casestudies-nav{
		margin-bottom: 17px;
	}

	/* $About */

	.about-icon-linkedin {
		margin: -13px 15px 0 1px;
	}

	.about-icon-email {
		margin-top: -12px;
	}

	/* $Client */

	.client-logos .logo-item{
		width: 25%;
	}


	/* $Sitemap */

	.sitemap-groups .column{
		width: 50%;
	}
}


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

	/* $Homepage */

	.management-team-container {
		padding-right: 0;
	}

	.management-team-container li {
		width: 100%;
		margin-left: 0;
	}
}


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

	/* $Homepage */

	.header-home-container {
		position: absolute;
	}

	/*.logo-home {
		display: none;
	}

	.header-home-share {
		display: none;
	}*/

	.intro-h1 {
        font-size: 80px;
    }

	.logo-nav {
		display: block;
	}

	#nav-home {
		padding-right: 3%;
		text-align: right;
	}

	#nav-home li{
		padding-left: 6%;
	}

	/* $Header */

	.header-share {
		display: none;
	}

	/* Navigation */

	#nav {
		padding-right: 3%;
		text-align: right;
	}

	#nav li{
		padding-left: 6%;
	}

	/* $Footer */

	.footer-share {
		display: block;
	}

}


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

	.intro-h2 h2{
		font-size: 40px;
	}

	.parallax-copy {
		font-size: 40px;
	}
}

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

	/* $Homepage */

	.quotes-info {
		font-size: 30px;
	}

	.quote-title-name {
		margin: 20px 10px 0 0;
	}

	.quote-name {
		font-size: 24px;
	}

	.quote-title {
		font-size: 16px;
		width: 180px;
		line-height: 110%;
		margin-top: -5px;
	}
}


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

	/* $Homepage */

	.work-large {
		padding-bottom: 50%;
	}

	.work-large img {
		position:absolute;
		height: auto;
	}

	_::-moz-svg-foreign-content, :root .work-large img {
		top: 0;
		position: absolute;
	}

	.work-medium {
		width: 100%;
		padding-bottom: 50%;
	}

	.work-medium img {
		width: 100%;
		height: auto;
		left: 0;
	}

	.work-small {
		width: 100%;
		padding-bottom: 50%;
	}

	.work-small img {
		width: 100%;
		height: auto;
		left: 0;
	}

	.work-info-others {
		height: 55px;
		margin-top: -55px;
		font-size: 30px;
		padding: 5px 22px;
	}
}


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

	/* $Homepage */

	.intro-tagline {
        font-size: 52px;
    }

	/* $Client */

	.client-logos .logo-item {
		width: 33.33333%;
	}
}


@media only screen and ( max-width: 570px ) {
	.intro-h2 h2{
		font-size: 35px;
	}
	.parallax-copy {
		font-size: 35px;
	}

	.parallax-copy-small {
		font-size: 25px;
		top: -20px;
	}
}


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

	/* $Homepage */

	.parallax-copy {
		/*font-size: 60px;*/
	}

	.contact-section-container {
		height: 600px;
	}

	#map-canvas {
		height: 600px;
	}

	.contact-info-container {
		left: 0;
		margin: -150px 0 0 0;
		width: 100%;
	}
}


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

	/* $Homepage */

	.work-info-large, .work-info-others {
		height: 40px;
		margin-top: -40px;
		font-size: 18px;
		padding: 7px 22px;
	}
}


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

	/* $Homepage */

	/*.logo-home {
		display: none;
	}

	.header-home-share {
		display: none;
	}*/

	.logo-home img{
		width: 99px;
		margin-top: 9px;
	}

	.nav-home-container .arrow-overlay {
		margin-top: 32px;
	}

	.intro-h1 {
        font-size: 30px;
				margin-top: 65px;
    }

	.intro-tagline {
      font-size: 22px;
    }

	.intro-tagline span {
		top: 2px;
	}

	.intro-arrow {
		margin-top: 0;
	}

	.logo-nav img {
		width: 99px;
		top: 9px;
		position: relative;
	}

	#nav-home li{
		font-size: 20px;
		top: 20px;
	}

	.strategy-gears {
		margin-left: -30px;
		left: 50%;
	}

	.capability-strategy-animation img:nth-child(2) {
		width: 200px;
	}

	.capability-design-animation {
		margin-top: -20px;
	}

	.capability-design-animation img {
		width: 320px;
	}

	.capability-design-animation:before {
		top: -40px;
	}

	.capability-development-animation, .capability-marketing-animation {
		margin-top: 0;
	}

	.capability-development-animation:before {
		top: -55px;
	}

	.capability-marketing-animation:before {
		top: -72px;
	}

	.capability-marketing-animation img:nth-child(2) {
		width: 200px;
	}

	.marketing-share img {
		width: 40px;
	}

	.marketing-share span {
		top: -9px;
	}

	#what-we-do-txt {
		/*width: 290px;*/
	}

	.capab-copy {
		font-size: 20px;
		top:20px;
		max-width: 300px;
	}

	#strategy .capab-copy {
		top: 30px;
	}

	#design {
		margin-top: 90px; /*-65px*/
	}

	#development {
		margin-top: 140px; /*125px;*/
	}

	#development .capab-copy {
		top: 30px;
	}

	#marketing {
		margin: 130px 0 80px; /*180px 0 80px*/
	}

	#marketing .capab-copy {
		top: 30px;
	}

	/* $Header */

	.logo img {
		width: 99px;
		top: 7px;
	}

	/* Navigation */

	#nav li{
		font-size: 20px;
		top: 20px;
	}

	/* $Footer */

	.footer-terms-copyright li{
		/*top: 20px;*/
	}

	.footer-terms-copyright li:nth-child(2) {
		display: block;
	}

	.footer-section-container {
		/*height: 100px;*/
	}

	.footer-terms-copyright {
		margin: 0;
		/*max-width: 320px;*/
	}

	.footer-contact-info {
		font-size: 12px;
	}

	.footer-share {
		top: -8px;
	}


	/* $about-page bio */
	.h-1{
		font-size: 40px;
	}

	.sh-1{
		font-size: 30px;
	}


	.body-copy{
		font-size: 15px;
		line-height: 170%;
		margin-top: 20px;
	}

	.body-quote{
		font-size: 16px;
		line-height: 170%;
	}

	.team-list li{
		padding-top: 50px;
	}

	.body-action{
		padding: 20px 0 50px;
	}

	.team-list-column{
		display: block;
		width: 100%;
		float: none;
	}

	.team-list li:nth-child(even) .team-picture {
		text-align: left;
	}

	.all-casestudies-nav li{
		width: 100%;
		float: none;
		display: block;
	}

	.all-casestudies-nav li a{
		margin: 0 0 3px;
	}

	.case-study-nav .container{
		padding: 0 3px;
	}

	.cover-picture{
		margin-top: 40px;
		height: 228px;
	}

	.case-study-feature .case-study-feature-heading{
		padding-left: 0;
		text-align: center;
	}

	.icon-ux, .icon-cms, .icon-ia, .icon-branding, .icon-consult, .icon-css, .icon-extra, .icon-flash, .icon-html, .icon-js, .icon-marketing, .icon-mobile, .icon-print, .icon-responsive, .icon-seo, .icon-socialmedia, .icon-strategy, .icon-webdesign{
		position: relative;
		margin: 0 auto;
		margin-bottom: 20px;
	}

	.case-study-feature{
		padding: 40px 0;
	}

	.h-1{
		font-size: 36px;
		line-height: 31px;
	}

	.sh-1{
		font-size: 26px;
		line-height: 21px;
	}

	.case-study-description .case-study-picture-box, .case-study-description .case-study-info-box{
		margin-top: 40px;
	}

	.case-study-description .case-study-picture-box{
		margin-top: 15px;
	}

	.case-study-description .case-study-info-box{
		font-size: 15px;
		line-height: 170%;
	}

	.case-studies{
		padding-top: 93px; /*63px;*/
	}

	.case-study-quick-nav{
		margin-top: 37px;
	}

	.case-study-actions .button-1 {
		margin-left: auto !important;
		margin-right: auto !important;
		display: block;
	}

	.case-study-actions .button-1 {
		margin-bottom: 15px
	}

	.nav-open .case-study-quick-nav{
		margin-top: 10px;
	}

	/* $About Image - Turn On/Off */

	#mailet #portrait-top {
		display: block;
	}

	#mailet #portrait-bottom {
		display: none;
	}

	#mahmud #portrait-top {
		display: block;
	}

	#mahmud #portrait-bottom {
		display: none;
	}

	#chippy #portrait-top {
		display: block;
	}

	#chippy #portrait-bottom {
		display: none;
	}

	/* $Client */

	.client-logos .logo-item{
		width: 50%;
	}

	/* $Sitemap */

	.sitemap-page .h-1{
		text-align: left;
		padding-left: 26px;
	}

	.sitemap-groups .column{
		width: 100%;
		float: none;
		display: block;
	}


	.privacypolicy-page .sh-1{
		padding-bottom: 10px;
		line-height: 1.2;
	}
}


@media only screen and ( max-height: 480px ) {
	.intro-h1 {
        font-size: 30px;
				margin-top: 65px;
    }


	.intro-tagline {
        font-size: 22px;
    }

	.intro-tagline span {
		top: 2px;
	}

	.intro-arrow {
		margin-top: 0;
	}
}


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

	/* $Homepage */

	/*.parallax-copy {
		font-size: 55px;
	}*/

	.quotes-info {
		font-size: 24px;
	}

	.quote-title {
		font-size: 14px;
		width: 75px;
		line-height: 100%;
		margin-top: 0;
	}

	.quote-title-name {
		margin: 20px 5px 0 0;
	}
}


@media only screen and (max-width : 422px){
	/* $Footer */

	.footer-terms-copyright li{
		/*top: 20px;*/
	}

	.footer-terms-copyright li:nth-child(2) {
		display: block;
	}

	.footer-section-container {
		/*height: 100px;*/
	}
}

@media only screen and (max-width : 360px){
	/* $Homepage */

	.parallax-copy {
		/*font-size: 45px;*/
	}
}

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

	.parallax-copy {
		font-size: 40px;
	}
}


/* The Size Between */

@media only screen and (max-width : 830px) and (min-width: 680px), (max-width: 400px){
	.management-info-name {
		font-size: 32px;
		width: 47%;
		left: 50%;
	}

	.management-info-lan {
		display: none;
	}
}


@media only screen and (max-width : 679px) and (min-width: 550px) {
	.management-info-name {
		font-size: 46px;
		width: 97%;
	}

	.management-info-portrait {
		left: 50px;

	}
}

@media only screen and (max-width : 549px) and (min-width: 401px) {
	.management-info-name {
		font-size: 36px;
		width: 97%;
	}

	.management-info-portrait {
		left: 0;
	}
}


@media only screen and (max-width : 830px) and (min-width: 680px), (max-width: 400px){
	.management-info-title {
		font-size: 26px;
		margin-top: -4px;
	}
}


@media only screen and (max-width : 679px) and (min-width: 550px) {
	.management-info-title {
		font-size: 36px;
		margin-top: -7px;
	}
}


@media only screen and (max-width : 549px) and (min-width: 401px) {
	.management-info-title {
		font-size: 30px;
		margin-top: -7px;
	}
}



/* ============================== *\
    $404-page
\* ============================== */

/* For devices larger than 400px */
@media (min-width: 400px) {
	.grid-container {
		width: 85%;
		padding: 0;
	}
}

/* For devices larger than 550px */
@media (min-width: 550px) {
  .grid-container {
    width: 80%;
    text-align: left; }
  .position-cuca {
    float: right; }
  .columns {
    margin-left: 4%; }
  .columns:first-child {
    margin-left: 0; }

  .one.column,
  .one.columns                    { width: 4.66666666667%; }
  .two.columns                    { width: 13.3333333333%; }
  .three.columns                  { width: 22%;            }
  .four.columns                   { width: 30.6666666667%; }
  .five.columns                   { width: 39.3333333333%; }
  .six.columns                    { width: 48%;            }
  .seven.columns                  { width: 56.6666666667%; }
  .eight.columns                  { width: 65.3333333333%; }
  .nine.columns                   { width: 74.0%;          }
  .ten.columns                    { width: 82.6666666667%; }
  .eleven.columns                 { width: 91.3333333333%; }
  .twelve.columns                 { width: 100%; margin-left: 0; }

  .one-third.column               { width: 30.6666666667%; }
  .two-thirds.column              { width: 65.3333333333%; }

  .one-half.column                { width: 48%; }

  /* Offsets */
  .offset-by-one.column,
  .offset-by-one.columns          { margin-left: 8.66666666667%; }
  .offset-by-two.column,
  .offset-by-two.columns          { margin-left: 17.3333333333%; }
  .offset-by-three.column,
  .offset-by-three.columns        { margin-left: 26%;            }
  .offset-by-four.column,
  .offset-by-four.columns         { margin-left: 34.6666666667%; }
  .offset-by-five.column,
  .offset-by-five.columns         { margin-left: 43.3333333333%; }
  .offset-by-six.column,
  .offset-by-six.columns          { margin-left: 52%;            }
  .offset-by-seven.column,
  .offset-by-seven.columns        { margin-left: 60.6666666667%; }
  .offset-by-eight.column,
  .offset-by-eight.columns        { margin-left: 69.3333333333%; }
  .offset-by-nine.column,
  .offset-by-nine.columns         { margin-left: 78.0%;          }
  .offset-by-ten.column,
  .offset-by-ten.columns          { margin-left: 86.6666666667%; }
  .offset-by-eleven.column,
  .offset-by-eleven.columns       { margin-left: 95.3333333333%; }

  .offset-by-one-third.column,
  .offset-by-one-third.columns    { margin-left: 34.6666666667%; }
  .offset-by-two-thirds.column,
  .offset-by-two-thirds.columns   { margin-left: 69.3333333333%; }

  .offset-by-one-half.column,
  .offset-by-one-half.columns     { margin-left: 52%; }

}

@media (max-width: 549px) {
	.position-cuca { float: none; }

	.tall-lh {
		margin-top: 0;
	}
}