@charset "utf-8";
/* CSS Document */

 
  
@media (min-width: 768px) and (max-width: 989px)
 {

.autoContent{width:auto; padding:0px 10px;}
.creativeIdea h1 { font-size: 50px;   line-height: 50px;  padding-bottom: 15px;}
.creativeIdea a {  font-size: 20px;  height: 48px;   line-height: 45px;   width: 233px;}
.creativeIdea h2 { font-size: 21px; padding-bottom:30px;  }
.coolstuffInner ul li {  width: 30%;}
.coolstuffMain a {   font-size: 16px;   margin-bottom: 10px;    padding-bottom: 5px; } 
.main_logo_inner h1 { font-size: 35px;    padding-bottom: 50px;}
.connectWith_inner ul li {  width: 30%;}
 .coolstuffInner {   padding: 60px 0 20px;}


.contactVieamessage { width:55%;}
 
 
 .contactVieamessage ul li span { font-size:14px;;}
 
 .main_logo_inner ul li {
    display: inline-block;
    margin: 0 0 40px;
    width: 48%;
}
 
 .main_logo_inner ul li a { margin:auto;}
 
 .videoTeamCreative { width:100%; float:none;  }
  .videoTeamCreative  a { display:block; width:100%;}
    .videoTeamCreative  a  img{ display:block; width:100%;}
 
 .creativeIdea{ width:100%; float:none; }
 
 }
 @media(max-width: 767px)
{
	
.autoContent{width:auto; padding:0px 10px;}
.videoTeamCreative {   float: none;   width: 100%; text-align:center; }
.letGetStart {  float: right;   margin-top: 13px;   width: 115px;}
.homeLogo a.logonormal{  display: block;  height: 50px;   width: 50px;}
.homeLogo a.logoactive {  display: none;  height: 50px;   width: 50px;}	
.homeLogo {   float: left;   margin-left: 14px;}
.creativeIdea {  float: none;  padding-top: 20px;  width: 100%;}
.creativeIdea h1 {   font-size: 34px;  line-height: 41px;   padding-bottom: 12px;}
.creativeIdea h2 {   font-size: 16px;   padding-bottom: 24px;}
.creativeIdea a {    font-size: 16px;   height: 36px;  line-height: 34px;   width: 160px;}
.homeHeader_inner {   padding: 30px 0 40px;  width: 100%;}
.coolstuffInner h1 {   font-size: 26px;  padding-bottom: 24px;   text-align: center;}
.coolstuffInner ul li {  margin: 0 0 30px;   width: 100%;}
.main_logo_inner h1 {  font-size: 19px;   padding-bottom: 40px;}
.main_logo_inner ul li a {   display: block;    height: 100%;   margin: auto;  width: 100%;}
.main_logo_inner ul li {    margin: 0 1.5% 40px;   width: 100%;}
.main_logo_inner {   padding: 30px 0;}
.coolstuffInner {   padding: 30px 0;}
.coolstuffMain p {    font-size: 13px;   line-height: 21px;}
.coolstuffMain a {   background-size: 19px auto !important;    font-size: 16px;padding-bottom: 0px;}
.main_logo_inner ul li:last-child {   margin-bottom: 0px;}
	

.branding{padding-left:30px;}
.graphicdesign{ padding-left:30px;}
.webdesign{  padding-left:30px;}
.searchenging{ padding-left:30px;}
.appdevelopment{  padding-left:30px;}
.customIllustration{  padding-left:30px;}
.coolstuffInner ul li:last-child{margin-bottom:0px;}
.connectWith_inner p {   font-size: 15px;  padding-bottom: 30px;}
.connectWith_inner h1 {     font-size: 20px;  padding-bottom: 20px;}
.connectWith_inner ul li {  margin: 0 0 20px;   width: 100%;}
.connectWith_you{background-size:cover;}
.darkHeader{z-index:1;}
.connectWith_inner {   padding: 35px 0 13px;  text-align: center;   width: 100%;}

.contactus_outer{ padding:35px 0px; }

.footerEmail {  float: none;  text-align: center;   width: 100%; padding-bottom:10px;}
.privacypolicy {   float: none;  text-align: center;  width: 100%;}
.privacypolicy p {  font-size: 14px;  text-align: center;}
.footerEmail a {    font-size: 14px;   text-transform: uppercase;}
.footerEmail label {   font-size: 14px;}
.footerinner {  padding: 24px 0;   width: 100%;}

.connectWith_inner p br{display:none}
.darkHeader .letGetStart a{margin-top:10px;}
.contactVieamessage {  background: #ffffff none repeat scroll 0 0;  border-radius: 5px;  margin: auto;   padding: 20px;   width: 100%;}
.contactVieamessage input[type="text"] { border-radius: 3px;font-size: 16px;   height: 36px;  line-height: 22px;   padding: 7px 10px;   width: 100%;}
.contactVieamessage input[type="submit"] {  font-size: 17px;  height: 36px;  width: 100%;}

 
 .contactVieamessage ul li span { width:84%; margin-left:-42%; font-size:13px;}
 
 .homeHeader_outer{ padding-top:0px; }

.homeHeader_inner{ padding-top:0px; } 

.letGetStart{ margin-top:0px; }
.darkHeader .letGetStart{ padding-top:0px; }






  }