@media (max-width:640px) {

    * { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }

    #site-wrapper .page-image-clipped, #site-wrapper .side-pageImageForIE { display:none;}
    .frame-overlay { display:none; }
    #header { top: 0px; }
    #header #header-buttons { width: 100%; }
    #header #header-buttons #btn-signup { width: 50%; font-size: 16px; }
    #header #header-buttons #btn-contact { width: 50%; font-size: 16px; }
    #header #btn-mobile { margin: 3px 20px 0px 0px; }
    #header ul.socialList { display: none; }
	#home .homeCopyText p {font-size:21px;}
	#home .blue-box-overlay, #home .white-box-overlay {display:none;}
    .nextArrowTop {top:8.5% !important;}

    #home .grey-box-overlay, #home .purple-box-overlay { display:none; }
	

    .popupForm { width: 100%; top: 106px; left: 0%; padding:10px; }
    .popupForm .closePopup { display:none; }
    .popupForm.getinTouch p.formTitle, .popupForm.newsletterSignUp p.formTitle {width: 352px; max-width: 100%; margin: 0px auto 5px auto; float:none; font-size:16px;}

    #upContactForm, #pnlNewsletterForm { width: 352px; max-width: 100%; margin: 0 auto; }
    .popupForm input { width: 100%; height: 25px; float: left; font-size: 12px; line-height: 25px; margin-bottom:5px;}
    /*.popupGetInTouch .clearfix { width: 45%; float:left; clear:right; }*/
    .popupForm label.checkboxLabel { width: 77%; font-size:14px; }
    .popupForm input.submitBtn { float: left; width: 100%; background:#00a1d4; }
    .popupForm input.submitBtn:hover { background:#00a1d4; }

    .popupGetInTouch select, .popupGetInTouch .select { height: 25px; line-height: 0px; font-size: 12px; }
	.popupForm.getinTouch p.formIntro, .newsletterSignUp p.formIntro { width:352px; max-width:100%; margin:0px auto 5px auto; float:none; font-size:16px;}

    .inner-content p { width: auto; }

    #footer { margin-top: 0px; }

    .showcasePrev { display:none;}
    .showcaseNext { display:none; }

    #home .blue-box { width: 345px; height: 345px; top: 323px; display: none; }
    /*#home .intro-holder { width: 100%; bottom: 0px; top: auto !important; left: 0px !important; right: auto; margin: 0px !important; padding-left: 20px; }*/
    #home .blue-box .lollipop { margin-bottom: 30px; }
    #home h1 { font-size: 46px; width: 90%; position:initial !important;top:180px; left:0px; margin-top:180px !important;}
    #home .blue-box .straight { top: 82px; left: 49px; width: 290px; }
    #home .blue-box p { font-size: 20px; }
    /*#home .homeCopyText { top: auto; right: auto; bottom: 0px; width: 100%; left: 0px; margin: 0px; background: #00a1d4; padding-left: 20px; }*/


    #about .content-panel { max-width: 380px; width: 100%; float: none; margin: 25px auto; height: auto; }
    #about .content-panel .image-holder { width: 100%; max-width: 367px; }
    #about .content-panel .lollipop { position: relative; bottom: -6px; left: 0px; }

    #services .feature-box { float: none; margin: 10px auto; width: 100%; }


    #showcase .feature-image { width: 256px; max-width: 50%; padding: 2px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; float: left; position: relative; overflow: hidden; }
    #showcase .whiteOverlayshowcase { height:874px; top:1547px;}

    #study .content-panel { max-width: 380px; width: 100%; float: none; margin: 20px auto; height: auto; }
    #study .content-panel .image-holder { width: 100%; max-width: 367px; }
    #study .content-panel .lollipop { position: relative; bottom: -6px; left: 0px; }

    #news .news-box { max-width: 95%; margin: 0px; }
    #news .news-box .media-image { max-width: 100%; width: 365px; display: block; float: none; margin: 0px auto; }
    #news .news-box h3 { max-width: 100%; width: 365px; display: block; float: none; margin: 5px auto; }
    #news .news-box p { max-width: 100%; width: 365px; display: block; float: none; margin: 0px auto; }
    #news .news-box a { max-width: 100%; width: 365px; display: block; float: none; margin: 5px auto; }

    #join .pyramid { width: 295px; height: 100%; margin: 5px auto; float: none; max-width: 100%; position:relative; }
    #join .large-lollipop { margin-bottom: 0px; }

    #join .pyramid:hover .blue-box { }

    #join .pyramid-holder .listingStraight.p-1 { left:10%; top:110px;}
    #join .pyramid-holder .listingStraight.p-2 { right:10%; top:420px;}
    #join .pyramid-holder .listingStraight.p-3 { right:10%; top:730px;}

    #join .listingStraight.p-1.moveCopy { left:18%; top:110px; }
    #join .listingStraight.p-2.moveCopy { right:10%; top:420px; }
    #join .listingStraight.p-3.moveCopy { right:10%; top:730px; }

    #join .pyramid .mask { width:100%; overflow:hidden; }

    #contact .feature-box { float: none; margin: 10px auto; width: 100%; }

    /***** CONTENT PAGES *******/

    .leftCol, .rightCol { width: 100%; margin: 0px; padding-right: 10px; padding-top: 0px; }
    .contentPageWrapper { margin: 140px 0 0 0; }

    .copyFullWidth { width: 630px; max-width: 100%; float: none; padding: 0px; }
    .copyFullWidth p { padding-left: 0px; }

    .bottomMenu .feature-box-rel { position: relative; width: 98%; float: none; margin: 1%; height: auto; float: left; }
    
    .bottomMenu .feature-box-rel .feature-box-content { height:auto; }


    /***** ABOUT PAGE *****/

    .rightCol-highlighted { width: 100%; max-width: 100%; }
    .clients { padding: 4px 20px 0px 20px; }
    .clientsCol { width: 100%; }
    .ourAccred { max-width: 100%; }
    .clientsCol { max-width: 100%; }

    .accreditationsCol { width: 100%; float: left; text-align: center; margin: 5px 10px 0px 10px; }
    .accreditationsCol ul { width: 100%; list-style: none; float: left; }
    .accreditationsCol ul li { float: left; width: 100%; height: 75px; text-align: left; background: none; padding-left: 0px; margin: 0px 10px 10px 10px; }


    /***** OUR PEOPLE ******/

    .peopleContainer .personSmall { width: 48%; margin: 1%; }
    .peopleContainer .personSmall > img { width: 200px; max-width: 100%; height: auto; margin: 0 auto; }
    .peopleContainer .personSmall .introBio p { padding-left: 0px; }
    .personExpanded > img { /*width: 200px;*/ height:270px; max-width: 100%; }
    .personExpanded .peopleClose { bottom: 15px; }
    .personExpanded .fullBio { width:100%; }

    /***** OFFICE LOCATIONS ******/

    .whitePanelFull a.officeImage img { max-width: 100%; }
    .whitePanelFull { padding: 15px; }
    .whitePanelFull p { padding-left: 0px; }

    .whitePanelFull { padding: 10px 10px 15px 10px; }
    .whitePanelFull .officeTitle h2 { clear: both; padding-top: 10px; }
    .whitePanelFull a.officeImage img.leftImage { width: 100%; }
    .whitePanelFull a.officeImage img { width: 100%; }

    #showcase .rightCol.showcase .contactForm { width: 100%; margin: 0px; }
    #showcase .rightCol.showcase .contactForm input { width: 100%; }
    #showcase .rightCol.showcase .formContainer label.checkboxLabel { width: 80%; }
    #showcase .rightCol.showcase .formContainer input.submitBtn { float: left; width: auto; }


    /***** REPORTS *******/

    .whitePanel { width: 100%; margin-left: 0%; height: auto !important; }
    .whitePanel.noMarginLeft { width: 100%; }
    .whitePanel img { max-width: 100%; }
    .whitePanel p { padding-left: 0px; }


    .jobListExpand { width: 100%; float: none; box-sizing: border-box; }
    .jobListExpand.right, .jobListExpand.left { float: none; }

    /****** EVENTS *******/
    .eventListing .listingItem { width: 100%; }
    .listingItem .listingDate { float: right; background: #00B1DC; color: #FFF; margin-left: 20px; margin-bottom: 18px; font-size: 28px; text-transform: uppercase; text-align: center; height: 85px; width: 85px; padding: 15px 0px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; font-weight: bold; }
    .listingItem .listingDate br { display: block; }

    a.downloadMobile { display: block; font-family: Calibri, Candara, Segoe, "Segoe UI", Arial, sans-serif; display: inline-block; background: #00a1d4; height: 43px; color: #ffffff; font-size: 16px; line-height: 43px; text-decoration: none; padding: 0 25px 0 15px; font-weight: bold; position: relative; margin: 20px 10px 20px 5px; text-transform: uppercase; }
    .downloadsHolder { display: none; }



    .greyContainer { width:100%; margin-left:00px; }
    .greyContainer #ticker       { width:100% !important; }
    .greyContainer #ticker .mask  { width:100% !important; }
    .greyContainer #ticker .mask .scroller { width:95% !important; }
    .greyContainer #ticker .mask .slide { width:97% !important; height:270px; }
    .verticalTxt { float: left; clear: left; }
    .pnl-arrow-left { left: 50%; }
    .pnl-arrow-right { left: 50%; }


    .copyFullWidth	{width:100%; float:left; padding:0 30px 0 0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}

    .copyFullWidth.fullWidthScroll {width:100%; position:relative; left:-14px; margin:40px 0px 40px 0px;}
    .copyFullWidth.fullWidthScroll a.scrollLeftArrow {background:url("../../_assets/img_scrollLeftLrg.png") no-repeat;width:44px;display:block;height:547px;cursor:pointer;float:left; box-shadow:-2px 0px 40px -10px rgba(0,0,0,0.5); -moz-box-shadow:-2px 0px 40px -10px rgba(0,0,0,0.5); -webkit-box-shadow:-2px 0px 40px -10px rgba(0,0,0,0.5);}
    .copyFullWidth.fullWidthScroll a.scrollRightArrow {background:url("../../_assets/img_scrollRightLrg.png") no-repeat;width:44px;display:block;height:547px;cursor:pointer;position:absolute;right:0px; box-shadow:8px 0px 40px -10px rgba(0,0,0,1); -moz-box-shadow:8px 0px 40px -10px rgba(0,0,0,0.5); -webkit-box-shadow:8px 0px 40px -10px rgba(0,0,0,0.5);}
    .copyFullWidth.fullWidthScroll .scrollOverlay {width:100%; float:left;padding:35px;background:rgba(255, 255, 255, 0.9);position:absolute; top:-30px;z-index:99;box-shadow:0px 2px 15px 0px rgba(0,0,0,0.5); -moz-box-shadow:0px 2px 15px 0px rgba(0,0,0,0.5); -webkit-box-shadow:0px 2px 15px 0px rgba(0,0,0,0.5);}
    .copyFullWidth.fullWidthScroll .scrollUnderlay {width:100%; height:0px;float:left;background:none !important;}

    .copyFullWidth.fullWidthScroll .scrollOverlay h2 {font-size:28px; margin-top:-10px; margin-bottom:10px;}
    .copyFullWidth.fullWidthScroll .scrollOverlay p.copyLeft {float:left;width:100% !important;margin-top:15px;font-size:18px;}
    .copyFullWidth.fullWidthScroll .scrollOverlay p.copyRight {float:right;width:100% !important;margin-top:15px;font-size:18px;}
        
    .copyFullWidth.fullWidthScroll .scrollOverlay img { width:100%; }

    .lightbox .lightboxFormEvent, .lightbox .lightboxForm  { width:90%; margin-left:-45% }

    .lightbox .lightboxFormEvent input, .lightbox .lightboxForm input { width:100%; height:25px; line-height:25px; font-size:12px; }
    .lightbox .lightboxFormEvent .submitBtn, .lightbox .lightboxForm .submitBtn { width:100%; height:40px; font-size:12px; background:#00a1d4; }
    .lightbox .lightboxForm p , .lightbox .lightboxFormEvent p { font-size:14px; width:100%; }
    .lightbox .lightboxForm h3, .lightbox .lightboxFormEvent h3 { width:100%; width:80%; margin-top:10px; margin-bottom:0px; }

    .events .twitter-box {padding:15px 25px 30px; float:right; width:100%; margin:0px 0px 20px 0px; color:#000000; position:relative; background: #70d3eb; background: -moz-linear-gradient(top,  #70d3eb 0%, #50b4cd 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#70d3eb), color-stop(100%,#50b4cd)); background: -webkit-linear-gradient(top,  #70d3eb 0%,#50b4cd 100%); background: -o-linear-gradient(top,  #70d3eb 0%,#50b4cd 100%); background: -ms-linear-gradient(top,  #70d3eb 0%,#50b4cd 100%); background: linear-gradient(to bottom,  #70d3eb 0%,#50b4cd 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#70d3eb', endColorstr='#50b4cd',GradientType=0 );}
    .events .twitter-box h3 {color:#ffffff; font-size:22px; margin:0px;}
    .events .twitter-box p {width:auto; color:#ffffff; font-style:italic; margin:0.5em -0.2em; font-size:18px;}
    .events .twitter-box a {color:#ffffff; text-decoration:none;}
    .events .twitter-box a.hashTag { color:#000;text-decoration:none; }
    .events .twitter-box a.hashTag:hover { color:#000; text-decoration:underline; }
    .events .twitter-box a:hover {color:#ffffff; text-decoration:underline;}
    .events .twitter-box span {display:block; position:absolute; bottom:14px; right:25px; color:#ffffff; font-size:12px; font-style:italic }
    .events .twitter-box span a { color:#FFF; text-decoration:none;}

    .quickLinks                         {display:none;}
    .quickLinksMobile				    {display:block; cursor:pointer; background: url("../../_assets/btn_blueChevronDownLarge.png") no-repeat 90% 40px #333333; margin:20px 0px 0px 0px;  padding:30px 0 30px 0; position:relative;}
    .quickLinksMobile .innerQuicklinks	{width:100%; margin:0 auto;}
    .innerQuicklinks h3				    {text-align:left; color:#00a1d4; font-family: calvert-mt-light, Arial sans-serif; font-weight:100; font-size:30px; margin:0px 0 0px 20px;}
    .innerQuicklinks h4				    {color:#00a1d4; font-size:14px; margin-bottom:10px; font-family: calvert-mt-light, Arial sans-serif; font-weight:100; font-size:20px;}
    .innerQuicklinks ul				    {display:none; width:100%; float:none; list-style:none; margin:25px 10px 0px 20px; line-height:16px;}
    .innerQuicklinks ul li			    {width:100%; margin-bottom:13px;font-family: calvert-mt-light, Arial sans-serif;}
    .innerQuicklinks ul li a		    {color:#FFF; font-size:14px; text-decoration:none;font-family: calvert-mt-light, Arial sans-serif; font-size:20px;}
    .innerQuicklinks ul li a:hover	    {color:#00a1d4}

    #news .twitter-box.right #twitterRight {display:none;}
    #news .twitter-box #twitterLeft {display:none;}

    .contentPageWrapper960 .leftCol .shareIconsLrg ul		    {float:left; list-style:none; margin:0px 0 0 0px; padding:10px 0 0 0;}
    .contentPageWrapper960 .leftCol .shareIconsLrg ul li		{float:left; margin:0 7px 0 0; background:none; padding:0px 0px 0px 0px;}

    .contactMap iframe { display:none;}

    #about .share { margin-top:0px; position:relative; top:195px; z-index:99; }
    #services .share { margin-top:0px; position:relative; top:215px; z-index:99;}
    #showcase .share { margin-top:0px; position:relative; top:205px; z-index:99; }
    #study .share { margin-top:0px; position:relative; top:215px; z-index:99; }
    #news .share { margin-top:0px; position:relative; top:215px; z-index:99; }
    #join .share { margin-top:40px; position:relative; top:-25px; z-index:99; }
    #join .pyramid .blue-box { margin-left: -35%; }


    .contentPageWrapper960 .popupGetInTouch.reportsDownload, .contentPageWrapper960 .popupGetInTouch.reportsDownload input { width:100%; }
    .contentPageWrapper960 .popupGetInTouch.reportsDownload .submitBtn { float:none; width:50% !important; background:#00A1D4; margin-bottom:10px; }
    .contentPageWrapper960 .popupGetInTouch.reportsDownload p.alreadySignedUp.submitBtn { background:#00A1D4; width:50% !important; }

    .contentPageWrapper960 .eventForm { width:100%; }
    .contentPageWrapper960 .eventForm input { width:100%; }
    .contentPageWrapper960 .eventForm input.submitBtn { width:50%; background:#00A1D4; float:left; }
}
.clearfix::after{content:"";display:table;clear:both}