/* smartphones */
@media only screen and (max-width : 767px)
{
    
    
    #browseProgramSectionMobile .body a {display:none;}
     #browseProgramSectionMobile  {padding-top:10px;}
     #CarouselDesktop {display:none;}
    
    div.grid_4.ribbonLinks {margin-left:0;margin-right:0;}
    .panel {border:0px none;border-radius:0px;padding-top:4px;}
    .panel-group .panel, .panel-heading {border-radius: 0px;}
    .panel-collapse .panel {padding-top:0px;}
   #navmobile .panel {padding-top:0px;}
    
     div#topBanner {display:none;}
     div#containerdesktop {display:none;}
     div#LeftNavDesktop {display:none;}
     div#doc div#header div#headerWrap div#globalTools div.form{display:none;}
     div#doc div#header div#headerWrap div#globalTools  div#share a.addthis_button{display:none;}
     div.notools #bodyWrapper {background:transparent;padding-top:0px;margin-top:5px;}
     div#main div#left_3_pnlComponent2 {display:none;}
     #doc1 div#bodyWrapper div#main div.grid_3.contentRelated div#LeftNavMobile div#resources {display:none;}

    .accordion-toggle h4 {margin:2px 0px 2px 0px;}
     
      /*div.navbar-header div#branding  div.branding{float:left;width:60%;text-align:center;display:block;margin:auto;padding-left:2px;}*/
  
      /*#doc1 div#bodyWrapper div#main div.container_12.clearfix div.grid_3.contentRelated div#LeftNavMobile {margin-top:-10px;} */
      /*#doc1.clearfix.notools {margin-right:2px;margin-top:-20px;}*/
      
      #doc1.clearfix.notools div#header{height:auto;padding-top:0px; } 
      #doc1.clearfix.notools div#header div#headerWrap {height:auto;vertical-align:middle;}
      #doc1.clearfix.notools div#header div#headerWrap div#globalTools {width:100%;}
      #doc1.clearfix.notools div#header div#headerWrap div#globalTools div#share {margin-top:0px;padding-top:0px;}
     
     #language {width:100%;background-color:#f3f1ea;height:24px;padding-right:6px;padding-top:6px;}
     #language div {float:right;font-size:11px;}
     #language div a {color:#000;}
      
      /* #doc1.clearfix.notools div#header div#headerWrap div#branding  {height:50px;} */
      #doc1 div#header div#headerWrap div#branding h2 {font-size:18px;text-align:center; margin-bottom:0px;padding-top:16px;padding-bottom:16px; }
      
      

      
      
      /* main content */
     #doc1.clearfix.notools div#bodyWrapper div#main div.container_12.clearfix div.grid_3 {width:100%;   }
     #doc1.clearfix.notools div#bodyWrapper div#main div.container_12.clearfix div.grid_3.contentRelated {margin-left:0px;}
     #doc1.clearfix.notools div#bodyWrapper div#main div.container_12.clearfix div.grid_3.contentRelated div.programSiteLink { }
     #doc1.clearfix.notools div#bodyWrapper div#main div.container_12.clearfix div.grid_3.contentRelated div.secondSiteLink {display:none;   }
     #doc1.clearfix.notools div#bodyWrapper div#main div.container_12.clearfix div.grid_3.contentRelated div.module {display:none;   }
     #doc1.clearfix.notools div#bodyWrapper div#main div.container_12.clearfix div.grid_3.contentRelated div.DropDownLink {display:none;   }
    
     #doc1.clearfix.notools div#bodyWrapper div#main div.container_12.clearfix div.grid_9.contentMain {width:100%;margin-left:0px;margin-top:-5px;}
     #doc1.clearfix.notools div#bodyWrapper div#main div.container_12.clearfix div.grid_9.contentMain hr {color: #aaa599;}
    
            div.programSiteLink a
            {
                display: block;
                color: #fff;
                border: 1px solid #aaa599;
                background-color: #c3beb6;
                font-size: 14px;
                padding: 8px 15px;
                font-family: sans-serif;
                text-decoration: none;
            }
     
     
     /* carousel */
     /*div.slideshowComponent ul.slides li div.img {min-height: 100%;min-width: 100%;background-size: cover;background-repeat: no-repeat  } 
     #doc1.clearfix.notools div#bodyWrapper div#main div.container_12.clearfix div.grid_9.contentMain div.slideshowComponent ul.slides li.color1 {width:100%}
     */
  
    LeftNavMobile {margin-top:30px;}
    
    /* Header */
    #doc1.clearfix.notools div#header div#headerWrap div#branding  {color:#7099bf;height:auto;padding-bottom:5px;}
    div#branding h2 {/*padding-top:35px;*/margin-top:0;} 
    div#branding img {padding-top:15px;}
    .navbar-header div#branding img {padding-top:0px;}
    
    /* Around the world */
    div.panel #ddlList ul li {padding:4px 0px 4px 0px;}
    
    
    #doc1 div#bodyWrapper div#main div.grid_9.contentMain div.slideshowComponent div.ctrl {top:90px;}

    #doc1 div#LeftNavMobile div#accordion {margin-bottom: 0px;padding-bottom: 10px;}
    #doc1 div#bodyWrapper div#main div.grid_3.contentRelated div#LeftNavMobile div#resources {display:none;}
    div#main div.container_12.clearfix div.grid_9.contentMain div.clearfix div.grid_4.omega  div.module div.body div.center div.body {margin-top:10px;width:100%}
    div#main div.container_12.clearfix div.grid_9.contentMain div.clearfix div.grid_4.omega  div.module div.body div.center div.body div#img{float:left;width:25%}
    div#main div.container_12.clearfix div.grid_9.contentMain div.clearfix div.grid_4.omega  div.module div.body div.center div.body div#txt{float:left;text-align:left;padding-left:19px; position: relative; top: 50%; width:75%;  transform: translateY(20%);}
    div.slideshowComponent ul.slides li div.img {min-height: 100%;min-width: 100%; background-size: cover;background-repeat: no-repeat  } 
    #doc1.clearfix.notools div#bodyWrapper div#main div.container_12.clearfix div.grid_9.contentMain div.slideshowComponent ul.slides li.color1 div.txt p {display:none;}
    div.slideshowComponent ul.slides li{padding:0;margin:0;position:relative;} /*question mark */
   
   /* program Menu */
   .panel-heading h4 {padding:4px 0px 4px 0px;}
   .panel-heading h4 a {font-size:18px;}
   .panel-inner ul li a {font-size:16px;}
   .panel-inner ul li {padding:4px 0px 4px 0px;}
   #C67SubsiteRichTextComponent1 {margin-top:-10px;}
   
    div#LeftNavMobile .panel-group {margin-bottom:0px;}
    #doc1 div#LeftNavMobile div#accordion {margin-bottom:0px;}
    #doc1 div#LeftNavMobile div#accordion div div#outerpaneldefault.panel.panel-default {border:none; padding-left:0px;}
    #doc1 div#LeftNavMobile div#accordion div div#outerpaneldefault.panel.panel-default a:hover, a:visited, a:link, a:active{ text-decoration:none;}
   
    #doc1 div#LeftNavMobile div#accordion div#outerpaneldefault div#outerpanel.panel-heading {background-color: #6fa9d0;padding-top:1px;padding-bottom:1px;}
   
    #doc1 div#LeftNavMobile div#accordion div#outerpaneldefault div#outerpanel a h4#hdr{color:#fff;}
    #doc1 div#LeftNavMobile div#accordion div#outerpaneldefault div#leftnavmenu #innerpanel #accordion2 div.panel{border:0px;}
    #doc1 div#LeftNavMobile div#accordion div#outerpaneldefault div#leftnavmenu #innerpanel #accordion2 div div.panel-heading{background-color: #3f71a0;padding-top:5px;padding-bottom:5px;border-top-left-radius:0px;border-top-right-radius:0px;}
    #doc1 div#LeftNavMobile div#accordion div#outerpaneldefault div#leftnavmenu #innerpanel #accordion2 div div.panel-heading h4{color:#fff; margin-top:0px;margin-bottom:0px;}
    #doc1 div#LeftNavMobile div#accordion  div#outerpaneldefault #leftnavmenu #innerpanel #accordion2 div div  h4 a:hover, a:visited, a:link, a:active{ text-decoration:none;}
    #doc1 div#LeftNavMobile div#accordion  div#outerpaneldefault #leftnavmenu #innerpanel #accordion2 div div.panel-body{margin:0px;padding-top:5px;padding-bottom:0px;padding-right:0px;padding-left:0px;background-color: #3f71a0;}
    #doc1 div#LeftNavMobile div#accordion  div#outerpaneldefault #leftnavmenu #innerpanel #accordion2 div div.panel-body ul {list-style:none;margin-top:-8px;}
    #doc1 div#LeftNavMobile div#accordion  div#outerpaneldefault #leftnavmenu #innerpanel #accordion2 div div.panel-body ul li{margin-left:15px;}
    #doc1 div#LeftNavMobile div#accordion  div#outerpaneldefault #leftnavmenu #innerpanel #accordion2 div div.panel-body ul li a {color:#fff;}
   
    #doc1 div#LeftNavMobile div.panel-heading a.accordion-toggle h4:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
    content: "\e113";    /* adjust as needed, taken from bootstrap.css */
    float: right;        /* adjust as needed */
    color: white;         /* adjust as needed */
    padding-right:8px;
    }
     #doc1 div#LeftNavMobile div.panel-heading a.accordion-toggle.collapsed h4:after {
    /* symbol for "collapsed" panels */
    content: "\e114";    /* adjust as needed, taken from bootstrap.css */
   }
 
  #doc1 div#LeftNavMobile div#accordion  div#outerpaneldefault #leftnavmenu #innerpanel #accordion2 div div  h4 a.accordion-toggle:after  {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
    content: "\e113";    /* adjust as needed, taken from bootstrap.css */
    float: right;        /* adjust as needed */
    color: white;         /* adjust as needed */
    padding-right:8px;
    }
    
    #doc1 div#LeftNavMobile div#accordion  div#outerpaneldefault #leftnavmenu #innerpanel #accordion2 div div h4 a.accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e114";    /* adjust as needed, taken from bootstrap.css */
   }
    
 

    /*program sponsor */
    div#main div#left_2_pnlComponent1 {display:none;}
    div#main div#left_3_pnlComponent2 {display:none;}

    
    /* main */
    div#main div.container_12.clearfix div.grid_9.contentMain div.clearfix div.grid_5  {width:100%}
    div#main div.container_12.clearfix div.grid_9.contentMain div.clearfix div.grid_5.alpha div#C67SubsiteRichTextComponent1 h3 {font-size:18px;font-family: Georgia,"Time New Roman", Times New Roman, Serif; font-weight:600; color:#000;}
   
    /*Program SpotLight */
    div.moduleAltSubsite{background-color:#fff;color:#000;border-bottom:none;}
    div.moduleAltSubsite a{color:#000;}
   
    div#main div.container_12.clearfix div.grid_9.contentMain div.clearfix div.grid_4 {width:100%;width:100%;margin:0px;}
    div#main div.container_12.clearfix div.grid_9.contentMain div.clearfix div.grid_4.omega  div.module div.header {text-align:left;background-color:#6fA9D0;font-family: Georgia,"Time New Roman", Times New Roman, Serif;font-size:17px; color:#FFF; padding-left:9px;line-height:1.8; }
    div#main div.container_12.clearfix div.grid_9.contentMain div.clearfix div.grid_5.alpha p a.arrow  {font-weight:bold;}
    div#main div.container_12.clearfix div.grid_9.contentMain div.clearfix div.grid_4.omega  div.module div.body ul.null li br {display:none}
    div#main div.container_12.clearfix div.grid_9.contentMain div.clearfix div.grid_4.omega  div.module div.body ul.null li p {margin-top:5px;}
    div#main div.container_12.clearfix div.grid_9.contentMain div.clearfix div.grid_4.omega  div.module div.body ul.null li p a.arrow {padding-left: 20px;background: url('imgs/sprites.png') no-repeat -1000px 0;width: 5px;height: 8px;}
    div#main div.container_12.clearfix div.grid_9.contentMain div.clearfix div.grid_4.omega  div.module div.body div.center div.body {margin-top:10px;width:100%;text-align:center;}
    div#main div.container_12.clearfix div.grid_9.contentMain div.clearfix div.grid_4.omega  div.module div.body div.center div.body div#img{float:left;width:25%}
    div#main div.container_12.clearfix div.grid_9.contentMain div.clearfix div.grid_4.omega  div.module div.body div.center div.body div#txt{float:left;text-align:left;padding-left:19px; position: relative; top: 50%; width:75%;  transform: translateY(20%);}
    /*div#main div.container_12.clearfix div.grid_9.contentMain div.clearfix div.grid_4.omega  div#AdministeredbySection {display:none;}*/
    div#main div.container_12.clearfix div.grid_9.contentMain div.clearfix div.grid_4.omega  div#browseProgramSection div.module div.body {display:none;}
   /* div#main div.container_12.clearfix div.grid_9.contentMain div.clearfix div.grid_4.omega  div#pnlConnectWithSection {display:none;} */
    div#main div.container_12.clearfix div.grid_9.contentMain div.clearfix div.grid_4.omega  div#pnlNewsAndEvents {text-align:left;}
    div#main div.container_12.clearfix div.grid_9.contentMain div.clearfix {position:relative;}
    div#main div.container_12.clearfix div.grid_9.contentMain div.clearfix div.grid_4.omega  div#externalsitepanel    {text-align:left;font-weight:bold;}
    div#main div.container_12.clearfix div.grid_9.contentMain div.clearfix div.grid_4.omega  div#externalsitepanel hr {margin-top:5px;margin-bottom:5px;color:#cdcdcd;}
    div#main div.container_12.clearfix div.grid_9.contentMain div.clearfix div.grid_4.omega  div#externalsitepanel a {padding-left:10px;color:#0a3b6c}
    div#main div.container_12.clearfix div.grid_9.contentMain div.clearfix div.grid_4.omega  div#serviceportalpanel    {text-align:left;font-weight:bold;}
    div#main div.container_12.clearfix div.grid_9.contentMain div.clearfix div.grid_4.omega  div#serviceportalpanel hr {margin-top:5px;margin-bottom:5px; color:#cdcdcd;}
    div#main div.container_12.clearfix div.grid_9.contentMain div.clearfix div.grid_4.omega  div#serviceportalpanel a {padding-left:10px;color:#0a3b6c}
    div#main div.container_12.clearfix div.grid_9.contentMain div.pageHead div.txt h1{font-size:18px;margin-top:0px;margin-bottom:0px;font-family: Georgia,"Time New Roman", Times New Roman, Serif; font-weight:bold;padding-bottom:10px;}
    div#main div.container_12.clearfix div.grid_9.contentMain h3 {font-size:18px;font-family: Georgia,"Time New Roman", Times New Roman, Serif; font-weight:bold;}
    div#main div.container_12.clearfix div.grid_9.contentMain h3 {font-size:18px;font-family: Georgia,"Time New Roman", Times New Roman, Serif; font-weight:bold;}
   
    div#doc div#doc1 div#main div.container_12 div.grid_9 div.grid_4 div#dropdownmobile  {padding-top:5px;padding-bottom:5px;}
    /* Dsingh added height:auto */
    div#doc1 div#bodyWrapper div#main div.tabbed ul.tabs {margin-bottom:10px; background-image :none; height:auto;}
    div#doc1 div#bodyWrapper div#main div.tabbed ul.tabs li.ui-state-active a{border:none;}
    div#doc1 div#bodyWrapper div#main div.tabbed ul.tabs li a:hover{margin-left:1px;border:none;background-color:#f5f9fc;text-decoration:none;}

    ul.tabs li{float:none;height:auto;}/*for tab interior pages */
    div#doc1 div#bodyWrapper div#main div.tabbed ul.tabs li a span{padding:0 ;font-size:12px;}
    div#doc1 div#bodyWrapper div#main div.tabbed ul.tabs li.first{margin-left:0px;}

 /* IIE around the world - mobile */
    div#doc div#doc1 div#main div.container_12 div.grid_9 div.grid_4 div#dropdownmobile div#dropdown_accordion div.panel  {height:100%;background-color:#c3bdc5;text-align:left;font-weight:bold;}
    div#doc div#doc1 div#main div.container_12 div.grid_9 div.grid_4 div#dropdownmobile div#dropdown_accordion div.panel a.accordion-toggle h4#hdr {padding-left:8px; color:#000;}
    div#doc div#doc1 div#main div.container_12 div.grid_9 div.grid_4 div#dropdownmobile div#dropdown_accordion div.panel ul {list-style:none;}
    div#doc div#doc1 div#main div.container_12 div.grid_9 div.grid_4 div#dropdownmobile div#dropdown_accordion div.panel ul li {margin-left:8px; font-weight:normal;}
    div#doc div#doc1 div#main div.container_12 div.grid_9 div.grid_4 div#dropdownmobile div#dropdown_accordion div.panel ul li a{color:#000;}
    div#doc div#doc1 div#main div.container_12 div.grid_9 div.grid_4 div#dropdownmobile div#dropdown_accordion div.panel div#ddlList{background-color:#f0f0e7;padding-bottom:5px;}
 
    /* hide the top browse programs for mobile */
    div#main div.container_12.clearfix div.grid_9.contentMain div.clearfix div.grid_4.omega div#rightright_0_browsePrograms {display:none;}
    div#main div.container_12.clearfix div.grid_9.contentMain div.clearfix div.grid_4.omega p#rightright_0_ssmedia {display:none;}
    

   
     div#doc div#doc1 div#main div.container_12 div.grid_9 div.grid_4 div#dropdownmobile div#dropdown_accordion div.panel a.accordion-toggle h4:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
    content: "\e113";    /* adjust as needed, taken from bootstrap.css */
    float: right;        /* adjust as needed */
    color: white;         /* adjust as needed */
    padding-right:8px;
    }
    
    div#doc div#doc1 div#main div.container_12 div.grid_9 div.grid_4 div#dropdownmobile div#dropdown_accordion div.panel  a.accordion-toggle.collapsed h4:after {
    /* symbol for "collapsed" panels */
    content: "\e114";    /* adjust as needed, taken from bootstrap.css */
   }
    
   /*footer */
  
   div#bottombanner_0_ribbon.ribbon div.container_12{width:100%;}
   div#bottombanner_0_ribbon.ribbon div.container_12 div.grid_8{width:100%;margin:0px;padding-left:8px;padding-right:8px;font-size:11px;text-align:center;}
   div#bottombanner_0_ribbon.ribbon div.container_12 div.grid_8 div#viewdesktop{font-size:14px;font-weight:bold;color:#1c4a77;padding-bottom:10px;}
   div#bottombanner_0_ribbon.ribbon div.container_12 div.grid_4{width:100%;margin-bottom:15px;text-align:center;}
   #doc1 div#viewdesktop {text-align:center;font-weight:bold;padding-top:15px;}
   div#doc div#doc1 div#footer div.container_12 div.grid_12 div.grid_8 {display:none;}
   div#bottombanner_0_ribbon.ribbon div.container_12 {text-align:center;}
   #browseProgramSectionDesktop {display:none;}
   div#AdministeredbySection div.module p {text-align:center; padding-top:5px;}
   
   
  
}

