/* Tab small */
@media (min-width:480px) and (max-width:749px) {
    
    /*
    * 2018 home page panels
    */

    .wrapper, #footerholder, .actionpanelholder{width: 480px;}
    ul#mast li.d1, ul#mast li.d2{display: none;}
    ul#mast li.c a{padding: 0 48px 0 0;}
    ul#mast li.i1 a{border-right: solid #E2E2E3 1px;}
    
    /*
    * 2018 Call to Action Dropdown Panels
    */    
    
    .cgss18holder{width: 480px;background-size: cover}
    .cgss18grad{height: 100%;width: 100%}
    #cgss18headline{top: 229px;right: 25px;height: 180px;width: 430px}
    .cgss18headlineback{height: 100%;width: 100%;border: #fff solid 9px;box-sizing: border-box}
    #cgss18headlineinner{padding: 7px 7px 0;font-size: 31px;line-height: 1.1}
    #cgss18verse{font-size: 16px;padding: 0 7px 0 0}
    #cgss18base{padding-top: 434px}
    #cgss18band{height: 70px;width: 100%}
    .cgss18img{width: 193px;height: 149px;float:left;}
    .cgssitem .cgsscopy{margin-left:210px}
    #cgssitem1{top: 214px;left: 25px;}
    #cgssitem2{top: 388px;left: 25px;}
    #cgssitem3{top: 560px;left: 25px;}
    #cgss18close{top: 680px;right: 15px}
    #cgss18bandinner{padding: 7px 25px;font-size: 42px}
    .cgss18descriptionpanel{height: 664px}
    #cgss18basedesc{font-size: 21px;padding: 10px 25px 0 25px}
    .cgss18basebar{height: 19px;width: 100%}    
    #cgss18verse{}
    #cgss18headline br{content: ''}
    #cgss18headline br:after {content: ' '}
    
    /*
    * Home Stories 2018
    */    
    
    #homestorypanelholder img{width: 100%;}
    #homestorypanelholder{width: 480px; text-align: left;}
    #homestorypanelholderpad{padding: 0 0 15px 0}
    .latest{padding: 0 10px 0 10px; font-weight: 400; font-size: 35px;line-height: 1.4}
    .hspimg div{padding: 0;}
    .hspcpy{padding: 10px;line-height: 1.1}
    .hsphdl{padding: 10px 10px 0; font-size: 25px;line-height: 1.1}
    .si0 a div{width: 480px; height: 300px; }
    .si1, .si2{height: 170px;}
    .si1 a, .si2 a{display: inline-block; padding: 10px;}
    .si1 a div, .si2 a div{width: 167px; height: 148px;}
    .si3, .si4, .si5, .si6, .si7{display: none;}
    #homestorypanel0 .hspimg{width: 480px; height: 314px;float: right;}
    .si1 a div, .si2 a div{background-repeat: no-repeat;}
    #homestorypanel1 .hspimg{float: left;}
    #homestorypanel2 .hspimg{float: left;}
    .homestpanbrder{border-right: none !important;}
    #homestorypanel0, #homestorypanel1, #homestorypanel2, #homestorypanel3,
    #homestorypanel4, #homestorypanel5{border-bottom: solid 1px #E4E3E4;}
    #homestorypanel0{width: 480px; float: left;}
    #homestorypanel1{width: 480px; height: 170px; background-color: #9CDCF9;float: left;}
    #homestorypanel2{width: 480px; height: 170px; background-color: #EAE9D6;float: left;}
    #homestorypanel3{width: 480px; height: 100px; float: left;}
    #homestorypanel4{width: 480px; height: 100px; float: left;}
    #homestorypanel5{display: none;}
    #homestorypanel6{display: none;}
    #homestorypanel7{display: none;}
    #homestorypanel0 .hspcpy{}
    #homestorypanel0 .hsphdl{font-size: 45px;line-height: 1.1}
    .storydividerdept{background-image: none !important;}
    
    /*
    * Join US and Footer
    */

    #joinus{font-size: 25px;text-align: center}
    #joinusinner div{vertical-align: middle}
    #joinleft{text-align: right; padding: 0 10px 0 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: 388px; position: relative}
    #ftlogopad{padding: 12px 102px}
    #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}
    #ft div img{display: inline;vertical-align: -12px}
    #ft{top: 232px;left: 61px}
    #b2{margin-left: 5px}
        
    /*
    * ------------------------------
    */

    #rotatormaincarosel{width: 960px;}
    .homebox{padding: 10px 15px;font-size: 26px;}
    .homeboxsection{padding: 15px 20px;font-size: 21px;}
    .homeboxpadding{padding: 37px 65px;}
    .homeboxpaddingsection{padding: 37px 65px;}
    #baseinner{font-size: 14px;padding: 20px 10px;}
    .rotatorframe{height: 294px;width: 480px;}
    .rotatorframesection{height: 193px;width: 480px;}
    #rotatortransportsection{height: 193px;}
    #rotatortransport{height: 294px;}
    .ctalink{font-size: 20px;padding: 10px 20px 10px 20px;}
    #stories, #storiesdept{position: inherit !important;width: 100%;padding-top: 25px;}
    #storiespadding{padding: 0 30px;}
    .storydiv{width: 35px;height: 20px;float: left;}
    .story{width: 424px;float: left;text-align: left;height: 470px;overflow: hidden;}
    .story img{width: 424px;}

    .sectionHBM{columns: 2;-webkit-columns: 2;-moz-columns: 2;}
    h1.sectionintrotitle{font-size: 30px;padding: 20px 0 10px 0;}
    .panel{float: left;}
    #hbml{width: 50%;float: left;text-align: right;}
    #hbmr{width: 50%;float: left;text-align: left;}
    .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;}
    .inputfield input:not([type="checkbox"]),
    .inputfield select,
    .inputfield textearea,
    #memgroup{float: none !important;text-align: left !important;width: 100% !important;}
    #cform input:not([type="checkbox"]), #cform textarea, #cform select{width: 100% !important;}
    .label{padding-right: 7px !important;}
    #cform .formlabel2016 {float: none !important;text-align: left !important;width: 100% !important;}

    /*
    * Media Panels 2018
    */    
    
    #hmedc1{width: 480px;}
    #hmedc2{width: 480px;}
    #hmedc3{width: 480px;height:39px;}
    #hmedc1topleft{}
    #hmedc1topright{display: none;}
    #hmedheading{text-align: left;padding: 50px 0 10px 25px;}
    #hmedheading span{text-align: left;}
    #hmedc1player{width: 480px}
    #hmedc1playerinner{width: 480px; height: 270px;}
    #hmedc1playerinner{background-repeat: no-repeat;background-color: #006587;background-size: cover !important;}
    #movlc1copy{display:none}
    #movlc1head{width: 325px; font-size: 28px !important;}
    #movlc1play{right: 25px !important}
    #movlc1leftpad {padding: 42px 25px 0 25px !important}
    #movlc1leftinnerpad {padding: 20px 105px 0 20px;}
    
    /* Carossell */
    
    #medcarnavl img{padding: 27px 0px 0 6px}
    #medcarnavr img{padding: 27px 0 0 7px;}
    #medcarnavl, #medcaritems, .mediacitem{float: left;}
    .mediacitem{width: 140px;}
    .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;}
    .mediacpad{float: left; width: 15px; height: 15px;}    
    .mcimg img{width: 130px;height: 79px;}
    #hjholder{padding: 28px 0 23px 0;}

    /*
    * Human Jouney
    */
    
    #hjholder img{width: 480px}
    
   /*
    * Blogs
    */

    #bloganchor{height: 145px; width: 100%}
    #blogleftpanel{text-align: left;padding-top: 164px;padding-left: 243px;}
    #hblogc2{text-align: left}
    #hblogc2padding{border-left: solid 1px #fff}
    #blogbase{height: 25px}
    .blogrholder{clear: both; padding: 15px 0 15px 0}
    .blogrholder{border-top: solid 1px #fff}
    .blogrimg a img{width: 140px;height: 117px}
    .blogrimg{float: left}
    .hblogc1{text-align: left}
    #bloglhead{color: #000;font-size: 40px;padding: 45px 0 8px 25px}
    #bloglimg{padding: 0 10px 0 0;float: left}
    #bloglimg img{width: 233px;height: 196px}
    #blogltitle{font-size: 30px;line-height: 1.1;}
    .blogrtitle{padding-left: 155px;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 155px}
    #blogleftpanelmin{min-height: 149px;}

    /* 
    * Bookstrore home 
    */
    
    #hbkanchor{position: relative;}
    #hbkc2{text-align: left;clear: both}
    #hbkc2padding{padding-top: 20px}
    #hbkbase{height: 25px}
    #hbkleftpanel{margin-left: 178px;padding-top: 117px;text-align:left}
    #hbkmore{position: absolute;top: 93px;right: 25px;font-size: 25px}
    .hbkrholder{padding: 15px 0 15px 0;margin-left: 25px}
    .hbkrdiv{border-top: solid 1px #bbb}
    .hbkrimg a img{width: 139px;height: 196px}
    .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: 139px;height: 196px;float: left;}
    #hbkltitle{padding-top: 15px; 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{margin-top: 29px;border-bottom: solid 1px #C9C8C8;}
    .hbkrcats{border-bottom: solid 1px #C9C8C8;padding-bottom: 5px;}
    #hbkleftpanel:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
    #hbkldesc{display: none;    }
    .bbkrmin{margin-left: 154px;min-height: 196px;}
    .hbkrholder{border-top: solid 1px #bbb}
    #hbklimgholder{position: absolute;top: 114px;left: 25px;}
    
    /* 
    * Events
    */
    
    #hpeventbg{width: 480px}
    #hpeventbanner{height: 102px;width: 100%    }
    #hpeventsall{right: 25px;top: 32px}
    #hpeventsall a{color: #fff;font-size: 21px}
    #hpeventstitle{top: 16px;left: 25px;font-size: 39px}
    #hpeventholder{padding: 75px 0 25px 0 }
    .hpevent{padding-bottom: 25px;}
    .hpeventtag{font-size: 15px;padding: 40px 5px 4px 0;margin-bottom: 4px;margin-left: 192px}
    .hpeventtitle{font-size: 26px;padding-bottom: 5px;margin-left: 192px;padding-top: 40px;}
    .hpeventtime{font-size: 17px;margin-left: 192px}
    .cmfeventbadge{vertical-align: -2px}
    .hpeventplace{padding: 15px 0;margin-left: 192px}
    
    .hpeventimg img{width: 174px}
    .hpeventimg{width: 174px;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: 480px; padding-bottom: 20px}
    #hppubsbanner{height: 148px;width: 480px}
    #hppubssall{right: 25px;top: 75px}
    #hppubssall a{font-size: 22px}
    #hppubsstitle{top: 52px;left: 25px;font-size: 39px}
    #hppubsholder{position: relative !important; padding: 118px 0 0 25px}
    .hppubstag{font-size: 15px;padding: 0 5px 4px 0;margin-bottom: 4px}
    .hppubstitle{font-size: 37px;height: 48px;margin-left: 190px;padding-top:45px;}
    .hppubsissue{font-size: 17px;margin-left: 190px;}
    .hppubsbacki{margin-left: 190px}
    .hppubsimg{width: 174px;height: 251px;float:left;overflow: hidden;}
    .hppubsimg img{width: 174px;height: 251px}
    .hppubsborder{width: 100%;padding-bottom:20px;border-bottom:solid 1px #ddd;}
    .hppubsimgsm{display:none}
    
    #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%}    
    
    /*
    * 2019 Pubs layout  
    */
    
    .pageindentpubs{padding: 0 25px}
    .publpptitle{font-size: 60px; font-weight: 300; margin: 0; padding: 10px 0 0 0; line-height: 0.9}
    .publpititle{font-size: 30px; font-weight: 300; margin: 0;}
    .publpdiv{height: 37px; width: 25px; background-image: url(/assets/images/publpactiondiv.png); display: inline-block}
    .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:after{content: "."; display: block; height: 0; clear: both; visibility: hidden}
    .pubheaderhold{margin-top: 20px;}
    .publpcol320{display: none}
    .publpcol480{width: 100px; float: left;}
    .publpimg480{width: 100%}
    .publpcol1{display: none}
    .publpcol2a{width: 100%}
    .publpitems{display: none}
    .publpcontents{display: block;font-size: 35px;}
    .publpcontentslist{padding: 10px 0; 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: 480px; height: 165px} /**/
    #issuecover img.imgoverlay{ display: none;}
    #actionoverlay .publpactions{position: absolute; top: 2px; left: 25px} /**/
    #actionoverlay{ background-color: rgba(255, 255, 255, 0.6); height: 40px; width: 480px; position: absolute; bottom: 0px} /**/
    .pubsdindent h3{font-family: 'SeravekLight', Verdana, Geneva, sans-serif; padding: 0; margin: 7px 0 0 0; font-size: 20px}
    .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 !important;}
    .pubsdindent{padding: 0}
    .articlepage{ text-align: left; padding: 40px 25px 0 25px;} /**/
    .articlepage .title{ font-size: 58px; font-weight: normal; margin: 0; padding: 40px 0 35px; line-height: 1.2}
    .authornotes{ padding: 15px; 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 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: 25px;}
  
    
}