.breadcrumbs{
display: none;
}
.breadcrumbs ul li a, .breadcrumbs menu li a {
    		color: #da261c;
    		text-decoration: underline;
    
   	 }
   	 
	h3{
		color: #55585a;
	}   	
	
	
	
	input[type='submit']{
	
    color: #ffffff;
    cursor: pointer;
    font-family: arial;
    font-weight: normal;
    text-decoration: none;
    max-width: 100%;
    
	}
	

	
.rightside-content-wrapper input[type='text'], .rightside-content-wrapper input[type='password'], .rightside-content-wrapper select {
			height: 35px !important;
    		background-color: #eeeeee !important;
    		color: #000 !important;
    		opacity: 1!important;
    		font-size: 16px !important;
			
	}
	
	label, .labels-on-forms{
		font-size: 11px !important;
		color: #000 !important;
		opacity: 1 !important;
		clear: both;
		
	}
	.userform, .userform220{
		background-color: #eeeeee;
		
	}
	
.program-information .information-listing, .program-information .program-information-heading {
    color: #da291c;
	
	}
	div.userform{
		height: auto;
	}
	
/****************RESPONSIVE*****************************/

@media only screen and (max-width: 1024px){

	
	
		
	 .centre-all, .body-content-wrapper, .header-wrap {
		width: 99.6%;
		overflow: hidden;
	}	
	.head-banner-full{
		text-align: center;
	}
	.header-wrap {
		height: auto;
		max-width: 870px;
		margin: auto;
		float: none;
		display: block;
	
	}
	.logo{
		margin-left:10px;
		margin-bottom: 0px;
	}
	#login{
		margin-right: 10px;	
	}

	#galleria{

		margin-left: auto !important;
		margin-right: auto !important;
		
	}

	.search-box-wrapper {
    	width: 100%;
		margin-left: auto !important;
    	margin-right: auto !important;
		float: none;
	}
	.sector{
    	margin: auto;
		float: none;
		text-align: center;
		max-width: 870px;
	}
	.sector ul {
    	margin: auto;
		display: block;
	}
	.sector li{
		 height: 90px;
    		margin: auto;
   		max-width: 23%;
    		padding-right: 0;
    		width: 200px;
	}
	.sector h2 {
    	margin-top: 10px;
	}
	.newsandupdates, #cancelled-classes {
		float: left;
		padding: 12px;
		text-align: left;
		margin: 5px 0;	
		width: 99%;
		max-width: 99%;
	}
	

	.information-boxes-wrapper {
		float: none;
		margin: auto;
		max-width: 865px;
		width: 100%;
		overflow: hidden;
	}
	.information-boxes-wrapper .information-box-red, .information-boxes-wrapper .information-box-red-next {
		font-family: Arial,Helvetica,sans-serif;
		height:70px;
		/*overflow: auto;*/
		padding: 10px 0px 10px 10px;
   		 width: 23.1%;
		 margin: 2px;
	}
	.information-boxes-wrapper .information-box-red h2,.information-boxes-wrapper .information-box-red-next h2,
	.information-boxes-wrapper .information-box-red h3,.information-boxes-wrapper .information-box-red-next h3 {
		padding: 0px !important;
		margin: 0px;
	}
	
	.footer-wrapper {
		margin: auto;
		margin-top: 25px;
		padding-top: 20px;
		max-width: 950px;
		width: 100%;
		text-align: center;
		background-color: #f5f5f5;
		border-top: 1px solid #e3e3e3;
		
	}
	.footer-wrapper ul li a, .foot-heading{
		color: #55585a;
	}
	.footer-links, .footer-links1 {
		text-align: left;
		max-width: 21%;
		margin: auto;
		float: none;
		display: inline-block;
		vertical-align: top;
		
	}
	.copyright h6{
		font-size: 11px;
		color: #55585a;
	}
	.rightside-content-wrapper {
   		 margin-left: 5px;
	}
	 .breadcrumbs {
   		 margin-left: 20px;
	}

	.rightside-content-backdrop {
    	border-left: none;
		width: 100%;
	}
	
	.information-boxes-program-wrapper{
		margin: auto;
		margin-bottom: 10px;
		margin-left: 3px;
		width: 100%;
		overflow: hidden;	
	}
	 .information-box-red, .information-box-inside, .information-box, .information-box-program{
   		 width: 23.1%;
	}
	
	.information-boxes-program-wrapper hr{
		max-width: 100%;
		width: 100% !important;
	}
	.information-boxes-program-wrapper .information-box-red .infobox-lrgltr{
		display:block;	
	}



	.information-boxes-program-wrapper .information-box-red .information-box-image{
		height: 100%;
    	width: 100%;
	}

	.wsa_box{
		top: 10px !important;
		right: 0px !important;
		width: 100% !important;
		background-position: right;
	}
 	.wsa_box iframe {
		width: 100% !important;
	}
	
	
	.leftside-information-wrap{
		width: 23%;	
		margin-left: 3px;
	}
	.breadcrumbs, .rightside-content-wrapper{
		width: 73%;	
		margin-left: 10px;
		float:left;
	}
	.breadcrumbs{
		margin-left: 10px;
	}

	.rightside-content{
		width: 100%;	
	}
	
	.rightside-login-column {
		width: 100%;
	}
	
	.rightside-content table{
		border-spacing: 0px;
    		border-collapse: collapse;
	}


}

