﻿﻿@media (max-width:768px) 
{
    * { box-sizing:border-box; -moz-box-sizing: border-box; -webkit-box-sizing:border-box;}
    .sidr ul { margin-top:150px;}
    #header #header-inner #navigation {display:none;}
    #header ul.socialList { clear: none; margin:25px 15px 0 0; }
    #header #btn-mobile { display:block; float:right; margin: 20px 20px 0px 0px; }

    #header #header-inner #navigation li {margin-right:10px !important;}

    #footer 						{height:auto; width:100%; background:#004b93;}
    
    .footerLeft						{width:90%; float:none; padding-left:20px; box-sizing:border-box;  -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
    .footerRight					{width:90%; float:none; padding-left:20px; box-sizing:border-box;  -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
    #footer ul.socialList			{float:none; margin-left:0px;}
    p#copyright						{text-align:left; float:none;}

    #home .intro-holder {  top: 323px;  width: 345px; height: 345px; left: 20px !important; right:0px;}
    #home .blue-box { width: 345px; height: 345px; }
    #home h1 { font-size: 46px; width: 400px; position:initial;top:0px; left:0px; margin-top:140px;}
    #home .blue-box .straight { top: 82px; left: 49px; width: 290px; }
    #home .blue-box p { font-size: 20px; }
    #home .homeCopyText {top:40px;}
    #home .straight .lollipop { margin-top: 220px; }
	#home .homeCopyText {left:10px;}


    .page-sideimage { display:none; }
    #services .feature-box-holder, #contact .feature-box-holder { width: 100%; margin-left: 0; left:0; }
    #services .feature-box-holder { position:relative; float:none;  }
    #services .feature-box-rel { width:100%; position:relative; top:auto; left:auto; margin-left:0px; background:#00b1dc; float:none; }
    #services .feature-box-content { position:relative; top:auto; left:auto; bottom:auto; width:100%; height:auto; box-sizing:border-box;  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; padding: 30px 0px; margin:20px 0px;}
    #services .feature-box-rel .feature-box-content .extra-copy { display:block; }
    #services .feature-box-content h2 { padding-left:20px; font-size:30px; }
    #services .feature-box { display:none; }
    #services .feature-box-rel .feature-box-content .lollipop { width: 90%; }
    #services .feature-box-rel .feature-box-content .lollipop:after { display:block; }

    #services .feature-box-content p { padding-left:20px; font-size: 1em; }
    #services .feature-box-rel .feature-box-content p.more { margin-top: 20px;  }
    #services .feature-box-outer {height:auto}

    #services .feature-box .lollipop { bottom: 20px; }
    #services .feature-box p { margin-top: 20px; margin-bottom: 40px; }

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

    .showCaseFeatureWrapper {width:100% !important; max-width:699px; margin:0 auto; float:none;}
    .showCaseExpanded {max-width:100%; width:100% !important; margin-left:-50%; height:auto !important; max-height:none;}
    .showCaseExpanded .showCaseFeature {width:100% !important; max-width:699px; margin:0 auto; float:none;height:0px;}
    .showCaseExpanded .showCaseFeature .slide {position:relative; width:auto; height:auto;}
    .showCaseExpanded .showCaseFeature .slide img {position:relative; max-width:100%;}
    .showCaseExpanded .showCaseFeature .slide .info {max-width:100%;}

    .showCaseInfo {width:100%; max-width:100%; margin-left:0; box-sizing:border-box; -moz-box-sizing:border-box; padding: 0 10px 10px;}
    .showCaseInfo .showCaseText {overflow-x:auto; height:auto; width:100%; max-width:100%; margin-bottom:10px;}

    #showcase .whiteOverlayshowcase { height:874px; top:110px;}

    .about-sidebar, .study-sidebar { display:none; }

    #news .news-box { max-width:95%; margin:0px; }
    #news .news-box .media-image { max-width:95%; height:130px;  box-sizing:border-box;  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
    #news .news-box h3 { max-width:70%; float:left; box-sizing:border-box;  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; margin:0px; }
    #news .news-box p { max-width:50%; float:left; box-sizing:border-box;  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; padding-left:0px; }
    #news .news-box a { max-width:100%; float:left; box-sizing:border-box;  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }

    #contact .feature-box-holder { width:100%; position:relative; top:auto; left:auto; margin-left:0px; }
    #contact .feature-box-rel {position:relative; transform:initial; -ms-transform:initial; -webkit-transform:initial; -o-transform:initial; width:100%; float:none; margin:10px 0; height:auto; background:#a7a9ac;}
    #contact .feature-box-content {position:relative; top:auto; left:auto; width:100%; height:auto; bottom:auto; padding: 20px 0px; }
    #contact .feature-box-content a { margin:0; padding-left:20px;}
    #contact .feature-box-rel.active .feature-box-content a { margin:0;}
    #contact .feature-box-rel.active .feature-box-content { position:relative; top:auto; left:auto; width:100%; height:auto; bottom:auto; }
    #contact .feature-box-rel.active .feature-box.image, #contact .feature-box-rel.active .feature-box.angle { display:none; }
    #contact .feature-box { display:none; }
    #contact .feature-box-rel .extra-copy { display:block;  }
    #contact .feature-box-rel .extra-copy p { color: #ffffff; padding-left:20px;}
    #contact .feature-box .straight a { padding-left:20px; font-size: 40px; }
    #contact .feature-box .straight p { padding-left:20px; }
    #contact .feature-box-outer {height:auto}
    #contact .relative {height:auto !important;}
    #contact .feature-box .straight .lollipop { margin:0px; height:25px; margin-bottom: 30px; width: 40%; }
    #contact .feature-box-rel.active .lollipop, #contact .feature-box-rel .lollipop { width:90%; margin-left: 0px; }

    /***** CONTENT PAGES *******/
    
    .peopleContainer .personSmall { width:31%; margin:1%; }
    .peopleContainer .personSmall > img { width:200px; max-width:100%; height:auto; }
    .personExpanded > img { width: 280px; height:270px; max-width: 100%; }

    .personBig .personTxt { margin:10px 0px; width:100%; }
    .personBig .fullBio p { padding-left: 0px; }

     .personExpanded {width:100%; padding:18px 12px; display:none; left:0%; margin-left:0px; position:absolute; top:460px; margin-top:0px; margin-bottom:4px; z-index:99999;background:#FFF; box-shadow: 0px 0px 30px #000; -moz-box-shadow:0px 0px 30px #000; -webkit-box-shadow:0px 0px 30px #000;}
    .personExpanded .personTxt { margin:10px 0px; width:100%; }
    .personExpanded .fullBio { width:100%; }
    .personExpanded .fullBio p { padding-left: 0px; }

    .leftCol.showcase { box-sizing:border-box; -moz-box-sizing:border-box; max-width:100%; width: 490px; }
    .leftCol.showcase p, .rightCol.showcase p { padding-left: 0px; }
    .rightCol.showcase {max-width:100%; width: 430px; }

    .rightCol.showcase .formContainer input.submitBtn { float:left; }
    .rightCol.showcase .formContainer label.checkboxLabel { margin: 20px 0px; }


    /****** CONTACT *******/

    .contact .addressHolder { background: #00a1d4; width:auto; height:auto; padding:10px; }
    .contact .bigSquare { display:none; }
    .contact .contactText { position:relative; top:0px; left:0px; margin:0px; }

    /****** CONTACT *******/

    .contact .contactForm { margin-bottom:30px; width: 100%;  }
    .contact .contactForm input { width: 100%; }
    .contact .contactForm label.checkboxLabel { width: 77%; }
    .contact .contactForm input.submitBtn { float: left; width: auto; background: #00b1dc; }


    /****** EVENTS *******/
    .listingItem .listingDate { width:100%; margin-left:0px; float:none; height:auto; }
    .listingItem .listingDate br { display: 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}

     .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; }

    #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;}


    #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:0px; position:relative; top:-25px; z-index:99; }

    #join .pyramid .blue-box { margin-left: -45%; }

    #join .pyramid .blue-box { -webkit-transition:none; }
    #join .pyramid .blue-box.expand { top:130px; left:85px; height:50%; width:50%; }
}
.clearfix::after{content:"";display:table;clear:both}
