@media only screen
and (min-width : 320px) and (max-width : 768px){
/* media queries for 320px */
.agencyTitlePMobileFirst{
	margin-top: 110px !important;
	}
.agencyTitleSpanMobileFirst{
	color: #ffffff !important;
	font-family: Roboto;
	font-size: 33px !important;
	font-weight: 400 !important;
	letter-spacing: -0.015em;
	}

.agencyContentPMobileFirst{
	margin-top: 12px !important;
	}

.agencyContentSpanMobileFirst br {display:none !important;}

.agencyContentSpanMobileFirst{
	font-size: 17px !important;
	line-height: 18px !important;
	}

.agencyButtonPMobileFirst{
	margin-top: 12px !important;
	}

.agencyButtonAMobileFirst{
	width: 276px !important;
	height: 45px !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	border: 2px solid #D1D1D1 !important;
	font-size: 13px !important;
	padding: 13px !important;
	}

.agencyDivMobileFirst{
	height: 448px !important;
	}
.agencyTitlePMobileSecond{
        padding-left: 8px !important;
	padding-top: 48px !important;
}
.agencyDescPMobileSecond{
	padding-left: 11px !important;
	margin-top: -19px !important;
}	
.agencyDescSpanMobileSecond{
	font-size: 14px !important;
	margin-top: 30px !important;
	color: #535454 !important;
	font-weight: 400 !important;
	word-spacing: 2px !important;
	letter-spacing: 0.015em !important;
}
.agencyDescSpanMobileSecond br {display:none;}



.agencyTitleSpanMobileSecond{
	font-size: 30px !important;
	font-weight: 400 !important;
	line-height: 32px !important;
	letter-spacing: -0.015em !important;
}
.agencySubTitleSpanMobile{
	font-weight: 300 !important;
	margin-bottom: 50px  !important;
	display: block  !important;
	color: #424242  !important;
	line-height: 27px  !important;
	margin-top: -6px  !important;
        font-size: 18px !important;

}
.agencySubTitleSpanMobile br {display:none}

.agencyImgListFirst{
	margin-left: 8px !important;
	margin-top: -28px !important;
}

.agencyTitleListFirst{
	font-weight: 300 !important;
	font-size: 17px !important;
	display: block !important;
}

.agencyContentListFirst{
	font-weight: 300 !important;
	font-size: 13px !important;
	color: #979797 !important;
	line-height: 10px !important;
}

.agencyDivListFirst{
	margin-left: 50px !important;
	margin-top: -70px !important;
	width: 100%;
}


.agencyImgListSecond{
	margin-left: 8px !important;
	margin-top: -10px !important;
}

.agencyTitleListSecond{
	font-weight: 300 !important;
	font-size: 17px !important;
	line-height: 14px!important ;
}


.agencyContentListSecond{
	font-weight: 300 !important;
	font-size: 13px !important;
}

.agencyContentListSecond br {display:none !important;}

.agencyDivListSecond{
	margin-left: 50px !important;
        margin-top: -48px !important;
}



.agencyImgListThird{
        margin-left: 8px !important;
        margin-top: 12px !important;
}

.agencyTitleListThird{
        font-weight: 300 !important;
        font-size: 17px !important;
        display: block !important;
	line-height: 14px;
}

.agencyContentListThird{
        font-weight: 300 !important;
        font-size: 13px !important;
        color: #979797 !important;
        line-height: 10px !important;
}

.agencyContentListThird br{display:none !important;}


.agencyDivListThird{
        margin-left: 50px !important;
        margin-top: -36px !important;
}

.agencyDivMobileSecond{
	height: 587px !important;
	background: none !important; 
}

.agencyTitlePFourth{
	margin-top: 13px !important;

}
.agencyTitleSpanFourth{
	font-weight: 400 !important;
	font-size: 14px !important;
	letter-spacing: 1px !important;
	letter-spacing: 0.1em !important;
	padding-top: 23px !important;

}

.agencyTitlePFifth{
	text-align: center !important;
	margin: 85px auto !important;
	width: 90% !important;
        padding: 0px !important;
	margin-bottom: 0px !important;
}
.agencyTitleSpanFifth{
	font-size: 44px !important;
	font-weight: 400 !important;
	letter-spacing: -0.015em !important;
}

.agencyDescSpanFifth{
	font-size: 17px !important;
	font-weight: 300 !important;
	color: #ffffff !important;
	opacity: 0.8 !important;
	letter-spacing: 0.09em !important;
}
.agencyButtonPFifth{
	padding-left: 0px !important;
	text-align: center !important;
	margin-top: 36px !important;
}
.agencyButtonFifth{
	height: 46px !important;
	padding-top: 14px !important;
	font-weight: 300 !important;
	font-size: 13px !important;
	width: 270px !important;
	letter-spacing: 2.5px !important;
}	

.agencyButtonSixth{
        height: 46px !important;
        padding-top: 14px !important;
        font-weight: 300 !important;
        font-size: 13px !important;
        width: 270px !important;
        letter-spacing: 2.5px !important;
        margin-bottom: 158px !important;
}


.agencyGridMobileFirst{
	height:471px !important;
        background-image: url("../../../../../../uploads/2015/02/AGENCIES-SOURCE.jpg") !important;
}

.agencyGridMobileSecond{
        height:471px !important;
	background-image: url("../../../../../../uploads/2015/02/AGENCIES-Research.jpg") !important;
}

.agencyGridMobileThird{
        height:471px !important;
	background-image: url("../../../../../../uploads/2015/02/AGENCIES_CO-CREATE.jpg") !important;
}


.agencyTitlePLast{
	text-align: center !important;
	margin: 83px auto !important;
	padding: 0px 0px !important;
	width: 85% !important;
}

.agencyDescSpanFifth br {display:none !important;}

.agencyAwardMobile{
	width: 100% !important;
	padding: 0px 48px !important;
	margin: 24px 15px !important; 

}

.agencyItemAwardMobile{
  	margin-right: 20px !important;
 	width: 24% !important;
}

.agencyImgAwardMobile{
	margin-bottom:0px !important;
}

.agaencyTitleSpanSixth{
	font-weight: normal !important; 
	font-size: 14px !important;
	letter-spacing: 2px !important;
	margin-top: 16px !important;

}



}
@media only screen
and (min-width : 360px) and and (max-width : 640px){
/* media queries for 340px */
}	


