/* phone */
@media (min-width:1px) and (max-width:479px) {
    /*
    * 2018 home page panels
    */
    
    .wrapper, #footerholder, .actionpanelholder{width: 100%;}
    ul#mast li.c img{height: 50px;}
    #mastholder{padding: 10px 0 0 0;white-space: nowrap;}
    ul#mast li.d1, ul#mast li.d2{display: none;}
    ul#mast li.i1, ul#mast li.i2{margin-top: 7px !important;}
    ul#mast li.c a{padding: 0 8px 0 0;}
    ul#mast li.i1 a{border-right: solid #E2E2E3 1px;}

    /*
    * 2018 Call to Action Dropdown Panels
    */    
    
    #cgss18holder{width: 100%;background: none !important;}
    .cgss18grad{height: 100%;width: 100%}
    #cgss18headline{display:none;}
    .cgss18headlineback{height: 100%;width: 100%;border: #fff solid 9px;box-sizing: border-box}
    #cgss18headlineinner{padding: 7px 7px 0;font-size: 30px;line-height: 1.1}
    #cgss18verse{font-size: 13px;padding: 0 7px 0 0}
    #cgss18base{padding-top: 0px}
    #cgss18band{height: 70px;width: 100%}
    .cgss18img{width: 150px;height: 122px;float: left;}
    .cgssitem{width: 310px}
    #cgssitem1{top: 240px;left: 0}
    #cgssitem2{top: 382px;left: 0}
    #cgssitem3{top: 524px;left: 0}
    .cgssitem .cgsscopy{margin-left:163px}
    #cgss18close{top: 630px;right: 15px;}
    #cgss18bandinner{padding: 7px 25px;font-size: 42px}
    .cgss18descriptionpanel{height: 596px}
    #cgss18basedesc{font-size: 18px;padding: 15px 25px 0 25px}
    .cgss18basebar{height: 19px;width: 100%;}    
    #cgss18verse{display: none}
    #cgss18headline br{content: ''}
    #cgss18headline br:after {content: ' '}    

    /*
    * Home Stories 2018
    */  
    
    #homestorypanelholder img{width: 100%;}
    #homestorypanelholder{width: 100%; text-align: left;}
    #homestorypanelholderpad{padding: 0 0 15px 0}
    .latest{padding: 5px 10px 0 10px; font-weight: 400; font-size: 22px;line-height: 1.4}
    .hspimg div{padding: 0;}
    .hspcpy{padding: 10px;;line-height: 1.1}
    .hspcopy{padding: 10px 0 0 0; clear: both}
    .hsphdl{padding: 10px 10px 0 10px; font-size: 25px;line-height: 1.1}
    .si1 a, .si2 a{display: inline-block; padding: 10px;}
    .si1 a div, .si2 a div{width: 167px;}
    .si3, .si4, .si5, .si6, .si7{display: none;}
    .si1 a div, .si2 a div{background-repeat: no-repeat;}
    #homestorypanel0 .hspimg a div{width: 100%; heigh: 200px; padding-bottom: 60%;background-size: 100% auto;}
    #homestorypanel1 .hspimg{display: none;}
    #homestorypanel2 .hspimg{display: none;}
    .homestpanbrder{border-right: none !important;}
    #homestorypanel0, #homestorypanel1, #homestorypanel2, #homestorypanel3,
    #homestorypanel4, #homestorypanel5{border-bottom: solid 1px #E4E3E4;}
    #homestorypanel0{width: 100%;}
    #homestorypanel1{width: 100%; background-color: #9CDCF9;}
    #homestorypanel2{width: 100%; background-color: #EAE9D6;}
    #homestorypanel3{width: 100%;}
    #homestorypanel4{width: 100%;}
    #homestorypanel5{display: none;}
    #homestorypanel6{display: none;}
    #homestorypanel7{display: none;}
    #homestorypanel0 .hspcpy{}
    #homestorypanel0 .hsphdl{font-size: 45px;line-height: 1.1}

    /*
    * Join US and Footer
    */

    #joinus{font-size: 25px;text-align: center}
    #joinusinner div{vertical-align: middle}
    #joinleft {
        text-align: center;
        padding: 0 0 17px 0;
    }
    #joinusinner div a{font-size: 23px}
    #footerlogo{width: 412px}
    #footerlogo img{margin-top: 10px;margin-left: 40px}
    #footerstrap{margin-left: 435px;padding: 55px 0 0 0;font-size: 33px}
    #footercol1{width: 355px}
    #footercol2{width: 234px}
    #footercol3{width: 242px}
    .f23inner{padding: 7px 20px}
    #footercol1 div{padding-left: 68px}
    #footerinner{height: 400px; position: relative}
    #ftlogopad{padding: 12px 22px}
    /*#ftlogo{width: 277px}*/
    #ftstrappad{display: none}
    #ftstrap{width: 367px}
    #ftstrapa{font-size: 30px}
    #ftstrapb{font-size: 25px}
    #ftsocial{width: 100%; line-height: 0}
    #ftsocialpad{width: 100%;position: absolute; padding: 0; top: 170px;text-align: center}
    #ftsocialpad
    #fts2, #fts3, #fts4{width: 54px}
    #fts1{width: 63px;}
    #fts1 img{padding-left: 7px;}
    #fts4 img{padding-left: 5px;}
    #fts3{width: 63px}
    #fc1{border: none; float: none !important}
    #fc2{border: none; float: none !important}
    #fc3{border: none; float: none !important}
    #fc3 img{padding-left: 5px;vertical-align: 6px!important}
    #fc3 span{display: inline-block;width: 197px;}
    #ft div img{display: inline;vertical-align: -12px}
    #ft{top: 232px;left:31px}
    #baseinner{font-size: 13px;padding: 15px;}
    #b1, #b2{display: inline}
    #b3 br{display: inline !important}
    
    /*
    * ------------------------------
    */

    #menu{display: none;}
    #rotatormaincarosel{width: 640px;}
    .homebox{padding: 8px 10px;font-size: 19px;border: 5px solid #fff !important}
    .homeboxsection{padding: 10px 20px;font-size: 16px;border: 5px solid #fff !important}
    .homeboxpadding{padding: 30px 12%;}
    .homeboxpaddingsection{padding: 40px 12%;}
    .rotatorframe{height: 212px;width: 100%;background-position: left;background-size: cover}
    .rotatorframesection{height: 212px;width: 100%;background-size: auto, 100%;background-position: left;}
    #rotatortransportsection{height: 212px;}
    #rotatortransport{height: 212px;}
    .ctalink{font-size: 15px;padding: 8px 13px 8px 13px;}
    #stories, #storiesdept{position: inherit !important;width: 100%;padding-top: 25px;}
    #storiespadding{padding: 0 20px;}
    .storydiv{display: none;}
    .story{width: 100%;float: left;text-align: left;margin-bottom: 30px;}
    .story img{width: 100%;}

    #hbml{width: 100%;float: none;text-align: left;padding-left: 15px;}
    #hbmr{width: 100%;float: none;text-align: left;}
    .sectionHBM{columns: 1;-webkit-columns: 1;-moz-columns: 1;}
    h1.sectionintrotitle{font-size: 30px;padding: 20px 0 10px 0;}
    .sectionintro{padding: 0 20px;}
    .pageindent{padding: 0 24px;}
    .deptfeaturetitle{background-color: #CDEFFB;font-size: 30px;padding: 11px 0;}
    .featuredescription{padding: 0 20px 20px 20px;font-size: 19px;}
    .deptimage img{float: none !important;width: 100% !important;height: auto !important;margin: 10px 0 !important;}
    #cform input:not([type="checkbox"]), #cform textarea, #cform select{width: 100% !important;}
    .inputfield input:not([type="checkbox"]), .inputfield select, .inputfield textarea,
    #memgroup{float: none !important;text-align: left !important;width: 100% !important;}
    #cform .label{padding-right: 7px !important;}
    #cform .formlabel2016 {float: none !important;text-align: left !important;width: 100% !important;}
    

    /*
    * Media Panels 2018
    */    
    
    #hmedc1{width: 100%;}
    #hmedc2{width: 100%;}
    #hmedc3{width: 100%;height:39px;}
    #hmedc1topleft{}
    #hmedc1topright{display: none;}
    #hmedheading{text-align: left;padding: 50px 0 10px 25px;}
    #hmedheading span{text-align: left;}
    #hmedc1player{width: 100%}
    #hmedc1playerinner{width: 100%; height: 180px;}
    #hmedc1playerinner{background-size: cover !important; background-repeat: no-repeat;background-color: #006587;background-size: 900px 500px;}
    #movlc1copy{display:none}
    #movlc1head{width: 208px;font-size: 18px !important;}
    #movlc1play{top: 27px !important;right: 5px !important}
    #movlc1leftpad {padding: 20px 20px 0 20px}
    #movlc1share {position: absolute;top: 92px!important;left: 33px;}
    #movlc1leftinner {height: 131px !important}
    #movlc1leftinnerpad {padding: 12px 0px 0 12px;}
    #movlc1play img{width: 80%; height: 80%}

    /* Carossell */
    
    #medcarnavl img{padding: 27px 0px 0 6px}
    #medcarnavr img{padding: 27px 0 0 7px;}
    #medcarnavl, #medcaritems, .mediacitem{float: left;}
    .mediacitem{width: 131px;}
    .mediacitem3{display:none;}
    .mediacitem4{display:none;}
    .mediacitem5{display:none;}
    .mediacitem6{display:none;}
    .mediacitempad{padding-left: 10px;}
    .mctitle{padding-top: 10px;}
    #medcarholder{padding: 7px 0 19px 0;text-align: left;color: #fff;line-height: 1.1;font-size: 19px;}
    #medcarholderinner{margin: auto;width: 320px;}
    .mediacpad{float: left; width: 15px; height: 15px;}    
    .mcimg img{width: 118px;height: 79px;}
    #hjholder{padding: 28px 0 23px 0;}

    /*
    * Human Jouney
    */
    
    #hjholder img{width: 100%}
    
   /*
    * Blogs
    */

    #bloganchor{height: 90px; width: 100%}
    #blogleftpanel{text-align: left;padding-top: 116px;padding-left: 139px;}
    #hblogc2{text-align: left}
    #blogbase{height: 25px}
    .blogrholder{clear: both; padding: 15px 0 15px 0}
    .blogrholder{border-top: solid 1px #fff}
    .blogrimg a img{width: 127px;height: 107px}
    .blogrimg{float: left}
    .hblogc1{text-align: left}
    #bloglhead{color: #000;font-size: 40px;padding: 30px 0 30px 25px}
    #bloglimg{padding: 0 10px 0 0;float: left}
    #bloglimg img{width: 127px;height: 107px}
    #blogltitle{font-size: 22px;line-height: 1.1;}
    .blogrtitle{padding-left: 139px;padding-top: 10px;font-size: 22px;line-height: 1.0;padding-right: 25px}
    #hblogc2{clear:both}
    #blogltitle:after{
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;        
    }
    #bloglspacer{height: 32px;display:block !important}
    #blogcats, .blogrcats{display: none;}
    #blogintro{display: none;}
    .blograuths{padding: 15px 0 0 140px}
    #blogauths{padding: 15px 0 15px 0}
    #blogleftpanelmin{min-height: 115px;}
    
    /* 
    * Bookstrore home 
    */
    
   
    #hbkanchor{position: relative;}
    #hbkc2{text-align: left;clear: both}
    #hbkc2padding{padding-top: 20px}
    #hbkbase{height: 25px}
    #hbkleftpanel{margin-left: 113px;padding-top: 117px;text-align:left;min-height: 144px;}
    #hbkmore{position: absolute;top: 104px;right: 15px;font-size: 21px;}
    .hbkrholder{padding: 15px 0 15px 0;}
    .hbkrdiv{border-top: solid 1px #bbb}
    .hbkrimg a img{width: 98px;height: 152px;}
    .hbkrimg{float: left}
    .hbkc1{text-align: left}
    #hbklhead{color: #000;font-size: 39px;color: #000;font-size: 39px;position: absolute;top: 0;width: 100%;height: 139px;z-index:-1}
    #hbklhead a{padding: 67px 0 0 25px;display: inline-block}
    #hbklimg a img{width: 98px;height: 152px;float: left;}
    #hbkltitle{padding-top: 38px; font-size: 30px; line-height: 1.0;}
    .hbkrtitle{padding-top: 10px;font-size: 30px;line-height: 1.0}
    #hbklauthor{padding-top: 10px;font-size: 22px;line-height: 1.0;}
    .hbkrauthor{padding-top: 10px;font-size: 20px;line-height: 1.0}
    #hbklcats{display: none;}
    .hbkrcats{display:none;}
    #hbkleftpanel:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
    #hbkldesc{display: none;    }
    .bbkrmin{margin-left: 113px;min-height: 152px;padding-right: 10px;}
    .hbkrholder{border-top: solid 1px #bbb}
    #hbklimgholder{position: absolute;top: 114px;left: 0;}
    
    
    /* 
    * Events
    */
    
    #hpeventbg{width: 100%}
    #hpeventbanner{height: 92px;width: 100%}
    #hpeventsall{right: 15px;top: 58px;}
    #hpeventsall a{color: #fff;font-size: 21px}
    #hpeventstitle{top: 15px;left: 25px;font-size: 39px}
    #hpeventholder{padding: 70px 10px 25px 0 }
    .hpevent{padding-bottom: 25px;}
    .hpeventtag{font-size: 15px;padding: 40px 5px 4px 0;margin-bottom: 4px;margin-left: 142px}
    .hpeventtitle{font-size: 24px;padding-bottom: 5px;margin-left: 142px; padding-top: 30px;}
    .hpeventtime{font-size: 17px;margin-left: 142px}
    .cmfeventbadge{vertical-align: -2px}
    .hpeventplace{padding: 15px ;margin-left: 142px}
    
    .hpeventimg img{width: 129px}
    .hpeventimg{width: 129px;height: 260px;float:left}
    .hpeventborder{width:100%}
    #hpevwsp{height: 475px}
    .hpevent:after{
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }
    
    /* 
    * Pubs 
    */
    
    .hppubs{width:100%;}
    #hppubsbg{width: 100%; padding-bottom: 20px}
    #hppubsbanner{height: 72px;width: 100%}
    #hppubssall{right: 25px;top: 40px}
    #hppubssall a{font-size: 20px}
    #hppubsstitle{top: 35px;left: 25px;font-size: 25px}
    #hppubsholder{position: relative !important; padding: 72px 0 0 0}
    .hppubstag{font-size: 15px;padding: 0 5px 4px 0;margin-bottom: 4px}
    .hppubstitle{display: none; font-size: 37px;padding: 10px 15px 0 15px}
    .hppubsissue{font-size: 17px;padding-left: 15px;padding-top: 15px;}
    .hppubsbacki{padding-left: 15px}
    .hppubsimg{display:none}
    .hppubsborder{width: 100%;padding-bottom:20px;border-bottom:solid 1px #ddd;}
    .hppubsborderlast{width: 100%;}
    .hppubsimg img{width: 174px}
    #hppubswsp{height: 347px}
    #hppubsbg:after, .hppubsborder:after{
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;        
    }
    #hppubswsp{display:none;}

    #rotleft{display: none !important;}
    #rotright{display: none !important;}
    
    #img404{width: 90%}
    
    .hppubsimgsm{width: 100%;}
    .hppubsimgsm img{width: 100%;}
    
    
    /*
    * 2019 Pubs layout
    */
    
    .pageindentpubs{padding: 0}
    .publpptitle{display: none}
    .publpititle{font-size: 30px; font-weight: 300; margin: 0; padding: 0 20px;}
    .publpdiv{height: 37px; width: 25px; background-image: url(/assets/images/publpactiondiv.png); display: inline-block}
    .publpactions{padding: 0 20px; text-align: left}
    .publpactions a{height: 37px; display: inline-block;}
    .publpactions span{height: 37px; display: inline-block}
    .publppdf a{width: 35px; background-image: url(/assets/images/publpactionpdfnotxt.png)}
    .publppdfa a{width: 35px; background-image: url(/assets/images/publpactionpdfnotxt.png)}
    .publpfb a{width: 40px; background-image: url(/assets/images/publpactionfb.png)}
    .publptw a{width: 40px; background-image: url(/assets/images/publpactiontw.png)}
    .publpbi a{width: 40px; background-image: url(/assets/images/publpactionbi.png)}
    .publpprint a{width: 40px; background-image: url(/assets/images/publpactionprint.png)}
    .publpimg{width: 245px}
    .publpcontents{font-size: 45px}
    .publpwrapper{display: block}
    .publpwrapper:after{content: "."; display: block; height: 0; clear: both; visibility: hidden}
    .pubheaderhold{margin-top: 10px;}
    .pubheaderhold:after{content: "."; display: block; height: 0; clear: both; visibility: hidden}
    .publpcol320{width: 100%}
    .publpcol320 div{padding: 0px !important}
    .publpimg320{width: 100%}
    .publpcol480{display: none}
    .publpimg480{display: none}
    .publpcol1{display: none}
    .publpcol2a{width: 100%}
    .publpitems{display: none;}
    .publpcontents{display: block;font-size: 28px;}
    .publpcontentslist{padding: 10px 20px; font-size: 28px;}
    .publpcol2inner{padding: 10px 20px 0 20px !important}
    .publpitems{padding-bottom: 0 !important}
    .publpcol3inner{padding: 0 20px 10px 20px}
    .publpwrapper .publpcol2 div{padding-bottom: 7px}
    .publpwrapper .publpcol2a div{padding-bottom: 7px}
    .publpwrapper .publpcol3 div{padding-bottom: 7px}
    .publpanchor{}
    .publanglink{ display: inline-block; padding: 7px; background-color: #7FD5F7; font-weight: 600; margin-right: 10px; font-size: 18px}
    #issuecover, #issuecover img.imgcover{ width: 100%; height: 165px; object-fit: cover;} /**/
    #issuecover img.imgoverlay{ display: none}
    #actionoverlay .publpactions{ top: 2px; right: 12px; white-space: nowrap;} /**/
    #actionoverlay{ background-color: rgba(255, 255, 255, 0.6); height: 40px; width: 100%; position: absolute; bottom: 0px} /**/
    .pubsdindent h3{font-family: 'SeravekLight', Verdana, Geneva, sans-serif; padding: 0; margin: 7px 0 0 0; font-size: 20px; font-weight: 300;}
    .pubsdindent p{padding: 0; margin: 0 0 7px 0; font-size: 17px; line-height: 1.5}
    .pubsdindent div a{color: #00ACEF}
    .pubsdindent div{padding-bottom: 20px}
    .pubtypeheading{ font-family: 'SeravekExtraLight', Verdana, Geneva, sans-serif !important; margin: 0; padding: 20px 0 0 0; font-weight: normal; font-size: 40px !important; border-bottom: solid 1px #BDBBBC}
    .pubsdindent h3 a{font-family: 'SeravekMedium', Verdana, Geneva, sans-serif !important; font-weight: 600}
    .pubsdindent{padding: 0 20px}
    .articlepage{ text-align: left; padding: 40px 15px 0px 15px} /**/
    .articlepage .title{ font-size: 58px; font-weight: normal; margin: 0; padding: 40px 0 35px; line-height: 1.2}
    .authornotes{padding: 20px 0; font-size: 16px}
    .keypoints{ display: none}
    .keypointstitle{ display: none}
    .keypointsinline{ display: none}
    .keypointstitleinline{ display: none}  
    .keypoints ul{ list-style-position: outside; list-style-type: square; padding-left: 35px; margin: 0}
    .keypoints ul li{ padding-bottom: 20px}
    .articlepage .subtitle{ font-size: 30px; padding-bottom: 15px} /**/
    .articlepagehead{position: relative}
    .pubsimageathor{display: none !important} /**/
    .articlepagecholder{ display: block; border-top: 1px solid #BDBBBC; margin-bottom: 50px}
    .articletextinner{ padding-right: 20px}
    .articlepagelcol{width: 100%} /**/
    .articlepagercol{display: none;} /**/
    .articlepagecholder .standfirst{ padding: 10px 20px 20px 0; font-size: 23px; line-height: 1.4}
    .articletext{ font-size: 16px; line-height: 1.5}
    .relatedarticlesmobile{ background-color: #D1F0FC; padding: 15px; margin-top: 30px;}
    .relatedarticlesmobile ul{ list-style: none; padding: 0; font-size: 16px}
    .relatedarticlesmobile ul li{ padding-bottom: 10px}
    .references{ text-align: left; padding: 20px 75px; background-color: #C2D2DD}
    .referencestitle{ padding: 20px 75px 0 75px; text-align: left; font-size: 30px; background-color: #C2D2DD}
    .references ol{ padding-top: 0px; margin-top: 0px; padding-left: 20px; margin-left: 0px}
    .references ol li{padding-left: 40px}
    #prevpubs{padding: 0 20px;}
    #prevpubs h3, #prevpubs h2{ margin: 0; font-weight: normal}
    #prevpubs h2{font-size: 35px; padding: 40px 0 0 0}
    #prevpubs h3{font-size: 24px; padding: 10px 0 0 0}
    #breadcrumbs{top: 50px; left: 20px;}
}

@media (max-width:300px) {

    /* OVERRIDES FOR LEGACY PHONES */
    /*
    #footercol1 {width: 100% !important;}
    #footerholder {font-size: 15px !important;}
    #footercol1inner {padding: 0 !important;}
    #footercol1 span {margin: 0 !important;text-align: center !important;}
    #footercol1inner img{display: none !important;}
    #m300{border: none !important;}
    .homebox{font-size: 15px;}
    */

    #rotleft{display: none !important;}
    #rotright{display: none !important;}

}