@media only screen and (min-width: 768px) 
{


     #CarouselMobile {display:none;}    
    div#doc div#doc1  div#bodyWrapper div#main  div.container_12 div.grid_3 div#LeftNavMobile {display:none;}
  
    div#containermobile {display:none;}
    div#main div#left_2_pnlComponent1 {display:block;}  
    div#main div#left_3_pnlComponent2 {display:block;}
    div#language {padding-top:25px;}
    div.moduleAltSubsite { zoom: 1; }
    div.notools #header #globalTools { width: 600px; }
    .notools .grid_9 .slideshowComponent ul.slides li div.img { left: 0; }
    div.slideshowComponent ul.slides li div.img { height: 250px; text-align: right; width: 700px; }
    div.slideshowComponent ul.slides li { width: 700px; height: 250px; }
    div.slideshowComponent ul.slides li div.txt { width: 340px !important; }
    div.slideshowComponent div.ctrl { width: 340px; bottom: 16px; }
    div.slideshowComponent ul.slides li div.txt a { color: #fff; }
    div.notools #header #globalTools { width: 600px; }
    div.moduleLogos div.slideshow { border-right-style:solid; border-left-style:solid; border-left-width:1px; border-right-width:1px; border-color:#f0e7f0; }
   /* div#main div.container_12.clearfix div.grid_9.contentMain div.clearfix div.grid_4.omega  div.module.linkModule{display:none;}*/
    div#main div.container_12.clearfix div.grid_9.contentMain div.clearfix div.grid_4.omega  div#browseProgramSection {display:none}
    div#main div.container_12.clearfix div.grid_9.contentMain div.clearfix div.grid_4.omega  div#C61SubsiteComponentSection {display:none;}
    .grid_4.omega  #C61SubsiteComponentSection {display:none;}
    div.ribbon  div.container_12 div.grid_8 div#viewdesktop {display:none;}
    div#doc div#doc1 div#main div.container_12 div.clearfix div.grid_4 div#dropdownmobile  {display:none;}
    div#doc div#doc1 div#main div.container_12 div.clearfix div.grid_4 div#externalsitepanel  {display:none;}
    div#doc div#doc1 div#main div.container_12 div.clearfix div.grid_4 div#serviceportalpanel  {display:none;}
    div#main div.container_12.clearfix div.grid_9.contentMain div.clearfix div.grid_4.omega div#C61SubsiteComponent2Section {display:none;}
    /*div.module.mobilehide{display:none;}*/
    #browseProgramSectionDesktop {display:block;}
}

/* smartphones */
@media only screen and (max-width : 362px)
{
   div#doc1 div#bodyWrapper div#main div.container_12.clearfix div.grid_9.contentMain div.slideshowComponent ul {width:100%;height:138px;}
   div#doc1 div#bodyWrapper div#main div.container_12.clearfix div.grid_9.contentMain div.clearfix div.grid_4.omega div.module.moduleAltSubsite.moduleLogos div.slideshow ul {width:100%;height:120px;}
   div.moduleAltSubsite div.highlight{background-color:#fff;float:left;width:38%;}
   div.moduleAltSubsite div.body{float:left;width:56%;text-align:left;margin-left:19px;}
}

@media only screen and (min-width:363) and (max-width : 425px)
{
   div#doc1 div#bodyWrapper div#main div.container_12.clearfix div.grid_9.contentMain div.slideshowComponent ul {width:390px;height:157px;}
}


/*iOS iPhone 5/5s*/
@media only screen and (min-device-width : 320px) 
{
 
}