/*********************************************************/
/*  CSS media queries for responsive views               */
/*********************************************************/
/* desktop */
#nav-utility #nav-utility .navbar .navbar-inner{
    background: none;
}
#nav-utility {
    display: block;
    float: right;
    margin-top: 1.25em;
    margin-bottom: -1em;
    margin-right: .5em;
}

.row-fluid.homePagecol >.span8 {
  width: 68.9%;
}

.medFont .row-fluid.homePagecol >.span8 {
  width: 66%;
}
.largeFont .row-fluid.homePagecol >.span8 {
  width: 69%;
}
.IE9 .largeFont .row-fluid.homePagecol >.span8 {
  width: 68%;
}
.largeFont .home-middle{
  width: 60%;
}

#nav-utility ul > li:hover, #nav-utility ul li > ul > li:hover {
    background: none;
}
#nav-utility ul li {
    list-style: none;
}
#nav-utility a.util-nav-lnk{
    padding: .130em .5em .130em .25em;
    border-right: 1px solid #042C4F;
    font: 66.5% Arial,Helvetica,sans-serif!important;
}
#nav-utility li:last-child a.util-nav-lnk{
    border-right: none;
    border-left: 1px solid #042C4F;
}
.IE8 #nav-utility li + li + li + li + li + li + li a.util-nav-lnk{
    border-right: none;
    border-left: 1px solid #042C4F;
}
.IE7 #nav-utility li + li + li + li + li + li + li a.util-nav-lnk{
    border-right: none;
    border-left: 1px solid #042C4F;
}
.responsive-menu {
    background: none;
    width: auto;
}

.responsive-menu > li {
    font-weight: bold;
    padding: 0 0 0 0;
    width: auto;
    cursor: pointer;
}
#nav-utility li a {
    color: #042C4F;
    font: 0.7em Arial, Helvetica, sans-serif;
    text-decoration: none;
    /*padding-right: .25em;
    border-right: 1px solid #042C4F;*/
}
#printli .endlink {
    border-right: none !important;
    /*border-left: 1px solid #042C4F;*/
    padding-left: .5em;
}
#nav-utility a:hover, a.lastc:hover {
    color: rgb(193, 88, 30);
    text-decoration: underline;
}
#nav-li-CMS-last a, #nav-utility ul li > ul > li > ol > li > a {
    border-right: none;
}
#nav-utility ul li > ul > li > ol > li > a {
    padding: 0 0 0 0;
}

#nav-utility #nav-utility-views li#nav-li-fontsizer .lastc {
    padding-right: .5em;
    border-right: 1px solid #042C4F;
}

.IE8 .row-fluid.homePagecol >.span8 {
  width: 66.25%;
}
.IE8 .largeFont .row-fluid.homePagecol >.span8 {
  width: 74%;
  margin-right: -37px !important;
}
.IE8 .largeFont #rightRailHome{ width: 20% !important; margin-left: 3.75em !important;}
.IE8 #rightRailHome{ width: 20%; margin-left: 2em;}
.IE8 .nav-utility-btn, .IE7 .nav-utility-btn {
    display: none !important;
}
.IE7 .row-fluid.homePagecol >.span8 {
  width: 66% !important;
}
.IE7 .largeFont .row-fluid.homePagecol >.span8 {
  width: 70% !important;
}
.IE7 #nav-utility #nav-li-print-rwd{
    display: none !important;
}
.IE7 #nav-li-CMS-last a{
	margin-top:-1em;
}
.IE7 #nav-li-CMS-last{
	position: relative;
	top: -3px;
}

.IE7 .util-nav-site.responsive-menu.collapse, .IE8 .util-nav-site.responsive-menu.collapse{overflow:inherit; height:auto;}
.IE7 li#nav-li-CMS{ display: none !important; }
.IE9 #nav-utility,.IE8 #nav-utility {margin-bottom: -.125em;}
.IE7 #nav-utility{margin-bottom: 0em;}

