@media only screen and (max-width: 1550px){
	
.left-content-wrapper-no-padding {
    width: 82%;
	}

#sidebar {
	width: 14%;
	}
	
	}
	
	
@media only screen and (max-width: 1350px){
	
.left-content-wrapper-no-padding {
    width: 80%;
	}

#sidebar {
	width: 16%;
	}
	


#menuwrapper {
	float: right;
	}


.footerwidget.social  {	
	width: auto;
	float: right;
	}
	
.footerwidget.newsletter  {	
	width: 100%;
    margin-top: 30px;
    margin-left: -8px;
	}	
	
	}
	
	
	
@media only screen and (max-width: 1200px){
	
.left-content-wrapper-no-padding {
    width: 76%;
	}

#sidebar {
	width: 20%;
	}
	
	}	
	

	

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


.left-content-wrapper-no-padding {
    width: 70%;
	}

#sidebar {
	width: 26%;
	}
	

.left-content-wrapper-no-padding #content, .greybar .wrapper, #content-home .wrapper, .bluebar .wrapper, #footer .wrapper, #content-wide .wrapper, #copyright, .greenbar .wrapper, .whitebar .wrapper {
	overflow: visible;
	}	
	

.wrapper{
	width:90%;
}

#header .wrapper {
	width: 100%;
	}

.bubble{
	width:20.5%;
	margin-right:5%;
	padding-bottom: 40px;

}


#content-wide{

	min-height:50px;
}
	
	
.team-info {
	max-width: 57%;
	float: left;
	}
	

#header {
    background-image: url("images/white.png");
    box-shadow: 0 2px 5px #333;
    height: auto;
    padding-bottom: 10px;
    padding-top: 10px;
    position:relative;
}



.clear120{
	display:none;
}	
	
	
#header-left{
	float:none;
	width:100%;
}

#header-right{
	float:none;
	width:100%;
}

#buttons {
    position: absolute;
    top: 20px;
    right: 20px;
}	
	
	



.cellphonetext{
	float:left;
	width:40%;
	width:calc(98% - 281px);
	width:-moz-calc(98% - 281px);
	width:-webkit-calc(98% - 281px);
	line-height:normal;
	font-size:15px;
	margin-right:10px;
}


.appbuttons{
	width:153px;
	float:right;
	position:relative;
	text-align:right;
	margin-top:10px;
}

.appbuttons img{
	width:98%;
	height:auto;
	max-width:153px;
}


.video-30percent-width {
	width: 100%;
	margin-right: 0;
	float: none;
	margin-bottom: 20px;
	}


}




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

.banner-content-left h2, .banner-content-right h2, .banner-content-left h3, .banner-content-right h3	{	
	line-height: 20px;
	font-size: 16px;	
	}

}



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

#page-wrap { 
	display: block;
 }

.left-content-wrapper-no-padding {
    width: 100%;
	float: none;
	}

#sidebar {
	width: 90%;
	float: none;
	padding: 3% 5%
	}
	
	

}



/******* SMARTPHONE LANDSCAPE ******/ 

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

	

	
	
	
	a img.alignleft {

    margin: 2px;
}



.bubble{
	width:41%;
	margin-right:8%;
}

.bubble:nth-child(2n+2) {
	margin:0;
}


.bubbleimage-cat {
	min-height:100px;
	
}

.bubble h4 {
	margin:0;
	padding:5px 0;
}






.team-image {
	width:50%;
	height: auto;
	padding-right:0;
}


.team-image img{
	max-width: 98%;
	height:auto;
	margin:1%;
}	

.team-info {
	max-width: 50%;
	float: left;
}



.category-clients .greybar ul {

}
.category-clients .greybar ul li {
	width: 24% !important; /* over-ride all li styles */

}








.footerwidget:first-child{
margin-bottom:10px;
}


.footerwidget{
	float:left !important;
	width:96% !important;
	margin-left:0;
	margin-bottom:10px;
	padding:2%;
	border-radius:5px;
	
}

.footerwidget.newsletter {
	margin-top: 0;
	}

	
}





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

.banner-content-left, .banner-content-right	{
	top: 10%;
	}

.cellphone{
	float: left;
    height: auto;
   	width: 30%;
	position:relative;

}


.cellphone img{
	position:relative;
	bottom:0;
	max-width:118px;
	width:100%;
	margin-bottom:0;
	height:auto;
}

.cellphonetext{
	width:70%;
	margin-right:0;
	margin-bottom:30px;
}


.appbuttons{
	width:100%;
	float:right;
	text-align:center;
}

.appbuttons img{
	width:100%;
	height:auto;
	max-width:auto;
}





}









/* iPads (landscape) ----------- */
@media only screen  
and (max-width : 1024px) {




}


@media only screen and (max-width: 999px){
#menuwrapper{
	margin-bottom:20px;
}

#menuwrapper ul li:last-child{
	margin:0;
}
	
}


@media only screen and (max-width: 940px){	
#menuwrapper ul{
	margin-top:10px;
}	
}



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

#header-right {
	margin-top: 0;
	}

#responsivemenu{
		display:block;
	}
	
#full-menu{
		display:none;
	}


	
}






/******* SMARTPHONE PORTRAIT ******/ 
@media only screen and (max-width: 550px){	

	.menubutton{
		float:none;
		width:100%;
		margin:0;
	}
	

	


.bubble{
	width:86%;
	margin: 0 7% 20px 7%;
}


.bubble:nth-child(2n+2) {
	margin: 0 7% 20px 7%;
}





.team-image {
	background-image:none;
	float:none;
	width:100%;
	height: auto;
	padding-right:0;
}


.team-image img{
	max-width: 98%;
	height:auto;
	max-height:auto;
	margin:1%;
	width:98%;
}	

.team-info {
	max-width: 100%;
	float: none;
}



.banner-content-left, .banner-content-right	{
	display: none;
	}

	
}


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

#buttons {
    position: relative;
    top: auto;
    right: auto;
	float: left;
}

}


@media only screen and (max-width: 350px){
	
.cellphone{
	display:none;
}




.cellphonetext{
	width:100%;
}


.appbuttons{
	width:100%;
	float:none;
}

.appbuttons img{
	width:48%;
	height:auto;
	max-width:auto;
}
	
	
}




@media (max-width: 480px) {

	.category-clients .greybar ul li {
		width: 49% !important; /* over-ride all li styles */

	}
}


@media (max-width: 320px) {
	.category-clients .greybar ul li {
		width: 100% !important; /* over-ride all li styles */
		margin: 0 0 20px;
	}
	
}