/* PHONE */
@media (max-width: 767px) {

    
#s4-workspace img {
	max-width:100%!important;
}

#s4-workspace img.spotlight {
    max-width: 100% !important;
    width: 100%;
}

	.footer_directories {
		text-align: center;
		clear:both;
		margin-top:10px;
	}

	.footer_socialMedia {
		margin-top:10px;
	}

	.footer_address
	{
		text-align:center;	
	}

	#google_translate_element {
		margin-top:0.5em;
		text-align:center;
	}

	#logo-ric {
		width:90%!important;
		/*padding:0 10px 0 10px;*/
		margin:10px auto;
		height:auto;
	}
	
	.subnav {
		border-bottom:0;
	}
	
	#phone-search {
		padding-top:1em;	
	}
	
	.phone-search-form {
		margin:0;
		float:none;
	}
	
	#phone-search-input {
		width:75%;
		margin:0 auto;
	}

	.micrositeSeal {
		max-height: none;
		width: auto;
		float: none;
		display:block;
		margin: 10px auto;
	}

	.vertical-center, .vertical-center > #cse-search-box, .vertical-center > #cse-search-box > .input-append  {
		display: block;
		width:100%;
	}

	.micrositeSearch {
		float:none;
		height:auto;
		text-align:center;
	}

	.micrositeSearch input[type="text"] {
		width: 75%;
	}

  	.imagecrop_60, .imagecrop_250, .imagecrop_300, .imagecrop_460, .imagecrop_620 {
  		max-width: none;
  		max-height: none;
  	}

  	.featureColumn {
  		margin-top: 1em;
  	}
	.featureColumn h2{
		font-size: 100%;
		width: 100%;
		position: relative;
		top: -5px;
		left: -5px;
		padding: 5px;
		/*outline: solid 1px #444;*/
	}

	#presidentImage {
		margin-bottom: .5em;
	}
	table.presCornerButtons {
		width: 100%;
	}
	table.presCornerButtons tr td{
	 width: 50%;
	}


	#ricFacts {
		margin-top: .5em;
	}

	#events {
		min-height: 330px; /* Min-height prevents shimy on "MORE >>" */
	}


	/* Override default Bootstrap body 20px padding in order to allow edge-to-edge headers and footers */
	body {
		padding: 0;
	}

	.container {
		padding:0 20px 0 20px;
	}

/*	#slider-with-blocks-1 {
		width: 414px;
		height: 207px;
		margin: 0 auto .5em 0;
	}
	.royalSlider,.rsOverflow {
		min-height:200px !important;
	}
	.rsContent {
		font-size: 18px;
		line-height: 26px;
	}*/
	.blockHeadline {
		font-size: 24px;
		line-height: 32px;
	}
	.blockSubHeadline {
		font-size: 22px;
		line-height: 32px
	}
	div.featureColumn img{
		display: block;
		margin: 0 auto;
	}
	.sampleButtons {
		width: 40%
	}

/*	.topLeft {
		left: 0;
		top: 3%;
		position: absolute;
		height:35%;
		width: auto;
}
*/

	.topLeft {
		left: 0;
		top: 3%;
		position: absolute;
		height:25%!important;
		width: auto;
	}
	.bottomLeft {
		left: 0;
		bottom: 0px;
		position: absolute;
		height:25%!important;
		width: auto;
	}

	.topCenter, .topMiddle {
		left: 50%;
		top: 10px;
		position: absolute;
		height:25%!important;
		width:auto;
	}
	.bottomCenter, .bottomMiddle {
		left: 50%;
		bottom: 0px;
		position: absolute;
		height:25%!important;
		width:auto;
	}
	.topRight {
		right: 0;
		top: 10px;
		position: absolute;
		height:25%!important;
		width:auto;
	}
	.bottomRight {
		bottom: 5%;
		right:6%;
		position: absolute;
		height:25%!important;
		width: auto;
	}


	p.tabbedEventsNotice a:after{
		content: "\A";
		white-space: pre;
	}

	/**************************************************************************************************************************
	Tree slider global nav for phone layout
	**************************************************************************************************************************/
	ul#phone-subnav {
	margin:0;
	display: table;
	list-style: none;
	width:100%!important;
	padding-left:0;
	}

	#phone-subnav > li {
	display: table-cell;
	width:10%;
	}

	#phone-subnav > li > a {
	border: 0;
	display: block;
	margin: 0 auto;
	padding: 0.75em;
	text-align: center;
	white-space: nowrap;
	color: #f4f4f4;
	}

	.phone-subnav-item.active {
	background:#ccc!important;
	color:#222!important;
	}

	#phone-search {
	float:none;
	margin:0;
	}

	.phone-subnav-drop {
	display:none;
	/*background:#DCD2C4; */
	background:#CCC;
	padding:1em;
	margin:0;
	padding:0;
	position:relative;
	top:-1em;
	}

	.phone-subnav-drop > ul {
	margin:0;
	padding:0;
	}

	.phone-subnav-drop > ul > li {
	width:100%;
	list-style:none;
	/*border-bottom:1px solid #bfb8aa;
	border-top:1px solid #f2e8d8;*/
	border-bottom:1px solid #bbb;
	border-top:1px solid #ddd;
	margin:0;
	}

	.phone-subnav-drop > ul > li:hover, .phone-subnav-drop > ul > li:focus {
	/*background:#C8BEB2;*/
	background:#eee;
	}

	.phone-subnav-drop > ul > li:first-child {
	border-top:0 none;
	}

	.phone-subnav-drop > ul > li:last-child {
	border-bottom:0 none;
	}

	.phone-subnav-drop > ul > li > a {
	display:block;
	width:90%;
	height:100%;
	padding: 1em 5% 1em 5%;
	}
	.eventtitle {
	  float:left; 
	  width: 58%; 
	  padding:0 0 0 3%; 
	  min-height:30px;
	}

	/* Homepage */

	#RICNews{
		min-height: 180px;
	}

	div#RICNews img{
		display: none;
	}

	/* to responsively resize any image floating over slide */
	.rsABlock {
		width: auto;
	}
	/* to responsively resize any image floating over slide */
	.textImg {
		height:30%!important;
		width: auto;
	}
	.plainText{
		font-size:80%;
	}
	.presIcon {
		margin-right: 8px!important;

	}
	.bg {
		padding:0 .5em;
	}





}