/** new **/
#nav-utility ul > li, #nav-utility ul li > ul > li, #li-fontsizer li{
    background: none;
    display: inline-block;
    border: none;
}
#li-fontsizer li a{
    border: none;
    padding-right: 0px;
}


.IE7 #nav-utility ul > li, .IE7 #nav-utility ul li > ul > li, #li-fontsizer li{
    display: inline;
}
/** new (end) **/
.IE7 #nav-utility ul > li #nav-li-CMS-last{
   margin-top: -1em;
   margin-top: -20px;
}

#nav-li-fontsizer ol li .medFont span{
	font-size: 1.15em;
}

#nav-li-fontsizer ol li .largeFont span{
	font-size: 1.3em;
}
#innov-model-block-wrapper{
    width: 78em;
}
 @media screen and (min-width:979px) {
    html {
        font-family: "desktop";
    }

    
    /*------ Banner ----------------- */
    nav {
        width: auto;
    }
    .nav-utility-btn {
    display: none;
    }
    /*------ Homepage ----------------- */
    #home-middle {
        width: auto;
    }
    .item-title {
        margin-left: 2em !important;
    }
    /*------ Feature Innovations ------ */
    #model-wrapper {
        width: auto;
        height: 14.2em;
    }
    .desc-wrapper {
        width: auto;
        width: 57%;
    }
    .row-fluid.homePagecol {
        /*margin-left: .55em;*/
    }
    #rightRailHome.span4 {
        width: 21.5em;
    }
    /*------ Right Rail --------------- */
    #inno-map {
        width: 20.5em;
    }
    #rightRailHome #home-stay-conn {
        width: 21em;
    }
}
/* less than desktop */
@media screen and (max-width:979px) {
    html {
        font-family: "desktop";
    }
    .desc-wrapper {
        top: -25px;
        margin-left: auto;
        width: 35%;
        height: auto;
    }
    /*------ navigation utility ----------------- */
    .nav-utility-btn {
    display: none;
    }
    /*------ Homepage ----------------- */
    .desc-header {
        margin-bottom: 0;
    }
    .homePage h3 {
        margin-bottom: 0;
    }
    #home-middle, #model-wrapper {
        margin-left: 5px;
    }
    .item-title {
        margin-left: 2em !important;
    }
    /*------ Feature Innovations ------ */
    .innov-nav {
        top: 40px;
    }
    /*------ Right Rail --------------- */
    #inno-map {
        width: auto;
    }
    #rightRailHome #home-stay-conn {
        width: 92%;
    }
    .map-link span {
        margin-left: auto;
    }
    .ddstates {
        width: 55%;
    }
    #rightRailHome #inno-map form label br {
        display: none;
        visibility: hidden;
    }
}
 @media screen and (max-width: 800px) {

    html {
        font-family: "tablet-portrait";
    }

    .top-toolbar{
        display: none;
    }

    /*------ navigation utility ----------------- */

    .responsive-menu{
        z-index: 999999999999999999;
    }
    #nav-utility a.util-nav-lnk{
    border: none !important;
    font-size: 80%;
    }
    #nav-utility .printli-rwd{
    display: block !important;
    }
    #nav-utility #nav-li-fontsizer{
    display: none;
    }
    .nav-utility-btn {
    display: block;
    color: #042C4F;
    margin-top: 0 !important;
    }
    #nav-utility .nav-utility-btn.expanded{
    color: #042C4F !important;
    }
    #nav-utility .nav-utility-btn:hover {
    color: #042C4F !important;
    }
    #nav-utility .nav-utility-btn.expanded:hover{
    color: #042C4F !important;
    }
    #nav-utility-views-menu{
      display: none;
    }
    /*#nav-utility #nav-li-CMS-last {
        display: none;
        visibility: hidden;
    }*/
    #nav-utility {
        position: absolute;
        top:.125em !important;
        right: 5%;
    }
    #nav-utility a {
        color: #042C4F;
        font: 0.7em Arial, Helvetica, sans-serif;
        text-decoration: none;
        padding-right: none;
        border-right: none;
    }
    a.nav-utility-btn {
        font-weight: bold !important;
    }
    a.nav-utility-btn:hover {
        color: #fff !important;
    }
    #nav-utility #nav-utility-views li#nav-li-fontsizer .lastc {
    border-right: none; 
    }
    .responsive-menu{
        display:block;
        padding: 0 0 0 0;
        /*height: auto;
        z-index: 99999999999999999;*/
        background: #d8dfe7;
       
    }
    #printli .endlink {
      border-left: none !important;
    }
    #nav-utility-site li a{
        font-weight: bold;
    }
    .responsive-menu{
        width: 5.25em;
    }
    
    .responsive-menu > li{
        width: auto;
        border-right: .125em solid #042c4f !important;
        border-left: .125em solid #042c4f !important;
        border-top: .125em solid #042c4f !important;
        border-bottom: none !important;
        line-height: 1px;
        padding: .25em 0 .25em .25em;
    }  
    .responsive-menu > li:hover{
    color: #C1581E !important;
    background: #fff !important;
    }
    .responsive-menu > li:hover a{
        color: #C1581E !important;
    }
    .responsive-menu > li:last-child{
        border-bottom: .125em solid #042c4f !important;
    }
    #nav-utility ul > li, #nav-utility ul li > ul > li{
    display: block;
    }
    #nav-utility li a.print {
        background:none !important;
        padding-left: 0px;
    }
    #nav-utility #nav-li-CMS{
        display: block !important;
    }
    #nav-utility, #nav-utility-views{
        display: block;
        cursor: pointer;
        position: absolute;
    }
    #nav-utility-views{
        position: absolute;
        right: 1%;
    }
    .nav-utility-btn:hover{
        text-decoration: none !important;
        background: none;
        color: #042c4f !important;
    }
    .nav-utility-btn.expanded{
        /*background: #042c4f;
        color: #fff !important;*/
        text-decoration: none;
    }
    #nav-utility a{
    color: #042C4F;
    width: auto;
    font: 0.7em Arial,Helvetica,sans-serif;
    text-decoration: none !important;
    }

    a.nav-utility-btn{
        font-size: 100% !important;
    }
    a.nav-utility-btn:hover{
       color: #fff !important;
    }
    #nav-utility a, a.lastc {
    padding-left: 0.25em;
    }
    .rwd-hide{
        display: none;
    }
    /*------ search ----------------- */
    .homePage .pubdate {
        margin-left: 5px;
    }
    /*------ search ----------------- */
    .cmmi-search {
        margin-bottom: 1em;
    }
    .cmmi-search #query-input.SearchBox {
      border: 1px solid #999999;
      /*width: 80%;*/
    }
    /* suggestions (1) eleminate whole page BG border & shadow */
    #wrapper {
        background: none;
        margin: auto;
        width: 100%;
    }
    #filter-form #word-search {
        width: 90%;
    }
    /*------ Bootstrap ----------------- */
    .row-fluid > .span8 {
        width: 65% !important;
    }
     .row > [class*="span"], .row-fluid > [class*="span"] {
     display: block;
     float: left !important;
    /*width: 33em !important;*/
    }
    /*------ Banner ----------------- */
    .top-toolbar ul.site-links li {
        display: block;
        clear: both;
        padding: .5em .125em .5em .125em;
        width: auto;
        cursor: pointer;
        background: white;
        border-left: 0.125em solid #042c4f;
        border-right: 0.125em solid #042c4f;
        border-bottom: 0.125em solid #042c4f;
        background: #d8dfe7;
    }
    .top-toolbar ul.site-links {
        display: block;
        position: absolute;
        background: red;
        width: 5em;
        height: auto;
    }
    #header-main .site-search {
        clear: both;
        margin: 0 0 0 0;
    }
    /*------ Homepage ----------------- */
    .homePage .homePagecol {
        padding: 0;
    }
    #home-middle.row-fluid.sideblock {
        width: auto !important;
    }
    #upcoming-events-section {
        padding-left: 0px;
    }
    #rightRailHome {
        width: 18em !important;
        margin-left: 1.3em;
    }
    #rightRailHome [class*="span"] {
        width: 18em !important;
    }
    #rightRailHome #home-stay-conn {
        width: 18em !important;
    }
    #rightRailHome .social-media-widget ul {
        margin-left: 33%;
    }
    #home-middle #whats-new-section.news-items {
        width: 50%;
    }
    #home-middle #upcoming-events-section.news-items {
        width: 50%;
    }
    .item-title {
        margin-left: .5em !important;
    }
    /*------ Feature Innovations ------ */
    .desc-wrapper {
        margin-left: -1em !important;/*width: 17em !important;*/
    }
    #model-wrapper {
        height: auto;
        /*overflow: hidden;*/
    }
    .innov-wrapper [class*="mode"] {
        margin-left: -0.25em !important;
    }
    .innov-nav {
        top: 35px;
    }
    /*------ Footer --------------- */
        
    .footer-address-text {
        margin-left: 0;
        margin-right: 1em;
        width: 17em;
    }
    #footerCMMILogo p {
        margin-left: 1em;
        margin-right: 1em;
    }
    #footerCMMILogo {
        margin-left: 0px;
    }
    #footerBottomCol1 {
        /*width: 9em;*/
        padding: 0 0 0 0;
    }
    #footerBottomCol2 {
        margin-right: 2em;
    }
    #footer_col3 {
        margin-left: 0;
    }
    /** New CMS.gov footer ***/
        
    #footerBottom #footer_col2 {
        margin-left: 10px;
        padding-right: 15px;
    }
    .medFont #footerBottom #footer_col2, .largeFont #footerBottom #footer_col2 {
        margin-left: 10px;
        padding-right: 15px;
    }
    #footerBottom .footer-nav {
        padding-right: 4px !important;
    }
    #footer-address-text {
        width: 26em;
    }
    .medFont #footerBottomCol4, .largeFont #footerBottomCol4 {
        margin-top: 70px;
    }
    /******** Billboard Responsive ***********/
        
    .billboard_sprite {
        background: url("/web/20130214142442oe_/http://innovation.cms.gov/resources/images/billboard_sprite_768.png") top left no-repeat !important;
    }
    .billboard_4 {
        height: 350px !important;
        background-position: -20px -10px !important;
    }
    .billboard_3 {
        height: 350px !important;
        background-position: -20px -370px !important;
    }
    .billboard_2 {
        height: 350px !important;
        background-position: -20px -730px !important;
    }
    .billboard_1 {
        height: 350px !important;
        background-position: -30px -1090px !important;
    }
	
	.dots .hover{
		visibility: hidden !important;
	}

    .homePage .content-wrap {
        /*margin-left: 19px;*/
		margin-left: 40px;
    }
    .homePage #carouselList {
		 margin-left: 28%;
    }
    .homePage .header-link {
        font-size: 1.8em !important;
    }
    .homePage .content-body {
        /*width: 326px; */
		width: 375px;
        line-height: 1.4em;
        padding-bottom: 48px;
		margin-top: 21px;
		/*height: 100px;*/
		height: 90px;
    }
    .homePage .content-header {
        text-wrap: normal !important;
        padding-top: 8px !important;
        height: 2em !important;
		padding-top: 5% !important;
    }
    .homePage .learn-more {
        font-size: 1.35em !important;
    }
    .largeFont .homePage .content-body {
        width: 335px;
    }
    .medFont .homePage #content2-headerbody {
        width: 350px;
    }
    .largeFont .homePage #content2-headerbody {
        width: 400px;
    }
    .col-a{
    width: auto !important;
    }
    .col-c{
        width: auto !important;
    }
    /******** End of Billboard Responsive ***********/

   #footer #footerBottom .footer-nav div[class*="span"]{
    width: 45%;
    margin-bottom: 1em;
   }

   #footerBottom #footer_col1 {
    border: none;
    }
   #footerBottom #footer_col3 {
      padding-left: 0px;
      border: none;
      clear: both;
    }

    #footerBottom #footer_col4 {
        margin-left: 0px;
        
    }
    #footerBottom #footerBottomCol4 {
      margin-left: 0px;
    }
    .get-email-update-widget.pull-right{
        float: left !important;
        margin-left: -3em;
    }
    #innov-model-block-wrapper{
    width: 100%;
    }

}
 @media screen and (max-width: 480px) {
    html {
        font-family: "phone";
    }
    /*------ Bootstrap ----------------- */
    .row-fluid > .span8 {
        width: 99% !important;
    }
     .homePage .row > [class*="span"], .row-fluid > [class*="span"] {
     width: 75%;
    }
    #model-wrapper {
        border-top: none !important;
        border-left: none !important;
        border-right: none !important;
        border-radius: 0 0 0 0;
        margin: 0 0 0 0;
    }
    .row-fluid.nudge-top.sideblock {
        border: none !important;
        border-radius: 0 0 0 0;
    }
    /*------ Banner ----------------- */
    
    #header-main .site-logo {
        clear: both;
        margin: 1em 0 0 23%;
        width: auto;
    }
    #header-main .site-search {
        width: 100%;
    }
    .top-toolbar {
    /*display: none;*/
    }
    
    .cmmi-search {
        float: none;
    }
    .cmmi-search #query-input.SearchBox {
        width: 70%;
        margin-left: 5%;
    }
    .cmmi-search .btn-primary {
        width: auto;
    }
    .site-logo .logo{
        margin-top: 1em;
        max-width: 26em !important;
    }


    /*------ Homepage ----------------- */
    #home-middle, #model-wrapper {
        margin-left: 0px;
    }
    #whats-new-section ul {
        border-right: none;
    }
    .item-title {
        margin-left: 6.5em !important;
        margin-top: -4em !important;
    }
    .center-row-title h2 {
        padding-left: 0px 0 0px 23px;
    }
    #innov-header {
        margin-left: 22px;
        margin-bottom: 30px;
    }
     #home-middle .row-fluid > [class*="span"] {
     width: 80%;
    }
    #whats-new-section.news-items {
        width: 75% !important;
    }
    #upcoming-events-section.news-items {
        width: 75% !important;
    }
    /*------ Feature Innovations ------ */
    .innov-wrapper [class*="mode"] {
        display: none;
        visibility: hidden;
    }
    .desc-wrapper {
        margin-left: 0em !important;
        margin-left: 1em !important;
        width: 55% !important;
    }
    .innov-nav {
        top: 0px;
    }
    /*------ Map Page --------------- */ 
    #map-main-canvas{
    display: none;
    visibility: hidden;
    }
    /*------ Right Rail --------------- */ 
    #rightRailHome {
        width: 97% !important;
    }
    .CHRM #rightRailHome {
        width: 95% !important;
        margin-left: .75em;
    }
    #rightRailHome [class*="span"] {
        width: 95% !important;
    }
    #rightRailHome #home-stay-conn {
        width: 95% !important;
    }
    .map-link span {
        margin-left: 22%;
    }
    #rightRailHome .social-media-widget ul {
        margin-left: 40%;
    }
    #inno-map {
        /*display: none;
        visibility: hidden;*/
    }
    /*------ Footer --------------- */ 
    #footer #footerTop .btn {
        display: block;
        margin: 0 0 0 0;
    }
    #footerCMMILogo {
        margin-left: 23%;
    }
    .CHRM #footerCMMILogo {
        margin-left: 13%;
    }
    #footerBottomCol1 {
        padding: 2em 0 0 0;
    }
    .footer-address-text {
        width: auto;
        padding: 0 0 0 23%;
    }
    .CHRM .footer-address-text {
        padding: 0 13% 0 13%;
    }
    #footerCMSLogo.span1 {
        /*margin: .5em 0 0 -40%; */
        margin-left: 55px;
    }
    #footerBottomCol2 {
        margin-top: 10px;
    }
     #footerBottom .row > [class*="span"], .row-fluid > [class*="span"] {
     width: 100%;
    }
    #footerBottom ul {
        width: 100%;
    }
    #footerBottomCol2 ul li, #footerBottomCol1 ul li {
        border-bottom: 1px solid #ccc !important;
        margin-bottom: 10px;
    }
    #footerBottom a {
        font-size: 110% !important;
        text-decoration: none;
        padding: 5px 0 5px 10px;
    }
    #footerBottom .page-wrapper {
        padding: 0px;
    }
    .footer-headline {
        font-size: 110% !important;
        padding: 5px 0 5px 10px;
    }
    .oneline {
        width: auto;
        height: 2.35em;
    }
    .get-email-update-widget {
        margin: 0 0 0 -50px;
    }
    #footerBottom .row-fluid #footerBottomCol4.span5 {
        margin: 20px 0 0 -3.750em;
    }
    #footerCMMILogo p {
        margin-left: 0px;
        margin-right: 0px;
    }
    /*** New CMS.gov footer ***/
    #footerTop #footer-home-btn {
        display: block;
        margin: 0 0 0 0;
        width: 95%;
    }
    #footerTop #footer-address-img {
        margin-left: 35%;
    }
    #footerCMSLogo {
        width: 40%;
    }
    #footerTop #footer-address-text {
        margin-left: 30px;
    }
    #footer_col1, #footer_col2, #footer_col3 {
        padding: 0em 0 0 0;
        width: 100%;
    }
    #footerBottom .page-wrapper {
        padding-left: 0;
    }
    .footer-nav {
        padding-left: 0 !important;
    }
    #footer_col2, #footer_col3 {
        margin-top: 10px;
        margin-left: 0 !important;
    }
    #footer_col3 {
        padding-left: 0 !important;
    }
     #footerBottom .row > [class*="span"], .row-fluid > [class*="span"] {
     width: 100%;
    }
    #footerBottom ul {
        width: 100%;
    }
    #footer_col2 ul li, #footer_col1 ul li, #footer_col3 ul li {
        border-bottom: 1px solid #ccc !important;
        margin-bottom: 10px;
    }
    #footerBottom a {
        font-size: 110% !important;
        text-decoration: none;
        padding: 5px 0 5px 10px;
    }
    #footerBottom .page-wrapper {
        padding: 0px;
    }
    .footer-nav h2 {
        font-size: 110% !important;
        padding: 5px 0 5px 10px;
    }
    .get-email-update-widget {
        margin: 30px 0 0 0px;
        float: left !important;
    }
    #footerBottomCol4 {
        margin-left: 65px !important;
        float: left !important;
    }
    #footerBottom .row-fluid #footer_col4.span4 {
        margin: 20px 0 0 -3.750em;
    }
    /******** Billboard Responsive ***********/
    
    .billboard_sprite {
        background: url("/web/20130214142442oe_/http://innovation.cms.gov/resources/images/billboard_sprite_320.png") top left repeat !important;
    }
    .billboard_4 {
        height: 350px;
        background-position: -10px -10px !important;
		 background-position: 0 !important;
    }
    .billboard_3 {
        height: 350px;
        background-position: -10px -370px !important;
		background-position: 0 !important;
    }
    .billboard_2 {
        height: 350px;
        background-position: -10px -730px !important;
		background-position: 0 !important;
    }
    .billboard_1 {
        height: 350px;
        background-position: -10px -1090px !important;
		background-position: 0 !important;
    }
    .homePage .content-body {
		width: 420px;
        line-height: 1.5em;
		padding-top: 0px;
        padding-bottom: 35px;
		height: 6.8em;
    }
    .largeFont .homePage .content-body {
        width: 375px;
        line-height: 1.25em;
        padding-top: 30px;
        padding-bottom: 29px;
    }
    .largeFont .homePage #content2-headerbody {
        padding-top: 5px !important;
        width: 373px;
        padding-bottom: 50px;
    }
    .largeFont .homePage #content3-headerbody {
        padding-top: 34px !important;
    }
    .homePage .content-wrap {
        margin-left: 13px;
    }
    .homePage .header-link {
        line-height: 0.3em !important;
    }
	
	#left-arrow, #right-arrow{
		visibility: hidden;
	}
	
	.homePage #carouselList{
		margin-left: 4.5em;
		width: 32em;
		margin-top: -5px;
	}
	
	.homePage #carouselList li a{
		margin-right: 10px !important;
	}
	
	.dots .hover{
		visibility: hidden !important;
	}
	
	
    /*** Numbered thumbnails ***/
    .dots{
        background: url("/web/20130214142442oe_/http://innovation.cms.gov/resources/images/billboard_thumbnails_numbers.png") top left no-repeat !important;
    }
    /*.bulb_hover {*/
	#button4.reg_hover {
		width:47px; height:47px; 
		background-position:-10px -238px !important;
    }
    /*.map_hover { */
	#button3.reg_hover {
		width:47px; height:47px; 
		background-position:-10px -295px !important;
    }
    /*.arrow_hover {*/
	#button2.reg_hover {
		width:47px; height:47px; 
		background-position:-10px -352px !important; 
    }
    /*.health_hover  {*/
	#button1.reg_hover {
		width:47px; height:47px; 
		background-position:-10px -409px !important; 
    }
    .pause_hover {
		width:47px; height:47px; 
		background-position:-10px -10px !important;
    }
    .play_hover {
		width:47px; height:47px; 
		background-position:-10px -67px !important; 
    }
    /*.bulb_reg { */
	#button4.reg {
		width:47px; height:47px; 
		background-position:-10px -466px !important; 
    }
    /*.map_reg { */
	#button3.reg {
		width:47px; height:47px; 
		background-position:-10px -523px !important;
    }
    /*.arrow_reg {*/
	#button2.reg {
		width:47px; height:47px; 
		background-position:-10px -580px !important;
    }
    /*.health_reg {*/
	#button1.reg {
		width:47px; height:47px; 
		background-position:-10px -637px !important; 
    }
    .pause_reg {
		width:47px; height:47px; 
		background-position:-10px -181px !important;
    }
    .play_reg {
		width:47px; height:47px;
		background-position:-10px -124px !important; 
    }
    /******** End of Billboard Responsive ***********/
    
    

}
@media screen and (max-width: 320px) {
    html {
        font-family: "phone-portrait";
    }
    /*------ Banner ----------------- */
    #header-main .site-logo {
        clear: both;
        margin: 1em 0 0 5%;
        width: auto;
    }
    .cmmi-search #query-input.SearchBox {
        width: 70%;
        margin-left: 5%;
    }
    .site-logo .logo{
    margin-top: 2em;
max-width: 19.75em !important;
}
        /*------ Homepage ----------------- */
        .homePage .row > [class*="span"], .row-fluid > [class*="span"] {
     width: 50%;
    }
    .desc-content {
        height: auto;
    }
    #innov-header {
        margin-left: 22px;
        margin-bottom: 20px;
    }
    .desc-wrapper {
        width: 35% !important;
    }
    .innov-nav {
        top: 20px;
    }
    .desc-wrapper h3.desc-header, .desc-wrapper h3.desc-header a{
        line-height: 1em;
    }
    .desc-wrapper h3.desc-header{
        margin-bottom: 1.5em;
    }
    /*------ Right Rail --------------- */ 
    #rightRailHome [class*="span"] {
        width: 94% !important;
    }
    #rightRailHome #home-stay-conn {
        width: 94% !important;
    }
    .map-link span {
        margin-left: 10%;
    }
    #rightRailHome .social-media-widget ul {
        margin-left: 36%;
    }
    /*------ Footer --------------- */ 
    
    #footer #footerTop .btn {
        display: block;
        margin: 0 0 0 0;
    }
    #footerCMMILogo {
        margin-left: 8%;
    }
    .footer-address-text {
        padding: 0 8% 0 8%;
    }
     #footerBottom .row > [class*="span"], .row-fluid > [class*="span"] {
     width: 100%;
    }
    #footerBottom .row-fluid #footerBottomCol4.span5 {
        margin: 20px 0 0 .25em;
    }
    .get-email-update-widget.pull-right{
        float: left !important;
        margin-left: 1%;
    }
    /*** New CMS.gov footer ***/
        
    #footerTop #footer-home-btn {
        display: block;
        margin: 0 0 0 0;
        width: 95%;
    }
    #footerTop #footer-address-img {
        margin-left: 25%;
    }
    #footerCMSLogo.span1 {
        margin: .5em 0 0 20%;
    }
    #footer-address-text {
        width: 20em;
    }
    /*** New CMS.gov footer ***/
    #footerBottomCol4 {
        margin-left: 0px !important;
        float: left !important;
    }
    #footerTop #footer-address-text {
        margin-left: 0px;
    }
    #footer #footerBottom .footer-nav div[class*="span"]{
    width: 100%;
   }
    /******** Billboard Responsive ***********/
    .billboard_sprite {
        background: url("/web/20130214142442oe_/http://innovation.cms.gov/resources/images/billboard_sprite_320.png") top left no-repeat !important;
    }
    .billboard_4 {
        height: 350px;
        background-position: -10px -10px !important;
		background-position: 0 !important;
    }
    .billboard_3 {
        height: 350px;
        background-position: -10px -370px !important;
		background-position: 0 !important;
    }
    .billboard_2 {
        height: 350px;
        background-position: -10px -730px !important;
		background-position: 0 !important;
    }
    .billboard_1 {
        height: 350px;
        background-position: -10px -1090px !important;
		background-position: 0 !important;
    }
    .homePage #carouselList li, .homePage #carouselList li a {
        margin-right: 3px !important;
    }
    .homePage #pause-button {
        margin-right: 0px !important;
    }
    .homePage #carouselList {
        margin-left: 0 !important;
    }
	
	.homePage #left-arrow{
		width: 0 !important;
	}
    .homePage .header-link {
        font-size: 1.7em !important;
    }
    .homePage .content-body {
        width: 270px !important;
        line-height: 1.2em;
        padding-top: 0px;
		height: 8.1em;
    }
    .homePage .content-header {
        line-height: 1.55em !important;
		padding-bottom: 2px !important;
    }
    .homePage .content-wrap {
        margin-left: 10px !important;
    }
    .largeFont .homePage .header-link {
        font-size: 1.45em !important;
    }
    .largeFont .homePage .content-body {
        font-size: 1.05em !important;
        padding-top: 29px !important;
        padding-bottom: 30px !important;
    }
    .medFont .homePage #content2-headerbody {
        padding-top: 5px !important;
        padding-bottom: 43px !important;
    }
    .largeFont .homePage #content2-headerbody {
        padding-top: 13px !important;
        padding-bottom: 46px !important;
    }
    .largeFont .homePage #content3-headerbody {
        padding-top: 29px !important;
    }
    /******** End of Billboard Responsive ***********/

    .share-widget {
    margin-right: 0px !important;
    }
     
}