@media only screen and (max-width: 860px){
	#galleria{
		width: 764px !important;	
		height: 284px !important;
		overflow: hidden;
	}

}
@media only screen and (max-width: 800px){

	#galleria{
		width: 600px !important;	
		height: 223px !important;
		overflow: hidden;
	}
	
	.sector li {
    		height: auto;
		padding: 0px 0px 0px 12px;
		width: 47%;
		max-width: 47%;
	}


	.footer-links, .footer-links1{
		width: 45.5%;
		max-width: 45.5%;
	}

	
	.footer-links, .footer-links1{
		margin-bottom: 15px;	
	}
	.addthis_toolbox{
		display:none;
	}
	
	img[src*="https://images.websitealive.com/images/hosted/upload/45524.png"]{
		/*position: absolute;
		right: 0px;*/
	}

	.breadcrumbs, .rightside-content-wrapper{
		width: 97%;
		max-width: 100%;
		clear:both;
		margin-left: 5px;
	}
	 .rightside-content-backdrop, .rightside-content{
		width: 100%;
		clear:both;
	}
	.rightside-content{
		margin-left: 0px;
		padding: 0px;	
	}

	.information-boxes-program-wrapper .information-box-red .infobox-heading-redbox{
		padding-top: 0px;
		margin: 0px;
	}
	.infobox-heading, .infobox-program-heading{
		padding: 	12px;
		margin: 0px;
	}
	.infobox-heading a,  .infobox-heading a:hover{
		padding: 12px;
		margin: -12px;
	}

	.information-boxes-wrapper .information-box-red, .information-boxes-wrapper .information-box-red-next{
		width: 44%;
		max-width: 44%;
		height: auto;
    	padding: 12px;
	}
	.information-boxes-program-wrapper {
		background-image: none !important;	
		margin-bottom: 5px;
	}

	.information-boxes-program-wrapper .information-box-red {
   		 width: 99%;
		 margin: 2px;
		 height: auto;
		 padding: 0px;
		 
	}
	
	.information-boxes-program-wrapper .information-box-red .information-box-image{
		clear: none;
    	margin-right: 10px;
    	margin-top: 10px;
    	width: auto;
	}
	
	.information-boxes-program-wrapper .information-box-red .infobox-lrgltr{
		font-size: 	80px;
		margin-top: 5px;
		margin-left: -10px;
		margin-right: 10px;

	}
	.information-boxes-program-wrapper .information-box-red .infobox-heading-redbox {
		margin: 10px;
		
	}
	.information-boxes-program-wrapper .information-box-red h2, .information-boxes-program-wrapper .information-box-red h3, .information-boxes-program-wrapper .program-information-link {
		margin-left: 20px;	
	
	}
	.information-box-red .program-information-heading{
		font-size: 1.4em;
	}

	.information-boxes-program-wrapper .program-information-link{
		position:relative !important;	
		padding: 0px;
	}
	.information-boxes-program-wrapper .program-information-link h2 {
		margin-left: 0px;
		padding: 0px;
	}

	.information-boxes-program-wrapper a.program-information-link{
		margin-left: 0px;
	}

	.information-box-inside, .information-box, .information-box-program  {
   		 width: 32.4%;
		 margin: 2px;

	}
		.leftside-information-wrap {
		margin-left: 5px;
		width: 100%;
		margin-bottom: 3px;
	}
	
	#listing, .bottomfix{
		background-color: #FFF;
		width: 97%;	
		display: block !important;	
		position: fixed !important;
		bottom: 0px;	
		z-index: 99;
		margin-bottom: 0 !important;
		padding-top: 0px;
	}
	
	 .countdown-information-top-box, .program-information-left-box-bottom, .program-information-left-box{
		width: 100%;
		float: left;
		padding: 5px 0px;
	}
	
	.leftside-information-wrap .program-information-heading, .leftside-information-wrap .information-listing {
    display: inline;
	}
	
	.leftside-information-wrap .submitform-large-box{
		clear: both;
		float: left;
		width: 100%;
		
	}
	.leftside-information-wrap .submitform-large-button-choices-white {
		clear: both;
		float: left;
		width: 97%;
		
	}

	.leftside-information-wrap .submitform-large-button-choices {
		width: 100%;
	}
	#wsa_embed{
		cursor: default !important;	
    		top: 1px !important;
		height: 30px !important;
	}
	#wsa_embed_minimize_div{
		width: 75px;
		height: 30px !important;
		float:right;	
		cursor: pointer;
	}
	#wsa_embed_minimize_div div{
		height: 30px !important;	
	}
	.topfix{
		position: fixed !important;
		top: 0px;	
		z-index: 99;
		margin-top: 0 !important;
		padding-top: 0px;
	}
	
	.program-information-left-box-bottom, .program-information-left-box{
		background: #da291c;
		color: #fff ;
		margin-bottom: 0px;
		padding-top: 5px;
	}
	.leftside-information-wrap .program-information-heading, .leftside-information-wrap .information-listing {
    	color: #fff;
    
	}
	.submitform-large-button-choices, .submitform-large-button-choices:hover{
		
		float: left !important;
		clear: both;
		margin-top: 10px;
			}
			
	#listing .submitform-large-button-choices, #listing .submitform-large-button-choices:hover{
		font-size: 20px !important;
		padding-top: 5px !important;
		font-weight: 700px !important;
		text-transform: uppercase !important;;
		margin-top: 1px !important;;
			}
			
	.program-information {
    
   		min-width: 180px;
		width: 95%;
	}
	
	.remove-box, .remove-box:hover{
		float: right;	
		margin-right: 2px;
		width: 24px;
		padding-bottom: 12px;
	}
	.remove-box:hover{
		background: #000;
	}
	
	
}