/* TABLET */
@media (min-width: 768px) and (max-width: 979px) {

    
#s4-workspace img {
	max-width:100%!important;
}

    #s4-workspace img.spotlight {
        max-width: 100% !important;
        width: 100%;
    }


        #s4-workspace [class*="span"] {
        display: block;
        float: none;
        width: auto;
        margin-left: 0px;
    }
    .featureColumn {
        margin-top: 1em;
    }

	.navbar .container {
		width:724px;
	}

	ul#main-nav {
		width:724px;
	}

	.subnav .nav > li > a {
		/* font-size:61.538%!important; */
	}
	.footer_socialMedia {
		float:right;	
		text-align:right;	
		margin-top:10px;
	}
	.footer_directories {
		float: right;
		padding-right: 10px;
		text-align: right;
		margin-top:0;
	}
	.phone-subnav-drop {
		display:none!important;
	}
	#google_translate_element {
		margin-top:0.5em;
		text-align:right;
	}
	#logo-ric {
		width:414px; /*80% of 50% logo */
		height:68px; 
	}

/*	#slider-with-blocks-1 {
		width: 538px;
		height: 269px;
	}
	.rsContent {
		font-size: 22px;
		line-height: 28px;
	}
	.blockHeadline {
		font-size: 32px;
		line-height: 32px;
	}
	.blockSubHeadline {
		font-size: 26px;
		line-height: 32px
	} */
	ul#main-nav a.main-nav-tab {
		height: 36px;
		width:100%;
		display:table-cell;
		vertical-align:middle;
		text-align:center;
		padding:0;
		margin:0;
	}
	ul#main-nav li.main-nav-item {
		width:12.5%;
		display:table;
	}

	.featureColumn {
		min-height: 400px;
        margin-left: 0;
	}

	.featureColumn h2{
		font-size: 100%;
		width: 100%;
		position: relative;
		top: -5px;
		left: -5px;
		padding: 5px;
		/*outline: solid 1px #444;*/
	}
	.featureColumn hr {
		margin: 0 0 5px 0;
	}


	/* to responsively resize any image floating over slide */
	.rsABlock {
		width: auto;
	}
	.textImg {
		height:30%!important;
		width: auto;
	}
	.plainText {
		font-size:90%;
	}
	.bg {
		padding:0 .5em;
	}


	.sampleButtons {
		width: 35%;
		font-size: 90%;
	}


	#RICNews{
		min-height: 254px;
	}
	div#RICNews img{
		display: none;
	}

	div.headerSearch {
		margin-top:15px;
	}

	/* * * * * * * * * * */
	/* * Event Feature * */
	/* * * * * * * * * * */
	/* Equal height columns courtesy One True Layout: http://www.positioniseverything.net/articles/onetruelayout/examples */
	.eventwrap {
	   display:inline-block; 
	   width:100%;
	    overflow: hidden; /* This hides the excess padding in non-IE browsers */
	}
	.featureColumn hr {
	margin: 0 0 10px 0;
}
	.eventwrap:after {
	  content: ''; 
	  display: block; 
	  height: 0; 
	  clear: both; 
	  visibility: hidden;
	}
	.eventwrap {
	  display: inline-block;
	}

	/*\*/
	.eventwrap {
	  display: block;
	}

	.eventtime {
	  float:none; 
	  width:100%; 
	  height:100%;
	}

	.eventtime br{
		/*display: none;*/
	}

	.eventtitle {
	  float:none; 
	  width: 100%; 
	  line-height: 1.5;

	}

	.topLeft {
		left: 0;
		top: 3%;
		position: absolute;
		height:25%!important;
		width: auto;
	}
	.bottomLeft {
		left: 0;
		bottom: 0px;
		position: absolute;
		height:25%!important;
		width: auto;
	}

	.topCenter, .topMiddle {
		left: 50%;
		top: 10px;
		position: absolute;
		height:25%!important;
		width:auto;
	}
	.bottomCenter, .bottomMiddle {
		left: 50%;
		bottom: 0px;
		position: absolute;
		height:25%!important;
		width:auto;
	}
	.topRight {
		right: 0;
		top: 10px;
		position: absolute;
		height:25%!important;
		width:auto;
	}
	.bottomRight {
		bottom: 5%;
		right:6%;
		position: absolute;
		height:25%!important;
		width: auto;
	}

}