/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
	
		/*sponsors*/
		.sponsors .mini {
			display:  none;
		}
		
		.sponsors .maxi {
			display: block;
			float: none;
			max-width: 100%;
			margin: 0 0 7px 0;
		}
		
		.header-content,
		.portmenu-content,
		.bottom-content{
			width: 750px;
		}
		
		
		/*social icon x2*/	
		.facebook{
			display: block;
			width: 36px;
			height: 36px;
			background: url(../images/facebook-gray_40x2.png) center center no-repeat;
			background-size: 50% auto;
		}
		
		.facebook:hover{
			background: url(../images/facebook-white_40x2.png) center center no-repeat;
			background-size: 50% auto;
		}
			
		.twitter{
			display: block;
			width: 36px;
			height: 36px;
			background: url(../images/twitter-gray_40x2.png) center center no-repeat;
			background-size: 50% auto;
		}
		
		.twitter:hover{
			background: url(../images/twitter-white_40x2.png) center center no-repeat;
			background-size: 50% auto;
		}
		
		.digg{
			display: block;
			width: 36px;
			height: 36px;
			background: url(../images/digg-gray_40x2.png) center center no-repeat;
			background-size: 50% auto;
		}
		
		.digg:hover{
			background: url(../images/digg-white_40x2.png) center center no-repeat;
			background-size: 50% auto;
		}
		
		.linkedin{
			display: block;
			width: 36px;
			height: 36px;
			background: url(../images/linkedin-gray_40x2.png) center center no-repeat;
			background-size: 50% auto;
		}
		
		.linkedin:hover{
			background: url(../images/linkedin-white_40x2.png) center center no-repeat;
			background-size: 50% auto;
		}
		
		
		.vimeo{
			display: block;
			width: 36px;
			height: 36px;
			background: url(../images/vimeo-gray_40x2.png) center center no-repeat;
			background-size: 50% auto;
		}
		
		.vimeo:hover{
			background: url(../images/vimeo-white_40x2.png) center center no-repeat;
			background-size: 50% auto;
		}
		
		
		.youtube{
			display: block;
			width: 36px;
			height: 36px;
			background: url(../images/youtube-gray_40x2.png) center center no-repeat;
			background-size: 50% auto;
		}
		
		.youtube:hover{
			background: url(../images/youtube-white_40x2.png) center center no-repeat;
			background-size: 50% auto;
		}
		
		
		.dribble{
			display: block;
			width: 36px;
			height: 36px;
			background: url(../images/dribble-gray_40x2.png) center center no-repeat;
			background-size: 50% auto;
		}
		
		.dribble:hover{
			background: url(../images/dribble-white_40x2.png) center center no-repeat;
			background-size: 50% auto;
		}
		
		
		.stumbleupon{
			display: block;
			width: 36px;
			height: 36px;
			background: url(../images/stumbleupon-gray_40x2.png) center center no-repeat;
			background-size: 50% auto;
		}
		
		.stumbleupon:hover{
			background: url(../images/stumbleupon-white_40x2.png) center center no-repeat;
			background-size: 50% auto;
		}
		
		
		.flickricon{
			display: block;
			width: 36px;
			height: 36px;
			background: url(../images/flickr-gray_40x2.png) center center no-repeat;
			background-size: 50% auto;
		}
		
		.flickricon:hover{
			background: url(../images/flickr-white_40x2.png) center center no-repeat;
			background-size: 50% auto;
		}
		
		
		.rss{
			display: block;
			width: 36px;
			height: 36px;
			background: url(../images/rss-gray_40x2.png) center center no-repeat;
			background-size: 50% auto;
		}
		
		.rss:hover{
			background: url(../images/rss-white_40x2.png) center center no-repeat;
			background-size: 50% auto;
		}
		
		/*port menu*/
		ul.portmenu-list li a{
			width: 250px;
		}
		
		/* recent work corousel*/
		
		.slide-jcarousel{
			width: 247px;
			min-height: 117px;
			height: auto;
			overflow: hidden;
		}
		
		.slide-jcarousel img {
			float: left;
			width: 172px;
		}
		
		.staff-img {
			width: 250px !important;
		}
	
		.bgfade{
			width: 172px;
			height: 117px;
			}
			
		.jcarousel-skin-tango .jcarousel-container-horizontal{
	    	width: 100%;
	    	padding: 11px 0 0 0;
		}
	
		.jcarousel-skin-tango .jcarousel-clip-horizontal {
			width: 100%;
	    	min-height: 117px;
	    	height: auto;
			overflow: hidden;
			margin: 0;
		}
	
		.jcarousel-skin-tango .jcarousel-item {
		 	width: 172px;
	     	min-height: 117px;
	     	height: auto;
		 	margin-right: 20px;
		}
	
		.jcarousel-skin-tango .jcarousel-item-horizontal{
			min-width: 172px;
			min-height: 117px;
			height: auto;
			margin-left: 0;
			margin-right: 20px;
		}
		
	
		.services-shadow {
			display:none;
		}
		
		.servicesImgDiv {
			width:750px !important;
			margin-bottom: 50px;
		}
		
		.servicesImgDiv img {
			width:100%;
			max-width: 750px;
		}
		
		.servicesInfoDiv {
			width:750px !important;
		}
	
		/*from the blog*/
		ul.fromtheblog{
			width: 100%;
			height: 250px;
		}
		
		ul.fromtheblog li{
			width: 172px;
			height: 250px;
		}
	
		.bgfade{
			width: 172px;
			height: 90px;
			}
			
		.project-mini-title {
			top: 35px;
		}
		
		.project-info {
			width: 500px !important;
		}
		
		.project-nums {
			width: 170px !important;
		}
		
		.accordionButton {
			padding: 6px 0;
		}
		
		ul.ourclient li {
			margin: 40px 10px 0 10px;
		}
		
		/*nivo slider style*/	

		.nivo-caption {
			top: -5px;
		}
		
		.nivo-caption div{
			margin-left: 5px;
		}
		
		.nivo-caption h1{
			margin-top: 10px;
			font-size: 26px;
		}
		
		.nivo-caption h1.v2{
			margin-top: 0;
			font-size: 22px;
		}
		
		.nivo-caption h1.v3{
			margin-top: 10px;
			font-size: 22px;
		}
		
		.nivo-caption h2{
			font-size: 22px;
		}
		
		.nivo-caption h2.v2{
			font-size: 18px;
			width: 100%;
		}
		
		.nivo-caption h2.v3{
			font-size: 18px;
		}
		
		.nivo-caption p{
			font-size: 16px;
		}
		
		.siteoptions{
			display:none;
		}
		
		/*features image*/
		.feature1-image{	
			background: url(../images/icon-company.png) center center no-repeat;
			background-size: 100% 100%;
		}
		
		
		.feature2-image{	
			background: url(../images/icon-whatwedo.png) center center no-repeat;
			background-size: 100% 100%;
		}
		
		
		.feature3-image{
			background: url(../images/icon-services.png) center center no-repeat;
			background-size: 100% 100%;
		}
		
		.feature4-image{
			background: url(../images/icon-projects.png) center center no-repeat;
			background-size: 100% 100%;
		}
		
		/*yellow button*/
		
		.buttonyellow,
		.buttonyellow:visited,
		.buttonyellow:hover{
			color: #a67707;
			
			/* fallback */ 
			background-color: #ffe400;
			
			/* Safari 4-5, Chrome 1-9 */ 
			background: url(../images/download-dark-yellow_40x2.png) 20px center no-repeat 50% 50%,
						-webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffe400), to(#ffc000));
			
			
			/* Safari 5.1, Chrome 10+ */ 
			background: url(../images/download-dark-yellow_40x2.png) 20px center no-repeat 50% 50%,
						-webkit-linear-gradient(top, #ffc000, #ffe400); 
			
			
			/* Firefox 3.6+ */ 
			background: url(../images/download-dark-yellow_40x2.png) 20px center no-repeat 50% 50%,
						-moz-linear-gradient(top, #ffc000, #ffe400); 
			 
			
			/* IE 10 */ 
			background: url(../images/download-dark-yellow_40x2.png) 20px center no-repeat 50% 50%,
						-ms-linear-gradient(top, #ffc000, #ffe400); 
			
			
			/* Opera 11.10+ */ 
			background: url(../images/download-dark-yellow_40x2.png) 20px center no-repeat 50% 50%,
						-o-linear-gradient(top, #ffc000, #ffe400);
	
		}
		
		
		/*footer logo*/
		footer h3.logo a {
			width: 98px;
			height: 26px;
			display: block;
			background: url(../images/logo-small_40x2.png) no-repeat 0 0;
			
			text-indent: -9999px;
			text-shadow: none;
			color: transparent;
			background-size: 100% 100%;
		}
		
		/*tabs*/
		ul.tabs li a{
			padding: 10px;
			padding-top: 0;
		}
		
		ul.tabs-content li{
			padding: 5px;
		}
		/*contact page*/
		.sendmessage-inputbox{
			width:100%;
		}
		
		#captcha {
			width:340px !important;
		}
		
		.map iframe{
			width: 100%;
		}
		
		/*portfolio*/
		
			/*2columns*/
			
		.portfolio2columns,
		.portfolio3columns,
		.portfolio4columns{
			width: 768px;
			overflow: hidden;
		}
		.portfolio2columns ul li,
		.portfolio3columns ul li,
		.portfolio4columns ul li{			
			width: 362px;
			height: 250px;
				
			overflow: hidden;
			position: relative;
		}
		
		.portfolio2columns ul li img,
		.portfolio3columns ul li img,
		.portfolio4columns ul li img{
			width: 362px;
			height: 240px;
		}
		
		.project-outer-msg, .project-title, .project-wrap {
			width: 362px;
		}
		
		.project-outer-msg {
			text-align: right;
		}
		
		.project-wrap {
			height: 330px;
		}
		
		.project-info-top {
			display:none;
		}
		
		.project-info-top-outer {
			float: left;
			display: block;
			height: 60px;
		}
		
		.project-info-top-outer p {
			font-size: 11px;
			line-height: 15px;
			color: #7894cd;
		}
		
		.port-title{
			width: 100%;
			font-size: 12px;
		}
		
		.errorpage-number{
			font-size: 480px;
		}
		
	
		/*pricing table*/
		
		.first-column{
			width: 150px;
			height: auto;
			float: left;
		}
		
		.price-greybox,
		.price-greenbox{
			width: 150px;
		}
		
		.price-greybox2,
		.price-greenbox2{
			width: 180px;
		}
		
		nav.primary ul li a {
			padding: 36px 7px 34px 7px;
		}
		
		.leave-message{
			width: 500px !important;
		}
		
		.contact-details {
			width: 220px !important;
		}
		
		.servicesLeft {
			width: 505px;
		}
		
		.sendmessage textarea {
			height: 258px;
		}
		
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		
		
		
		.one.column,
    	.one.columns,                    
    	.two.columns,                  
    	.three.columns,               
    	.four.columns,                 
    	.five.columns,                 
    	.six.columns,                     
    	.seven.columns,                
    	.eight.columns,                  
    	.nine.columns,               
    	.ten.columns,                     
    	.eleven.columns,                
    	.twelve.columns,            
    	.thirteen.columns,              
    	.fourteen.columns,             
    	.fifteen.columns,              
    	.sixteen.columns{
			margin: 20px 0;
		}
		
		.containerbox{
			margin: 0 auto;
		}  

		.banner {
			display: none;
		}
		
		.boxview{
			box-shadow: none;		
		}
	
		article .three.thumbnail {
			display: none;
		}
		
		.header{
			margin: 0;
			display: block;
		}
		
		.header-content{
			width: 90%;
		}
		
		.header h1.logo{
			float: none;
			display: block;
			margin: 0px auto 0 auto;
			padding: 20px 0 0 0;
		}
		
		.header h1.logo a{
			margin: 0 auto;
			display: block;
		}
		
		.bottom-content{
			width: 90%;
		}
	
		nav.primary select {
			display: block;
			
		}
		
		nav.primary ul {
			display: none;
		}
		
		.bottom footer {
			text-align: center;
		}
		
		.powerby{
			float: left;
			clear: both;
			padding: 0 0 25px 0;
		}
		
		.three.columns{
			display: block;
			height: auto;
			margin-bottom: 40px;
		}
		
		/*social icon x2*/	
		.facebook{
			display: block;
			width: 36px;
			height: 36px;
			background: url(../images/facebook-gray_40x2.png) center center no-repeat;
			background-size: 50% auto;
		}
		
		.facebook:hover{
			background: url(../images/facebook-white_40x2.png) center center no-repeat;
			background-size: 50% auto;
		}
			
		.twitter{
			display: block;
			width: 36px;
			height: 36px;
			background: url(../images/twitter-gray_40x2.png) center center no-repeat;
			background-size: 50% auto;
		}
		
		.twitter:hover{
			background: url(../images/twitter-white_40x2.png) center center no-repeat;
			background-size: 50% auto;
		}
		
		.digg{
			display: block;
			width: 36px;
			height: 36px;
			background: url(../images/digg-gray_40x2.png) center center no-repeat;
			background-size: 50% auto;
		}
		
		.digg:hover{
			background: url(../images/digg-white_40x2.png) center center no-repeat;
			background-size: 50% auto;
		}
		
		.linkedin{
			display: block;
			width: 36px;
			height: 36px;
			background: url(../images/linkedin-gray_40x2.png) center center no-repeat;
			background-size: 50% auto;
		}
		
		.linkedin:hover{
			background: url(../images/linkedin-white_40x2.png) center center no-repeat;
			background-size: 50% auto;
		}
		
		
		.vimeo{
			display: block;
			width: 36px;
			height: 36px;
			background: url(../images/vimeo-gray_40x2.png) center center no-repeat;
			background-size: 50% auto;
		}
		
		.vimeo:hover{
			background: url(../images/vimeo-white_40x2.png) center center no-repeat;
			background-size: 50% auto;
		}
		
		
		.youtube{
			display: block;
			width: 36px;
			height: 36px;
			background: url(../images/youtube-gray_40x2.png) center center no-repeat;
			background-size: 50% auto;
		}
		
		.youtube:hover{
			background: url(../images/youtube-white_40x2.png) center center no-repeat;
			background-size: 50% auto;
		}
		
		
		.dribble{
			display: block;
			width: 36px;
			height: 36px;
			background: url(../images/dribble-gray_40x2.png) center center no-repeat;
			background-size: 50% auto;
		}
		
		.dribble:hover{
			background: url(../images/dribble-white_40x2.png) center center no-repeat;
			background-size: 50% auto;
		}
		
		
		.stumbleupon{
			display: block;
			width: 36px;
			height: 36px;
			background: url(../images/stumbleupon-gray_40x2.png) center center no-repeat;
			background-size: 50% auto;
		}
		
		.stumbleupon:hover{
			background: url(../images/stumbleupon-white_40x2.png) center center no-repeat;
			background-size: 50% auto;
		}
		
		
		.flickricon{
			display: block;
			width: 36px;
			height: 36px;
			background: url(../images/flickr-gray_40x2.png) center center no-repeat;
			background-size: 50% auto;
		}
		
		.flickricon:hover{
			background: url(../images/flickr-white_40x2.png) center center no-repeat;
			background-size: 50% auto;
		}
		
		
		.rss{
			display: block;
			width: 36px;
			height: 36px;
			background: url(../images/rss-gray_40x2.png) center center no-repeat;
			background-size: 50% auto;
		}
		
		.rss:hover{
			background: url(../images/rss-white_40x2.png) center center no-repeat;
			background-size: 50% auto;
		}
		
			
		/*port menu*/
		.portmenu{
			display: none;
		}
		
		
		/* recent work corousel*/
		.slide-jcarousel{
			width: 200px;
			min-height: 136px;
			height: auto;
		}
	
		.bgfade{
			width: 200px;
			height: 136px;
			}
			
		.jcarousel-skin-tango .jcarousel-container-horizontal{
	    	width: 300px;
	    	padding: 10px 0 0 0;
		}
	
		.jcarousel-skin-tango .jcarousel-clip-horizontal {
			width: 300px;
	    	min-height: 136px;
			height: auto;
			overflow: hidden;
			margin: 0;
		}
	
		.jcarousel-skin-tango .jcarousel-item {
			 width: 200px;
		     min-height: 136px;
			height: auto;
			 margin-right: 20px;
		}
		
		.jcarousel-skin-tango .jcarousel-item-horizontal{
			min-width: 200px;
			min-height: 136px;
			height: auto;
			margin-left: 0;
			margin-right: 20px;
		}
		
			
		/*from the blog*/
		ul.fromtheblog{
			width: 100%;
		}
		
		ul.fromtheblog li{
			width: 200px;
			height: 250px;
			margin: 0;
		}
		
		ul.fromtheblog li:first-child{
			margin: 0 20px 0 0;
		}
		
		/*nivo slider style*/	
		
		.nivo-caption h2,
		.nivo-caption h2.v2,
		.nivo-caption h2.v3,
		.nivo-caption p,
		a.nivo-prevNav,
		a.nivo-nextNav{
			display: none;
		}
		
		.nivo-caption div{
			width: 200px;
			margin: -20px 0 0 0;
		}
		
		.nivo-caption h1,
		.nivo-caption h1.v2,
		.nivo-caption h1.v3{
			margin: 0 0 20px 0;
			padding: 0;
			background: none;
			font-size: 14px;
			
			color: #505050;

			text-shadow: 1px 1px 0 #fff;
			-moz-text-shadow: 1px 1px 0 #fff;
			-webkit-text-shadow: 1px 1px 0 #fff;
			-o-text-shadow: 1px 1px 0 #fff;
			-ms-text-shadow: 1px 1px 0 #fff;
			
			line-height: 1em;
		}
		
		.buttonyellow,
		.buttonyellow:hover{
			font-size: 10px;
			padding: 8px 10px 8px 35px;
			
			background-position: 10px;
		}
		
		.siteoptions{
			display:none;
		}
		
		/*our client image*/
		ul.ourclient li span{
			background-size: 50% 50%;
		}
		
		/*features image*/
		.feature1-image{	
			background: url(../images/brush-icon_40x2.png) center center no-repeat;
			background-size: 100% 100%;
		}
		
		
		.feature2-image{	
			background: url(../images/laptop-icon_40x2.png) center center no-repeat;
			background-size: 100% 100%;
		}
		
		
		.feature3-image{
			background: url(../images/tools-icon_40x2.png) center center no-repeat;
			background-size: 100% 100%;
		}
		
		.feature4-image{
			background: url(../images/support-icon_40x2.png) center center no-repeat;
			background-size: 100% 100%;
		}
		
		.project-nums {
			padding: 0 !important;
			margin: 0 !important;
		}
		
		
		/*footer logo*/
		footer h3.logo a {
			width: 98px;
			height: 26px;
			display: block;
			background: url(../images/logo-small_40x2.png) no-repeat 0 0;
			
			text-indent: -9999px;
			text-shadow: none;
			color: transparent;
			background-size: 100% 100%;
		}
		
		/*contact page*/
		.sendmessage-inputbox{
			width:100%;
		}
		
		#captcha {
			width:260px !important;
		}
		
		.map iframe{
			width: 100%;
		}
		
		.sidebar{
			margin-top: 0;
		}
		
		/*pricing table*/
		.pricingtable{
			display: none;
		}					
		
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
	
		.shadowfeature{
			background-size: 100% 90%;
			}
			
		/*social icon x2*/	
		.facebook{
			display: block;
			width: 36px;
			height: 36px;
			background: url(../images/facebook-gray_40x2.png) center center no-repeat;
			background-size: 50% auto;
		}
		
		.facebook:hover{
			background: url(../images/facebook-white_40x2.png) center center no-repeat;
			background-size: 50% auto;
		}
			
		.twitter{
			display: block;
			width: 36px;
			height: 36px;
			background: url(../images/twitter-gray_40x2.png) center center no-repeat;
			background-size: 50% auto;
		}
		
		.twitter:hover{
			background: url(../images/twitter-white_40x2.png) center center no-repeat;
			background-size: 50% auto;
		}
		
		.digg{
			display: block;
			width: 36px;
			height: 36px;
			background: url(../images/digg-gray_40x2.png) center center no-repeat;
			background-size: 50% auto;
		}
		
		.digg:hover{
			background: url(../images/digg-white_40x2.png) center center no-repeat;
			background-size: 50% auto;
		}
		
		.linkedin{
			display: block;
			width: 36px;
			height: 36px;
			background: url(../images/linkedin-gray_40x2.png) center center no-repeat;
			background-size: 50% auto;
		}
		
		.linkedin:hover{
			background: url(../images/linkedin-white_40x2.png) center center no-repeat;
			background-size: 50% auto;
		}
		
		
		.vimeo{
			display: block;
			width: 36px;
			height: 36px;
			background: url(../images/vimeo-gray_40x2.png) center center no-repeat;
			background-size: 50% auto;
		}
		
		.vimeo:hover{
			background: url(../images/vimeo-white_40x2.png) center center no-repeat;
			background-size: 50% auto;
		}
		
		
		.youtube{
			display: block;
			width: 36px;
			height: 36px;
			background: url(../images/youtube-gray_40x2.png) center center no-repeat;
			background-size: 50% auto;
		}
		
		.youtube:hover{
			background: url(../images/youtube-white_40x2.png) center center no-repeat;
			background-size: 50% auto;
		}
		
		
		.dribble{
			display: block;
			width: 36px;
			height: 36px;
			background: url(../images/dribble-gray_40x2.png) center center no-repeat;
			background-size: 50% auto;
		}
		
		.dribble:hover{
			background: url(../images/dribble-white_40x2.png) center center no-repeat;
			background-size: 50% auto;
		}
		
		
		.stumbleupon{
			display: block;
			width: 36px;
			height: 36px;
			background: url(../images/stumbleupon-gray_40x2.png) center center no-repeat;
			background-size: 50% auto;
		}
		
		.stumbleupon:hover{
			background: url(../images/stumbleupon-white_40x2.png) center center no-repeat;
			background-size: 50% auto;
		}
		
		
		.flickricon{
			display: block;
			width: 36px;
			height: 36px;
			background: url(../images/flickr-gray_40x2.png) center center no-repeat;
			background-size: 50% auto;
		}
		
		.flickricon:hover{
			background: url(../images/flickr-white_40x2.png) center center no-repeat;
			background-size: 50% auto;
		}
		
		
		.rss{
			display: block;
			width: 36px;
			height: 36px;
			background: url(../images/rss-gray_40x2.png) center center no-repeat;
			background-size: 50% auto;
		}
		
		.rss:hover{
			background: url(../images/rss-white_40x2.png) center center no-repeat;
			background-size: 50% auto;
		}
		
		/*port menu*/
		.portmenu{
			display: none;
		}
		
		/* recent work corousel*/
		.slide-jcarousel{
			width: 200px;
			min-height: 136px;
			height: auto;
		}
	
		.bgfade{
			width: 200px;
			height: 136px;
			}
			
		.jcarousel-skin-tango .jcarousel-container-horizontal{
	    	width: 420px;
	    	min-height: 136px;
			height: auto;
	    	padding: 10px 0 0 0;
		}
	
		.jcarousel-skin-tango .jcarousel-clip-horizontal {
			width: 420px;
	    	min-height: 136px;
			height: auto;
			overflow: hidden;
			margin: 0;
		}
	
		.jcarousel-skin-tango .jcarousel-item {
			 width: 200px;
		     min-height: 136px;
			 height: auto;
			 margin-right: 20px;
		}
		
		.jcarousel-skin-tango .jcarousel-item-horizontal{
			min-width: 200px;
			min-height: 136px;
			height: auto;
			margin-left: 0;
			margin-right: 20px;
		}
		
		
		/*from the blog*/
		
		.wrap2{
			height: 280px;
			overflow: hidden;
			margin: 0 0 40px 0;
		}
		
		.slide-jcarousel{
			width: 215px;
			min-height: 136px;
			height: auto;
		}
		
		.slide-jcarousel img {
			float: left;
			width: 200px;
			height: 104px;
		}
		
		.staff-img {
			height: auto !important;
		}
		
		ul.fromtheblog{
			width: 420px;
			height: 280px;
			margin: 10px 0 0 0;
			display: block;
		}
		
		ul.fromtheblog li{
			width: 200px;
			height: 280px;
		}
	
		.bgfade{
			width: 200px;
			height: 104px;
		}	
		
		.project-mini-title {
			top: 42px;
		}
		
		ul.ourclient li {
			margin: 40px 40px 0 40px;
		}
		
		/*nivo slider style*/	
		
		.nivo-caption h2,
		.nivo-caption h2.v2,
		.nivo-caption h2.v3,
		.nivo-caption p,
		a.nivo-prevNav,
		a.nivo-nextNav{
			display: none;
		}
		
		.nivo-caption div{
			width: 250px;
			margin-left: 20px;
		}
		
		.nivo-caption h1,
		.nivo-caption h1.v2,
		.nivo-caption h1.v3{
			margin: 0 0 40px 0;
			padding: 0;
			background: none;
			font-size: 18px;
			
			color: #505050;

			text-shadow: 1px 1px 0 #fff;
			-moz-text-shadow: 1px 1px 0 #fff;
			-webkit-text-shadow: 1px 1px 0 #fff;
			-o-text-shadow: 1px 1px 0 #fff;
			-ms-text-shadow: 1px 1px 0 #fff;
			
			line-height: 1em;
		}
		
		.buttonyellow,
		.buttonyellow:hover{
			font-size: 10px;
			padding: 8px 10px 8px 35px;
			
			background-position: 10px;
		}
		
		.siteoptions{
			display:none;
		}
		
		/*features image*/
		.feature1-image{	
			background: url(../images/icon-company.png) center center no-repeat;
			background-size: 100% 100%;
		}
		
		
		.feature2-image{	
			background: url(../images/icon-whatwedo.png) center center no-repeat;
			background-size: 100% 100%;
		}
		
		
		.feature3-image{
			background: url(../images/icon-services.png) center center no-repeat;
			background-size: 100% 100%;
		}
		
		.feature4-image{
			background: url(../images/icon-projects.png) center center no-repeat;
			background-size: 100% 100%;
		}
		
				
		/*footer logo*/
		footer h3.logo a {
			width: 98px;
			height: 26px;
			display: block;
			background: url(../images/logo-small_40x2.png) no-repeat 0 0;
			
			text-indent: -9999px;
			text-shadow: none;
			color: transparent;
			background-size: 100% 100%;
		}
		
		/*portfolio*/
		
			/*2columns*/
			
		.portfolio2columns,
		.portfolio3columns,
		.portfolio4columns{
			width: 460px;			
			overflow: hidden;
		}
		

		.portfolio2columns ul li,
		.portfolio3columns ul li,
		.portfolio4columns ul li{			
			width: 200px;
			height: 105px;	
			overflow: hidden;
			position: relative;
		}
		
		.portfolio2columns ul li img,
		.portfolio3columns ul li img,
		.portfolio4columns ul li img{
			width: 100%;
			height: auto;
		}
		
		.project-outer-msg, .project-wrap {
			width: 200px;
		}
		
		.project-outer-msg {
			text-align: left;
			margin: 5px 0;
		}
		
		.project-wrap {
			height: auto;
			border-bottom: 0;
		}
		
		.portfolio2columns .even {
			clear:both;
		}
	
		.project-info-top, .project-info-bottom {
			display:none;
		}
		
		.project-info-top-outer {
			float: left;
			display: block;
		}
		
		.project-info-bottom-outer {
			float: left;
			display: block;
		}
		
		.project-info-top-outer p {
			font-size: 11px;
			line-height: 15px;
			color: #7894cd;
		}
		
		.port-bgfade, .project-title {
			display: none;
		}
		
		.port-title{
			width: 100%;
			font-size: 12px;
		}
		
		.errorpage-number{
			width: 100%;
			height: 100px;
			margin: 40px 0;
			font-size: 260px;
		}
		
		.price-greybox2,
		.price-greenbox2{
			width: 200px;
		}
		
		ul.tabs li a,
		ul.tabs li a.active{
			font-size: 13px;
			padding: 8px;
			line-height: 20px;
		}
		
		ul.tabs-content > li.active p{
			font-size: 11px;
		}
		
		#flags-right {
			display: none;		
		}

		#flags-left {
			display: block;		
		}
		
		.flags {
			float: left;	
			margin: 0 10px 0 0;	
		}
		
		.pageintro h1 {
			margin:0;
		}
		
		.pageintro-content {
			padding: 0;
		}
		
		.page-intro-text {
			margin: 25px 0 0 0 !important;
			padding: 0;
		}
		
		#footer-logo-img {
			float: none !important;
			margin: auto;
			display: table;
		}
		
		#footer-logo-div {
			margin: 0;
		}
		
		ul.social {
			margin: 0 auto;
			display: table;
		}
		
		.contact-social ul {
			float: left !important;
		}	
		
		.contact-social {
			float: left !important;
		}
		
		#footer-social-div {
			margin: 0;
		}
		
		.servicesRight {
			margin: 0px;
			width: 200px;
		}
			
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
	
		/*sponsors*/
		.sponsors .mini {
			display:  none;
		}
		
		.sponsors .maxi {
			display: block;
			float: none;
			max-width: 100%;
			margin: 0 0 7px 0;
		}
		
		.shadowfeature{
			background-size: 100% 90%;
			}
			
			
		/*social icon x2*/	
		.facebook{
			display: block;
			width: 36px;
			height: 36px;
			background: url(../images/facebook-gray_40x2.png) center center no-repeat;
			background-size: 50% auto;
		}
		
		.facebook:hover{
			background: url(../images/facebook-white_40x2.png) center center no-repeat;
			background-size: 50% auto;
		}
			
		.twitter{
			display: block;
			width: 36px;
			height: 36px;
			background: url(../images/twitter-gray_40x2.png) center center no-repeat;
			background-size: 50% auto;
		}
		
		.twitter:hover{
			background: url(../images/twitter-white_40x2.png) center center no-repeat;
			background-size: 50% auto;
		}
		
		.digg{
			display: block;
			width: 36px;
			height: 36px;
			background: url(../images/digg-gray_40x2.png) center center no-repeat;
			background-size: 50% auto;
		}
		
		.digg:hover{
			background: url(../images/digg-white_40x2.png) center center no-repeat;
			background-size: 50% auto;
		}
		
		.linkedin{
			display: block;
			width: 36px;
			height: 36px;
			background: url(../images/linkedin-gray_40x2.png) center center no-repeat;
			background-size: 50% auto;
		}
		
		.linkedin:hover{
			background: url(../images/linkedin-white_40x2.png) center center no-repeat;
			background-size: 50% auto;
		}
		
		
		.vimeo{
			display: block;
			width: 36px;
			height: 36px;
			background: url(../images/vimeo-gray_40x2.png) center center no-repeat;
			background-size: 50% auto;
		}
		
		.vimeo:hover{
			background: url(../images/vimeo-white_40x2.png) center center no-repeat;
			background-size: 50% auto;
		}
		
		
		.youtube{
			display: block;
			width: 36px;
			height: 36px;
			background: url(../images/youtube-gray_40x2.png) center center no-repeat;
			background-size: 50% auto;
		}
		
		.youtube:hover{
			background: url(../images/youtube-white_40x2.png) center center no-repeat;
			background-size: 50% auto;
		}
		
		
		.dribble{
			display: block;
			width: 36px;
			height: 36px;
			background: url(../images/dribble-gray_40x2.png) center center no-repeat;
			background-size: 50% auto;
		}
		
		.dribble:hover{
			background: url(../images/dribble-white_40x2.png) center center no-repeat;
			background-size: 50% auto;
		}
		
		
		.stumbleupon{
			display: block;
			width: 36px;
			height: 36px;
			background: url(../images/stumbleupon-gray_40x2.png) center center no-repeat;
			background-size: 50% auto;
		}
		
		.stumbleupon:hover{
			background: url(../images/stumbleupon-white_40x2.png) center center no-repeat;
			background-size: 50% auto;
		}
		
		
		.flickricon{
			display: block;
			width: 36px;
			height: 36px;
			background: url(../images/flickr-gray_40x2.png) center center no-repeat;
			background-size: 50% auto;
		}
		
		.flickricon:hover{
			background: url(../images/flickr-white_40x2.png) center center no-repeat;
			background-size: 50% auto;
		}
		
		
		.rss{
			display: block;
			width: 36px;
			height: 36px;
			background: url(../images/rss-gray_40x2.png) center center no-repeat;
			background-size: 50% auto;
		}
		
		.rss:hover{
			background: url(../images/rss-white_40x2.png) center center no-repeat;
			background-size: 50% auto;
		}
		
		
		/*port menu*/
		.band.portmenu{
			display: none;
		}
		
		
		/* recent work corousel*/
		.slide-jcarousel{
			width: 300px;
			height: 205px;
		}
	
		.bgfade{
			width: 300px;
			height: 205px;
		}
		
		.jcarousel-skin-tango .jcarousel-container-horizontal{
    		width: 300px;
    		padding: 10px 0 0 0;
		}

		.jcarousel-skin-tango .jcarousel-clip-horizontal {
			width: 300px;
	    	min-height: 205px;
	    	height: auto;
			margin: 0;
		}

		.jcarousel-skin-tango .jcarousel-item {
			width: 300px;
			min-height: 205px;
	    	height: auto;
			margin-right: 20px;
		}
		
		.jcarousel-skin-tango .jcarousel-item-horizontal{
			min-width: 300px;
			min-height: 205px;
	    	height: auto;
			margin-left: 0;
			margin-right: 20px;
		}

       .title{
			bottom: -70px;
			width: 300px;
		}
		
		.jcarousel-skin-tango .jcarousel-next-horizontal {
	    	margin: 0;
		}
		
		.jcarousel-skin-tango .jcarousel-prev-horizontal {
	    	margin: 0;
		}
		
		
		
		
		/*from the blog*/
		.wrap{
			min-height: 235px;
			height: auto;
		}
		.wrap2{
			width: 300px;
			height: auto;
			overflow: hidden;
			margin-bottom: 40px;
		}
		
		.slide-jcarousel{
			width: 300px;
			min-height: 205px;
	    	height: auto;
	    	overflow: hidden;
		}
		
		ul.fromtheblog{
			width: 300px;
			height: auto;
			margin: 10px 0 0 0;
			display: block;
			overflow: hidden;
		}
		
		ul.fromtheblog li{
			width: 300px;
			height: auto;
			display: block;
		}
	
		.bgfade{
			width: 300px;
			height: 158px;
			}		
			
		.project-mini-title {
			top: 70px;
		}
		
		ul.ourclient li {
			margin: 40px 10px 0 10px;
		}
		
		/*nivo slider style*/	
		
		.nivo-caption h2,
		.nivo-caption h2.v2,
		.nivo-caption h2.v3,
		.nivo-caption p,
		a.nivo-prevNav,
		a.nivo-nextNav{
			display: none;
		}
		
		.nivo-caption div{
			width: 200px;
			margin: -20px 0 0 0;
		}
		
		.nivo-caption h1,
		.nivo-caption h1.v2,
		.nivo-caption h1.v3{
			margin: 0 0 20px 0;
			padding: 0;
			background: none;
			font-size: 14px;
			
			color: #505050;

			text-shadow: 1px 1px 0 #fff;
			-moz-text-shadow: 1px 1px 0 #fff;
			-webkit-text-shadow: 1px 1px 0 #fff;
			-o-text-shadow: 1px 1px 0 #fff;
			-ms-text-shadow: 1px 1px 0 #fff;
			
			line-height: 1em;
		}
		
		.buttonyellow,
		.buttonyellow:hover{
			font-size: 10px;
			padding: 8px 10px 8px 35px;
			
			background-position: 10px;
		}
		
		.siteoptions{
			display:none;
		}
		
		/*features image*/
		.feature1-image{	
			background: url(../images/icon-company.png) center center no-repeat;
			background-size: 100% 100%;
		}
		
		
		.feature2-image{	
			background: url(../images/icon-whatwedo.png) center center no-repeat;
			background-size: 100% 100%;
		}
		
		
		.feature3-image{
			background: url(../images/icon-services.png) center center no-repeat;
			background-size: 100% 100%;
		}
		
		.feature4-image{
			background: url(../images/icon-projects.png) center center no-repeat;
			background-size: 100% 100%;
		}
		
		
		.buttonyellow,
		.buttonyellow:hover{
			font-size: 10px;
			padding: 8px 10px 8px 35px;
			
			background-position: 10px;
		}
			
		/*footer logo*/
		footer h3.logo a {
			width: 98px;
			height: 26px;
			display: block;
			background: url(../images/logo-small_40x2.png) no-repeat 0 0;
			
			text-indent: -9999px;
			text-shadow: none;
			color: transparent;
			background-size: 100% 100%;
		}
		
		/*portfolio*/
		
			/*2columns*/
			
		.portfolio2columns,
		.portfolio3columns,
		.portfolio4columns{
			width: 320px;			
			overflow: hidden;
		}
		
		.portfolio2columns ul li,
		.portfolio3columns ul li,
		.portfolio4columns ul li{			
			width: 300px;
			height: 165px;	
			overflow: hidden;
			position: relative;
		}
		
		.portfolio2columns ul li img,
		.portfolio3columns ul li img,
		.portfolio4columns ul li img{
			width: 100%;
			height: auto;
		}
		
		
		.project-outer-msg, .project-wrap {
			width: 300px;
		}
		
		.project-outer-msg {
			text-align: left;
			margin: 5px 0;
		}
		
		.project-wrap {
			height: auto;
			border-bottom: 0;
		}
		
		.portfolio2columns .even {
			clear:both;
		}
	
		.project-info-top, .project-info-bottom {
			display:none;
		}
		
		.project-info-top-outer {
			float: left;
			display: block;
		}
		
		.project-info-bottom-outer {
			float: left;
			display: block;
		}
		
		.project-info-top-outer p {
			font-size: 11px;
			line-height: 15px;
			color: #7894cd;
		}
		
		.port-bgfade, .project-title {
			display: none;
		}
		
		
		.port-title{
			width: 100%;
			font-size: 12px;
		}
		
		.errorpage-number{
			width: 100%;
			height: 100px;
			margin: 40px 0;
			font-size: 180px;
		}
		
		.price-greybox2,
		.price-greenbox2{
			width: 100%;
		}
		
		ul.tabs li a,
		ul.tabs li a.active{
			font-size: 12px;
			padding: 5px;
			line-height: 25px;
		}
		
		ul.tabs-content > li.active p{
			font-size: 11px;
		}				
		
		#flags-right {
			display: none;		
		}

		#flags-left {
			display: block;		
		}
		
		.flags {
			float: left;
			margin: 0 10px 0 0;	
		}
		
		.backToBlog {
			float:left;
			margin: 0 0 10px 0;
		}
		
		.pageintro h1 {
			margin: 0;
		}
		
		.pageintro-content {
			padding: 0;
		}
		
		.page-intro-text {
			margin: 25px 0 0 0 !important;
			padding: 0;
		}
		
				#footer-logo-img {
			float: none !important;
			margin: auto;
			display: table;
		}
		
		#footer-logo-div {
			margin: 0;
		}
		
		ul.social {
			margin: 0 auto;
			display: table;
		}
		
		.contact-social ul {
			float: left !important;
		}
		
		.contact-social {
			float: left !important;
		}
		
		#footer-social-div {
			margin: 0;
		}
		
		#captcha {
			width:140px !important;
		}
		
		.servicesRight {
			margin: 0px;
			width: 200px;
		}
		
	}