@media only screen and (max-width: 640px){
	.logo{
		margin-top: 5px;	
		/*background-image: url("http://www.senecacollege.ca/ce/system/modules/ca.on.senecac.www.fce/templates/common/styles/fall_2012/images/logo-mobile.jpg");*/
		width: 320px;
	
	}
	#login{
		margin-top: 10px;	
	}
	#galleria{
		width: 450px !important;	
		height: 168px !important;
	}
	#wsa_embed_minimize_div{
		display:none;
	}
	.breadcrumbs{display: hidden;}
	.class_filter{
		height: 0px;
	}
	.search-box-wrapper {
		margin-bottom: 3px;
	}
	input.gsc-search-button {
		width: auto !important;
		padding: 0px 10px ;
	}

	.submitform-large-button-choices, .submitform-large-button-choices:hover{
		
		width: 100%;
			}
	.registration-information-timer, .countdown-information-top-box, #countdown span{
		background-color: #da291c;
		color: #fff !important;
		font-size: 12px !important;
	
	}
	.information-boxes-program-wrapper .information-box-inside li{
		padding: 5px 0px;
		border-bottom: 1px dotted #BBBBBB;
	}
	
	.newsandupdates, #cancelled-classes{
		margin-bottom: 0px;
		height: auto;
		
	}
	.footer-links1 ul li, .footer-links ul li {
		padding: 5px 15px;
	}
	#login{
		padding: 10px 0px 6px;
	}
	.information-boxes-program-wrapper .information-box-red .infobox-lrgltr{
		display: none;
	}
	.rightside-dropdown-backdrop-explore {
		clear: both;
		margin: 5px 8px 10px 0;
		width: 100%;
	}
	.rightside-dropdown-backdrop{
		height: auto;	
	}
		/***reformat table**/
	#_OrientationInfo tr, #ori_list tr, .subject-information tr, #_Availability tr {
		position: relative;
		height: auto;
	}
	
	#_Availability tr td, .subject-information tr td, #_OrientationInfo tr td, #ori_list tr td {
		height: 55px;
		border: solid 0px blue;
	}
	.subject-table tr:nth-child(even) td:nth-child(1){
		border-bottom: 0px !important;
	}
	
	
	.subject-information tr th, .subject-information tr td,
	#_OrientationInfo tr th, #_OrientationInfo tr td,#ori_list tr td, #ori_list tr th, #_Availability tr td, #_Availability tr th
	{
		position: relative;
		float: left;
		display: block;
		clear: both;
		height: auto !important;
	}
	.subject-information tr th,
	#_OrientationInfo tr th, #ori_list tr th, #_Availability tr th
	{
	display: none;
	}
	
	
	.subject-table {
		width: 100%;	
	}
	.program-information-left-box,.program-information-left-box-bottom{
		display: block !important;	
	}
	.information-boxes-program-wrapper .information-box-inside ul{
		/*height: 0px;
		overflow: hidden;	*/
	}
	.userform_placeholder{
		display:none;
	}
	.rightside-content-column-spacer-right, .rightside-content-column-spacer-left, .rightside-content-column, .rightside-content-column-last, .userform {
		width: 300px;	
	}
	.section-day-of-week, .section-date, .section-time,  .location, .fees{
		width: auto;
		
	}
	.section-day-of-week:before{
		content: "Day: ";
		font-weight: normal;
		color: #666;			
	}
	.section-date:before{
		content: "Date: ";
		font-weight: normal;
		color: #666;	
	}
	.section-time:before{
		content: "Time: ";
		font-weight: normal;
		color: #666;	
	}
	.location:before{
		content: "Location: ";	
		font-weight: normal;
		color: #666;
	}
	.fees:before{
		content: "Cost: ";
		font-weight: normal;
		color: #666;	
	}
	
	#wsa_embed{
		height: 0px !important;
		background-image: none !important;
	}
	
	.rightside-registration-instruction {
	max-width: 100%;
}

  .rightside-registration-heading, .rightside-registration-heading table{
		
    max-width: 100%;
	clear: both;
	}
	.rightside-registration-heading td{
		position: relative;
		float: left;
		clear: both;
		display: block;
		width: 100%;
		text-align: left;
	}
	.rightside-registration-heading td.notices{
		border-bottom: solid 1px #ccc;
	}
	.rightside-registration-heading td.section-day-of-week{
	       padding-left: 0px;
	}
	.rightside-registration-heading td.fees,.rightside-registration-heading td.totalname, .rightside-registration-heading td.total{
		text-align: right;
		width: 100%;
	  float:left;
	}
  	.rightside-registration-heading td.totalname, .rightside-registration-heading td.total{
       	padding-right:6px;
       	}

	.rightside-registration-instruction table{
		width: 100%;
			
	}
	.rightside-registration-instruction table td, .rightside-registration-instruction .userform, 
	.rightside-registration-instruction .userform220{
		clear: both;
    		float: left;
    		position: relative;
    		width: 100%;
    		height: auto;
    		min-height: 40px;
			
	}
	
	

	
	.rightside-registration-instruction input[type='text']{
		width: 100% !important;
			
	}
	.rightside-registration-instruction select {
		margin-right: 10px;
		height: 30px !important;
		padding: 3px 5px;
		border: solid 1px #ccc;
			
	}
	
	.rightside-login-column div{
		clear: both !important;
    	margin-left: 0px;	
    		
    		height: auto;
    	
	}
	
	.submission550,  .submission550:hover{
		width: auto;
		min-width: 200px;
		margin-left: 0px;
	
	}
	.search-box-wrapper, .body-content-wrapper, .breadcrumbs, {
		margin-bottom: 0px;
		display: none;
	}

}