@media only screen
and (min-width: 768px) and (max-width: 1024px)
and (orientation : portrait){
/* media queries for 768px for iPad portrait*/
.agencyDivMobileFirst{
	padding-top: 153px !important;
	padding-bottom: 0px !important;
	height: 498px !important;
}
.agencyTitlePMobileSecond{
	padding-left: 55px !important;
	padding-top: 48px !important;


}
.agencyDivMobileSecond{
	height:720px !important; 
}
.agencyDescPMobileSecond{
	padding-left:55px !important;

}
.agencyImgListFirst{
	padding-left: 52px !important;
}

.agencyDivListFirst{
	margin-left:-33px !important;
}

.agencyImgListSecond{
        padding-left:52px !important;
}

.agencyDivListSecond{
        margin-left:-33px !important;
}

.agencyImgListThird{
        padding-left:52px !important;
}

.agencyDivListThird{
        margin-left:-33px !important;
}

.agencyTitlePFourth{
        margin-top: 30px !important;
}

.agencyTitlePFifth{
	padding-left: 70px !important;
	margin-top: 120px !important;

}
.agencyTitlePLast{
	padding-left: 70px !important;
        margin-top: 120px !important;
}
.agencyButtonPFifth{
	padding-left: 55px !important;
}

.agencyButtonSixth{
	margin-bottom: 150px !important;
}

}