/*****************************************************************/
/*************************** TABLET ******************************/
@media only screen and (min-width: 520px) and (max-width: 959px)
{

    #s4-workspace div.cer-carousel-slide-div > div.cer-carousel-slide-content-div h2 {
        font-size: 30px;
        line-height: normal;
    }
    #s4-workspace div.cer-carousel-slide-div > div.cer-carousel-slide-content-div > div.cer-carousel-slide-description-p 
    {
	    font-size: 12px;
	    line-height: normal;
	    margin-top: 20px;
	    margin-bottom: 30px;
	}

/*********************************/
/****** Page Header / Menu *******/
	.cer-master-header-block, #s4-titlerow
	{
		height: 150px;
        background-image: url('/Style%20Library/Images/cer-banner-bg.png'); 
        background-repeat: repeat-x; 
        background-color: transparent;
	}
    #divHeader
	{
        height: 100px;
	    background-color: transparent;
        background-image: url("/Style%20Library/Images/cer-banner.png");
	    background-repeat: no-repeat;
        background-position: center;
	}
    div.cer-header-logo-block > div 
    {
        display: inline-block !important;
    }
    div#SearchBox > div > input 
    {
        width: auto;
    }
	div#divHeaderMenu
	{
        display: block !important;
        height: 50px;
	}
    #divHeaderMenu ul.static > li > a > span > span {
        font-family: MuseoSans500;
        display: inline-block;
        white-space: normal;
        text-align: left;
        font-weight: bold;
        color: #005773 !important;
        z-index: 300;
    }
    #titleAreaBox,
    #titleAreaRow,
    div.ms-breadcrumb-box.ms-verticalAlignTop 
    div.ms-breadcrumb-top 
    div.ms-core-listMenu-horizontalBox 
    #divHeaderMenu ul.ms-core-listMenu-root {
        display: block;
        height: 100%;
    }
	#divHeaderMenu ul.ms-core-listMenu-root > li.static {
	    display: table; 
        height: 50px;
        padding-left: 0; 
        padding-right: 0;
	}
    #divHeaderMenu ul.ms-core-listMenu-root > li.static > ul.static {
        display: table-row;
        height: auto;
    }
    #divHeaderMenu ul > li > ul.static > li {
		display: table-cell;
        width: 16.6% !important;
        background-image: url("/Style%20Library/Images/GlobalNavSeparator.png");
        background-repeat: no-repeat;
	}
	#divHeaderMenu ul > li > ul.static > li > a {
		z-index: 300;
		height: 50px;
		width: 100% !important;
        line-height: 16px;
	}
	#divHeaderMenu ul > li > ul.static > li > a.selected,
    #divHeaderMenu ul > li > ul.static > li > a:hover
	{
        border-bottom: 5px solid #82C5D8;
        /*background-image: url("/Style%20Library/Images/cer-menuItem-hover.png");
        background-repeat: repeat-x;*/
	}
	#divHeaderMenu ul.static > li > a > span {
	    display: table-cell;
        vertical-align: middle;
        height: 50px;
	}
    .ms-siteicon-a, .ms-siteicon-img {
        max-width: 100% !important;
        max-height: 100% !important;
    }
	.cer-header-top-right-tools-block
	{
		padding-top: 7px;
		padding-right: 0;
	}
	
    .cer-master-search-block
	{
		display: block;
		margin-top: 10px;
	}
    
	div#divHeader div#SearchBox, 
	div#divHeader div#SearchBox > div, 
	div.cer-master-search-block input[type=text] {
	    background-color: white;
        border: 0 !important;
        height: 32px !important;
	}

	.cer-header-top-right-tools-buttons-block > div, /* For the webpart */
	.cer-header-button
	{
		display: inline-block;
	}
	.cer-header-button-search
	{
		display: none;
		visibility: hidden;
	}
    div.ms-srch-hover-outerContainer {
        display: none !important;
        visibility: hidden !important;
    }
   
/***********************************************/
/***** Popular Topics / News / Info Blocks *****/

	.cer-news-block-left-inner
	{
		width: 100%;
	}
	.cer-news-block-right-inner
	{
		margin-left: auto;
		margin-right: 0;
		width: 100%;
	}
	.cer-news-block-header 
	{
        margin-top: 7px;
        margin-bottom: 4px;
	}
    .cer-news-block-header > img {
        margin-top:-2px;
        width: 37px;
    }
	.cer-news-item-text
	{
		display: table-cell;
		height: auto;
		padding-left: 7px;		
	}
	.cer-news-item-text p
	{
		height: auto !important;
		min-height: 50px !important;
		line-height: 17px;
	}
	.cer-news-item-text div.cer-infoBlock-buttons-block
	{		
		margin-top: 10px;
	}


    .ms-searchCenter-refinement,
    .ms-searchCenter-result-main {
        display: block !important;
        float: none !important;
        width: 100% !important;
    }
    div.ms-srch-hover-outerContainer {
        display: none !important;
        visibility: hidden !important;
    }
    div#s4-workspace div.cer-searchPage-block div.ms-srch-group  > div.ms-srch-group-content > div.ms-srch-item,
    div#s4-workspace div.cer-searchPage-block div.ms-srch-group  > div.ms-srch-group-content > div.ms-srch-item > div.ms-srch-item-body.ms-srch-item-summaryPreview
    {
    	width: 100%;
    }

/*********************************/
/************ FOOTER *************/

	.cer-footer
	{
		display: table;
		font-size: 11px;
	}
	.cer-footer-row
	{
		display: table-row;
		width: 100%;
		margin: 0 !important;
		padding: 0 !important;
	}
	.cer-footer-left
	{
		display: table-cell;	
		width: 50%;
	}
	.cer-footer-right
	{
		display: table-cell;	
		width: 50%;
	}
	.cer-footer-left-div
	{	
		margin: 0;
		width: 100%;
		display: block;
	}
	.cer-footer-right-div
	{	
		margin: 0;
		width: 100%;
		display: block;
	}
	.cer-footer-crest {
	}
    .cer-footer-right-div > p {
		margin-top: 20px;
	}


    div.cer-heroBlock {
        max-width: 100%;
        max-height: 250px;
        position: relative;
        padding-bottom: 25%;
        height: 0;
    }
    div.cer-heroBlock-info {
        margin-left: 15px;
    }
    div.cer-heroBlock-info h1,
    .cer-carousel-slide-content-div h2 {
        margin-top: 15px !important;
        margin-bottom: 0 !important;
    }
    div.cer-heroBlock-info p,
    .cer-carousel-slide-content-div p {
        font-size: 12px;
    }
	div.cer-heroBlock-info p{
		margin-top: 5px !important;
		line-height: normal !important;
	}
    div.cer-heroBlock-info h1 {
        margin-top: 10px;
        margin-bottom: 3px;
    }
    div.cer-heroBlock-info p,
    div.cer-heroBlock-info a
    {
        margin-bottom: 10px;
    }

}

@media only screen and (min-width: 520px) and (max-width: 1024px)
{
#s4-workspace
{
	overflow-y: scroll !important; /* has to be scroll, not auto */
  	-webkit-overflow-scrolling: touch !important;
}

}