@media only screen and (max-width: 450px){
	.logo {
    	margin-bottom: 5px;
    	margin-top: 5px;
    	margin-left: 5px;
    	width: 65%;
    	/*background-size: 100% auto;*/
    	height: 56px;
	}
	.mobileNav{
		display:block;

	}
	#galleria{
		width: 100% !important;
	}

	#login{
		margin: 5px 0px;
		clear: none;
		padding: 10px 0 5px;
	}

	
	
	
	.newsandupdates, #cancelled-classes, .footer-links, .footer-links1, .sector li, .information-box-inside,.information-box, .information-box-program{
		width: 99%;
		max-width: 99%;
	}
.information-boxes-wrapper .information-box-red, .information-boxes-wrapper .information-box-red-next{
		width: 99%;
		max-width: 99%;
		
	}

	.information-box-inside, .information-box, .information-box-program  {
   		 height: auto;
		width: 100%;

	}
	
	.infobox-heading-inside, .rightside-registration-heading{
		margin-top: 0px;
		margin-bottom: 0px;
	}
	 .rightside-login-column{
	padding-top:0px;
	}
	.rightside-content-backdrop{
		margin-top: 0px;
	}
	.subject-information, #_Availability  {
    padding: 0px !important;
	}
	.subject-description {
		width: 75% !important;
	}
	.outline-links {
   		width: 25% !important;
	}
	
	.program-information{
		width: 90%;	
		padding-left: 5px;
	}
	#listing h2, #listing h3{
		font-size: 12px;
		margin: 0px;
		
	}
	#listing h3{
		margin-left: 5px;	
	}
	.countdown-information-top-box, .program-information-left-box-bottom, .program-information-left-box {
    padding: 0px;
    display: block !important;
   margin-bottom: 0px;
    
	}
	.registration-information-timer{
		font-size: 10px;
    		line-height: 12px;
    		color: #000;
	}
	
	.submitform-go-box {
	    clear: left;
	}
	.submitform-go-button, .submitform-go-button:hover {
	margin: 0;
	
	}
	
}