@media screen and (max-width:1700px) 
{
    #twitterholder 
    {
        width:40%;
    }
    #caption 
    {
        width:50%;
        font-size:40px;
    }
    #twitterfeed 
{
    font-size:16px;
}

#twitterfeed span 
{
    font-size:14px;
}

#twitterfeed li
{
    padding-bottom:10px;
    margin-bottom:10px;
}
}

@media screen and (max-width:1450px) {
	#submenu > div {
		margin-right:20px;
	}
	#submenu a:first-child {
		font-size:13px;
		margin-bottom:12px;
	}
	.sf-menu a {
		font-size:17px;
	}
	.sf-menu > li{
		margin-right:20px;
	}
}

@media screen and (max-width:1350px) 
{
    #twitterfeed li:last-child
    {
        display:none;
    }
    #twitterfeed li:nth-child(2)
    {
        border-bottom:0;
    }
    #caption 
    {
        font-size:30px;
    }
    #team > div 
    {
        width:23%;
    }
}


@media screen and (max-width:1200px) {
	#sectors > a > span {
		font-size:17px;
		line-height:19px;
	}	
	#sectors > a > img:nth-child(2) {
		max-height:20%;
		bottom:25%;
	}
	#project #info > div:first-child {
		font-size:25px;
	}
	
	#project #info > div:last-child {
		font-size:15px;
		line-height:23px;
	}
	#submenu 
	{
	    float:none;
	    margin-left:auto;
	    margin-right:auto;
	    display:table;
	    height:auto;
	    clear:both;
	    margin-bottom:30px;
	}
	#socials {
		text-align:center;
	    clear:both;
	}
	#socials img {
		margin-left:10px;
		margin-right:10px;
		height:30px;
	}
	#legal {
		float:none;
		text-align:center;
		margin-top:30px;
	}
}



@media screen and (max-width:1050px) 
{
    #twitterholder 
    {
        position:relative;
        width:95%;
        background-color:#ccc;
        height:auto;
        display:table;
    }
    .caption 
    {
        display:none;
    }
    #twitterfeed li:last-child, #twitterfeed li
    {
        display:block;
        float:left;
        width:29%;
        padding-left:2%;
        padding-right:2%;
        border:0;
    }
    #team > div 
    {
        width:31%;
    }
    
}

@media screen and (max-width:1000px) {
	#caption {
		font-size:40px;
	}
	#submenu div 
	{
	    display:none;
	}
	#submenu div.keep 
	{
	    display:block;
	}
	#footer 
	{
	    padding-top:25px;}
}
	
@media screen and (max-width:950px) 
{
    #videos > div > div
    {
        width:47%;
        margin-left:1.5%;
        margin-right:1.5%;
    }

	.slicknav_menu{display:block;}
	#menu{display:none;}
	#header {
		padding-top:0;
		display:table;
		height:auto;
		width:100%;
		padding-left:0;
		padding-right:0;
	}
	#logo {
		display:block;
		margin:auto;
		float:none;
		max-width:40%;
	}
	#caption {
		font-size:30px;
		line-height:34px;
	}
	#corner {
	width:60px;
	height:56px;
	margin-top:-55px;
	}
	#intro, .main {
		padding-top:20px;
		padding-top:20px;
		font-size:16px;
		line-height:22px;
	}
	#sectors > a > span {
	font-size:14px;
	line-height:16px;
	}
	#news .article {
		width:45%;
	}
	#divDocs a 
	{
	    width:41% !important;
	    margin-left:1% !important;
	    margin-right:1% !important;
	}

h1 
{
    font-weight:normal;
    font-size:30px;
    line-height:35px;
}

#team div 
{
    width:47%;
}

#gallery img 
{
    height:100px;
}

}



@media screen and (max-width:650px) {
#project #info {
	width:100%;
}

#project img {
	width:100%;
}
#casestudies > div > div, #articles .article
{
    width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
}
.accs img 
{
    height:35px;
}
#clientlist td 
{
    display:block;
    width:100%;
}


    #twitterfeed li:last-child, #twitterfeed li
    {
        display:block;
        float:none;
        width:100%;
        padding-left:0%;
        padding-right:0%;
        border:0;
    }
}

@media screen and (max-width:550px) 
{
    #submenu > div 
    {
        border-right:0;
    }
	#caption {
		font-size:20px;
		line-height:24px;
	}
	#corner {
	width:40px;
	height:37px;
	margin-top:-36px;
	}	
	#sectors > a {
		width:100%;
	}
	#sectors > a > span {
		font-size:17px;
		line-height:19px;
	}	
	#sectors > a > img:nth-child(2) {
		bottom:21%;
	}	
	#news .article {
		width:90%;
		padding-left:5%;
		padding-right:5%;
	}
	#twitter {
		padding-top:25px;
		padding-bottom:25px;
	}
	#twitter img {
		display:block;
		margin-left:auto;
		margin-right:auto;
		float:none;
		width:30%;
		margin-right:auto;
		margin-bottom:20px;
	}
	#twitter .inner div {
		width:100%;
		font-size:20px;
		line-height:24px;
	}
	#clients > div {
		font-size:20px;
		line-height:24px;
	}

#gallery img 
{
    height:50px;
}


h1 
{
    font-weight:normal;
    font-size:20px;
    line-height:24px;
}

#team div 
{
    width:100%;
    margin-right:100%;
}
	#divDocs a 
	{
	    width:93% !important;
	    margin-left:0 !important;
	    margin-right:0 !important;
	}
	#DocList  
	{
	    margin-right:0;
	    max-width:100%;
	}
    #videos > div > div
    {
        width:97%;
    }
}

@media screen and (max-width:400px) {
	#caption {
		font-size:15px;
		line-height:18px;
	}
	#sectors > a > span {
		font-size:15px;
		line-height:18px;
	}	
}